html {
    scroll-behavior: smooth;
}

body {
    box-sizing: border-box;
    font-family: "Poppins";
    scroll-behavior: smooth;
    margin: 0;
    background-color: #fcfcfc;
}

a {
    text-decoration: none;
}

ol,
ul,
menu {
    list-style: none;
}

:root {
    /* transition */
    --transition-1: 0.15s ease;
    --transition-2: 0.35s ease;
    --cubic-in: cubic-bezier(0.51, 0.03, 0.64, 0.28);
    --cubic-out: cubic-bezier(0.33, 0.85, 0.56, 1.02);
}

.grid-auto-xs,
.grid-auto-sm,
.grid-auto-md,
.grid-auto-lg,
.grid-auto-xl {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--col-min-width), 1fr));
    margin-top: 150px;
    padding: 20px 64px;
}

.grid-auto-xs {
    --col-min-width: 8rem;
}

.grid-auto-sm {
    --col-min-width: 10rem;
}

.grid-auto-md {
    --col-min-width: 15rem;
}

.grid-auto-lg {
    --col-min-width: 20rem;
}

.grid-auto-xl {
    --col-min-width: 25rem;
}

/* -------------------------------- 
  
  Utilities 
  
  -------------------------------- */

.cd-width-100\% {
    width: 100%;
}

.cd-block {
    display: block;
    border-radius: 8px;
    height: 300px;
    object-fit: cover;
}

@media (max-width: 1024px) {

    .grid-auto-xs,
    .grid-auto-sm,
    .grid-auto-md,
    .grid-auto-lg,
    .grid-auto-xl {
        padding: 20px 24px;
    }
}

@media (min-width: 1440px) {

    .container,
    #contactus,
    #faqs,
    .product-details,
    .products,
    .services-section,
    .hero,
    .footer-content,
    .copyright,
    .grid-auto-md,
    .filter-section {
        padding-left: 120px;
        padding-right: 120px;
    }
}