.elementor-20000 .elementor-element.elementor-element-4674ec6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-20000 .elementor-element.elementor-element-4674ec6:not(.elementor-motion-effects-element-type-background), .elementor-20000 .elementor-element.elementor-element-4674ec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, #2D3F66 100%);}.elementor-20000 .elementor-element.elementor-element-2823876{--display:flex;}.elementor-20000 .elementor-element.elementor-element-473be36{text-align:center;}.elementor-20000 .elementor-element.elementor-element-473be36 .elementor-heading-title{font-family:"DM Sans", serif, sans-serif;font-weight:600;color:#FAFAF9;}.elementor-20000 .elementor-element.elementor-element-32101a8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );box-shadow:0px 0px 20px 0px rgba(212, 175.00000000000009, 55, 0.1);--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-20000 .elementor-element.elementor-element-32101a8:not(.elementor-motion-effects-element-type-background), .elementor-20000 .elementor-element.elementor-element-32101a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-20000 .elementor-element.elementor-element-ecaa26e{width:100%;max-width:100%;}.elementor-20000 .elementor-element.elementor-element-ecaa26e .section-heading{text-align:left;max-width:80%;}.elementor-20000 .elementor-element.elementor-element-ecaa26e .section-heading__subtitle{background:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-20000 .elementor-element.elementor-element-ecaa26e .section-heading__title{color:var( --e-global-color-primary );font-family:"DM Sans", serif, sans-serif;font-size:28px;font-weight:500;line-height:1.6em;}.elementor-20000 .elementor-element.elementor-element-ecaa26e .section-heading p{color:#3F3F3F;font-family:"DM Sans", serif, sans-serif;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-9838f9c{--display:flex;}.elementor-20000 .elementor-element.elementor-element-c476b7c .info-two-item{text-align:left !important;}.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content h5.text-main-600{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), serif, sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content h2{color:var( --e-global-color-primary );font-family:"DM Sans", serif, sans-serif;font-size:22px;font-weight:500;line-height:1.4em;letter-spacing:-0.2px;}.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content p.text-neutral-500.text-line-2{color:#6B6560 !important;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-c476b7c .flex-grow-1 h4.text-neutral-500{color:#1F2A44 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-c476b7c .flex-grow-1 p.text-neutral-500{color:#6B6560 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;line-height:1.4em;}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .info-two-item{text-align:left !important;}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content h5.text-main-600{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), serif, sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content h2{color:var( --e-global-color-primary );font-family:"DM Sans", serif, sans-serif;font-size:22px;font-weight:500;line-height:1.4em;letter-spacing:-0.2px;}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content p.text-neutral-500.text-line-2{color:#6B6560 !important;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .flex-grow-1 h4.text-neutral-500{color:#1F2A44 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .flex-grow-1 p.text-neutral-500{color:#6B6560 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;line-height:1.4em;}.elementor-20000 .elementor-element.elementor-element-09559cb .info-two-item{text-align:left !important;}.elementor-20000 .elementor-element.elementor-element-09559cb .about-content h5.text-main-600{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), serif, sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-09559cb .about-content h2{color:var( --e-global-color-primary );font-family:"DM Sans", serif, sans-serif;font-size:22px;font-weight:500;line-height:1.4em;letter-spacing:-0.2px;}.elementor-20000 .elementor-element.elementor-element-09559cb .about-content p.text-neutral-500.text-line-2{color:#6B6560 !important;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-09559cb .flex-grow-1 h4.text-neutral-500{color:#1F2A44 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-09559cb .flex-grow-1 p.text-neutral-500{color:#6B6560 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;line-height:1.4em;}.elementor-20000 .elementor-element.elementor-element-cae15fb .info-two-item{text-align:left !important;}.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content h5.text-main-600{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), serif, sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content h2{color:var( --e-global-color-primary );font-family:"DM Sans", serif, sans-serif;font-size:22px;font-weight:500;line-height:1.4em;letter-spacing:-0.2px;}.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content p.text-neutral-500.text-line-2{color:#6B6560 !important;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-cae15fb .flex-grow-1 h4.text-neutral-500{color:#1F2A44 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-cae15fb .flex-grow-1 p.text-neutral-500{color:#6B6560 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;line-height:1.4em;}.elementor-20000 .elementor-element.elementor-element-c2417c8 .info-two-item{text-align:left !important;}.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content h5.text-main-600{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), serif, sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content h2{color:var( --e-global-color-primary );font-family:"DM Sans", serif, sans-serif;font-size:22px;font-weight:500;line-height:1.4em;letter-spacing:-0.2px;}.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content p.text-neutral-500.text-line-2{color:#6B6560 !important;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-c2417c8 .flex-grow-1 h4.text-neutral-500{color:#1F2A44 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-c2417c8 .flex-grow-1 p.text-neutral-500{color:#6B6560 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;line-height:1.4em;}.elementor-20000 .elementor-element.elementor-element-c8513d5 .info-two-item{text-align:left !important;}.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content h5.text-main-600{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), serif, sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content h2{color:var( --e-global-color-primary );font-family:"DM Sans", serif, sans-serif;font-size:22px;font-weight:500;line-height:1.4em;letter-spacing:-0.2px;}.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content p.text-neutral-500.text-line-2{color:#6B6560 !important;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-c8513d5 .flex-grow-1 h4.text-neutral-500{color:#1F2A44 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-c8513d5 .flex-grow-1 p.text-neutral-500{color:#6B6560 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;line-height:1.4em;}.elementor-20000 .elementor-element.elementor-element-5a1d746 .info-two-item{text-align:left !important;}.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content h5.text-main-600{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), serif, sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content h2{color:var( --e-global-color-primary );font-family:"DM Sans", serif, sans-serif;font-size:22px;font-weight:500;line-height:1.4em;letter-spacing:-0.2px;}.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content p.text-neutral-500.text-line-2{color:#6B6560 !important;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-5a1d746 .flex-grow-1 h4.text-neutral-500{color:#1F2A44 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-5a1d746 .flex-grow-1 p.text-neutral-500{color:#6B6560 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;line-height:1.4em;}.elementor-20000 .elementor-element.elementor-element-f639bed .info-two-item{text-align:left !important;}.elementor-20000 .elementor-element.elementor-element-f639bed .about-content h5.text-main-600{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), serif, sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-f639bed .about-content h2{color:var( --e-global-color-primary );font-family:"DM Sans", serif, sans-serif;font-size:22px;font-weight:500;line-height:1.4em;letter-spacing:-0.2px;}.elementor-20000 .elementor-element.elementor-element-f639bed .about-content p.text-neutral-500.text-line-2{color:#6B6560 !important;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-f639bed .flex-grow-1 h4.text-neutral-500{color:#1F2A44 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;font-weight:400;}.elementor-20000 .elementor-element.elementor-element-f639bed .flex-grow-1 p.text-neutral-500{color:#6B6560 !important;font-family:"DM Sans", serif, sans-serif;font-size:14px;line-height:1.4em;}.elementor-20000 .elementor-element.elementor-element-e59aef0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-09559cb .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-f639bed .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-20000 .elementor-element.elementor-element-ecaa26e .section-heading__title{font-size:20px;}.elementor-20000 .elementor-element.elementor-element-ecaa26e .section-heading p{font-size:14px;}.elementor-20000 .elementor-element.elementor-element-c476b7c > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content h2{font-size:20px;}.elementor-20000 .elementor-element.elementor-element-c476b7c .flex-grow-1 p.text-neutral-500{font-size:16px;}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content h2{font-size:20px;}.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .flex-grow-1 p.text-neutral-500{font-size:16px;}.elementor-20000 .elementor-element.elementor-element-09559cb > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20000 .elementor-element.elementor-element-09559cb .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-09559cb .about-content h2{font-size:20px;}.elementor-20000 .elementor-element.elementor-element-09559cb .flex-grow-1 p.text-neutral-500{font-size:16px;}.elementor-20000 .elementor-element.elementor-element-cae15fb > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content h2{font-size:20px;}.elementor-20000 .elementor-element.elementor-element-cae15fb .flex-grow-1 p.text-neutral-500{font-size:16px;}.elementor-20000 .elementor-element.elementor-element-c2417c8 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content h2{font-size:20px;}.elementor-20000 .elementor-element.elementor-element-c2417c8 .flex-grow-1 p.text-neutral-500{font-size:16px;}.elementor-20000 .elementor-element.elementor-element-c8513d5 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content h2{font-size:20px;}.elementor-20000 .elementor-element.elementor-element-c8513d5 .flex-grow-1 p.text-neutral-500{font-size:16px;}.elementor-20000 .elementor-element.elementor-element-5a1d746 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content h2{font-size:20px;}.elementor-20000 .elementor-element.elementor-element-5a1d746 .flex-grow-1 p.text-neutral-500{font-size:16px;}.elementor-20000 .elementor-element.elementor-element-f639bed > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20000 .elementor-element.elementor-element-f639bed .about-content h5.text-main-600{line-height:var( --e-global-typography-text-line-height );}.elementor-20000 .elementor-element.elementor-element-f639bed .about-content h2{font-size:20px;}.elementor-20000 .elementor-element.elementor-element-f639bed .flex-grow-1 p.text-neutral-500{font-size:16px;}}@media(min-width:768px){.elementor-20000 .elementor-element.elementor-element-9838f9c{--width:80%;}}/* Start custom CSS for eduall-theme-section-title-one-widget, class: .elementor-element-ecaa26e */.section-heading__title {
    margin-block-end: 0px;
}/* End custom CSS */
/* Start custom CSS for eduall-about-content-widget, class: .elementor-element-c476b7c */.text-line-2 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    height: auto !important;
}


/* 2. تعريف حركة الظهور الناعمة */
@keyframes financeerContentFade {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3. تطبيق الحركة على كل الأجزاء (العنوان، الوصف، المميزات) */
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content h5, 
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content h2, 
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content p, 
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content .flex-align.align-items-start, 
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content .btn-main {
    opacity: 0; /* نبدأ من الصفر */
    animation: financeerContentFade 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 4. تحديد ترتيب زمن الظهور (Staggered Delays) */

/* الجزء العلوي */
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content h5 { animation-delay: 0.1s !important; }
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content h2 { animation-delay: 0.3s !important; }
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content p.text-line-2 { animation-delay: 0.5s !important; }

/* قائمة المميزات (الخبراء، التفاعل، الحالات الواقعية) */
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content .flex-align.align-items-start:nth-of-type(1) { animation-delay: 0.7s !important; }
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content .flex-align.align-items-start:nth-of-type(2) { animation-delay: 0.9s !important; }
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content .flex-align.align-items-start:nth-of-type(3) { animation-delay: 1.1s !important; }

/* زر البداية Start Your Journey */
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content .btn-main { animation-delay: 1.3s !important; }

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* إخفاء حاوية الـ Sub-title بالكامل إذا كان النص فارغاً */


/* حل إضافي في حال كان القالب يضع مسافات فارغة داخل الـ h5 */
.elementor-20000 .elementor-element.elementor-element-c476b7c .flex-align.gap-8.mb-16 {
    display: none !important;
}

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-c476b7c .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* تصغير حجم الدائرة */
.elementor-20000 .elementor-element.elementor-element-c476b7c .w-80.h-80 {
    width: 20px !important;  /* يمكنك تغيير الرقم لـ 50px لو أردتها أصغر */
    height: 20px !important;
    min-width: 20px !important; /* لضمان عدم انضغاط الدائرة في الشاشات الصغيرة */
}

/* تصغير حجم الأيقونة (SVG) بداخلها لتبدو متناسقة */
.elementor-20000 .elementor-element.elementor-element-c476b7c .w-80.h-80 img {
    width: 45px !important; /* نصف حجم الدائرة تقريباً يعطي شكلاً متوازناً */
    height: auto !important;
}
.elementor-20000 .elementor-element.elementor-element-c476b7c .w-80.h-80 {
    border-width: 1px !important;
    border-color: rgba(212, 175, 55, 0.3) !important; /* ذهبي خفيف */
}
@media (max-width: 767px) {
    .elementor-20000 .elementor-element.elementor-element-c476b7c .w-80.h-80 {
        width: 20px !important;  /* مقاس أصغر ومريح جداً للموبايل */
        height: 20px !important;
        min-width: 20px !important;
    }

    /* تصغير الأيقونة لتناسب الدائرة الصغيرة في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-c476b7c .w-80.h-80 img {
        width: 22px !important;
    }

    /* ضبط الفراغ (Gap) بين الدائرة والنص في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-c476b7c .flex-align {
        gap: 10px !important;
    }
}


.mb-32
 {
    margin-block-end:10px !important;
}
.mb-40{
    margin-block-end:10px !important;
}
.mt-40 {
    margin-block-start:10px!important;
}

.pt-40 {
    padding-block-start:10px!important;
}/* End custom CSS */
/* Start custom CSS for eduall-about-content-widget, class: .elementor-element-e6a7bc5 */.text-line-2 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    height: auto !important;
}


/* 2. تعريف حركة الظهور الناعمة */
@keyframes financeerContentFade {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3. تطبيق الحركة على كل الأجزاء (العنوان، الوصف، المميزات) */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content h5, 
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content h2, 
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content p, 
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content .flex-align.align-items-start, 
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content .btn-main {
    opacity: 0; /* نبدأ من الصفر */
    animation: financeerContentFade 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 4. تحديد ترتيب زمن الظهور (Staggered Delays) */

/* الجزء العلوي */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content h5 { animation-delay: 0.1s !important; }
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content h2 { animation-delay: 0.3s !important; }
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content p.text-line-2 { animation-delay: 0.5s !important; }

/* قائمة المميزات (الخبراء، التفاعل، الحالات الواقعية) */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content .flex-align.align-items-start:nth-of-type(1) { animation-delay: 0.7s !important; }
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content .flex-align.align-items-start:nth-of-type(2) { animation-delay: 0.9s !important; }
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content .flex-align.align-items-start:nth-of-type(3) { animation-delay: 1.1s !important; }

/* زر البداية Start Your Journey */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content .btn-main { animation-delay: 1.3s !important; }

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* إخفاء حاوية الـ Sub-title بالكامل إذا كان النص فارغاً */


/* حل إضافي في حال كان القالب يضع مسافات فارغة داخل الـ h5 */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .flex-align.gap-8.mb-16 {
    display: none !important;
}

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* تصغير حجم الدائرة */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .w-80.h-80 {
    width: 20px !important;  /* يمكنك تغيير الرقم لـ 50px لو أردتها أصغر */
    height: 20px !important;
    min-width: 20px !important; /* لضمان عدم انضغاط الدائرة في الشاشات الصغيرة */
}

/* تصغير حجم الأيقونة (SVG) بداخلها لتبدو متناسقة */
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .w-80.h-80 img {
    width: 45px !important; /* نصف حجم الدائرة تقريباً يعطي شكلاً متوازناً */
    height: auto !important;
}
.elementor-20000 .elementor-element.elementor-element-e6a7bc5 .w-80.h-80 {
    border-width: 1px !important;
    border-color: rgba(212, 175, 55, 0.3) !important; /* ذهبي خفيف */
}
@media (max-width: 767px) {
    .elementor-20000 .elementor-element.elementor-element-e6a7bc5 .w-80.h-80 {
        width: 20px !important;  /* مقاس أصغر ومريح جداً للموبايل */
        height: 20px !important;
        min-width: 20px !important;
    }

    /* تصغير الأيقونة لتناسب الدائرة الصغيرة في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-e6a7bc5 .w-80.h-80 img {
        width: 22px !important;
    }

    /* ضبط الفراغ (Gap) بين الدائرة والنص في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-e6a7bc5 .flex-align {
        gap: 10px !important;
    }
}


.mb-32
 {
    margin-block-end:10px !important;
}
.mb-40{
    margin-block-end:10px !important;
}
.mt-40 {
    margin-block-start:10px!important;
}

.pt-40 {
    padding-block-start:10px!important;
}/* End custom CSS */
/* Start custom CSS for eduall-about-content-widget, class: .elementor-element-09559cb */.text-line-2 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    height: auto !important;
}


/* 2. تعريف حركة الظهور الناعمة */
@keyframes financeerContentFade {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3. تطبيق الحركة على كل الأجزاء (العنوان، الوصف، المميزات) */
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content h5, 
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content h2, 
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content p, 
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content .flex-align.align-items-start, 
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content .btn-main {
    opacity: 0; /* نبدأ من الصفر */
    animation: financeerContentFade 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 4. تحديد ترتيب زمن الظهور (Staggered Delays) */

/* الجزء العلوي */
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content h5 { animation-delay: 0.1s !important; }
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content h2 { animation-delay: 0.3s !important; }
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content p.text-line-2 { animation-delay: 0.5s !important; }

/* قائمة المميزات (الخبراء، التفاعل، الحالات الواقعية) */
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content .flex-align.align-items-start:nth-of-type(1) { animation-delay: 0.7s !important; }
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content .flex-align.align-items-start:nth-of-type(2) { animation-delay: 0.9s !important; }
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content .flex-align.align-items-start:nth-of-type(3) { animation-delay: 1.1s !important; }

/* زر البداية Start Your Journey */
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content .btn-main { animation-delay: 1.3s !important; }

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* إخفاء حاوية الـ Sub-title بالكامل إذا كان النص فارغاً */


/* حل إضافي في حال كان القالب يضع مسافات فارغة داخل الـ h5 */
.elementor-20000 .elementor-element.elementor-element-09559cb .flex-align.gap-8.mb-16 {
    display: none !important;
}

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-09559cb .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* تصغير حجم الدائرة */
.elementor-20000 .elementor-element.elementor-element-09559cb .w-80.h-80 {
    width: 20px !important;  /* يمكنك تغيير الرقم لـ 50px لو أردتها أصغر */
    height: 20px !important;
    min-width: 20px !important; /* لضمان عدم انضغاط الدائرة في الشاشات الصغيرة */
}

/* تصغير حجم الأيقونة (SVG) بداخلها لتبدو متناسقة */
.elementor-20000 .elementor-element.elementor-element-09559cb .w-80.h-80 img {
    width: 45px !important; /* نصف حجم الدائرة تقريباً يعطي شكلاً متوازناً */
    height: auto !important;
}
.elementor-20000 .elementor-element.elementor-element-09559cb .w-80.h-80 {
    border-width: 1px !important;
    border-color: rgba(212, 175, 55, 0.3) !important; /* ذهبي خفيف */
}
@media (max-width: 767px) {
    .elementor-20000 .elementor-element.elementor-element-09559cb .w-80.h-80 {
        width: 20px !important;  /* مقاس أصغر ومريح جداً للموبايل */
        height: 20px !important;
        min-width: 20px !important;
    }

    /* تصغير الأيقونة لتناسب الدائرة الصغيرة في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-09559cb .w-80.h-80 img {
        width: 22px !important;
    }

    /* ضبط الفراغ (Gap) بين الدائرة والنص في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-09559cb .flex-align {
        gap: 10px !important;
    }
}


.mb-32
 {
    margin-block-end:10px !important;
}
.mb-40{
    margin-block-end:10px !important;
}
.mt-40 {
    margin-block-start:10px!important;
}

.pt-40 {
    padding-block-start:10px!important;
}/* End custom CSS */
/* Start custom CSS for eduall-about-content-widget, class: .elementor-element-cae15fb */.text-line-2 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    height: auto !important;
}


/* 2. تعريف حركة الظهور الناعمة */
@keyframes financeerContentFade {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3. تطبيق الحركة على كل الأجزاء (العنوان، الوصف، المميزات) */
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content h5, 
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content h2, 
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content p, 
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content .flex-align.align-items-start, 
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content .btn-main {
    opacity: 0; /* نبدأ من الصفر */
    animation: financeerContentFade 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 4. تحديد ترتيب زمن الظهور (Staggered Delays) */

/* الجزء العلوي */
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content h5 { animation-delay: 0.1s !important; }
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content h2 { animation-delay: 0.3s !important; }
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content p.text-line-2 { animation-delay: 0.5s !important; }

/* قائمة المميزات (الخبراء، التفاعل، الحالات الواقعية) */
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content .flex-align.align-items-start:nth-of-type(1) { animation-delay: 0.7s !important; }
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content .flex-align.align-items-start:nth-of-type(2) { animation-delay: 0.9s !important; }
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content .flex-align.align-items-start:nth-of-type(3) { animation-delay: 1.1s !important; }

/* زر البداية Start Your Journey */
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content .btn-main { animation-delay: 1.3s !important; }

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* إخفاء حاوية الـ Sub-title بالكامل إذا كان النص فارغاً */


/* حل إضافي في حال كان القالب يضع مسافات فارغة داخل الـ h5 */
.elementor-20000 .elementor-element.elementor-element-cae15fb .flex-align.gap-8.mb-16 {
    display: none !important;
}

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-cae15fb .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* تصغير حجم الدائرة */
.elementor-20000 .elementor-element.elementor-element-cae15fb .w-80.h-80 {
    width: 20px !important;  /* يمكنك تغيير الرقم لـ 50px لو أردتها أصغر */
    height: 20px !important;
    min-width: 20px !important; /* لضمان عدم انضغاط الدائرة في الشاشات الصغيرة */
}

/* تصغير حجم الأيقونة (SVG) بداخلها لتبدو متناسقة */
.elementor-20000 .elementor-element.elementor-element-cae15fb .w-80.h-80 img {
    width: 45px !important; /* نصف حجم الدائرة تقريباً يعطي شكلاً متوازناً */
    height: auto !important;
}
.elementor-20000 .elementor-element.elementor-element-cae15fb .w-80.h-80 {
    border-width: 1px !important;
    border-color: rgba(212, 175, 55, 0.3) !important; /* ذهبي خفيف */
}
@media (max-width: 767px) {
    .elementor-20000 .elementor-element.elementor-element-cae15fb .w-80.h-80 {
        width: 20px !important;  /* مقاس أصغر ومريح جداً للموبايل */
        height: 20px !important;
        min-width: 20px !important;
    }

    /* تصغير الأيقونة لتناسب الدائرة الصغيرة في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-cae15fb .w-80.h-80 img {
        width: 22px !important;
    }

    /* ضبط الفراغ (Gap) بين الدائرة والنص في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-cae15fb .flex-align {
        gap: 10px !important;
    }
}


.mb-32
 {
    margin-block-end:10px !important;
}
.mb-40{
    margin-block-end:10px !important;
}
.mt-40 {
    margin-block-start:10px!important;
}

.pt-40 {
    padding-block-start:10px!important;
}/* End custom CSS */
/* Start custom CSS for eduall-about-content-widget, class: .elementor-element-c2417c8 */.text-line-2 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    height: auto !important;
}


/* 2. تعريف حركة الظهور الناعمة */
@keyframes financeerContentFade {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3. تطبيق الحركة على كل الأجزاء (العنوان، الوصف، المميزات) */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content h5, 
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content h2, 
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content p, 
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content .flex-align.align-items-start, 
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content .btn-main {
    opacity: 0; /* نبدأ من الصفر */
    animation: financeerContentFade 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 4. تحديد ترتيب زمن الظهور (Staggered Delays) */

/* الجزء العلوي */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content h5 { animation-delay: 0.1s !important; }
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content h2 { animation-delay: 0.3s !important; }
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content p.text-line-2 { animation-delay: 0.5s !important; }

/* قائمة المميزات (الخبراء، التفاعل، الحالات الواقعية) */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content .flex-align.align-items-start:nth-of-type(1) { animation-delay: 0.7s !important; }
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content .flex-align.align-items-start:nth-of-type(2) { animation-delay: 0.9s !important; }
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content .flex-align.align-items-start:nth-of-type(3) { animation-delay: 1.1s !important; }

/* زر البداية Start Your Journey */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content .btn-main { animation-delay: 1.3s !important; }

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* إخفاء حاوية الـ Sub-title بالكامل إذا كان النص فارغاً */


/* حل إضافي في حال كان القالب يضع مسافات فارغة داخل الـ h5 */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .flex-align.gap-8.mb-16 {
    display: none !important;
}

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* تصغير حجم الدائرة */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .w-80.h-80 {
    width: 20px !important;  /* يمكنك تغيير الرقم لـ 50px لو أردتها أصغر */
    height: 20px !important;
    min-width: 20px !important; /* لضمان عدم انضغاط الدائرة في الشاشات الصغيرة */
}

/* تصغير حجم الأيقونة (SVG) بداخلها لتبدو متناسقة */
.elementor-20000 .elementor-element.elementor-element-c2417c8 .w-80.h-80 img {
    width: 45px !important; /* نصف حجم الدائرة تقريباً يعطي شكلاً متوازناً */
    height: auto !important;
}
.elementor-20000 .elementor-element.elementor-element-c2417c8 .w-80.h-80 {
    border-width: 1px !important;
    border-color: rgba(212, 175, 55, 0.3) !important; /* ذهبي خفيف */
}
@media (max-width: 767px) {
    .elementor-20000 .elementor-element.elementor-element-c2417c8 .w-80.h-80 {
        width: 20px !important;  /* مقاس أصغر ومريح جداً للموبايل */
        height: 20px !important;
        min-width: 20px !important;
    }

    /* تصغير الأيقونة لتناسب الدائرة الصغيرة في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-c2417c8 .w-80.h-80 img {
        width: 22px !important;
    }

    /* ضبط الفراغ (Gap) بين الدائرة والنص في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-c2417c8 .flex-align {
        gap: 10px !important;
    }
}


.mb-32
 {
    margin-block-end:10px !important;
}
.mb-40{
    margin-block-end:10px !important;
}
.mt-40 {
    margin-block-start:10px!important;
}

.pt-40 {
    padding-block-start:10px!important;
}/* End custom CSS */
/* Start custom CSS for eduall-about-content-widget, class: .elementor-element-c8513d5 */.text-line-2 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    height: auto !important;
}


/* 2. تعريف حركة الظهور الناعمة */
@keyframes financeerContentFade {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3. تطبيق الحركة على كل الأجزاء (العنوان، الوصف، المميزات) */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content h5, 
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content h2, 
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content p, 
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content .flex-align.align-items-start, 
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content .btn-main {
    opacity: 0; /* نبدأ من الصفر */
    animation: financeerContentFade 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 4. تحديد ترتيب زمن الظهور (Staggered Delays) */

/* الجزء العلوي */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content h5 { animation-delay: 0.1s !important; }
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content h2 { animation-delay: 0.3s !important; }
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content p.text-line-2 { animation-delay: 0.5s !important; }

/* قائمة المميزات (الخبراء، التفاعل، الحالات الواقعية) */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content .flex-align.align-items-start:nth-of-type(1) { animation-delay: 0.7s !important; }
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content .flex-align.align-items-start:nth-of-type(2) { animation-delay: 0.9s !important; }
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content .flex-align.align-items-start:nth-of-type(3) { animation-delay: 1.1s !important; }

/* زر البداية Start Your Journey */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content .btn-main { animation-delay: 1.3s !important; }

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* إخفاء حاوية الـ Sub-title بالكامل إذا كان النص فارغاً */


/* حل إضافي في حال كان القالب يضع مسافات فارغة داخل الـ h5 */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .flex-align.gap-8.mb-16 {
    display: none !important;
}

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* تصغير حجم الدائرة */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .w-80.h-80 {
    width: 20px !important;  /* يمكنك تغيير الرقم لـ 50px لو أردتها أصغر */
    height: 20px !important;
    min-width: 20px !important; /* لضمان عدم انضغاط الدائرة في الشاشات الصغيرة */
}

/* تصغير حجم الأيقونة (SVG) بداخلها لتبدو متناسقة */
.elementor-20000 .elementor-element.elementor-element-c8513d5 .w-80.h-80 img {
    width: 45px !important; /* نصف حجم الدائرة تقريباً يعطي شكلاً متوازناً */
    height: auto !important;
}
.elementor-20000 .elementor-element.elementor-element-c8513d5 .w-80.h-80 {
    border-width: 1px !important;
    border-color: rgba(212, 175, 55, 0.3) !important; /* ذهبي خفيف */
}
@media (max-width: 767px) {
    .elementor-20000 .elementor-element.elementor-element-c8513d5 .w-80.h-80 {
        width: 20px !important;  /* مقاس أصغر ومريح جداً للموبايل */
        height: 20px !important;
        min-width: 20px !important;
    }

    /* تصغير الأيقونة لتناسب الدائرة الصغيرة في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-c8513d5 .w-80.h-80 img {
        width: 22px !important;
    }

    /* ضبط الفراغ (Gap) بين الدائرة والنص في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-c8513d5 .flex-align {
        gap: 10px !important;
    }
}


.mb-32
 {
    margin-block-end:10px !important;
}
.mb-40{
    margin-block-end:10px !important;
}
.mt-40 {
    margin-block-start:10px!important;
}

.pt-40 {
    padding-block-start:10px!important;
}/* End custom CSS */
/* Start custom CSS for eduall-about-content-widget, class: .elementor-element-5a1d746 */.text-line-2 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    height: auto !important;
}


/* 2. تعريف حركة الظهور الناعمة */
@keyframes financeerContentFade {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3. تطبيق الحركة على كل الأجزاء (العنوان، الوصف، المميزات) */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content h5, 
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content h2, 
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content p, 
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content .flex-align.align-items-start, 
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content .btn-main {
    opacity: 0; /* نبدأ من الصفر */
    animation: financeerContentFade 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 4. تحديد ترتيب زمن الظهور (Staggered Delays) */

/* الجزء العلوي */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content h5 { animation-delay: 0.1s !important; }
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content h2 { animation-delay: 0.3s !important; }
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content p.text-line-2 { animation-delay: 0.5s !important; }

/* قائمة المميزات (الخبراء، التفاعل، الحالات الواقعية) */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content .flex-align.align-items-start:nth-of-type(1) { animation-delay: 0.7s !important; }
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content .flex-align.align-items-start:nth-of-type(2) { animation-delay: 0.9s !important; }
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content .flex-align.align-items-start:nth-of-type(3) { animation-delay: 1.1s !important; }

/* زر البداية Start Your Journey */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content .btn-main { animation-delay: 1.3s !important; }

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* إخفاء حاوية الـ Sub-title بالكامل إذا كان النص فارغاً */


/* حل إضافي في حال كان القالب يضع مسافات فارغة داخل الـ h5 */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .flex-align.gap-8.mb-16 {
    display: none !important;
}

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* تصغير حجم الدائرة */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .w-80.h-80 {
    width: 20px !important;  /* يمكنك تغيير الرقم لـ 50px لو أردتها أصغر */
    height: 20px !important;
    min-width: 20px !important; /* لضمان عدم انضغاط الدائرة في الشاشات الصغيرة */
}

/* تصغير حجم الأيقونة (SVG) بداخلها لتبدو متناسقة */
.elementor-20000 .elementor-element.elementor-element-5a1d746 .w-80.h-80 img {
    width: 45px !important; /* نصف حجم الدائرة تقريباً يعطي شكلاً متوازناً */
    height: auto !important;
}
.elementor-20000 .elementor-element.elementor-element-5a1d746 .w-80.h-80 {
    border-width: 1px !important;
    border-color: rgba(212, 175, 55, 0.3) !important; /* ذهبي خفيف */
}
@media (max-width: 767px) {
    .elementor-20000 .elementor-element.elementor-element-5a1d746 .w-80.h-80 {
        width: 20px !important;  /* مقاس أصغر ومريح جداً للموبايل */
        height: 20px !important;
        min-width: 20px !important;
    }

    /* تصغير الأيقونة لتناسب الدائرة الصغيرة في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-5a1d746 .w-80.h-80 img {
        width: 22px !important;
    }

    /* ضبط الفراغ (Gap) بين الدائرة والنص في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-5a1d746 .flex-align {
        gap: 10px !important;
    }
}


.mb-32
 {
    margin-block-end:10px !important;
}
.mb-40{
    margin-block-end:10px !important;
}
.mt-40 {
    margin-block-start:10px!important;
}

.pt-40 {
    padding-block-start:10px!important;
}/* End custom CSS */
/* Start custom CSS for eduall-about-content-widget, class: .elementor-element-f639bed */.text-line-2 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    height: auto !important;
}


/* 2. تعريف حركة الظهور الناعمة */
@keyframes financeerContentFade {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3. تطبيق الحركة على كل الأجزاء (العنوان، الوصف، المميزات) */
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content h5, 
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content h2, 
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content p, 
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content .flex-align.align-items-start, 
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content .btn-main {
    opacity: 0; /* نبدأ من الصفر */
    animation: financeerContentFade 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 4. تحديد ترتيب زمن الظهور (Staggered Delays) */

/* الجزء العلوي */
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content h5 { animation-delay: 0.1s !important; }
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content h2 { animation-delay: 0.3s !important; }
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content p.text-line-2 { animation-delay: 0.5s !important; }

/* قائمة المميزات (الخبراء، التفاعل، الحالات الواقعية) */
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content .flex-align.align-items-start:nth-of-type(1) { animation-delay: 0.7s !important; }
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content .flex-align.align-items-start:nth-of-type(2) { animation-delay: 0.9s !important; }
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content .flex-align.align-items-start:nth-of-type(3) { animation-delay: 1.1s !important; }

/* زر البداية Start Your Journey */
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content .btn-main { animation-delay: 1.3s !important; }

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* إخفاء حاوية الـ Sub-title بالكامل إذا كان النص فارغاً */


/* حل إضافي في حال كان القالب يضع مسافات فارغة داخل الـ h5 */
.elementor-20000 .elementor-element.elementor-element-f639bed .flex-align.gap-8.mb-16 {
    display: none !important;
}

/* 5. تنسيق إضافي للأيقونات الذهبية لضمان فخامتها */
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content span.w-80.h-80 {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
}

/* حركة عند مرور الماوس على الميزة */
.elementor-20000 .elementor-element.elementor-element-f639bed .about-content .flex-align.align-items-start:hover span.w-80.h-80 {
    transform: scale(1.1) !important;
    border-color: #d4af37 !important;
    background-color: #fcfaf5 !important;
}
/* تصغير حجم الدائرة */
.elementor-20000 .elementor-element.elementor-element-f639bed .w-80.h-80 {
    width: 20px !important;  /* يمكنك تغيير الرقم لـ 50px لو أردتها أصغر */
    height: 20px !important;
    min-width: 20px !important; /* لضمان عدم انضغاط الدائرة في الشاشات الصغيرة */
}

/* تصغير حجم الأيقونة (SVG) بداخلها لتبدو متناسقة */
.elementor-20000 .elementor-element.elementor-element-f639bed .w-80.h-80 img {
    width: 45px !important; /* نصف حجم الدائرة تقريباً يعطي شكلاً متوازناً */
    height: auto !important;
}
.elementor-20000 .elementor-element.elementor-element-f639bed .w-80.h-80 {
    border-width: 1px !important;
    border-color: rgba(212, 175, 55, 0.3) !important; /* ذهبي خفيف */
}
@media (max-width: 767px) {
    .elementor-20000 .elementor-element.elementor-element-f639bed .w-80.h-80 {
        width: 20px !important;  /* مقاس أصغر ومريح جداً للموبايل */
        height: 20px !important;
        min-width: 20px !important;
    }

    /* تصغير الأيقونة لتناسب الدائرة الصغيرة في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-f639bed .w-80.h-80 img {
        width: 22px !important;
    }

    /* ضبط الفراغ (Gap) بين الدائرة والنص في الموبايل */
    .elementor-20000 .elementor-element.elementor-element-f639bed .flex-align {
        gap: 10px !important;
    }
}


.mb-32
 {
    margin-block-end:10px !important;
}
.mb-40{
    margin-block-end:10px !important;
}
.mt-40 {
    margin-block-start:10px!important;
}

.pt-40 {
    padding-block-start:10px!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ea6d9 */*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  body { font-family: 'DM SANS', sans-serif; background: #f7f9fb; color: #1a1a2e; line-height: 1.7; }

  /* NAVBAR */
  .logo { font-size: 20px; font-weight: 800; color: #0d1b2a; text-decoration: none; }
  .logo span { color: #d4af37; }

  /* HERO */
  .hero { background: linear-gradient(135deg, #0d1b2a 0%, #112240 100%); padding: 64px 24px; text-align: center; }
  .hero .badge { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #d4af37; background: rgba(201,162,39,.12); border: 1px solid rgba(201,162,39,.3); padding: 5px 14px; border-radius: 20px; margin-bottom: 20px; }
  .hero h1 { font-size: clamp(28px, 5vw, 44px); font-weight: 900; color: #fff; margin-bottom: 12px; }

  .hero p { color: #8aadc4; font-size: 15px;  margin: 0 auto; }
  .navbar { background: #fff; border-bottom: 1px solid #e8ecf0; padding: 16px 0; position: sticky; top: 0; z-index: 100; }
  .navbar .inner { max-width: 100%; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: center; }
  /* MAIN CONTENT */
  .page { max-width: 1600px; margin: 0 auto; padding: 0px 0px 0px; }
.privacy__policy { max-width: 900px; margin: 0 auto; padding: 0px 0px 0px; }
  /* PURPOSE CARD */
  .purpose-card { background: #fff; border-left: 4px solid #d4af37; border-radius: 0 10px 10px 0; padding: 28px 32px; margin-bottom: 40px; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
  .purpose-card h2 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #d4af37; margin-bottom: 10px; }
  .purpose-card p { font-size: 15px; color: #3a4a5a; line-height: 1.75; }

  /* SECTION */
  .section { background: #fff; border-radius: 12px; padding: 32px 36px; margin-bottom: 24px; box-shadow: 0 2px 12px rgba(0,0,0,.05); }
  .section-header { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #f0f2f5; align-items: center !important;}
  .section-num { width: 36px; height: 36px; border-radius: 8px; background: #0d1b2a; color: #d4af37; font-size: 15px; font-weight: 800; display: flex; align-items: center; justify-content: center;    align-items: center; flex-shrink: 0; }
  .section-header h2 { font-size: 18px; font-weight: 700; color: #0d1b2a; font-family: 'DM SANS', sans-serif; align-items: center;margin: 0;}

  /* SUB-ITEM */
  .sub-item { margin-bottom: 22px; }
  .sub-item:last-child { margin-bottom: 0; }
  .sub-item h3 { font-size: 14px; font-weight: 700; color: #0d1b2a; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
  .sub-item h3::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #d4af37; flex-shrink: 0; }
  .sub-item p { font-size: 14px; color: #4a5a6a; line-height: 1.75; padding-left: 14px; }

  /* LIST */
  .policy-list { list-style: none; padding-left: 14px; margin-top: 8px; }
  .policy-list li { font-size: 14px; color: #4a5a6a; line-height: 1.75; padding: 6px 0 6px 20px; position: relative; }
  .policy-list li::before { content: '→'; position: absolute; left: 0; color: #d4af37; font-size: 13px; font-weight: 700; }

  /* COOKIE TYPES */
  .cookie-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin-top: 16px; padding-left: 14px; }
  .cookie-type { background: #f7f9fb; border: 1px solid #e4e9ef; border-radius: 8px; padding: 16px 18px; }
  .cookie-type h4 { font-size: 13px; font-weight: 700; color: #0d1b2a; margin-bottom: 6px; }
  .cookie-type p { font-size: 12.5px; color: #5a6a7a; line-height: 1.6; }

  /* CONTACT CARD */
  .contact-card { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a5c 100%); border-radius: 12px; padding: 32px 36px; margin-bottom: 24px; }
  .contact-card .section-header { border-bottom-color: rgba(255,255,255,.1); }
  .contact-card .section-num { background: rgba(201,162,39,.2); }
  .contact-card .section-header h2 { color: #fff; }
  .contact-card .sub-item h3 { color: #d4af37; }
  .contact-card .sub-item h3::before { background: #d4af37; }
  .contact-card .sub-item p { color: #a8c0d6; }
  .contact-detail { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; padding: 10px 18px; margin: 6px 6px 0 0; font-size: 14px; font-weight: 500; color: #fff; text-decoration: none; }
  .contact-detail:hover { background: rgba(201,162,39,.15); border-color: rgba(201,162,39,.4); }

  /* FOOTER NOTICE */
  .footer-notice { background: #fff; border-radius: 10px; padding: 24px 28px; border: 1px solid #e4e9ef; margin-bottom: 40px; }
  .footer-notice p { font-size: 13.5px; color: #5a6a7a; line-height: 1.75; }
  .footer-notice strong { color: #0d1b2a; }

  /* EFFECTIVE DATE */
  .effective-bar { display: flex; align-items: center; gap: 12px; background: rgba(201,162,39,.08); border: 1px solid rgba(201,162,39,.25); border-radius: 8px; padding: 14px 20px; margin-bottom: 32px; }
  .effective-bar .icon { font-size: 20px; }
  .effective-bar p { font-size: 13px; color: #6a5a2a; font-weight: 500; }

  /* FOOTER */
  footer { background: #090f1a; padding: 28px 0; }
  footer .logo-f { font-size: 18px; font-weight: 800; color: #fff; margin-bottom: 6px; }
  footer .logo-f span { color: #d4af37; }
  footer p { color: #4a5a6a; font-size: 12px; }

  @media (max-width: 600px) {
    .section, .purpose-card, .contact-card { padding: 24px 20px; }
    .cookie-grid { grid-template-columns: 1fr; }
  }/* End custom CSS */