#pills-recent-tab.nav-link.active {
  background-color: black !important;
  color: white !important; 
  border-color: black !important; 
}

#pills-recent-tab.nav-link.active:hover,
#pills-recent-tab.nav-link.active:focus {
  background-color: black !important;
  color: white !important;
  border-color: black !important;
}


.barberShop_testimonial_area .container {
    max-width: 100%;
    
}



.services-thumb .container {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .services-thumb {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  
 .header-wrapper.style-16.furniture-header.sayara-cosmetics-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .header-middle {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .headermid-wrapper,
  .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  } 
  
  
  
  
  .footer-logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .footer-widget.widget,
  .footer_mango_widget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  
  
  
  



/*.tabs-product-section .section-title.mango-section-title h1 {*/
/*    font-weight: 900 !important;*/
/*}*/


.section-title.mango-section-title h1 {
  font-weight: 700 !important;
  -webkit-text-stroke: 0.3px black; /* adds thickness */
}


.append_testimonial .prev-icon, .append_testimonial .next-icon {
    background-color: var(--button-color) !important;
}


.tabs-product-section .section-title h1 {
  font-weight: bold; 
}

.headermid-wrapper .search-boxheader {
    display: none;
}

.headermid-wrapper .input-form button {
    position: absolute;
    left: 95% !important;
    width: 25px;
    height: 25px;
    border: 1px solid transparent;
    background: transparent;
}

.headermid-wrapper .input-form  input {
    padding: 0 45px 0 15px !important;
    border-radius: 40px;
}

.mango-product-tabs-container .product-container .product-card-content .tag {
    color: #222 !important;
    font-weight: 700 !important;
}

.topheader-wrapper #top-cart-open-anchor {
    display: block !important;
}

@media (max-width: 1200px){
    .headermid-wrapper .search-boxheader {
        display: block;
        margin: 15px 0 0 0;
    }
    .header-top #search {display: none;} 
    .furniture .header-middle .middle-entry i {
        font-size: 25px;
    }
    .cart-responsive .openCart i {
        font-size: 32px !important;
    }
    .topheader-wrapper #top-cart-open-anchor {
        display: none !important;
    }
}

@media (min-width: 1024px) {
  .tabs-product-section .section-title h1 {
    font-size: 48px; 
  }
}



.main-content .section-title-mango-section-title h1 {
  font-weight: bold;
}

@media (max-width: 992px){
    .headermid-wrapper .input-form button {
        left: 93% !important;
    }
}

@media (max-width: 768px){
    .header-top {
        display: none;
    }
    .headermid-wrapper .input-form button {
        left: 91% !important;
    }
}

@media (max-width: 576px){
    .footer-sticky-bottom ul li img {
        height: 25px;
        width: 25px;
        object-fit: contain;
    }
    .footer-sticky-bottom ul li span {
        margin: 0 !important;
    }
    .headermid-wrapper .input-form button {
        left: 90% !important;
    }
}

@media (max-width: 450px){
    .headermid-wrapper .input-form button {
        left: 88% !important;
    }
}

 @media (max-width: 430px) {
 .promo-banner-box,
 .promo-banner-box .cat-contents { 
   height: 110px !important; 
   width: 110px !important; 
   border-radius: 50%; 
   overflow: hidden;
   margin: auto;
 }

 .promo -banner-box img { 
   max-width: 100%; 
   max-height: 100%; 
   object-fit: cover; 
   border-radius: 50%; 
     
 }

@media (max-width: 430px) {
  /* Make item itself small and round */
  .owl-item .item {
    width: 110px !important;
    height: 110px !important;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px; /* spacing between items */
  }

  .owl-item .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }
  
  .cat-roundslider .cat-sl .owl-dots {
        margin: 20px 0 0 0;
    }

  /* Make the stage display flex so items wrap nicely */
  .owl-stage {
    display: flex !important;
    justify-content: start;
    gap: 5px; /* space between items */
  }

  /* Optional: remove Owl Carousel inline width */
  .owl-item {
    width: auto !important;
  }
}

@media (max-width: 360px){
    .headermid-wrapper .input-form button {
        left: 85% !important;
    }
}