/* Add custom CSS styles below */ 
/* تخفيف التعتيم على صورة الخلفية */
.s-block--slider-with-bg .slider-bg::before {
  opacity: 0.18 !important;
}

/* إبقاء عنوان القسم واضحًا */
.s-block--slider-with-bg .slider-bg h3 {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}

/* إظهار مساحة أكبر من الخلفية بالجوال */
@media (max-width: 767px) {
  .s-block--slider-with-bg .slider-bg {
    height: 360px !important;
    background-size: cover !important;
    background-position: left center !important;
  }

  .s-block--slider-with-bg > .slider-bg + .container {
    margin-top: -100px !important;
  }
}