/* Mobile hero fix */
@media (max-width: 768px){

  section.s-block--hero-slider{
    height: 70vh !important;
    overflow: hidden !important;
  }

  section.s-block--hero-slider .swiper,
  section.s-block--hero-slider .swiper-wrapper,
  section.s-block--hero-slider .swiper-slide,
  section.s-block--hero-slider .swiper-lazy-wrap{
    height: 100% !important;
  }

  /* الصور */
  section.s-block--hero-slider img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;   /* بدل contain */
    object-position: center center !important;
    display: block !important;
  }

  /* الفيديو */
  section.s-block--hero-slider video{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* منع أي background duplication */
  section.s-block--hero-slider .swiper-slide{
    background-image: none !important;
  }

}
/* Fix empty space under mobile hero banner */
@media (max-width: 768px){

  /* خلى السكشن على قد المحتوى */
  section.s-block--hero-slider{
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* خلى السلايدر والـ slides على قد المحتوى */
  section.s-block--hero-slider .swiper,
  section.s-block--hero-slider .swiper-wrapper,
  section.s-block--hero-slider .swiper-slide,
  section.s-block--hero-slider .swiper-lazy-wrap{
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* خلي الصورة/الفيديو ياخدوا حجمهم الطبيعي */
  section.s-block--hero-slider img,
  section.s-block--hero-slider video{
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}
@media (max-width: 768px){

  /* الفيديو فقط: قلل ارتفاعه */
  section.s-block--hero-slider video{
    width: 100% !important;
    height: 40vh !important;      /* تحكم في ارتفاع الفيديو */
    object-fit: cover !important; /* لو عايزه كامل بدون قص خليها contain */
    display: block !important;
  }

  /* عشان ما يظهرش فراغ تحت الفيديو */
  section.s-block--hero-slider .swiper-slide,
  section.s-block--hero-slider .swiper-lazy-wrap{
    overflow: hidden !important;
  }
}
/* Multihome Tabs Bold */
.multihome-tabs-button strong{
    font-weight: 700 !important;
}

/* لو عايزها أتقل شوية */
.multihome-tabs-button{
    font-weight: 700 !important;
}
.multihome-tabs-button strong{
    font-weight: 800 !important;
}
.multihome-tabs-button strong{
    font-weight: bold !important;
}
/* =============================
   Circle Scrolling Images Fix
   ============================= */

/* ثبّت حجم الدايرة */
#squares-9 .box-img.rounded-full{
  width: 110px !important;       /* عدّل الرقم لو عايز */
  height: 110px !important;
  overflow: hidden !important;
  border-radius: 9999px !important;
  background: #fff !important;   /* خلفية للفراغ */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* خليك أقوى من object-cover اللي بيقص الصورة */
#squares-9 .box-img.rounded-full img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;       /* مهم: بدون قص */
  object-position: center center !important;
  padding: 10px !important;             /* بيخليها أوضح جوه الدايرة */
  display: block !important;
}

/* لو الثيم مصرّ يطبق cover بسبب الكلاس */
#squares-9 img.object-cover{
  object-fit: contain !important;
}

@media (max-width: 768px){
  #squares-9 .box-img.rounded-full{
    width: 90px !important;
    height: 90px !important;
  }
  #squares-9 .box-img.rounded-full img{
    padding: 8px !important;
  }
}
/* =========================
   FIX #squares-26 CIRCLES
   Keep swiper scroll OK + make circles clear
   ========================= */

/* 1) خلي كل سلايد يوسّط المحتوى */
#squares-26 .swiper-slide{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 2) ثبّت مقاس الدائرة (ده اللي هيمنع النفخ) */
#squares-26 .box-img.rounded-full{
  width: 92px !important;      /* موبايل */
  height: 92px !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  background: #fff !important;
  flex: 0 0 auto !important;
}

/* 3) الصورة كاملة وواضحة */
#squares-26 .box-img.rounded-full img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 8px !important;
  display: block !important;
}

/* 4) اقفل أي cover/aspect-square بيكسر الشكل */
#squares-26 img.object-cover,
#squares-26 img.aspect-square{
  object-fit: contain !important;
}

/* 5) على الديسكتوب كبّرها شوية */
@media (min-width: 1024px){
  #squares-26 .box-img.rounded-full{
    width: 110px !important;
    height: 110px !important;
  }
}دا الكود الي كتبه ظبطه بالكود الي انت عامله واديني الكود كامل