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

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

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

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