.elementor-2 .elementor-element.elementor-element-769a3f6{--display:flex;--min-height:100vh;--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;--gap:26px 0px;--row-gap:26px;--column-gap:0px;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-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-2 .elementor-element.elementor-element-5823758 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-c1c5b37{text-align:center;}.elementor-2 .elementor-element.elementor-element-c1c5b37 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:72px;font-weight:bold;line-height:100%;letter-spacing:-3.6px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-af407b9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-605b6dc{--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;}.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-2 .elementor-element.elementor-element-8d2e0eb .elementor-button{background-color:#161A31;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6971A2;border-radius:10px 10px 10px 10px;padding:18px 30px 18px 30px;}.elementor-2 .elementor-element.elementor-element-8d2e0eb .elementor-button-content-wrapper{flex-direction:row;}.elementor-2 .elementor-element.elementor-element-8d2e0eb .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-2 .elementor-element.elementor-element-5d4a0a3{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-5d4a0a3:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-5d4a0a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161A31;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-605b6dc{--width:auto;}}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-af407b9{text-align:center;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-769a3f6{--min-height:90vh;--margin-top:-115px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-5823758{text-align:center;}.elementor-2 .elementor-element.elementor-element-5823758 .elementor-heading-title{font-size:16px;}.elementor-2 .elementor-element.elementor-element-c1c5b37 .elementor-heading-title{font-size:48px;}.elementor-2 .elementor-element.elementor-element-af407b9{text-align:center;}.elementor-2 .elementor-element.elementor-element-af407b9 .elementor-heading-title{font-size:18px;}.elementor-2 .elementor-element.elementor-element-605b6dc{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2 .elementor-element.elementor-element-8d2e0eb .elementor-button{padding:18 100% 18 100%;}}/* Start custom CSS for heading, class: .elementor-element-a44d47f *//* ===== Stars Effect ===== */
.stars {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1; /* أقل من المحتوى */
    background: transparent;
}

.stars::before,
.stars::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    background: white;
    border-radius: 50%;
    box-shadow:
        50px 100px white,
        120px 200px white,
        300px 50px white,
        400px 150px white,
        600px 300px white,
        800px 100px white,
        900px 200px white,
        1000px 50px white;
    animation: twinkle 5s linear infinite;
}

.stars::after {
    top: 400px;
    left: 0;
    box-shadow:
        100px 50px white,
        200px 150px white,
        300px 250px white,
        450px 300px white,
        600px 50px white,
        750px 200px white,
        900px 150px white,
        1050px 100px white;
    animation-duration: 7s;
}

@keyframes twinkle {
    0%, 100% { opacity: 0.7; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-5px); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c1c5b37 */.glow-text {
    color: #ffffff;
    text-shadow: 0 0 4px rgba(255,255,255,0.4);
}
.glow-text {
    opacity: 0;
    transform: translateY(12px);
    animation: typeIn 0.4s ease-out forwards;
}

@keyframes typeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-af407b9 */.desc-reveal {
    opacity: 0;
    transform: translateY(14px);
    filter: blur(4px);
    animation: descReveal 0.9s ease-out forwards;
    animation-delay: 0.2s;
}

@keyframes descReveal {
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}


.desc-reveal {
    color: #ffffff;
    text-shadow: 0 0 5px rgba(255,255,255,0.4);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8d2e0eb *//* كود الزر الأساسي (كما هو) */
.btn-reveal {
    display: inline-flex; /* أو inline-block حسب تصميمك */
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(12px) scale(0.95);
    transition: all 0.5s ease-out;
    animation: btnReveal 0.6s forwards;
    animation-delay: 0.3s;
    /* تأكد من وجود padding مناسب */
    padding: 12px 0px; 
}

@keyframes btnReveal {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}



/* ===== خاصية العرض الكامل للهاتف فقط ===== */
@media (max-width: 768px) {
    .btn-reveal {
        display: flex;       /* ليأخذ سلوك الـ Block ويسمح بالعرض الكامل */
        width: 100%;         /* العرض من الجنب للجنب */
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box; /* لضمان عدم خروج الزر عن الشاشة بسبب الـ padding */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-769a3f6 *//* ===== Squares Background Effect ===== */
.bg-squares {
    position: relative;
    overflow: hidden;
    background-color: #161A31; /* لون الخلفية الأساسي */
    min-height: 100vh; /* أو الطول الذي تريده */
}

/* شبكة المربعات المتحركة */
.bg-squares::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 40px 40px;
    animation: moveGrid 20s linear infinite;
    z-index: 0;
}

/* حركة المربعات */
@keyframes moveGrid {
    from { background-position: 0 0; }
    to { background-position: 40px 40px; }
}

/* تأثير التمويه الجانبي والسفلي (Vignette & Blur) */
.bg-squares::after {
    content: "";
    position: absolute; /* تغيير من fixed لضمان بقائه داخل القسم */
    inset: 0;
    pointer-events: none;
    z-index: 1;

    /* تأثير البلور */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* قناع لإظهار التمويه على الجوانب فقط وتلاشيه في المنتصف والأسفل */
    mask-image: 
        linear-gradient(to right, black 0%, transparent 15%, transparent 85%, black 100%),
        linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: 
        linear-gradient(to right, black 0%, transparent 15%, transparent 85%, black 100%),
        linear-gradient(to bottom, black 80%, transparent 100%);
    
    mask-composite: intersect;
    -webkit-mask-composite: source-in;
}

/* التأكد من ظهور النصوص فوق الخلفية */
.bg-squares > * {
    position: relative;
    z-index: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d4a0a3 */.next-section {
    position: relative;
    background-color: #161A31; /* نفس لون خلفية الهيرو لضمان التناسق */
    padding: 25px 0;
    color: white;
    z-index: 2;
}

/* إضافة تدرج علوي للقسم الجديد */
.next-section::before {
    content: "";
    position: absolute;
    top: -100px; /* يسحب التدرج للأعلى قليلاً ليدمج مع الهيرو */
    left: 0;
    width: 100%;
    height: 100px; /* طول منطقة التدرج */
    background: linear-gradient(to bottom, transparent, #161A31);
    pointer-events: none;
}/* End custom CSS */