/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');* {
   font-family: "Tajawal", sans-serif!important;
}






/*hero image*/
section.main-banner.main-banner-0.section-space.\!mt-0 .flex.items-center.gap-x-2\.5.md\:gap-x-4.buttons-wrapper {
    display: none;
}
/*
.section-space.categories-1 img{
    width: 60%;
}

.s-contacts-icon {
border-color: #b3c7a6;
}

.categories-1 .swiper-wrapper{
justify-content:center;
}
/*.opacity-\[0\.08\] {
    opacity: 1;
}

footer .store-footer__inner .opacity-\[0\.08\] {
    opacity:1;
}
*/
/*tabs*/  
salla-button.tab-trigger.s-button-wrap.hydrated {
    padding: 10px;
}
salla-button.tab-trigger.s-button-wrap.hydrated.is-active {
    background-color: var(--color-primary);
    color: #ffffff !important;
}
salla-button.tab-trigger.s-button-wrap.hydrated.is-active .s-button-primary .s-button-text{
    color: #ffffff !important;
    font-weight: 700;

}
salla-button.tab-trigger.s-button-wrap.hydrated {
    border: 1px solid var(--color-primary);
}
salla-button.tab-trigger span {
    font-weight: 700;
    color:var(--color-primary);
}
/*brands*/
section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.pt-8.sm\:pt-12.pb-8.sm\:pb-20 {
    background-color: #ffffff;

}
a.brand-item {
    box-shadow: 0px 0px 4px #acc89a;
    border: 1px solid #acc89a70;
      transition: transform 0.3s ease;

}
a.brand-item:hover {

      transform: translateY(-10px);

}
/*مميزات المتجر*/
.s-block--features__item{
      box-shadow: 0px 0px 4px #acc89a;

}
.s-block--features__item .feature-icon i {
    color: #ffffff;
}
@media (max-width: 500px) {
  .main-banner .main-banner-slider.swiper {
      height: 80vh !important;
  }

}