/* Add custom CSS styles below */ 
/* 1. تعديل ألوان الشريط العلوي الداكن */
.top-header, .announcement-bar {
    background-color: #0b2240 !important; /* اللون الكحلي الداكن الرسمي */
    color: #ffffff !important; /* لون النص أبيض */
}

/* 2. تعديل رأس الصفحة (الهيدر الرئيسي) ليصبح أبيض */
.main-header, .site-header {
    background-color: #ffffff !important; /* تحويل الخلفية للأبيض */
    border-bottom: 1px solid #e2e8f0 !important; /* خط رمادي خفيف أسفل الرأس */
}

/* تعديل ألوان روابط القائمة الرئيسية لتظهر واضحة فوق الخلفية البيضاء */
.main-header a, .site-header a, .nav-link {
    color: #1a202c !important; /* لون النص أسود داكن أو رمادي غامق */
}



/* 4. ضبط نوع الخط وحجمه للموقع بالكامل ليكون متناسقاً */
body, html, p, a, h1, h2, h3 {
    font-family: 'Tajawal', sans-serif !important; /* استخدام خط تجول الانسيابي */
}

@media (min-width: 768px) {
  [dir="rtl"] .md\:text-start {
    text-align: right !important;
  }

  [dir="ltr"] .md\:text-start {
    text-align: left !important;
  }
}


[dir="rtl"] .text-start {
    text-align: right !important;
}

  .item {
    justify-content: flex-start !important;
  }



/* Desktop & Tablet: 2 images */
 #partners-4 .swiper.s-slider-container.swiper-rtl:has(.brand-item) .swiper-slide {
    width: 50% !important;
}

 #partners-6 .swiper.s-slider-container.swiper-rtl:has(.brand-item) .swiper-slide {
    width: 33.3333% !important;
}

/* Mobile: 1 image */
@media (max-width: 767px) {
    #partners-4 .swiper.s-slider-container.swiper-rtl:has(.brand-item) .swiper-slide {
        width: 100% !important;
    }

}

 
  .s-block--logos.partners-logos .brand-item {
    height: 180px !important;   
  }

   .s-block--logos.partners-logos .brand-item img{
       max-width: 200px !important; 
       object-fit: contain;
   padding: 10px }


a.service-list__item {
    background: rgb(238, 238, 238);
}
  




section.s-block.s-block--features-list.s-block--features-list-enhanced.container{
 background: rgb(238, 238, 238); 
padding: 50px 20px; 
}


section.s-block.s-block--bundle-statistics{
  margin-top: 0 !important;
}