/* Add custom CSS styles below */ 
/* Enable Search */
.s-search-grid-item * {
    pointer-events: auto !important;
}

/* Add logo to hero banner */
section.main-banner-component .content h3::before {
    content: "";
    position: relative;
    background: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/onmxbR/stores/logos/oYW60sJhbba2gqVlASLAm7lCswGK3rJEfgO15EEi.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 85px;
    height: 60px;
    display: block;
    margin: 10px auto;
}



/* Hero */

@media(min-width:1400px){
section.main-banner-component .swiper-slide .container {
    max-width: 1800px;
}
section.main-banner-component .swiper-slide .content .md\:max-w-100 {
  max-width: 37rem !important;
}
}
@media (max-width: 640px) {
.main-banner-component .main-banner-swiper,
  .main-banner-component .content{
    height: 500px;
}
}
@media(max-width:767px){
.main-banner-component .content{
    justify-content: center;
    align-items: flex-start;
    padding-top: 3rem;
}
  section.main-banner-component .swiper-slide .content .md\:max-w-100 {
  max-width: 100% !important;
}
  section.main-banner-component .content h3::before {
    width: 60px;
    height: 40px;
  }
}

/* Banner */
section.special-banner-component .lg\:px-\[126px\] {
    justify-content: center;
}