.hero-slider-1 .single-hero-slider {
    background-position: 50%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    border-radius: 30px !important;
  	aspect-ratio: 1000 / 340 !important;
}
.header-style-1 .search-style-2 form{
	max-width: 825px !important;
    border-radius: 25px !important;
}
.categories-dropdown-wrap .categories-button-active p{
	padding: 12px;
  	background: var(--color-brand);
    color: #fff;
  	text-align: center;
    font-size: 20px !important;
    font-weight: bolder;
  	border-radius: 8px 8px 0px 0px;
}
.categories-dropdown-wrap.style-2{
	width: 100% !important;
}
.categories-dropdown-wrap.style-2 ul li a{
	font-weight: 600 !important;
}
.bb-product-filter-content:has(.bb-product-filter-items){
	overscroll-behavior-y: unset !important;
}



.megamenu-c{
  width: 100%;
  border-radius: 15px;
}
.megamenu-c .card-header{
  background: var(--color-brand);
  padding: 10px 21px;
  display: flex;
  justify-content: space-around;
  border-radius: 15px 15px 0px 0px;
}
.megamenu{
  list-style:none !important;
  margin:0;
  padding:0;
  width:100%;
  margin-top: 5px;
}
.megamenu,
.megamenu ul{
  list-style:none !important;
  margin:0;
  padding:0;
}
.megamenu li{
  position:relative;
  height: 40px;
}
.megamenu>li>a{
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  transition: .25s;
  font-size: 16px;
  font-weight: 500;
  justify-content: space-between;
}
.megamenu>li>a:hover{
  color:#3BB77E;
  background:#f5f5f5;
}
.megamenu img{
  border-radius: 5px;
  width:22px;
  height:22px;
  object-fit:contain;
}
.megamenu ul{
  display:none;
  position:absolute;
  top:0;
  left:100%;
  min-width:260px;
  background:#fff;
  border:1px solid #eee;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
  border-radius:8px;
  z-index:99999;
}										
.megamenu p{
  display: flex;
  gap: 10px;
}
.megamenu li:hover>ul{

  display:block;
}
.megamenu ul a{
  display:block;
  padding:10px 16px;
  color:#333;
  text-decoration:none;
  white-space:nowrap;
}
.megamenu ul a:hover{
  background:#f8f8f8;
  color:#3BB77E;
}
.megamenu li>ul+button,
.megamenu li:has(ul)>a:after{
  content:"›";
  float:right;
}