@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.custom-header {
    display: flex !important;
    justify-content: space-between !important;
    padding: 10px 15px 0px 15px !important;
}

.bg-template-primary {
    background-color: #666cff !important;
}

#required {
    color: red;
    font-size: 16px;
}

.menu-icon,
.menu-icon::before,
.menu-icon::after {
    font-size: 1.2rem !important;
}

/* common */

body {
    font-family: "Times New Roman", Times, serif;
}

.drop-shadow-black {
    filter: drop-shadow(10px 10px 4px #3d3d3d) !important;
}

 [x-cloak] {
     display: none !important;
 }

/* swiper */
.swiper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination-bullet {
    background: white !important;
    opacity: 100 !important;
}

.swiper-pagination-bullet-active {
    background: #9fa19f !important;
}

/* .product-slide {
    height: 100% !important;
} */

.brand-swiper .swiper-slide {
    height: auto;
}

/*
.brandSwiper1 .swiper-slide {
    border-radius: 1.5rem;
    overflow: hidden;
}

.brandSwiper2 .swiper-slide {
    border-radius: 1.5rem;
    overflow: hidden;
}

.brandSwiper3 .swiper-slide {
    border-radius: 1.5rem;
    overflow: hidden;
} */

.logoSwiper .swiper-slide {
    border-radius: 1.5rem;
    overflow: hidden;
}

.logoSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-product-img{
   width: 8rem;
}

@media screen and (max-width: 767px) {
    .swiper-slide {
        height: 6rem !important;
    }
    .product-slide {
        height: auto !important;
    }
    .brandSwiper1 .swiper-slide {
        width: 100% !important;
        height: 13rem !important;
        overflow: hidden;
    }
    .brandSwiper2 .swiper-slide {
        width: 100% !important;
        height: 13rem !important;
        overflow: hidden;
    }
    .brandSwiper3 .swiper-slide {
        width: 100% !important;
        height: 13rem !important;
        overflow: hidden;
    }

    .logoSwiper .swiper-slide {
        /* width: 122px !important; */
        height: 3rem !important;
        overflow: hidden;
    }

    .logoSwiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* homepage */

.banner-bg-blur {
    position: relative;
    overflow: hidden;
}

.banner-bg-blur::before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    background-size: cover;
    background-position: center;
    filter: blur(10px);
    z-index: 0;
}

.banner-bg-blur > * {
    position: relative;
    z-index: 1;
}