/* Add custom CSS styles below */

/*============= Header Navbar =============*/
.top-navbar{
  background: #252f30 !important;
  border-bottom: none !important;
}
#mainnav , #mobile-menu{
  background: black !important;
}
.logo-normal{
  width: 60px !important;
  
}

@media (max-width: 767px) {
  .advanced-slider__image{
  width: 100%;
  height: 80%;
  object-fit: inherit !important;
}
}

/*============= Special Category =============*/

.special-cats-sec2{
 width: 80% !important;
  margin: 30px auto !important;
}
.special-cats-sec2 div.absolute.inset-0.hidden {
  top: 80px !important;
}

#div-text-cats{
  margin-left:auto;
  margin-right: auto;

}
span.absolute.inset-0 ,span.category-name.text-lg{
    visibility: hidden !important;
}
.group .absolute.inset-0.overflow-hidden img{
transform: scale(1.1) !important;
}

@media (max-width: 767px) {
  .special-cats-sec2{
     width: 100% !important;
     margin-top: -100px !important;
  }
  #div-Cats-style , #div-Features-style , #div-faq-style{
    width: 100% !important;
  }
}


/*============= Button Style Cats =============*/

button.btn-tab-primary.product-tab.active , button.btn-tab-primary.product-tab:hover {
  color: white !important;       
  background: linear-gradient(to right, #c99e52, #df7f7a) !important;
border: 1px #df7f7a  solid !important;
  
}
 button.btn-tab-primary.product-tab{
   border: 1px #df7f7a  solid !important;
   color: #c99e52;
 }
a.advanced-slider__caption__inner__content__button.outlined{
 position: absolute !important;
  inset: 0 !important;       
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
}


/*============= FAQ =============*/

#div-text-faq{
  margin-bottom: 20px !important;
}
.single-faq{
  background: rgba(217, 217, 217, 0.9); !important;
border: 1px rgba(217, 217, 217, 0.9) solid !important;
}
.single-faq button p{
  color: black !important;
}
.single-faq button .sicon-keyboard_arrow_down{
 background: linear-gradient(to bottom, #c99e52, #df7f7a) !important;
}

/*============= features =============*/

div.s-block--enhanced-features__item.group.overflow-hidden {
  background: linear-gradient(to bottom, #FFF7E0, #FFFFFF) !important;
  border: 3px solid transparent; 
  border-image: linear-gradient(to bottom, #FBDC8A, #F38982) 1; 
  border-radius: 8px !important; 
}


/*============= Foteer =============*/
.footer-is-custom .store-footer .store-footer__curve {
      color: black !important;
}
.store-footer__inner .container .lg\:col-\[2\] img{
  width: 80px !important;
}
.footer-is-custom .store-footer .store-footer__inner ,
.store-footer__contacts-row{
   background: black !important;
}
.footer-bottom{
  background: #0e100f !important;
}