.main-wrapper{
    background: #f8f9fa;
}
.carousel-indicators [data-bs-target]{
    height: 10px;
    width: 10px;
    opacity: .7;
}
.carousel-indicators .active{
    opacity: 1;
    background-color: #fff;
}
.products_types .nav-tabs{
    border-bottom: 2px solid #c4c4c4;
}
.products_types .nav-tabs .nav-item.show .nav-link,  .products_types .nav-tabs .nav-link.active{
    border-color: transparent;
    background: transparent;
}
.products_types .nav-tabs .nav-link.active:focus, .products_types .nav-tabs .nav-link.active:focus-visible, .products_types .nav-tabs .nav-link.active:hover, .products_types .nav-tabs .nav-link.active:focus-within{
    border-color: transparent;
}
.products_types .nav-tabs .nav-item.show .nav-link:hover{
    border-color: transparent;
}
.products_types .nav-tabs .nav-link:focus, .products_types .nav-tabs .nav-link:hover{
    border-color: transparent;
}
.products_types .nav-tabs .nav-link{
     color: #429a13;
    font-weight: bold;
}
.products_types .nav-tabs .nav-link.active{
    color: #ffc107 !important;
    font-weight: bold;
}

.category_products{
    margin-top: 20px;
}
.category_products .banner.style1{
    background: linear-gradient(to right, #f2e5af, #89f4e1);
    background: -moz-linear-gradient(to right, #f2e5af, #89f4e1);
    background: -o-linear-gradient(to right, #f2e5af, #89f4e1);
    background: -webkit-linear-gradient(to right, #f2e5af, #89f4e1);
}
.category_products .banner.style2{
    background: linear-gradient(to right, #b0fafe, #65cefe);
    background: -moz-linear-gradient(to right,#b0fafe, #65cefe);
    background: -o-linear-gradient(to right,#b0fafe, #65cefe);
    background: -webkit-linear-gradient(to right,#b0fafe, #65cefe);
}
.category_products .banner.style3{
    background: linear-gradient(to right, #efed8e, #fed286);
    background: -moz-linear-gradient(to right, #efed8e, #fed286);
    background: -o-linear-gradient(to right, #efed8e, #fed286);
    background: -webkit-linear-gradient(to right, #efed8e, #fed286);
}
.category_products .banner.style4{
    background: linear-gradient(to right, #7c75ff, #cbd1fd);
    background: -moz-linear-gradient(to right, #7c75ff, #cbd1fd);
    background: -o-linear-gradient(to right, #7c75ff, #cbd1fd);
    background: -webkit-linear-gradient(to right, #7c75ff, #cbd1fd);
}
.category_products .banner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.category_products .banner .title{
    font-size: 20px;
    font-family: var(--popins);
    color: #043c32;
    font-weight: 700;
}
.category_products .banner .left{
    position: relative;
}
.category_products .banner .sub_title{
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    color: #e30000;
    text-shadow: 1px 1px white;
}
div.quantity_box button[type="button"] {
    padding: 0 5px;
    min-width: 25px;
    min-height: unset;
    height: 42px;
    border: 2px solid rgb(211, 211, 211);
    background: white;
    box-shadow: none;
    color: black;
    border-radius: 0;
}

.product-item{
    width: 23.5%;
    margin-bottom: 10px;
}
.ctgName {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    text-shadow: 2px 2px #000;
    color: white;
    text-align: center;
    font-weight: bold;
    width: 100%;
    font-size: 25px;
}

.countdown_box{
    display: flex;
    flex-warp: wrap;
    align-items: center;
    gap: 10px;
    padding: 8px;
}

.countdown_box .count_item{
    height: 100px;
    width: 100px;
    display: grid;
    place-content: center;
    border-radius: 50%;
    border: 3px solid white;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}


@media (max-width: 769px){
    .countdown_box .count_item{
        height: 70px;
        width: 70px;
        font-size: 20px;
    }
}
@media(min-width: 1200px){
    .min-h-430{
        min-height: 430px;
    }
}
.service-support-box a {
    color: #000;
}
.divide {
    padding-top: 16px;
}

.feature-cat {
    box-shadow: 1px 1px 4px 0px #bbbbbb;
}

.col-lg-feaCat {
    flex: 0 0 auto;
    width: 10.3%;
    /*background: #fff;*/
    /*border-radius: 7%;*/
}
.col-lg-feaCat .category img:hover{
    scale: 1.1;
}


p.featureItem {
    color: #000;
    font-weight: 600;
    font-size: 12px;
    margin: 6px 0;
}
.img-fluid {
    max-width: 85%;
    height: auto;
    clip-path: polygon(50% 0, 100% 25%, 100% 80%, 50% 101%, 0 80%, 0 25%);
}

.promo-v1{
    font-size: 26px;
    font-weight: bold;
    border-bottom: 1px solid #000;
}



@media (min-width: 320px) and (max-width: 768px) {
    .col-lg-feaCat {
        flex: 0 0 auto;
        width: 30%;
    }
    .category_products .banner .title {
        font-size: 20px;
    }
    .category_products .banner {
        flex-wrap: none;
        padding: 10px 1px;
    }
    .product-item{
        width: 46%;
        margin-bottom: 10px;
    }
}

@media (min-width: 320px) and (max-width: 350px) {
    .ctgName{
        white-space: nowrap;
        font-size: 18px;
    }
}

@media (min-width: 351px) and (max-width: 390px) {
    .ctgName{
        white-space: nowrap;
        font-size: 20px;
    }
}


@media (min-width: 320px) and (max-width: 400px) {
    .product-item{
        width: 45% !important;
        margin-bottom: 10px;
    }
}


@media (min-width: 769px) and (max-width: 1024px) {
    .col-lg-feaCat {
        flex: 0 0 auto;
        width: 23%;
    }
    p.featureItem {
       font-size: 14px; 
       margin-top: -24px;
    }
    .product-item{
        width: 31.2%;
        margin-bottom: 10px;
    }
}
@media (min-width: 1200px) and (max-width: 2600px) {
    .category_dropdown_box .categories{
        height: 452px;
    }
    .heightFixed{
        height: 445px;
    }
}
.bg_image{
    aspect-ratio: 3/1;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.date_title{
    font-size: 30px;
}
.date_see_all{
    white-space: nowrap;
}
.promo-count{
    padding: 2px 10px;color: #ffffff;border-radius: 2px;vertical-align: middle;font-size: 50px;
}
.mobileShow{
    display: none;
}
@media (max-width: 1300px){
    .promo-count{
        padding: 2px 10px;color: #ffffff;border-radius: 2px;vertical-align: middle;font-size: 30px;
    }
    .countdown_box .count_item{
        height: 80px;
        width: 80px;
        display: grid;
        place-content: center;
        border-radius: 50%;
        border: 3px solid white;
    }
}
@media(max-width: 1200px){
    .date_title{
        font-size: 25px;
    }
}
@media(max-width: 768px){
    .date_title{
        font-size: 20px;
    }
    .date_see_all {
        font-size: 25px;
        margin-top: 10px;
    }
    
    .category_products .banner .title {
        font-size: 20px;
    }
    .countdown_box .count_item{
        height: 80px;
        width: 80px;
        font-size: 30px;
    }
    
    .mobileShow{
        display: block;
    }
    .mobileHide{
        display: none;
    }
    .bg_image {
        aspect-ratio: 3 / 2;
    }
    
}

@media (max-width: 420px) {
    .category_products .banner .title {
        font-size: 20px;
        width: 215px;
        overflow: hidden;
        white-space: nowrap;
    }
    .countdown_box .count_item {
        height: 70px;
        width: 70px;
    }
    
}

 @media (min-width: 450px) and (max-width: 649px){
    .countdown_box .count_item{
        height: 95px;
        width: 95px;
        font-size: 40px;
    }
    .category_products .banner .title {
        font-size: 20px;
    }
 }
 @media (min-width: 650px) and (max-width: 768px){
    .countdown_box .count_item{
        height: 120px;
        width: 120px;
        font-size: 50px;
    }
    .category_products .banner .title {
        font-size: 20px;
    }
    .date_see_all {
        font-size: 40px;
        margin-top: 20px;
    }

 }


.cat_item{
   display: flex;
   gap: 10px;
   align-items: center;
   padding: 10px;
   text-align: left;
   background: #00ffff14;
}
.cat_image{
   height: 50px;
   width: 50px;
   border-radius: 0;
}
.brand-slider .cat{
   padding: 5px;
}
.brand-slider .cat a{
   color: #666;
}

/* slick initialize হওয়ার আগে hide */
.product_slider.loading {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

/* slick initialize হওয়ার পরে show */
.product_slider.slick-initialized {
    opacity: 1;
    height: auto;
    transition: opacity .3s ease;
}



.brand-slider {
    display: none;
}

.brand-slider.slick-initialized {
    display: block;
}