body {
  background: white;
}

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

section:nth-of-type(1) {
  margin: unset;
}

section:nth-of-type(1) .container {
  padding: unset;
  max-width: 100%;
}

.s-slider-block__title h2 {
  border-bottom: 2px solid;
  font-size: 25px;
  padding-bottom: 15px;
}

.s-slider-block__title-left,
.s-reviews-display-all {
  display: none;
}

.s-button-btn {
  border-radius: 10px;
  background: #3D4F68;
  color: white;
  border: none;
}

.s-product-card-entry {
  box-shadow: 0px 0px 8.35px 0px #0000006e;
  padding: 1rem;
  border-radius: 24px;
  margin: 5px;
  height: 98%;
}

.carousel-slider .swiper {
  padding: 5px;
}

.s-reviews-header {
  line-height: unset;
  font-size: 29px;
  margin: 10px;
  color: white;
}

.s-reviews-header-wrapper {
  display: flex;
  justify-content: center;
  background: url("https://l.top4top.io/p_3883q4yt91.png") center center / contain no-repeat;
  margin-bottom: 19px;
}

.s-slider-block__title {
  display: flex;
  justify-content: center;
}

.s-reviews-testimonial {
  background: #3D4F68;
}

.s-reviews-testimonial * {
  color: #fff !important;
}

.s-reviews-testimonial svg {
  fill: #fff !important;
}

.footer-is-light .store-footer .store-footer__inner {
  background: #3D4F68;
  color: white;
}


/* =========================
   الصور - الإعداد الأساسي
   ========================= */

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

.square-photos-grid--featured-3 > .banner-entry:first-child {
  grid-row: span 1 / span 1;
}


/* =========================
   حتى 425px
   الارتفاع = 377px
   ========================= */

@media (max-width: 425px) {

  .square-photos-grid--featured-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-auto-rows: 400px;
    gap: 1rem;
  }

  .banner-entry.square-photos {
    height: 412px;
  }

  .square-photos-grid--featured-3 > .banner-entry:first-child {
    height: 412px;
    grid-row: span 1 / span 1;
  }

}


/* =========================
   من 426px إلى 767px
   الارتفاع = 377px
   ========================= */

@media (min-width: 426px) and (max-width: 767px) {

  .square-photos-grid--featured-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-auto-rows: 377px;
  }

  .banner-entry.square-photos {
    height: 377px;
  }

  .square-photos-grid--featured-3 > .banner-entry:first-child {
    height: 377px;
    grid-row: span 1 / span 1;
  }

}


/* =========================
   من 768px إلى 1023px
   الارتفاع = 298px
   ========================= */

@media (min-width: 768px) and (max-width: 1023px) {

  .square-photos-grid--featured-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 298px;
  }

  .banner-entry.square-photos {
    height: 298px;
  }

  .square-photos-grid--featured-3 > .banner-entry:first-child {
    height: 298px;
    grid-row: span 1 / span 1;
  }

}


/* =========================
   من 1024px إلى 1439px
   الارتفاع = 377px
   ========================= */

@media (min-width: 1024px) and (max-width: 1439px) {

  .square-photos-grid--featured-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 377px;
  }

  .banner-entry.square-photos {
    height: 377px;
  }

  .square-photos-grid--featured-3 > .banner-entry:first-child {
    height: 377px;
    grid-row: span 1 / span 1;
  }

}


/* =========================
   من 1440px إلى 2559px
   الارتفاع = 470px
   ========================= */

@media (min-width: 1440px) and (max-width: 2559px) {

  .square-photos-grid--featured-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 470px;
  }

  .banner-entry.square-photos {
    height: 470px;
  }

  .square-photos-grid--featured-3 > .banner-entry:first-child {
    height: 470px;
    grid-row: span 1 / span 1;
  }

}


/* =========================
   2560px فأكبر
   الارتفاع = 470px
   ========================= */

@media (min-width: 2560px) {

  .square-photos-grid--featured-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 470px;
  }

  .banner-entry.square-photos {
    height: 470px;
  }

  .square-photos-grid--featured-3 > .banner-entry:first-child {
    height: 470px;
    grid-row: span 1 / span 1;
  }

}