.elementor-10946 .elementor-element.elementor-element-da5c3b4{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10946 .elementor-element.elementor-element-b0d3312{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10946 .elementor-element.elementor-element-b0d3312.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10946 .elementor-element.elementor-element-bb5f6cd .elementor-button{background-color:transparent;font-family:"expoarabic-medium1", Sans-serif;font-weight:500;line-height:27px;fill:#313131;color:#313131;background-image:linear-gradient(180deg, #EFF8FC 0%, #EFF8FC 0%);border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10946 .elementor-element.elementor-element-bb5f6cd{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-10946 .elementor-element.elementor-element-bb5f6cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10946 .elementor-element.elementor-element-bb5f6cd.elementor-element{--align-self:flex-start;}.elementor-10946 .elementor-element.elementor-element-bb5f6cd .elementor-button-content-wrapper{flex-direction:row;}.elementor-10946 .elementor-element.elementor-element-bb5f6cd .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-10946 .elementor-element.elementor-element-53a417e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10946 .elementor-element.elementor-element-53a417e.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-10946 .elementor-element.elementor-element-e1ea582 .etheme-advanced-headline{background-color:transparent;background-image:linear-gradient(0deg, #344479 97%, #0013BD 0%);font-size:15px;}.elementor-10946 .elementor-element.elementor-element-e1ea582 .etheme-advanced-headline::selection{-webkit-text-fill-color:#344479;}.elementor-10946 .elementor-element.elementor-element-e1ea582 > .elementor-widget-container{margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-10946 .elementor-element.elementor-element-e1ea582.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-10946 .elementor-element.elementor-element-e1ea582{--heading-space:0px;}.elementor-10946 .elementor-element.elementor-element-e1ea582 .etheme-a-h-text-before{line-height:36px;color:var( --e-global-color-primary );background-color:#D9E2FF;margin-bottom:0px;}.elementor-10946 .elementor-element.elementor-element-e1ea582 .etheme-a-h-icon-wrapper{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );margin-bottom:0px;}.elementor-10946 .elementor-element.elementor-element-88e0b36{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10946 .elementor-element.elementor-element-b00e857.elementor-element{--align-self:flex-start;}.elementor-10946 .elementor-element.elementor-element-b00e857{text-align:center;}.elementor-10946 .elementor-element.elementor-element-b00e857 .elementor-heading-title{font-family:"expoarabic-semibold1", Sans-serif;font-size:69px;font-weight:600;color:#222222;}.elementor-10946 .elementor-element.elementor-element-a76bf81{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10946 .elementor-element.elementor-element-376a86e > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-10946 .elementor-element.elementor-element-376a86e .elementor-heading-title{font-family:"expoarabic-semibold1", Sans-serif;font-size:47px;font-weight:600;color:#3414CD;}.elementor-10946 .elementor-element.elementor-element-c570c02{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-10946 .elementor-element.elementor-element-4b3dd12.elementor-element{--align-self:flex-start;}.elementor-10946 .elementor-element.elementor-element-4b3dd12{text-align:center;}.elementor-10946 .elementor-element.elementor-element-4b3dd12 .elementor-heading-title{font-family:"expoarabic-semibold1", Sans-serif;font-size:39px;font-weight:600;color:#222222;}.elementor-10946 .elementor-element.elementor-element-7825029{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10946 .elementor-element.elementor-element-7825029.e-con{--align-self:stretch;}.elementor-10946 .elementor-element.elementor-element-fb02495{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;text-align:center;}.elementor-10946 .elementor-element.elementor-element-fb02495 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10946 .elementor-element.elementor-element-fb02495.elementor-element{--align-self:center;}.elementor-10946 .elementor-element.elementor-element-fb02495 .elementor-heading-title{font-family:"Tajawal-Regular", Sans-serif;font-size:19px;font-weight:500;color:#475569;}.elementor-10946 .elementor-element.elementor-element-25517c06{--display:flex;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active){background-color:#333;}.elementor-10946 .elementor-element.elementor-element-4631ab45{width:auto;max-width:auto;}.elementor-10946 .elementor-element.elementor-element-4631ab45 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10946 .elementor-element.elementor-element-4631ab45.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs{padding:0px 0px 100px 0px;margin:0px 0px 100px 0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:0px;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs .eael-tabs-nav > ul li img{width:0px;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs .eael-tabs-nav > ul li svg{width:0px;height:0px;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tab-inline-icon li .title-before-icon{margin-right:0px;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tab-inline-icon li .title-after-icon{margin-left:0px;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tab-top-icon li i, .elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tab-top-icon li img, .elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tab-top-icon li svg{margin-bottom:0px;}.elementor-10946 .elementor-element.elementor-element-4631ab45 > .eael-advance-tabs > .eael-tabs-nav ul li{padding:0px 0px 100px 0px;margin:5px 5px 100px 5px;}.elementor-10946 .elementor-element.elementor-element-4631ab45 > .elementor-widget-container > .eael-advance-tabs > .eael-tabs-nav ul li{padding:0px 0px 100px 0px;margin:5px 5px 100px 5px;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs .eael-tabs-nav > ul li{background-color:#f1f1f1;color:#333;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:#fff;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:#444;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs .eael-tabs-nav > ul li.active{color:#fff;}.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-advance-tabs .eael-tabs-content > div{color:#333;margin:50px 0px 0px 0px;}.elementor-10946 .elementor-element.elementor-element-75413aa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-10946 .elementor-element.elementor-element-fc9be9e .elementor-button{background-color:var( --e-global-color-6aeb239 );fill:#3B3939;color:#3B3939;}.elementor-10946 .elementor-element.elementor-element-fc9be9e.elementor-element{--align-self:stretch;}.elementor-10946 .elementor-element.elementor-element-fc9be9e .elementor-button-content-wrapper{flex-direction:row;}.elementor-10946 .elementor-element.elementor-element-fc9be9e .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-10946 .elementor-element.elementor-element-c73c21f .elementor-button{background-color:var( --e-global-color-6aeb239 );fill:#3B3939;color:#3B3939;}.elementor-10946 .elementor-element.elementor-element-c73c21f.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}body:not(.rtl) .elementor-10946 .elementor-element.elementor-element-c73c21f{left:639px;}body.rtl .elementor-10946 .elementor-element.elementor-element-c73c21f{right:639px;}.elementor-10946 .elementor-element.elementor-element-c73c21f{top:12px;}.elementor-10946 .elementor-element.elementor-element-c73c21f .elementor-button-content-wrapper{flex-direction:row;}@media(min-width:768px){.elementor-10946 .elementor-element.elementor-element-b0d3312{--width:100%;}.elementor-10946 .elementor-element.elementor-element-53a417e{--width:74%;}}/* Start custom CSS for button, class: .elementor-element-bb5f6cd */.back-btn svg{ fill:#000}
.back-btn .elementor-button-text{    position: relative;
    top: 3px;}/* End custom CSS */
/* Start custom CSS for etheme_advanced_headline, class: .elementor-element-e1ea582 */#main-banner svg{fill:#3414CD;
                 position: absolute;
                 top: 8px !important;
                 right: 5px;
                }
#main-banner .etheme-a-h-text-before{
    padding: 0 30px 0 10px;
                }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b00e857 */.gradient-text {
    background: linear-gradient(to right, #6366f1, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b3dd12 */.gradient-text {
    background: linear-gradient(to right, #6366f1, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c570c02 */.choose-plan{display: none;}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-4631ab45 *//* 1. إخفاء التنسيق الافتراضي للقائمة وجعلها شفافة */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul {
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    direction: rtl !important; /* تأكيد الاتجاه العربي */
    padding: 0 !important;
}

/* 2. تحويل عناصر القائمة (li) لتبدو كأنها نصوص بجانب سويتش */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 10px !important;
    padding: 0 !important;
    order: 2; /* وضع كلمة شهري أولاً */
}

/* ترتيب كلمة سنوي لتكون بعد السويتش */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul li:nth-child(2) {
    order: 4;
}

/* 3. إنشاء "جسم" السويتش الأخضر في المنتصف */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul::before {
    content: '';
    order: 3;
    width: 64px;
    height: 28px;
    background-color: #2ecc71; /* اللون الأخضر */
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}

/* 4. إنشاء "الدائرة" البيضاء المتحركة */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul::after {
    content: '';
    order: 3;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    transition: 0.3s;
    /* مكان الدائرة الافتراضي (جهة اليمين - شهري) */
    margin-right: -20px; 
}

/* 5. تحريك الدائرة وتغيير اللون بناءً على التبويب النشط */

/* إذا كان "سنوي" (التبويب الثاني) هو النشط */
.elementor-10946 .elementor-element.elementor-element-4631ab45:has(li:nth-child(2).active) .eael-tabs-nav ul::after {
    margin-right: 25px; /* تحريك لليسار */
}

/* 6. تحسين شكل النصوص */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tab-title {
    color: #333 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    font-family: 'Tajawal' !important;
}

/* 1. تنظيف الحاوية الرئيسية وإلغاء الستايل القديم */
.eael-tabs-nav ul {
    background-color: transparent !important;
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
}

/* 2. تنسيق كل زر (التبويب) بشكل مستقل */
.eael-tabs-nav ul li {
    margin: 0 5px !important;
    padding: 8px 25px !important;
    border-radius: 50px !important; /* لجعلها دائرية */
    transition: all 0.3s ease !important;
    border: 1px solid #eee !important; /* حدود خفيفة */
    background-color: #f5f5f5 !important; /* لون افتراضي هادئ */
    cursor: pointer;
}

/* 3. تنسيق النص داخل التبويب */
.eael-tabs-nav ul li .eael-tab-title {
    color: #666 !important;
    font-weight: 600 !important;
}

/* 4. ستايل التبويب النشط (Active) - كما في الصورة */
.eael-tabs-nav ul li.active {
    background-color: #333 !important; /* لون غامق للنشط */
    border-color: #333 !important;
}



/* 5. إضافة تأثير السويتش بين العناصر (اختياري لتعزيز الشكل) */
.eael-tabs-nav {
    padding: 5px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.eael-tabs-nav {margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;}

.eael-tabs-nav ul{width: 30%;
    margin: auto;
    border-radius: 10px;
   padding: 6px !important;
    background: #e3dede !important;
}
    .elementor-9343 .elementor-element.elementor-element-78079b2 .eael-advance-tabs .eael-tabs-nav > ul .active {
    background-color: #162b60 !important;
}

.eael-advance-tabs .eael-tabs-nav>ul li.active {
    background-color: #9700ff;
}


    .eael-advance-tabs .eael-tabs-nav>ul li {
    position: relative;
    padding: .5em 1.5em;    border-radius: 5px;}
    
     .eael-advance-tabs .eael-tabs-nav>ul li:hover {
    background-color: #333;
}



/* منع التفاعل مع التبويب النشط لمنع اختفائه عند الضغط المزدوج */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul li.active {
    pointer-events: none !important; /* هذا السطر يمنع الماوس من التفاعل مع العنصر لو هو active */
    cursor: default !important;
}

/* التأكد من أن التبويب النشط له الأولوية في الظهور */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul li.active .eael-tab-title {
    color: #333 !important; /* أو اللون الذي تريده */
    opacity: 1 !important;
    font-family: 'expoarabic-semibold1' !important;

    
}

/* إخفاء أي تأثير للـ Inactive لو حدث بالخطأ */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul li.inactive {
    /* يمكنك إجبار الاستايل هنا ليظل مشابهاً للطبيعي */
}

/******/

/* جعل منطقة الـ li تمتد لتشمل السويتش */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul li {
    position: relative;
    z-index: 20; /* رفع النصوص فوق السويتش */
    padding: 10px 20px !important; /* تكبير منطقة الضغط */
}

/* إذا كنت تريد السويتش يكون هو نفسه قابلاً للضغط */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul {
    cursor: pointer;
}

/* جعل التبويبات تغطي مساحة أكبر لتشمل السويتش */
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul li:nth-child(1) {
    margin-left: -30px !important; 
}
.elementor-10946 .elementor-element.elementor-element-4631ab45 .eael-tabs-nav ul li:nth-child(2) {
    margin-right: -30px !important;
}/* End custom CSS */