/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/************  slider **************/
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin-top:0px !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}
/************ banner **************/
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}
/************  Section 2 **************/
section.s-block.s-block--banners .grid{
    display:grid!important;
      grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
      grid-column-gap: 10px;
      grid-row-gap: px;
    margin-bottom:20px
}

section.s-block.s-block--banners > div > div > div:nth-child(1) {
    grid-area:1 / 1 / 2 / 2 ;
}
section.s-block.s-block--banners > div > div > div:nth-child(2) {
    grid-area:1 / 2 / 2 / 3 ;
}
section.s-block.s-block--banners > div > div > div:nth-child(3) {
    grid-area:1 / 3 / 2 / 4 ;
}
section.s-block.s-block--banners > div > div > div:nth-child(4) {
    grid-area:1 / 4 / 2 / 5 ;
}

    .banner-entry  {
        height:auto;
         background-color:transparent !important;
    }

.has-gradient-overlay:before {
    display:none
}

section.s-block.s-block--banners a.lazy__bg.has-gradient-overlay.loaded {
    background-size:contain;
    background-repeat:no-repeat;
}

@media (max-width:767px){
    

section.s-block.s-block--banners .grid{
    display:grid!important;
      grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
      grid-column-gap: 0px;
      grid-row-gap: 10px;
    margin-bottom:20px
}

section.s-block.s-block--banners > div > div > div:nth-child(1) {
    grid-area:1 / 1 / 2 / 2 ;
}
section.s-block.s-block--banners > div > div > div:nth-child(2) {
    grid-area: 1 / 2 / 2 / 3 ;
}
section.s-block.s-block--banners > div > div > div:nth-child(3) {
    grid-area: 2 / 1 / 3 / 2 ;
}
section.s-block.s-block--banners > div > div > div:nth-child(4) {
    grid-area: 2 / 2 / 3 / 3 ;
}

    .banner-entry  {
        height:auto;
        background-color:transparent !important;
    }
a.lazy__bg.has-gradient-overlay.loaded {
     background-size:contain !important;
     background-repeat:no-repeat;
     background-color:transparent !important;
     padding:0 !important;
}
.has-gradient-overlay:before {
    display:none
}

    }
/************  products **************/

.s-block__title h2 , #app > div.app-inner.flex.flex-col.min-h-screen.relative > section.s-block.s-block--features-list.s-block--features-list-enhanced.container > div > h2 {
    color:#113F67 !important;

}
.s-button-primary-outline{
        background-color:  #59A5D7;
;
    border:none;
    border-radius:50px !important;
    color:white;

}
.s-button-primary-outline:hover{
     background-color: #59A5D7;;

}
p.line-clamp-2.pb-px {
    color: #59A5D7;

}
.s-product-card-entry {
   transform: translate(0px, 0px);
  transition: all .5s ease-in-out;
    border:1px solid var(--main-color);
      box-shadow: 1px 1px 3px 2px #ddd !important;
    background-color:#E2EAF2 !important;

}

.s-product-card-entry:hover{
  transform: translate(0px, -10px);
       box-shadow: 3px 3px 5px 4px #ddd !important;
    
}

.content-wrap.donating-wrap *{
    justify-content:center;
    text-align:center;
}
.content-wrap.donating-wrap {
    background-color:#E2EAF2 !important;
}
h4.s-product-card-price {
    color:red;
}

img.s-product-card-image-contain.lazy.loaded {
    background-color:var(--white-color);
}

button.s-slider-next.s-slider-nav-arrow:hover , button.s-slider-prev.s-slider-nav-arrow:hover{
    background-color:var(--main-color);
    border:none;
    transform: translateX(-3px)
}
button.s-slider-prev.s-slider-nav-arrow:hover{
transform: translateX(3px)
}

button.s-slider-next.s-slider-nav-arrow:hover , button.s-slider-prev.s-slider-nav-arrow:hover{
    background-color:#59A5D7 !important;
    border:none;
    transform: translateX(-3px);
    
}
button.s-slider-prev.s-slider-nav-arrow:hover{
transform: translateX(3px)
}
a.s-slider-block__display-all {
    color:var(--main-color);
}


.s-block--logos.partners-logos .brand-item img {
    filter: none !important;
    --tw-grayscale: none !important;
}


 div > a.brand-item {
    border:none 
}



/************ hour-works **************/
section.s-block.s-block--hour-works .bg-white.rounded.shadow-lg {
background-color:#20445c;
    color:white !important;
    & span {
        color:white !important;
    }
    
}
section.s-block.s-block--hour-works ul.flex.-mx-1 {
    color:black;
}
section.s-block.s-block--hour-works h2.text-4xl.font-bold , section.s-block.s-block--hour-works .col-span-12.sm\:col-span-6.lg\:col-span-3 {
    display:none
}


section.s-block.s-block--hour-works .bg-white.rounded.relative.z-\[2\].h-fit {
    border-radius:50px
}


section.s-block.s-block--hour-works ul.time-container.list-disc {
    padding-bottom:0
}



/************ footer **************/
.store-footer__info-bar  {
    background-color:#20445c;
    & h4.text-sm.m-0 , p.text-gray-400.mb-2\.5.md\:mb-0 {
        color:white;
    }
    
}



section#logos-9 a.brand-item {
    border:none
}