.elementor-10 .elementor-element.elementor-element-65fe138{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-3754506{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-c936d2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-473a1e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-8247019{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-396b9e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-99b7d82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-65fe138{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-3754506{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-37c0a68 *//* تحويل السكشن بالكامل للاتجاه الإنجليزي (LTR) */
.cg-section-about {
    direction: ltr !important;
}

/* إجبار النص والزرار على المحاذاة لليسار */
.cg-text-wrap,
.cg-title-about, 
.cg-desc-about {
    text-align: left !important;
}

/* قلب سهم الزرار ليصبح متجه لليمين بدلاً من اليسار */
.cg-btn-action i {
    transform: scaleX(-1) !important; /* بيعمل انعكاس للأيقونة كأنها في مراية */
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* الحفاظ على التوسيط في شاشات الموبايل عشان الشكل يفضل متناسق */
@media (max-width: 992px) {
    .cg-text-wrap,
    .cg-title-about, 
    .cg-desc-about {
        text-align: center !important; 
    }
}

/* تصغير حجم اللوجو على شاشات الموبايل */
@media (max-width: 768px) {
    .cg-floating-logo {
        width: 200px !important; /* تقدر تكبر أو تصغر الرقم ده لحد ما يظبط على عينك */
        margin: 0 auto !important; /* عشان نضمن إنه يفضل متوسنط في النص */
    }
}

/* تظبيط سكشن الأيقونات (Why Five) ليظهر 2 جنب 2 على الموبايل */
@media (max-width: 768px) {
    .five-features-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* دي اللي بتقسمهم لعمودين متساويين */
        gap: 15px !important; /* مسافة بسيطة وشيك بينهم */
    }
    
    /* تصغير حجم الخط والأيقونة شوية عشان يكفوا براحتهم وميبقوش زحمة */
    .five-feature-icon i, 
    .five-feature-icon img {
        font-size: 35px !important;
        max-width: 40px !important;
    }
    
    .five-feature-title {
        font-size: 13px !important;
        margin-top: 10px !important;
        line-height: 1.3 !important;
    }
    
    /* تقليل الـ Padding عشان الموبايل */
    .five-feature-box {
        padding: 15px 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ac9f4a2 *//* نقل التاج (التصنيف) لليمين */
.elementor-10 .elementor-element.elementor-element-ac9f4a2 .pfcd-spot-overlay-wide > div:first-child {
    justify-content: flex-start !important;
}

/* ترتيب التاريخ واقرأ المزيد: كلهم يمين، واقرأ المزيد تحت التاريخ */
.elementor-10 .elementor-element.elementor-element-ac9f4a2 .pfcd-spot-overlay-wide > div:last-child {
    flex-direction: column-reverse !important; /* بيعكس الترتيب عشان يخلي التاريخ فوق والزرار تحت */
    align-items: flex-start !important; /* بيجيبهم كلهم على اليمين */
    gap: 15px !important; /* مسافة بين التاريخ والزرار */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c936d2e *//* تغيير لون عنوان سكشن الخدمات في الصفحة الرئيسية */
.da-sec-title {
    color: #333333 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-473a1e6 *//* تحويل الجزء الشمال لـ Flex عشان نتحكم في الترتيب بدون تعديل الـ HTML */
.cg-wcu-left {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. رفع العنوان (Why Choose Us) لفوق خالص */
.cg-wcu-title {
    order: 1 !important;
    margin-bottom: 15px !important;
}

/* 2. رفع الوصف تحت العنوان مباشرة */
.cg-wcu-subtitle {
    order: 2 !important;
    margin-bottom: 30px !important;
}

/* 3. تنزيل اللوجو تحت وتصغير مقاسه للكمبيوتر */
.cg-wcu-logo {
    order: 3 !important;
    max-width: 250px !important; /* صغرنا اللوجو لـ 250 بيكسل، تقدر تغير الرقم براحتك */
    width: 100% !important;
    height: auto !important;
    margin: 0 !important; /* لو عايزه يتوسطن اكتب: margin: 0 auto !important; */
}

/* 4. تظبيطات الموبايل (تصغير أكتر وتوسيط) */
@media (max-width: 992px) {
    .cg-wcu-logo {
        max-width: 160px !important; /* اللوجو على الموبايل أصغر وأشيك */
        margin: 0 auto !important; /* إجبار اللوجو يتوسطن في الموبايل */
    }
    .cg-wcu-left {
        text-align: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8247019 *//* تصغير سكشن الخريطة (Our Market) لأقصى درجة شيك */
.fm-section {
    padding: 30px 0 !important; /* نزلنا المسافة من فوق وتحت لـ 30 بيكسل بس */
}

.fm-subtitle {
    margin-bottom: 30px !important; /* قربنا الكلام من الخريطة بدل ما كان بعيد */
}

.fm-map-wrapper {
    max-width: 600px !important; /* صغرنا الخريطة لـ 600 بيكسل عشان تلم أكتر */
}

/* تظبيط مقاسات الموبايل عشان تبقى ملمومة برضه */
@media (max-width: 768px) {
    .fm-section {
        padding: 20px 0 !important;
    }
    .fm-subtitle {
        margin-bottom: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-396b9e6 *//* إبعاد النقط (البوينتس) عن اللوجوهات في سكشن الأحداث */
.fe-pagination.swiper-pagination {
    position: relative !important; /* عشان نلغي الطوفان بتاعها وتثبت تحت السلايدر */
    bottom: auto !important;
    margin-top: 40px !important; /* المسافة بينها وبين اللوجوهات، تقدر تكبرها أو تصغرها براحتك */
}

/* إخفاء الزوايا البيضاء خارج اللوجوهات الدائرية في سكشن Events */
.fe-logo-box {
    overflow: hidden !important; /* ده بيقص أي حاجة تطلع برا الإطار الدائري */
    border-radius: 50% !important; /* تأكيد إنها دايرة 100% */
    -webkit-mask-image: -webkit-radial-gradient(white, black); /* حل سحري عشان القص يشتغل على كل المتصفحات زي سفاري */
}

/* التأكد إن حاوية السلايدر نفسها ملهاش خلفية بيضاء مربعة */
.fe-slider .swiper-slide {
    background-color: transparent !important;
}

/* دمج اللوجو عشان لو الصورة نفسها فيها أطراف بيضاء تختفي تماماً */
.fe-logo-box img {
    mix-blend-mode: multiply !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-402ea30 *//* نقل التاج (التصنيف) لليمين */
.elementor-10 .elementor-element.elementor-element-402ea30 .pfcd-spot-overlay-wide > div:first-child {
    justify-content: flex-start !important;
}

/* ترتيب التاريخ واقرأ المزيد: كلهم يمين، واقرأ المزيد تحت التاريخ */
.elementor-10 .elementor-element.elementor-element-402ea30 .pfcd-spot-overlay-wide > div:last-child {
    flex-direction: column-reverse !important; /* بيعكس الترتيب عشان يخلي التاريخ فوق والزرار تحت */
    align-items: flex-start !important; /* بيجيبهم كلهم على اليمين */
    gap: 15px !important; /* مسافة بين التاريخ والزرار */
}/* End custom CSS */