/* Add custom CSS styles below */ 
.swiper-slide.slide--one-eighth img.lazy.loaded {
    object-fit: contain;
}

/*footer*/

.dark .store-footer {
    background-color: #375379 !important;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--tw-text-opacity));
}

section#featured-products-4 {
    background-color: #202739 !important;
    padding: 50px 0;
    margin-top: -40px;
}


@media (max-width: 768px){

img.lazy.w-full.object-cover.loaded {
    object-fit: contain !important;
}
.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 36px auto;
}
.w-44 {
    width: 6rem;
}
}



.promotion-badge,
.promotion-badge.has-discount{
  background-color: #336a7f;
  color: #fff;
}
[dir=rtl] .promotion-badge.has-discount,
[dir=ltr] .promotion-badge.has-discount{
--tw-shadow: -2px 2px 0 0 #0a3142;
}

[dir=rtl] .product-entry:hover .promotion-badge.has-discount,
[dir=ltr] .product-entry:hover .promotion-badge.has-discount{
  --tw-shadow: -4px 4px 0 0 #0a3142;
}

span.discount-amount.font-bold.text-green-500{
  color: #336a7f;
}



/*eman*/
body.index {
    background-color: #f5f5f5 !important;
}
div#main-nav {
    background-color: transparent !important;
    position: relative;
    z-index: 99;
}
/*banner main*/
salla-slider.photos-slider .swiper-slide {
    width: 100%;
    padding:0 !important;
  margin:0 !important;
}

 [dir=rtl] .carousel-slider .swiper {
    padding-left: 0;}

 salla-slider.photos-slider .swiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.banner--fixed img {
    background-color: transparent;
    
}


.bg-left,
.bg-right {
    background-position: center;
    background-size: cover;
}

/*section 2*/
.center-block-title .s-block__title h2, .center-block-title .s-slider-block__title h2,
.text-gray-900 {
    color: #375379;
}
.right-side p,
.text-gray-600 {
    color: #91b4da;
}
button.tab-trigger {
    color: #91b4da !important;
}
#app .s-block--featrues-products div.s-products-list-vertical-cards {
    border-width: 0;

.banners-grid--3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
}