.elementor-21343 .elementor-element.elementor-element-966de53 > .elementor-container{max-width:1300px;}.elementor-21343 .elementor-element.elementor-element-966de53{padding:40px 0px 80px 0px;}.elementor-21343 .elementor-element.elementor-element-899c828.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-21343 .elementor-element.elementor-element-40ffe41{text-align:start;}.elementor-21343 .elementor-element.elementor-element-40ffe41 .elementor-heading-title{font-size:30px;color:#000000;}.elementor-21343 .elementor-element.elementor-element-46d4ce8 .elementor-icon-list-icon i{color:#1F2E57;font-size:17px;}.elementor-21343 .elementor-element.elementor-element-46d4ce8 .elementor-icon-list-icon svg{fill:#1F2E57;--e-icon-list-icon-size:17px;}.elementor-21343 .elementor-element.elementor-element-46d4ce8 .elementor-icon-list-icon{width:17px;}.elementor-21343 .elementor-element.elementor-element-46d4ce8 .elementor-icon-list-item{font-size:20px;}.elementor-21343 .elementor-element.elementor-element-191ae62 img{width:1250px;height:500px;}.elementor-21343 .elementor-element.elementor-element-382996c{text-align:justify;font-size:19px;line-height:1.8rem;}.elementor-21343 .elementor-element.elementor-element-ba8c847{width:auto;max-width:auto;}.elementor-21343 .elementor-element.elementor-element-7086aae > .elementor-widget-container{margin:10px 0px -5px 0px;}.elementor-21343 .elementor-element.elementor-element-7086aae{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-21343 .elementor-element.elementor-element-7086aae .elementor-share-btn{font-size:calc(0.8px * 10);}.elementor-21343 .elementor-element.elementor-element-7086aae .elementor-share-btn__icon{--e-share-buttons-icon-size:2.8em;}.elementor-21343 .elementor-element.elementor-element-13ffb16{--divider-border-style:solid;--divider-color:#CCCCCC;--divider-border-width:1px;}.elementor-21343 .elementor-element.elementor-element-13ffb16 .elementor-divider-separator{width:100%;}.elementor-21343 .elementor-element.elementor-element-13ffb16 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-21343 .elementor-element.elementor-element-36d0abd .elementor-heading-title{font-size:20px;font-weight:600;}.elementor-21343 .elementor-element.elementor-element-1051da6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21343 .elementor-element.elementor-element-1051da6{text-align:start;}.elementor-21343 .elementor-element.elementor-element-1051da6 .elementor-heading-title{font-size:15px;font-weight:400;line-height:1.6em;color:#FFFFFF;}.elementor-21343 .elementor-element.elementor-element-1f37f8a{--divider-border-style:solid;--divider-color:#CCCCCC;--divider-border-width:1px;}.elementor-21343 .elementor-element.elementor-element-1f37f8a > .elementor-widget-container{margin:25px 0px 25px 0px;}.elementor-21343 .elementor-element.elementor-element-1f37f8a .elementor-divider-separator{width:100%;}.elementor-21343 .elementor-element.elementor-element-1f37f8a .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-21343 .elementor-element.elementor-element-9606525{text-align:center;}.elementor-21343 .elementor-element.elementor-element-9606525 .elementor-heading-title{color:#1F2E57;}.elementor-21343 .elementor-element.elementor-element-abd354b{--grid-columns:2;}.elementor-21343 .elementor-element.elementor-element-abd354b > .elementor-widget-container{margin:15px 0px 0px 0px;}@media(max-width:1024px){.elementor-21343 .elementor-element.elementor-element-191ae62 img{border-radius:10px 10px 10px 10px;} .elementor-21343 .elementor-element.elementor-element-7086aae{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-21343 .elementor-element.elementor-element-abd354b{--grid-columns:2;}}@media(max-width:1024px) and (min-width:768px){.elementor-21343 .elementor-element.elementor-element-fa7d1e3{width:100%;}.elementor-21343 .elementor-element.elementor-element-899c828{width:100%;}}@media(max-width:767px){.elementor-21343 .elementor-element.elementor-element-40ffe41 .elementor-heading-title{font-size:22px;line-height:1.3em;}.elementor-21343 .elementor-element.elementor-element-46d4ce8 .elementor-icon-list-item{font-size:14px;}.elementor-21343 .elementor-element.elementor-element-191ae62 img{height:300px;}.elementor-21343 .elementor-element.elementor-element-382996c > .elementor-widget-container{padding:0px 10px 0px 10px;} .elementor-21343 .elementor-element.elementor-element-7086aae{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-21343 .elementor-element.elementor-element-1051da6 .elementor-heading-title{font-size:13px;}.elementor-21343 .elementor-element.elementor-element-abd354b{--grid-columns:1;}}/* Start custom CSS for theme-post-title, class: .elementor-element-40ffe41 *//* =========================================
   تنسيق العنوان الرئيسي للمقالة (H1)
========================================= */

.elementor-21343 .elementor-element.elementor-element-40ffe41 .elementor-heading-title,
.elementor-21343 .elementor-element.elementor-element-40ffe41 h1 {
    color: #1F2D57 !important; /* اللون الكحلي الفاخر */
    font-size: 46px !important; /* حجم بارز ومهيب */
    font-weight: 800 !important; /* خط عريض جداً للفت الانتباه */
    line-height: 1.2 !important; /* مسافة متقاربة بين السطور لمظهر متماسك */
    letter-spacing: -0.5px !important; /* تقارب خفيف بين الأحرف لطابع عصري */
    padding-bottom: 20px !important; /* إبعاد الخط السفلي عن النص قليلاً */
    margin-bottom: 30px !important;
    position: relative;
    text-transform: capitalize !important; /* تكبير أول حرف من كل كلمة */
}

/* اللمسة السحرية: خط ذهبي متدرج يتلاشى بنعومة */
.elementor-21343 .elementor-element.elementor-element-40ffe41 .elementor-heading-title::after,
.elementor-21343 .elementor-element.elementor-element-40ffe41 h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px; /* طول الخط الذهبي (يمكنك زيادته أو نقصانه) */
    height: 4px; /* سماكة الخط */
    background: linear-gradient(90deg, #C09A5B 0%, rgba(192, 154, 91, 0.1) 100%); /* تدرج من الذهبي الغامق إلى الشفاف */
    border-radius: 4px; /* حواف دائرية ناعمة للخط */
}

/* تجاوب العنوان مع شاشات الهواتف (مهم جداً) */
@media (max-width: 767px) {
    .elementor-21343 .elementor-element.elementor-element-40ffe41 .elementor-heading-title,
    .elementor-21343 .elementor-element.elementor-element-40ffe41 h1 {
        font-size: 32px !important; /* تصغير الحجم ليناسب الجوال */
        line-height: 1.3 !important;
        padding-bottom: 15px !important;
        margin-bottom: 20px !important;
    }
    
    /* تصغير الخط الذهبي في الجوال */
    .elementor-21343 .elementor-element.elementor-element-40ffe41 .elementor-heading-title::after,
    .elementor-21343 .elementor-element.elementor-element-40ffe41 h1::after {
        width: 80px; 
        height: 3px;
    }
}

/* =========================================
   تنسيق القوائم المنقطة والمرقمة (ul & ol)
========================================= */

/* 1. إعدادات المسافات العامة وإخفاء الشكل الافتراضي */
.elementor-21343 .elementor-element.elementor-element-40ffe41 ul, .elementor-21343 .elementor-element.elementor-element-40ffe41 ol {
    margin-top: 1.5em !important;
    margin-bottom: 2em !important;
    padding-inline-start: 0 !important; /* متوافق مع اللغتين العربية والإنجليزية */
    list-style-type: none !important; /* إخفاء النقاط والأرقام التقليدية */
}

/* 2. إعدادات نصوص عناصر القائمة */
.elementor-21343 .elementor-element.elementor-element-40ffe41 ul li, .elementor-21343 .elementor-element.elementor-element-40ffe41 ol li {
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #333333;
    margin-bottom: 15px !important;
    position: relative;
    padding-inline-start: 35px !important; /* إزاحة النص لترك مساحة للشكل المخصص */
    transition: transform 0.3s ease;
}

/* 3. تنسيق القوائم غير المرقمة (ul) - نقطة ذهبية مضيئة */
.elementor-21343 .elementor-element.elementor-element-40ffe41 ul li::before {
    content: '';
    position: absolute;
    inset-inline-start: 8px; /* الموقع الذكي (يسار في الإنجليزي ويمين في العربي) */
    top: 12px; /* موازنة النقطة مع منتصف السطر الأول */
    width: 8px;
    height: 8px;
    background-color: #C09A5B; /* اللون الذهبي */
    border-radius: 50%; /* شكل دائري */
    box-shadow: 0 0 6px rgba(192, 154, 91, 0.5); /* لمعان فخم */
    transition: all 0.3s ease;
}

/* 4. تنسيق القوائم المرقمة (ol) - أرقام كحلية بارزة */
.elementor-21343 .elementor-element.elementor-element-40ffe41 ol {
    counter-reset: luxury-counter; /* تهيئة العداد المخصص */
}

.elementor-21343 .elementor-element.elementor-element-40ffe41 ol li::before {
    counter-increment: luxury-counter; /* زيادة العداد مع كل سطر */
    content: counter(luxury-counter) "."; /* شكل الرقم */
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    color: #1F2D57; /* اللون الكحلي */
    font-size: 20px;
    font-weight: 800; /* خط عريض للفت الانتباه */
    font-family: inherit;
    transition: all 0.3s ease;
}

/* 5. تأثيرات حركية (Hover) عند قراءة الزائر للسطر */
.elementor-21343 .elementor-element.elementor-element-40ffe41 ul li:hover::before {
    transform: scale(1.4); /* تكبير النقطة الذهبية قليلاً */
    background-color: #1F2D57; /* تحولها للكحلي */
    box-shadow: 0 0 8px rgba(31, 45, 87, 0.4);
}

.elementor-21343 .elementor-element.elementor-element-40ffe41 ol li:hover::before {
    color: #C09A5B; /* تحول الرقم للذهبي عند التمرير */
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-382996c *//* 1. تنسيق نصوص المقالة الأساسية */
.elementor-21343 .elementor-element.elementor-element-382996c p {
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #333333; /* لون رمادي مريح للعين */
}

/* 2. تنسيق الروابط داخل المقالة (شكل أنيق وواضح) */
.elementor-21343 .elementor-element.elementor-element-382996c p a {
    color: #C09A5B; /* لون Mudon الذهبي */
    font-weight: 600;
    text-decoration: none;
    box-shadow: inset 0 -2px 0 0 rgba(192, 154, 91, 0.3); /* خط تحتي خفيف جداً */
    transition: all 0.3s ease;
}

/* 3. تأثير حركي جميل عند تمرير الماوس على الرابط */
.elementor-21343 .elementor-element.elementor-element-382996c p a:hover {
    color: #000000; /* يتغير للأسود */
    box-shadow: inset 0 -10px 0 0 rgba(192, 154, 91, 0.8); /* الخط التحتي يرتفع ليغطي جزءاً من الكلمة */
}

/* =========================================
   تنسيق عناوين المقالة (التسلسل الهرمي)
========================================= */

/* إعدادات عامة لجميع العناوين داخل المقال */
.elementor-21343 .elementor-element.elementor-element-382996c h2, .elementor-21343 .elementor-element.elementor-element-382996c h3, .elementor-21343 .elementor-element.elementor-element-382996c h4, .elementor-21343 .elementor-element.elementor-element-382996c h5, .elementor-21343 .elementor-element.elementor-element-382996c h6 {
    color: #1F2D57 !important; /* اللون الكحلي الفاخر الذي اخترته */
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-top: 1.8em !important; /* مساحة تنفس ممتازة فوق العنوان لفصله عن الفقرة السابقة */
    margin-bottom: 0.6em !important; /* مساحة أقل تحته لربطه بالفقرة الخاصة به */
}

/* تنسيق العنوان الفرعي الأول (H2) - الأهم في المقال */
.elementor-21343 .elementor-element.elementor-element-382996c h2 {
    font-size: 28px !important;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(31, 45, 87, 0.1); /* خط كحلي باهت بعرض الشاشة */
    position: relative;
}

/* لمسة فخامة: خط ذهبي قصير يبرز من تحت الـ H2 */
.elementor-21343 .elementor-element.elementor-element-382996c h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 70px;
    background-color: #C09A5B; /* لون Mudon الذهبي */
}

/* تنسيق العنوان الفرعي الثاني (H3) */
.elementor-21343 .elementor-element.elementor-element-382996c h3 {
    font-size: 24px !important;
    border-left: 4px solid #1F2D57; /* خط عمودي أنيق بجانب العنوان */
    padding-left: 12px; /* إزاحة النص قليلاً عن الخط */
}

/* تنسيق العناوين الأصغر (H4) */
.elementor-21343 .elementor-element.elementor-element-382996c h4 {
    font-size: 20px !important;
    opacity: 0.9; /* جعله أهدأ قليلاً من العناوين الكبرى */
}

/* تجاوب العناوين مع شاشات الهواتف (Responsive) */
@media (max-width: 767px) {
    .elementor-21343 .elementor-element.elementor-element-382996c h2 { font-size: 24px !important; }
    .elementor-21343 .elementor-element.elementor-element-382996c h3 { font-size: 21px !important; }
    .elementor-21343 .elementor-element.elementor-element-382996c h4 { font-size: 18px !important; }
}

/* =========================================
   تنسيق القوائم المنقطة والمرقمة (ul & ol)
========================================= */

/* 1. إعدادات المسافات العامة وإخفاء الشكل الافتراضي */
.elementor-21343 .elementor-element.elementor-element-382996c ul, .elementor-21343 .elementor-element.elementor-element-382996c ol {
    margin-top: 1.5em !important;
    margin-bottom: 2em !important;
    padding-inline-start: 0 !important; /* متوافق مع اللغتين العربية والإنجليزية */
    list-style-type: none !important; /* إخفاء النقاط والأرقام التقليدية */
}

/* 2. إعدادات نصوص عناصر القائمة */
.elementor-21343 .elementor-element.elementor-element-382996c ul li, .elementor-21343 .elementor-element.elementor-element-382996c ol li {
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #333333;
    margin-bottom: 15px !important;
    position: relative;
    padding-inline-start: 35px !important; /* إزاحة النص لترك مساحة للشكل المخصص */
    transition: transform 0.3s ease;
}

/* 3. تنسيق القوائم غير المرقمة (ul) - نقطة ذهبية مضيئة */
.elementor-21343 .elementor-element.elementor-element-382996c ul li::before {
    content: '';
    position: absolute;
    inset-inline-start: 8px; /* الموقع الذكي (يسار في الإنجليزي ويمين في العربي) */
    top: 12px; /* موازنة النقطة مع منتصف السطر الأول */
    width: 8px;
    height: 8px;
    background-color: #C09A5B; /* اللون الذهبي */
    border-radius: 50%; /* شكل دائري */
    box-shadow: 0 0 6px rgba(192, 154, 91, 0.5); /* لمعان فخم */
    transition: all 0.3s ease;
}

/* 4. تنسيق القوائم المرقمة (ol) - أرقام كحلية بارزة */
.elementor-21343 .elementor-element.elementor-element-382996c ol {
    counter-reset: luxury-counter; /* تهيئة العداد المخصص */
}

.elementor-21343 .elementor-element.elementor-element-382996c ol li::before {
    counter-increment: luxury-counter; /* زيادة العداد مع كل سطر */
    content: counter(luxury-counter) "."; /* شكل الرقم */
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    color: #1F2D57; /* اللون الكحلي */
    font-size: 20px;
    font-weight: 800; /* خط عريض للفت الانتباه */
    font-family: inherit;
    transition: all 0.3s ease;
}

/* 5. تأثيرات حركية (Hover) عند قراءة الزائر للسطر */
.elementor-21343 .elementor-element.elementor-element-382996c ul li:hover::before {
    transform: scale(1.4); /* تكبير النقطة الذهبية قليلاً */
    background-color: #1F2D57; /* تحولها للكحلي */
    box-shadow: 0 0 8px rgba(31, 45, 87, 0.4);
}

.elementor-21343 .elementor-element.elementor-element-382996c ol li:hover::before {
    color: #C09A5B; /* تحول الرقم للذهبي عند التمرير */
}

/* =========================================
   صندوق الدعوة الفاخر (قوة استهداف قصوى)
========================================= */

/* 1. الحاوية الرئيسية للمجموعة */
html body .mudon-vip-cta,
html body .entry-content .mudon-vip-cta.mudon-vip-cta {
    background: linear-gradient(135deg, #1F2D57 0%, #111a35 100%) !important;
    padding: 60px 40px !important;
    border-radius: 20px !important;
    border-top: 1px solid rgba(192, 154, 91, 0.2) !important;
    border-bottom: 6px solid #C09A5B !important;
    box-shadow: 0 20px 40px rgba(31, 45, 87, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    text-align: center !important;
}

/* 2. تأثير الإضاءة الخلفية (Glow) */
html body .mudon-vip-cta::before {
    content: '' !important;
    position: absolute !important;
    top: -100px !important;
    left: -100px !important;
    width: 300px !important;
    height: 300px !important;
    background: radial-gradient(circle, rgba(192, 154, 91, 0.15) 0%, transparent 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

/* 3. تنسيق العناوين داخل الصندوق بكسر ستايلات القالب */
html body .mudon-vip-cta h2, 
html body .mudon-vip-cta h3,
html body .mudon-vip-cta .wp-block-heading,
html body .entry-content .mudon-vip-cta.mudon-vip-cta h2,
html body .entry-content .mudon-vip-cta.mudon-vip-cta h3 {
    color: #C09A5B !important; /* لون ذهبي */
    font-size: 34px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    border: none !important; /* إخفاء أي خطوط سفلية من القالب */
    padding-bottom: 0 !important;
}

/* إخفاء الخطوط الذهبية الجانبية التي برمجناها للمقالة العادية */
html body .mudon-vip-cta h2::after, 
html body .mudon-vip-cta h3::after,
html body .entry-content .mudon-vip-cta.mudon-vip-cta h2::after {
    display: none !important;
}

/* 4. تنسيق النص الوصفي */
html body .mudon-vip-cta p,
html body .mudon-vip-cta .wp-block-paragraph,
html body .entry-content .mudon-vip-cta.mudon-vip-cta p {
    color: #E2E8F0 !important; 
    font-size: 18px !important;
    line-height: 1.6 !important;
    max-width: 700px !important;
    margin: 0 auto 30px auto !important;
}

/* 5. تأثيرات أزرار ووردبريس (Gutenberg Buttons) */
html body .mudon-vip-cta .wp-block-button__link,
html body .entry-content .mudon-vip-cta.mudon-vip-cta .wp-block-button__link {
    transition: all 0.4s ease !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

html body .mudon-vip-cta .wp-block-button__link:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4) !important;
}

/* 6. تنسيق الروابط النصية العادية داخل صندوق الـ CTA */
html body .mudon-vip-cta p a,
html body .entry-content .mudon-vip-cta.mudon-vip-cta p a {
    color: #C09A5B !important; /* لون ذهبي ليبرز بقوة على الخلفية الكحلية */
    font-weight: 700 !important; /* خط عريض لإبراز الكلمة */
    text-decoration: none !important; /* إزالة الخط الافتراضي البشع */
    border-bottom: 1px solid rgba(192, 154, 91, 0.4) !important; /* خط سفلي ذهبي خفيف جداً */
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي تأثيرات موروثة من المقالة */
}

/* تأثير الإضاءة عند تمرير الماوس على الرابط النصي */
html body .mudon-vip-cta p a:hover,
html body .entry-content .mudon-vip-cta.mudon-vip-cta p a:hover {
    color: #ffffff !important; /* يضيء باللون الأبيض */
    border-bottom-color: #ffffff !important; /* الخط التحتي يصبح أبيضاً أيضاً */
}


/* =========================================
   إجبار عناوين صندوق الـ CTA على التنسيق الذهبي
========================================= */

.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h1,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h2,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h3,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h4,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h5,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h6,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta .wp-block-heading {
    color: #C09A5B !important; /* اللون الذهبي الإجباري */
    font-size: 34px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    border: none !important; /* مسح أي حدود من القالب */
    background: transparent !important;
    margin-bottom: 15px !important;
    padding-bottom: 0 !important;
}

/* إخفاء الخطوط الذهبية/الكحلية السفلية والجانبية من الظهور داخل الصندوق */
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h1::before,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h2::before,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h3::before,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h1::after,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h2::after,
.elementor-21343 .elementor-element.elementor-element-382996c .mudon-vip-cta h3::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1051da6 */.elementor-21343 .elementor-element.elementor-element-1051da6 a{
    background-color: #1F2E57;
    padding: 5px 10px;
    border-radius: 2px;
    margin: 3px 5px;
    display: inline-block;
}/* End custom CSS */