body{
  background-color:  white;
}

section:nth-of-type(1){
  max-width: 100%;
  margin: unset;
}
section:nth-of-type(1) .container ,
section:nth-of-type(6) .container  ,
section:nth-of-type(8) .container ,
section:nth-of-type(10) .container ,
section:nth-of-type(12) .container ,
section:nth-of-type(14) .container ,
section:nth-of-type(16) .container ,
section:nth-of-type(25) .container 
{
    max-width: unset;
    padding: unset;
}

section:nth-of-type(2) .container ,
section:nth-of-type(26) .container {
    max-width: 400px !important;
}

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


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

.s-slider-block__display-all {
  border: 1px solid black;
  height: 33px;
  width: 100px;
  border-radius: 20px;
  text-align: center;
  color: black;
  padding-top: 5px;
}

.s-button-btn {
  border-radius: 10px;
  background: #020B05;
  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-swiper-slide {
  box-shadow: 0px 0px 8.35px 0px #0000006e;
  margin: 5px;
}
.s-reviews-header-wrapper{
 display: none; 
}
    .s-block--testimonials.container{
      margin-top: 30px
    }
.copyright-text p {
  color: white !important;
}
.hover\:text-primary:hover {
    
    color: #fff;
}
section:nth-of-type(3).two-row .banner-entry:last-child{
  background-size: cover !important;
}
section:nth-of-type(4).two-row .banner-entry:last-child{
  background-size: cover !important;
}
section.s-block.s-block--banners.container .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top:0px;
}

section.s-block.s-block--banners.container .banner-entry {
  flex: 0 0 calc(16% - 10px);
 max-width: calc(14% - 10px);
height: 282px;
  border-radius: 8px;
  background-size: cover !important;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
section:nth-of-type(4) .two-row .banner-entry:first-child {
  display: none;
}
@media (max-width: 768px) {
   section:nth-of-type(4) .two-row .banner-entry:first-child{
        display: block !important;
    }
  section:nth-of-type(3) .two-row .banner-entry:last-child {
  display: none;
}
}
/* =========================================
   MOBILE - عمودين
   أقل من 768px
========================================= */

@media (max-width: 767px) {

    section:nth-of-type(3) .grid,
    section:nth-of-type(4) .grid {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 10px !important;
        width: 100% !important;
    }

    section:nth-of-type(3) .grid > .banner-entry,
    section:nth-of-type(4) .grid > .banner-entry {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: 0 !important;

        height: 180px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    section:nth-of-type(3) .grid > .banner-entry > div,
    section:nth-of-type(4) .grid > .banner-entry > div {
        width: 100% !important;
        height: 180px !important;

        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    /* إظهار العنصر الأول في Section 4 */
    section:nth-of-type(4) .two-row .banner-entry:first-child {
        display: block !important;
    }

    /* إخفاء آخر عنصر في Section 3 */
    section:nth-of-type(3) .two-row .banner-entry:last-child {
        display: none !important;
    }
}


/* =========================================
   TABLET - 3 أعمدة
   من 768px إلى 1024px
========================================= */

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

    section:nth-of-type(3) .grid,
    section:nth-of-type(4) .grid {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;

        gap: 12px !important;

        width: 100% !important;
        max-width: 700px !important;

        margin: 0 auto !important;
    }

    /* كل صف 3 عناصر */
    section:nth-of-type(3) .grid > .banner-entry,
    section:nth-of-type(4) .grid > .banner-entry {
        flex: 0 0 calc(33.333% - 8px) !important;
        width: calc(33.333% - 8px) !important;
        max-width: calc(33.333% - 8px) !important;

        min-width: 0 !important;

        height: 180px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    /* الصور */
    section:nth-of-type(3) .grid > .banner-entry > div,
    section:nth-of-type(4) .grid > .banner-entry > div {
        width: 100% !important;
        height: 180px !important;

        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    /* إظهار العنصر الأول في Section 4 */
    section:nth-of-type(4) .two-row .banner-entry:first-child {
        display: block !important;
    }

    /* إخفاء آخر عنصر في Section 3 */
    section:nth-of-type(3) .two-row .banner-entry:last-child {
        display: none !important;
    }
}