.elementor-27755 .elementor-element.elementor-element-9da4894{--display:flex;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27755 .elementor-element.elementor-element-fb468f1{--display:flex;}.elementor-27755 .elementor-element.elementor-element-cfb16d8{text-align:center;}.elementor-27755 .elementor-element.elementor-element-cfb16d8 .elementor-heading-title{font-size:40px;}.elementor-27755 .elementor-element.elementor-element-78836b6{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;}@media(max-width:1024px){.elementor-27755 .elementor-element.elementor-element-9da4894{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:768px){.elementor-27755 .elementor-element.elementor-element-9da4894{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for wd_text_block, class: .elementor-element-b9c108e *//* إجبار نصوص هذه الصفحة فقط للانحياز لليسار في الإنجليزية */
html[lang^="en"] .elementor-widget-text-editor,
html[lang^="en"] .elementor-widget-text-editor *,
html[lang^="en"] p,
html[lang^="en"] h1,
html[lang^="en"] h2,
html[lang^="en"] h3,
html[lang^="en"] h4 {
    text-align: left !important;
    direction: ltr !important;
}

/* إصلاح اتجاه العناوين الجانبية (مثل TERMS AND CONDITIONS) لتصبح يساراً أيضاً */
html[lang^="en"] .elementor-widget-heading .elementor-heading-title {
    text-align: left !important;
    direction: ltr !important;
}/* End custom CSS */
/* Start custom CSS for wd_text_block, class: .elementor-element-b9c108e *//* إجبار نصوص هذه الصفحة فقط للانحياز لليسار في الإنجليزية */
html[lang^="en"] .elementor-widget-text-editor,
html[lang^="en"] .elementor-widget-text-editor *,
html[lang^="en"] p,
html[lang^="en"] h1,
html[lang^="en"] h2,
html[lang^="en"] h3,
html[lang^="en"] h4 {
    text-align: left !important;
    direction: ltr !important;
}

/* إصلاح اتجاه العناوين الجانبية (مثل TERMS AND CONDITIONS) لتصبح يساراً أيضاً */
html[lang^="en"] .elementor-widget-heading .elementor-heading-title {
    text-align: left !important;
    direction: ltr !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-78836b6 *//* إخفاء إطارات التبويبات الافتراضية */
.elementor-27755 .elementor-element.elementor-element-78836b6 .elementor-tabs-wrapper {
    border: none !important;
}

/* تنسيق عناوين القائمة الجانبية */
.elementor-27755 .elementor-element.elementor-element-78836b6 .elementor-tab-title {
    background-color: transparent !important;
    border: none !important;
    color: #888888 !important; /* لون رمادي باهت للروابط غير النشطة */
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 1.5px !important;
    padding: 15px 20px !important;
    transition: all 0.3s ease !important;
}

/* تصميم المؤشر الأسود للقسم النشط (Amouage Style) */
.elementor-27755 .elementor-element.elementor-element-78836b6 .elementor-tab-title.elementor-active {
    color: #000000 !important; /* لون أسود قوي للرابط النشط */
    font-weight: bold !important;
    border-right: 4px solid #000000 !important; /* المؤشر الأسود على اليمين (للمواقع العربية) */
    /* إذا كان الموقع إنجليزي اجعلها border-left */
}

/* إزالة حدود صندوق المحتوى */
.elementor-27755 .elementor-element.elementor-element-78836b6 .elementor-tabs-content-wrapper {
    border: none !important;
    padding-right: 50px !important; /* مساحة تنفس بين القائمة والنص */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9da4894 */<style>
/* 1. إخفاء البشاعة الافتراضية للتبويبات */
.elementor-tabs-wrapper, .e-n-tabs-heading {
    border: none !important;
    background: transparent !important;
}

/* 2. تصميم التبويبات غير النشطة */
.elementor-tab-title, .e-n-tab-title {
    background-color: transparent !important;
    border: none !important;
    color: #a0a0a0 !important;
    font-weight: normal !important;
}

/* 3. تصميم التبويب النشط (تأثير Amouage) */
.elementor-tab-title.elementor-active, .e-n-tab-title[aria-selected="true"] {
    background-color: transparent !important;
    color: #000000 !important;
    font-weight: bold !important;
    border-right: 4px solid #000000 !important; /* الخط الأسود الجانبي */
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

/* 4. إزالة حواف صندوق المحتوى */
.elementor-tabs-content-wrapper, .e-n-tabs-content {
    border: none !important;
    box-shadow: none !important;
}

/* 5. تجميل نموذج التواصل (WPForms) - خط سفلي فقط كرسالة كلاسيكية */
div.wpforms-container-full .wpforms-form input[type=text], 
div.wpforms-container-full .wpforms-form input[type=email], 
div.wpforms-container-full .wpforms-form textarea {
    border: none !important;
    border-bottom: 1px solid #b3b3b3 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* إزالة الإطار الأزرق عند الكتابة */
div.wpforms-container-full .wpforms-form input:focus, 
div.wpforms-container-full .wpforms-form textarea:focus {
    outline: none !important;
    border-bottom: 2px solid #000000 !important;
}

/* تجميل الزر الأزرق ليصبح أسود فاخر */
div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px !important;
    width: 100% !important;
    font-family: 'Cairo', sans-serif !important;
}
</style>/* End custom CSS */