/* Add custom CSS styles below */ 
/* خليه يغطي عرض الصفحة بالكامل */
.s-block--fixed-banner.wide-placeholder {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: 100vw;
  padding: 0;
  background-color: #dcd0f0; /* حط نفس لون الخلفية لو محتاج */
  overflow: hidden;
}

/* شيل القيود من الكونتينر الداخلي */
.s-block--fixed-banner.wide-placeholder .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.s-block__title {
    text-align: center !important;  /* للتوسيط (جعلها في الوسط) */
    color: #8C65B3 !important;       /* لتغيير اللون (اللون البنفسجي) */
    font-size: 1.25rem !important;     /* لتكبير الخط إلى 2rem */
}
.s-block__title h2 {
    text-align: center !important;  /* 1. للتوسيط (جعلها في الوسط) */
    color: #8C65B3 !important;       /* 2. لتغيير اللون (اللون البنفسجي) */
    font-size: 1.25rem !important;     /* 3. لتكبير الخط إلى 2rem */
}
s-block s-block--testimonials in-view .bg-store-bg-secondary {
    background-color: #8C65B3 !important; /* <-- ضع كود اللون الجديد الذي تريده هنا */
}
.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    text-align: center !important;
    color: #8C65B3 !important;
    font-size: 1.25rem !important;
}
.s-slider-block__title-right:where([dir=rtl],[dir=rtl] *) {
text-align: center !important;
}
.s-slider-block__title{
text-align: center !important;
}
.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
text-align: center !important;
}
@media (max-width: 768px) {
  /* أوقف حركة السلايدر */
  .s-block--banners .swiper,
  .s-block--grid-banners .swiper {
    overflow: visible !important;
  }

  .s-block--banners .swiper-wrapper,
  .s-block--grid-banners .swiper-wrapper {
    display: flex !important;
    justify-content: center !important; /* خليهم في المنتصف */
    align-items: center !important;
    flex-wrap: wrap !important; /* يخليهم صفين لو اتنين أو أكتر */
    transform: none !important; /* يمنع حركة السوايبر */
  }

  /* كل مربع */
  .s-block--banners .swiper-slide,
  .s-block--grid-banners .swiper-slide {
    margin: 0 auto !important;
    width: 45% !important;  /* عنصرين جنب بعض تقريبًا */
    max-width: 180px !important;
  }

  /* إزالة الهوامش الجانبية للسلايدر */
  .s-block--banners .swiper,
  .s-block--grid-banners .swiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.slick-slide .testimonial-card {
    background-color: #8C65B3 !important;
}