/* قواعد خاصة بصفحة الخدمات والمنتجات فقط.
   المشترك (الهيدر/الناف/الفوتر + عنوان بطاقة about-card) في css/site.css
   ويُحمَّل قبل هذا الملف.

   نفس شبكة صفحة "الأعمال والأنشطة": ثلاث بطاقات في الصف على سطح المكتب.
   المُحدِّد ثلاثي (0,3,0) ليطابق مُحدِّد UDesign الأصلي
   .contact .inner-card-wrapper .about-card — الـ!important وحده
   لا يكفي أمام مُحدِّد أعلى. */

.contact .inner-card-wrapper .about-card {
    flex: 0 0 calc(33.3333% - 24px) !important;
    max-width: calc(33.3333% - 24px);
}

@media (max-width: 991.98px) {
    .contact .inner-card-wrapper .about-card {
        flex: 0 0 calc(50% - 18px) !important;
        max-width: calc(50% - 18px);
    }
}

@media (max-width: 575.98px) {
    .contact .inner-card-wrapper .about-card {
        flex: 0 0 100% !important;
        max-width: 100%;
    }
}

/* سطر وصف تحت عنوان الصفحة — نفس نمط صفحة مجلس الإدارة */
.title-box .page-description {
    margin: 8px 0 0;
    max-width: 900px;
    font-size: 1rem;
    line-height: 1.9;
    color: #4b5563;
}

/* مجموعات الترقيم (servicesGridPage1..N) لا تحمل صنف d-flex عمداً:
   ‎.d-flex{display:flex!important}‎ كانت ستتغلّب على style="display:none"
   الذي يضبطه سكربت الترقيم المشترك، فتظل كل الصفحات ظاهرة.
   نعطي العرض هنا بلا !important ليعلو عليه الستايل السطري عند الإخفاء.
   (مجموعات صفحة الأخبار تستخدم row g-4 فلا تواجه هذا أصلاً.) */
.services-list .contact .inner-card-wrapper {
    display: flex;
}