@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");

:root{
    --blue-color: #258EC9;
    --red-color:#CF2145;
}

.header-top{
    background: var(--blue-color);
}

.header-part.active .header-form{
    border-color: var(--blue-color);
}

.header-widget sup{
    background-color: var(--red-color);
}
.header-widget:hover i{
    background: var(--red-color);
}

.header-widget:hover span{
    color: var(--red-color);
}

.header-form:focus-within{
    border-color: var(--blue-color);
}
.header-part.active .header-widget:hover i{
    background: var(--red-color);
}
.navbar-link{
    font-weight: 400;
    font-size: 15px;
}
body,html{
    overflow: auto;
}
.banner-part:before{
    display: none;
}


.navbar-link:hover{
    color: var(--blue-color);
}
.dropdown-position-list li a:hover{
    color: var(--blue-color);
}

.suggest-card h5{
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    color: var(--sub-heading);
}

.suggest-card::before{
    display: none;
}

.suggest-card{
    padding: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.banner-part{
    padding: 0px;
}
.banner-part img{
    height: 450px;
    width: 100%;
    object-fit: cover;
    object-position: right;
}

.suggest-slider .slick-track{
    padding: 15px 0px;
}

.suggest-card h5{
    font-size: 16px;
}

.suggest-card h5 span{
    color: #87b2cb;
    font-size: 13px;
    font-weight: 400;
}

.suggest-card:hover h5{
    color: var(--blue-color);
}

.section-heading{
    text-align: left;
}


.section-heading h2{
    font-size: 32px;
    font-weight: 400;
}
.section-heading h5{
    font-weight: 400;
}
.dandik, .bamdik{
    color: var(--blue-color);
}

.dandik:hover, .bamdik:hover{
    background: var(--blue-color);
}
.product-card:hover{
    border: none;
}

.product-name a{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.product-media a{
    width: 100%;
}
.product-image img {
    width: 100%;
    height: 170px;
    object-fit: contain;
    object-position: center;
}
.product-name a{
    font-weight: 400;
    font-size: 15px;
}
.product-price del,
.feature-price del{
    color: #888;
    font-size: 13px;
    font-weight: 300;
}
.product-name a:hover{
    color: var(--blue-color);
}

.feature-image img{
    height: 220px;
    object-fit: contain;
}

.product-add:hover{
    background-color: var(--blue-color);
    color: white;
}
.intro-icon i{
    color: var(--blue-color);
    border-color: var(--blue-color);
}

.intro-wrap:hover .intro-icon i{
    background: var(--blue-color);
}
.section{
    margin-bottom: 70px;
}

.intro-part {
    padding: 80px 0px;
    background: #edf7ff;
    border-bottom: 1px solid #ececec;
}

.footer-part{
    background: #edf9ff;
}

.footer-contact li i{
    color: #3f3f3f;
}

.backtop{
    display: none!important;
}

.footer-social li a{
    color: #3f3f3f;
}

.footer-social li a:hover{
    background-color: #888;
}
.section-heading{
    margin-bottom: 25px;
}

.footer-bottom{
    background-color: var(--blue-color);
    justify-content: center;
}
.navbar-list{
    flex-wrap: wrap;
    justify-content: center;
}

.mobile-menu a sup, .mobile-menu button sup{
    background: var(--red-color);
}
.header-user i:hover, .header-src i:hover{
    background:var(--red-color);
}
.product-price span{
    color: #444;
}
.feature-card:hover{
    border-color: var(--blue-color);
}
.cart-total i{
    color: white;
}
.cart-total span{
    color: white;
}
.cart-header{
    background: var(--blue-color);
}


@media(max-width:991px){
    .banner-part img{
        height: 250px;
    }
}

@media(max-width:768px){
    .section{
        margin-bottom: 40px;
    }
    .section-heading h2{
          font-size: 15px;
    line-height: 1;
    FONT-WEIGHT: 500;
    }
    .section-heading h5{
        font-size: 10px;
    }
    .banner-part img{
        height: 220px;
    }

}

@media(max-width:450px){
    .banner-part img{
        height: 110px;
    }
}



/**/
.aiz-category-menu .category-nav-element:hover > a{
    box-shadow:none;
    text-transform:capitalize;
    color:var(--blue-color)!important;
}


.header .category-nav-element > a{
    font-size:15px;
    padding:22px 0px!important;
    padding-right:18px!important;
    height:initial;
}
.header-top{
    padding:7px 0px;
}



.dropdown-arrow:hover::before {
  color: var(--primary);
}
.dropdown-arrow::before {
  position: absolute;
  content: "\ea99";
  top: 50%;
  right: 0px;
  font-size: 15px;
  line-height: 15px;
  color: var(--text);
  font-family: IcoFont;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}


.header .category-nav-element{
    position:relative;
}
.aiz-category-menu .category-nav-element .sub-cat-menu{
           width: 200px;
    left: 0px;
    top:100px!important;
    border:1px solid #e8e8e8;
    height:auto;
        border-radius: 8px;
        
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    overflow:unset;
    min-height:60px;
}
.aiz-category-menu .category-nav-element:hover .sub-cat-menu{
width: 200px;
    padding: 10px!important;
    top: 70px!important;
}

.aiz-category-menu .category-nav-element:hover .sub-cat-menu li a{
    padding:8px 15px;
}

.aiz-category-menu .category-nav-element .sub-cat-menu::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: -7px;
    left: 12px;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: var(--white);
    border-top: 1px solid var(--border);
    border-left: 1px solid var(--border);
}
.header .category-nav-element{
    height:auto;
}




.aiz-category-menu .category-nav-element .sub-cat-menu li a{
    width:100%;
        font-size: 15px;
    line-height: 18px;
    border-radius: 8px;
    padding: 8px 15px;
    color: var(--text);
}



.header .category-nav-element .sub-cat-menu a{
    height:auto;
    border-radius:8px;
}
.header .category-nav-element .sub-cat-menu a:hover::before{
    display:none;
}

.header .category-nav-element .sub-cat-menu a:hover{
    background:#f5f5f5;
    color:var(--blue-color)!important;
}
.breadcrumb-item + .breadcrumb-item::before{
    color:#939393;
}
.breadcrumb-item a{
    font-size:14px;
}


.breadcrumb__text h2{
    font-family:'Rubik', sans-serif !important;
}

.breadcrumb .breadcrumb-item:last-child(){
    color:var(--blue-color);
}


.header-logo{
    height:auto;
}

.related-products-section .slick-slide img{
    object-fit:contain;
}


.suggest-card{
    width:100%;
}


.suggest-card img{
    width:100%;
    height:153px;
    object-fit:cover;
    
}


.collabSwiper .swiper-wrapper{
    padding:15px 0px;
}

.swiper .swiper-button-next, .swiper .swiper-button-prev{
    visibility:hidden;
    opacity:0;
    transition:0.5s all ease-in-out;
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background:white;
    box-shadow:var(--primary-bshadow);
    color:var(--blue-color);
    cursor:pointer;
    border-radius:50%;
}
.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev{
    visibility:visible;
    opacity:1;
}

.swiper:hover .swiper-button-next.swiper-button-disabled, .swiper:hover .swiper-button-prev.swiper-button-disabled{
    opacity:0.5;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size:24px!important;
    font-weight:600;
}
.aiz-category-menu{
    margin:0px;
    background-color:white!important;
    padding:0px 12px;
}
.header-logo img{
    height:45px!important;
    width:auto!important;
    min-width:80px;
}
.nav-cart-box{
    margin:0px 10px!important;
}

.ico-account{
    margin-left:5px!important;
}

.swiper:hover .swiper-button-next:hover, .swiper:hover .swiper-button-prev:hover{
    color:white;
    background:var(--blue-color);
}

.aiz-main-wrapper{
    background-color:#f5f6f7;
}

.breadcrumb-filter-mobile .form-group{
    display:flex!important;
}
.breadcrumb__text h2{
    font-size:24px;
    font-weight:500;
}


.breadcrumb-filter-mobile .form-group{
    align-items:center;
}


.breadcrumb-filter-mobile .bootstrap-select.form-control-sm .dropdown-toggle{
        font-size: 15px;
    padding: 0px 16px;
    letter-spacing: 0.3px;
    background-size: 12px 10px;
    text-transform: capitalize;
    color: var(--text);
    border:1px solid #ced4da;
    cursor: pointer;
    margin-left:5px;
    background-color:#ffffffcf!important;
}


.breadcrumb-filter-mobile .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    height:calc(1.5rem + 0.8rem + 2px);
    line-height:calc(1.5rem + 0.8rem + 2px);
}
.breadcrumb-filter-mobile .form-group{
    margin-bottom:5px;
}

.detailed-page-right{
        padding: 35px 35px;
    border-radius: 8px;
    background: var(--white);
}



.detailed-page-right .single-product-name{
    line-height: 1.5;
    color: #39404a;
    font-weight:500!important;
}

.detailed-product-brand img{
    height:40px;
    width:auto;
}
.product-detailed-price strong{
        font-size: 22px;
    font-weight: 500;
    color: var(--primary);
}


.product-detailed-price span{
        text-transform: capitalize;
    color: #666;
}

.detailed-page-right .product-price{
    justify-content:left;
    margin:0px;
}

.detailed-page-right .product-price strong{
    margin:0px;
    color: var(--primary);
    font-size:26px;
}

.detailed-page-right .detail-product-info p{
    color:#555;
}
.jssocials-share-link{
    padding:.35em .4em;
    border-radius:5px;
}

.detailed-page-right .add-to-cart{
    font-weight:400;
    background:linear-gradient(54deg, #119744, #15c458);
            width: 100%;
    padding: 10px 0px;
    transition:0.5s all ease-in-out;
}

.detailed-page-right .add-to-cart:hover{
    background:linear-gradient(54deg, #128f42, #0c9d44);
}


.product-details-tabs{
        background: white;
    padding: 25px 25px;
    border-radius: 8px;
    margin-bottom: 25px;
    justify-content:center;
}

.product-details-tabs a{
    padding:0px 20px;
    border-right:1px solid var(--border);
    font-weight:500!important;
    text-transform:uppercase;
    color:var(--heading);
    
}

.product-details-tabs a:last-child(){
    border:none;
}

.aiz-nav-tabs a.active{
    color:var(--blue-color)!important;
    background:transparent;
    
}

 .product-details-tab-content{
        background: white;
    border-radius: 8px;
    padding: 15px;
}
.progressbar li.active:before{
    border-color:var(--blue-color)!important;
    color:var(--blue-color)!important;
}
.progressbar li:first-child:before{
    border-width:3px;
}

.progressbar li:nth-child(1) span::after{
    background:var(--blue-color);
}

.cartactive{
    color:var(--blue-color)!important;
}
.progressbar span{
    color:#555;
    font-weight:400;
}
.progressbar li.active + li:after{
    background-color:var(--blue-color);
}
.btn i{
    margin-right:0px;
}




/*lab tests*/
.section.labtest{
  background: white;
  padding-top: 2em;
}

.labtest .product-card{
  border: 2px dashed;

  
}

.labtest .product-card p{
  font-size: 12px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 1.7;
}
.labtest .product-card .product-content{
  border:none
}
.labtest .swiper-slide:nth-child(3n+1) .product-card {
  background: aliceblue;
  border-color: #1494a975;
}
.labtest .swiper-slide:nth-child(3n+2) .product-card {
  background: #daffe8;
  border-color: #11974487;
}
.labtest .swiper-slide:nth-child(3n+3) .product-card {
  background: #ffdfe7;
  border-color: rgb(213 33 74 / 37%);
}

.labtest .swiper-slide:nth-child(3n+1) .product-card a{
  color: var(--blue);
}
.labtest .swiper-slide:nth-child(3n+2) .product-card a{
  background: #daffe8;
  color: var(--primary);
}
.labtest .swiper-slide:nth-child(3n+3) .product-card a{
  background: #ffdfe7;
  color: #D5214A;
}

.breadcrumb-item+.breadcrumb-item::before{
  content: '>';
}

.labtest-form-div{
  padding: 20px 20px;
  border-radius: 8px;
  margin-bottom: 25px;
  background: var(--white);
  border: 1px solid var(--white);
}

.labtest-form-div .labtest-form .form-check label{
  font-size: 14px;
}

.labtest-form-div .labtest-form .form-button button{
  width: 100%;
  background: linear-gradient(45deg, #2d81b1, #279bdc);
  padding: 8px 25px;
  text-align: center;
  color: white;
  text-transform: capitalize;
  border-radius: 3px;
  transition: 0.5s all ease-in-out;
}

.labtest-form-div .labtest-form .form-button button:hover{
  background:linear-gradient(45deg, #1e465d, #28688c);
}

.product-detail-card{
  background:white;
  padding:2em;
  border:2px dashed #989898;
  text-align: left;
}

.product-detail-card img{
  width: 100%;
  height: auto;
}

.product-detail-card .product-content{
  text-align: left;
}

.product-detail-card .product-name{
  font-size: 21px;
  color: var(--blue-color);
  margin-bottom: 0.5em;
}

.product-detail-card .product-content{
  margin-bottom: 1em;
}

.product-detail-card .product-package h5{
  margin-bottom: 0.2em;
}


.product-detail-card .product-package ul li{
  margin-bottom: 10px;
}
.product-detail-card .product-package ul li::before{
  content:"\2714\0020";
  color: var(--blue-color);
}

.labtest .product-card p span{
    font-size:12px;
}

.list-unstyled.categories{
    border-top:1px solid var(--border);
}


#checkout-form .card-header h3{
    color:var(--blue-color);
}

.progressbar li:nth-child(3) span::after{
    background:var(--blue-color) !important;
}

.header-main {
    position: sticky;
  top: 0;
  width: 100%;
  box-shadow:rgba(0, 0, 0, 0.06) 0px 3px 4px, rgba(0, 0, 0, 0.04) 0px 3px 3px, rgba(0, 0, 0, 0.08) 0px 1px 8px;
  z-index: 1000;
}

.mobile-bottom-menu{
        position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white;
    padding: 15px 10px;
    z-index:8;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding-bottom:10px;
    display:none;
}

.mobile-bottom-menu ul{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
}

.mobile-bottom-menu ul li a{
    display:flex;
    flex-direction:column;
    text-align:center;
    gap:5px;
    color:#555;
    font-size:11px;
    line-height:1;
}
.mobile-bottom-menu ul li a i{
    font-size:17px;
}
.list-unstyled.categories{
    justify-content:space-between;
}
.mobilemenuitems a img{
        height: auto;
    margin-right: 10px;
    width: 24px;
}
.mobile-intro{
    padding:0px 10px;
    text-align:center;
}
.mobile-intro img{
    height:40px;
}

.labtestSwiper .product-image img{
    object-fit:cover;
}



@media(max-width:991px){
    .mobile-bottom-menu{
        display:block;
    }
}


.footer-contact li a{
    word-break:break-all;
}



.brands-part .swiper-slide .suggest-card{
        height: 200px;
    width: 200px;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    background:white;
}
.brands-part .swiper-slide .suggest-card img{
        width: 50%;
    height: auto;
    object-fit: contain;
}




@media(max-width:768px){
    .brands-part .swiper-slide .suggest-card{
        height:150px;
        width:150px;
    }
    .labtestSwiper .product-card{
        padding:10px;
    }
}
@media(max-width:600px){
    .labtestSwiper .product-card{
        padding:10px;
    }
}
@media(max-width:576px){
    .brands-part .swiper-slide .suggest-card{
        height:120px;
        width:120px;
    }
}




.banner-part img{
    height:auto;
}
.healthconcernSwiper .swiper-wrapper{
    padding:10px 0px;
}

.health-concern-div{
    background:linear-gradient(130deg, var(--blue-color), #40a7e1);
    padding:50px 0px;
}
.health-concern-div .section-heading h2,.health-concern-div .section-heading h5{
    color:white;
}
.health-concern-div .swiper-slide{
    background:white;
    border-radius :5px;
}