/* Add custom CSS styles below */ 

 .carousel-slider .swiper-wrapper > div{
padding-right:0px  !important ;
padding-left:0px !important;

}

 salla-slider.photos-slider .swiper-slide {
    width: 100%;
    overflow: visible;
}

  salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
padding-left: 0rem !important; 
padding-right: 0rem   !important;
}
salla-slider.photos-slider .swiper-slide img {
border-radius:0px !important;
}

.main-nav-container    {
    background: #fff!important;
    border-bottom:2px solid #000 ;
}
.store-footer h3.text-white , .s-contacts-title , .s-contacts-item a{
    color:#000 !important;
}
.sicon-menu:before , .store-footer a  , .store-footer .s-menu-footer-item  , .store-footer salla-contacts span , .store-footer salla-contacts .s-contacts-icon , .verification  p.text-base{
    color:#000 !important;
}
.s-block--fixed-banner{
margin-bottom:3rem;
}

.s-product-card-image img.loaded {
    object-fit: contain !important;
}
.s-product-card-image{
 background: #f9fafb !important;
}
 .footer_images , .store-footer .col-span-2   {
    background: #fff!important; 
    }
    
    #app > div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > footer > div.flex.flex-col.sm\:flex-row.items-center.justify-between.py-4.container.text-center {
    background: #e6a512 !important; 
    }
    #app > div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > footer > div.store-footer__inner > div > div.col-span-2.row-span-2.pr-\[18px\].sm\:pr-14.py-4.sm\:py-8.lg\:py-16.flex.flex-col.justify-between > div > p:nth-child(3){
    color:#000 !important;
    }
    .s-block--banners{
    margin-bottom:30px;
      margin-top:30px;
    }

   .s-block--banners .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 1/span 1 !important;
}
.banner-entry {
    height: 335px !important;
}
@media(max-width:992px ){

   .s-block--banners .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .banner-entry {
    height: 120px !important;
}
}

.content .content-entry img {
    margin: 0px !important;
}