.elementor-829 .elementor-element.elementor-element-24126a8{--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;--overlay-opacity:0.8;--margin-top:-126px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-829 .elementor-element.elementor-element-24126a8::before, .elementor-829 .elementor-element.elementor-element-24126a8 > .elementor-background-video-container::before, .elementor-829 .elementor-element.elementor-element-24126a8 > .e-con-inner > .elementor-background-video-container::before, .elementor-829 .elementor-element.elementor-element-24126a8 > .elementor-background-slideshow::before, .elementor-829 .elementor-element.elementor-element-24126a8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-829 .elementor-element.elementor-element-24126a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-829 .elementor-element.elementor-element-341b09e .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-829 .elementor-element.elementor-element-6487543{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-829 .elementor-element.elementor-element-dac9330{--display:flex;--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-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-829 .elementor-element.elementor-element-2af19fc.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-829 .elementor-element.elementor-element-2af19fc.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-829 .elementor-element.elementor-element-2af19fc.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-829 .elementor-element.elementor-element-2af19fc .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-829 .elementor-element.elementor-element-2af19fc .elementor-image-box-img img{transition-duration:0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.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-829 .elementor-element.elementor-element-25da629 .elementor-button{background-color:#B8860B00;font-family:"Cairo", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-style:none;}.elementor-829 .elementor-element.elementor-element-3368681{--display:flex;--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-829 .elementor-element.elementor-element-4e9b8df.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-829 .elementor-element.elementor-element-4e9b8df.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-829 .elementor-element.elementor-element-4e9b8df.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-829 .elementor-element.elementor-element-4e9b8df .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-829 .elementor-element.elementor-element-4e9b8df .elementor-image-box-img img{transition-duration:0.3s;}.elementor-829 .elementor-element.elementor-element-0e6314d{padding:19px 0px 0px 0px;}.elementor-829 .elementor-element.elementor-element-e2b4413 .elementor-button{background-color:#B8860B00;font-family:"Cairo", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-style:none;}.elementor-829 .elementor-element.elementor-element-e2b4413{padding:34px 0px 0px 0px;}.elementor-829 .elementor-element.elementor-element-e8ea782{--display:flex;--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-829 .elementor-element.elementor-element-8c561bf.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-829 .elementor-element.elementor-element-8c561bf.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-829 .elementor-element.elementor-element-8c561bf.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-829 .elementor-element.elementor-element-8c561bf .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-829 .elementor-element.elementor-element-8c561bf .elementor-image-box-img img{transition-duration:0.3s;}.elementor-829 .elementor-element.elementor-element-b7f93bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-829 .elementor-element.elementor-element-29c4ad3 .elementor-button{background-color:#B8860B00;font-family:"Cairo", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-style:none;}.elementor-829 .elementor-element.elementor-element-29c4ad3{padding:34px 0px 0px 0px;}.elementor-829 .elementor-element.elementor-element-6d33fc4{--display:flex;--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-829 .elementor-element.elementor-element-0e469d9{padding:20px 20px 20px 20px;text-align:center;}.elementor-829 .elementor-element.elementor-element-0e469d9.elementor-element{--align-self:center;}.elementor-829 .elementor-element.elementor-element-e97b765{--display:flex;--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-widget-ucaddon_step_process .ue-graphic-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_step_process .ue-step-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_step_process .ue-step-item-content-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_step_process .ue-step-item-content-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-item-gap{width:0px;height:0px;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-item-line{background-color:var( --e-global-color-primary );}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-icon{width:80px;height:80px;background-color:var( --e-global-color-accent );color:#000000;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-icon{font-size:24px;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-graphic-image img{width:24px;height:24px;object-fit:cover;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-icon svg{fill:#000000;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-icon,.elementor-829 .elementor-element.elementor-element-497fa03 .ue-graphic-image img{border-radius:100px 100px 100px 100px;}.elementor-829 .elementor-element.elementor-element-497fa03 .uc-item-active .ue-step-icon{background-color:#000000 !important;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-label{background-color:#c9c9c9;color:#ffffff;padding:5px 5px 5px 5px;border-radius:10px 10px 10px 10px;min-width:0px;min-height:0px;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-item-content{padding:10px 10px 10px 10px;text-align:center;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-item-spacer{width:10px;height:10px;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-item-content-title{color:var( --e-global-color-primary );margin-top:10px;}.elementor-829 .elementor-element.elementor-element-497fa03 .ue-step-item-content-text{color:var( --e-global-color-text );margin-top:10px;}.elementor-829 .elementor-element.elementor-element-a44cf50{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-829 .elementor-element.elementor-element-6541152{--display:flex;--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;--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;}.elementor-829 .elementor-element.elementor-element-ef26cf7{--display:flex;--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;--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;}.elementor-829 .elementor-element.elementor-element-b4bb0e1{--display:flex;--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;--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;}@media(min-width:768px){.elementor-829 .elementor-element.elementor-element-dac9330{--width:33.3333%;}.elementor-829 .elementor-element.elementor-element-3368681{--width:33.3333%;}.elementor-829 .elementor-element.elementor-element-e8ea782{--width:33.3333%;}.elementor-829 .elementor-element.elementor-element-6541152{--width:20%;}.elementor-829 .elementor-element.elementor-element-ef26cf7{--width:80%;}.elementor-829 .elementor-element.elementor-element-b4bb0e1{--width:20%;}}@media(max-width:767px){.elementor-829 .elementor-element.elementor-element-24126a8{--margin-top:-220px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-829 .elementor-element.elementor-element-2af19fc .elementor-image-box-img{margin-bottom:15px;}.elementor-829 .elementor-element.elementor-element-4e9b8df .elementor-image-box-img{margin-bottom:15px;}.elementor-829 .elementor-element.elementor-element-8c561bf .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for button, class: .elementor-element-25da629 *//* --- تأثير الزر الذهبي السائل والمدار --- */

/* 1. تهيئة الزرار الأساسي وإلغاء الستايل القديم */
.elementor-829 .elementor-element.elementor-element-25da629 .elementor-button {
    background: transparent !important; /* إلغاء خلفية ألمنتور */
    border: none !important;
    padding: 0 !important; /* إلغاء الـ padding الداخلي مؤقتاً */
    position: relative;
    z-index: 1;
    border-radius: 4px; /* دوران الحواف */
    overflow: visible; /* مهم جداً عشان المدار يظهر بره الزرار */
}

/* 2. طبقة المدار الذهبي الدوار (The Orbit) */
/* بنعمل عنصر وهمي خلف الزرار وأكبر منه */
.elementor-829 .elementor-element.elementor-element-25da629 .elementor-button::before {
    content: '';
    position: absolute;
    z-index: -2; /* خلف كل شيء */
    top: -3px; left: -3px; right: -3px; bottom: -3px; /* حجم المدار (سمكه 3 بكسل) */
    border-radius: 6px; /* لازم يكون أكبر قليلاً من دوران الزرار */
    background: var(--ae-dark); /* لون الخلفية تحت المدار */
    
    /* السحر هنا: تدرج لوني مخروطي بيلف */
    background-image: conic-gradient(
        from var(--angle), 
        transparent 0%, 
        transparent 70%, 
        var(--ae-gold) 85%, 
        var(--ae-gold-light) 95%, 
        transparent 100%
    );
    
    /* أنيميشن الدوران باستخدام متغير CSS */
    animation: rotateOrbit 4s linear infinite;
}

/* تعريف متغير الزاوية للأنيميشن (مهم للمتصفحات الحديثة) */
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotateOrbit {
  to {
    --angle: 360deg;
  }
}

/* 3. طبقة الذهب السائل الداخلية (The Liquid Gold) */
/* بنستخدم الـ span اللي جوه الزرار عشان نحط عليه الخلفية السائلة */
.elementor-829 .elementor-element.elementor-element-25da629 .elementor-button-content-wrapper {
    /* تدرج الذهب السائل */
    background: linear-gradient(90deg, 
        var(--ae-gold), 
        #b8860b, 
        var(--ae-gold-light), 
        var(--ae-gold)
    );
    background-size: 300% 100%; /* تكبير الخلفية لعمل حركة السائل */
    
    /* استعادة الـ Padding اللي لغيناه فوق */
    padding: 15px 35px; 
    border-radius: 4px;
    z-index: 2;
    
    /* حركة السائل المستمرة */
    animation: liquidGold 3s linear infinite;
}

/* أنيميشن حركة السائل */
@keyframes liquidGold {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* تأثير عند مرور الماوس (اختياري: تسريع الحركة أو زيادة التوهج) */
.elementor-829 .elementor-element.elementor-element-25da629 .elementor-button:hover::before {
    filter: drop-shadow(0 0 10px var(--ae-gold)); /* توهج للمدار */
    animation-duration: 2s; /* تسريع الدوران */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e2b4413 *//* --- تأثير الزر الذهبي السائل والمدار --- */

/* 1. تهيئة الزرار الأساسي وإلغاء الستايل القديم */
.elementor-829 .elementor-element.elementor-element-e2b4413 .elementor-button {
    background: transparent !important; /* إلغاء خلفية ألمنتور */
    border: none !important;
    padding: 0 !important; /* إلغاء الـ padding الداخلي مؤقتاً */
    position: relative;
    z-index: 1;
    border-radius: 4px; /* دوران الحواف */
    overflow: visible; /* مهم جداً عشان المدار يظهر بره الزرار */
}

/* 2. طبقة المدار الذهبي الدوار (The Orbit) */
/* بنعمل عنصر وهمي خلف الزرار وأكبر منه */
.elementor-829 .elementor-element.elementor-element-e2b4413 .elementor-button::before {
    content: '';
    position: absolute;
    z-index: -2; /* خلف كل شيء */
    top: -3px; left: -3px; right: -3px; bottom: -3px; /* حجم المدار (سمكه 3 بكسل) */
    border-radius: 6px; /* لازم يكون أكبر قليلاً من دوران الزرار */
    background: var(--ae-dark); /* لون الخلفية تحت المدار */
    
    /* السحر هنا: تدرج لوني مخروطي بيلف */
    background-image: conic-gradient(
        from var(--angle), 
        transparent 0%, 
        transparent 70%, 
        var(--ae-gold) 85%, 
        var(--ae-gold-light) 95%, 
        transparent 100%
    );
    
    /* أنيميشن الدوران باستخدام متغير CSS */
    animation: rotateOrbit 4s linear infinite;
}

/* تعريف متغير الزاوية للأنيميشن (مهم للمتصفحات الحديثة) */
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotateOrbit {
  to {
    --angle: 360deg;
  }
}

/* 3. طبقة الذهب السائل الداخلية (The Liquid Gold) */
/* بنستخدم الـ span اللي جوه الزرار عشان نحط عليه الخلفية السائلة */
.elementor-829 .elementor-element.elementor-element-e2b4413 .elementor-button-content-wrapper {
    /* تدرج الذهب السائل */
    background: linear-gradient(90deg, 
        var(--ae-gold), 
        #b8860b, 
        var(--ae-gold-light), 
        var(--ae-gold)
    );
    background-size: 300% 100%; /* تكبير الخلفية لعمل حركة السائل */
    
    /* استعادة الـ Padding اللي لغيناه فوق */
    padding: 15px 35px; 
    border-radius: 4px;
    z-index: 2;
    
    /* حركة السائل المستمرة */
    animation: liquidGold 3s linear infinite;
}

/* أنيميشن حركة السائل */
@keyframes liquidGold {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* تأثير عند مرور الماوس (اختياري: تسريع الحركة أو زيادة التوهج) */
.elementor-829 .elementor-element.elementor-element-e2b4413 .elementor-button:hover::before {
    filter: drop-shadow(0 0 10px var(--ae-gold)); /* توهج للمدار */
    animation-duration: 2s; /* تسريع الدوران */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-29c4ad3 *//* --- تأثير الزر الذهبي السائل والمدار --- */

/* 1. تهيئة الزرار الأساسي وإلغاء الستايل القديم */
.elementor-829 .elementor-element.elementor-element-29c4ad3 .elementor-button {
    background: transparent !important; /* إلغاء خلفية ألمنتور */
    border: none !important;
    padding: 0 !important; /* إلغاء الـ padding الداخلي مؤقتاً */
    position: relative;
    z-index: 1;
    border-radius: 4px; /* دوران الحواف */
    overflow: visible; /* مهم جداً عشان المدار يظهر بره الزرار */
}

/* 2. طبقة المدار الذهبي الدوار (The Orbit) */
/* بنعمل عنصر وهمي خلف الزرار وأكبر منه */
.elementor-829 .elementor-element.elementor-element-29c4ad3 .elementor-button::before {
    content: '';
    position: absolute;
    z-index: -2; /* خلف كل شيء */
    top: -3px; left: -3px; right: -3px; bottom: -3px; /* حجم المدار (سمكه 3 بكسل) */
    border-radius: 6px; /* لازم يكون أكبر قليلاً من دوران الزرار */
    background: var(--ae-dark); /* لون الخلفية تحت المدار */
    
    /* السحر هنا: تدرج لوني مخروطي بيلف */
    background-image: conic-gradient(
        from var(--angle), 
        transparent 0%, 
        transparent 70%, 
        var(--ae-gold) 85%, 
        var(--ae-gold-light) 95%, 
        transparent 100%
    );
    
    /* أنيميشن الدوران باستخدام متغير CSS */
    animation: rotateOrbit 4s linear infinite;
}

/* تعريف متغير الزاوية للأنيميشن (مهم للمتصفحات الحديثة) */
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotateOrbit {
  to {
    --angle: 360deg;
  }
}

/* 3. طبقة الذهب السائل الداخلية (The Liquid Gold) */
/* بنستخدم الـ span اللي جوه الزرار عشان نحط عليه الخلفية السائلة */
.elementor-829 .elementor-element.elementor-element-29c4ad3 .elementor-button-content-wrapper {
    /* تدرج الذهب السائل */
    background: linear-gradient(90deg, 
        var(--ae-gold), 
        #b8860b, 
        var(--ae-gold-light), 
        var(--ae-gold)
    );
    background-size: 300% 100%; /* تكبير الخلفية لعمل حركة السائل */
    
    /* استعادة الـ Padding اللي لغيناه فوق */
    padding: 15px 35px; 
    border-radius: 4px;
    z-index: 2;
    
    /* حركة السائل المستمرة */
    animation: liquidGold 3s linear infinite;
}

/* أنيميشن حركة السائل */
@keyframes liquidGold {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* تأثير عند مرور الماوس (اختياري: تسريع الحركة أو زيادة التوهج) */
.elementor-829 .elementor-element.elementor-element-29c4ad3 .elementor-button:hover::before {
    filter: drop-shadow(0 0 10px var(--ae-gold)); /* توهج للمدار */
    animation-duration: 2s; /* تسريع الدوران */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e469d9 *//* --- تعريف حركة التنفس للخلفية --- */
@keyframes charcoalBreathe {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.elementor-829 .elementor-element.elementor-element-0e469d9 {
    /* 1. الخلفية: تدرج فحمي عميق متحرك */
    /* نستخدم درجات مختلفة من الأسود والرمادي الداكن جداً */
    background: linear-gradient(-45deg, #0a0a0a, #141414, #1f1f1f, #0d0d0d) !important;
    background-size: 400% 400% !important; /* تكبير الخلفية للسماح بالحركة */
    animation: charcoalBreathe 15s ease infinite !important; /* حركة بطيئة جداً وهادئة */

    /* 2. التطعيم الذهبي البسيط (Minimal Gold) */
    /* حدود شبه شفافة */
    border: 1px solid rgba(212, 175, 55, 0.08) !important; 
    /* خط ذهبي علوي رفيع فقط (Signature Line) */
    border-top: 1px solid rgba(212, 175, 55, 0.4) !important; 

    /* 3. الشكل والظلال */
    border-radius: 20px !important; /* حواف ناعمة */
    position: relative !important;
    overflow: hidden !important;
    
    /* ظل عميق جداً لرفع القسم عن الصفحة */
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.9), 
                inset 0 0 60px rgba(0, 0, 0, 0.8) !important; /* ظل داخلي لزيادة العمق */
}

/* --- تأثير الإضاءة الخافتة (Ambient Light) --- */
/* إضافة لمعة خفيفة جداً تمر عبر القسم */
.elementor-829 .elementor-element.elementor-element-0e469d9::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 60%);
    opacity: 0.5;
    pointer-events: none;
    z-index: 0;
}

/* --- التفاعل عند مرور الماوس (Hover) --- */
.elementor-829 .elementor-element.elementor-element-0e469d9:hover {
    /* الذهب يظهر قليلاً أكثر */
    border-color: rgba(212, 175, 55, 0.2) !important;
    border-top-color: rgba(212, 175, 55, 0.8) !important;
    
    /* توهج داخلي ذهبي خافت جداً */
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.95), 
                inset 0 0 30px rgba(212, 175, 55, 0.05) !important;
    transition: all 0.7s ease !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a44cf50 *//* =========================================
   فورم التصميم - الزجاجي الانسيابي (RTL Version)
   ========================================= */

/* 1. الحاوية الزجاجية */
.ae-design-form {
    direction: rtl; /* اتجاه النص من اليمين لليسار */
    text-align: right; /* محاذاة النصوص لليمين */
    font-family: 'Cairo', sans-serif; /* تعميم الخط العربي */
    
    background: rgba(20, 20, 20, 0.6);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 50px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
    position: relative;
    overflow: hidden;
}

/* لمعة خفيفة في الخلفية */
.ae-design-form::before {
    content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(212,175,55,0.05) 0%, transparent 60%);
    pointer-events: none;
}

/* 2. الهيدر */
.ae-form-header h3 {
    color: #fff; font-size: 24px; margin-bottom: 5px;
    /* تم عكس اتجاه التدرج ليبدأ من اليمين (-90deg) */
    background: linear-gradient(-90deg, #fff, #D4AF37);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ae-form-header p { color: #888; font-size: 14px; margin-bottom: 30px; }

/* 3. التخطيط (Grid) */
.ae-design-row { 
    display: flex; 
    gap: 30px; 
    margin-bottom: 25px; 
    position: relative; 
    z-index: 2; 
    /* الفليكس بوكس سيعكس الترتيب تلقائياً مع direction: rtl */
}
.ae-design-col { flex: 1; display: flex; flex-direction: column; }
.ae-design-col.full { flex: 100%; }
@media (max-width: 767px) { .ae-design-row { flex-direction: column; gap: 20px; } }

/* 4. الحقول (Inputs) */
.ae-design-form label {
    color: #aaa; font-size: 13px; margin-bottom: 8px; transition: 0.3s;
    text-align: right; /* تأكيد محاذاة الليبل */
}

.ae-design-form input[type="text"],
.ae-design-form input[type="tel"],
.ae-design-form textarea,
.ae-design-form select {
    background: rgba(255, 255, 255, 0.03) !important;
    border: none !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 5px 5px 0 0 !important;
    color: #fff !important;
    padding: 15px !important;
    font-family: 'Cairo', sans-serif;
    transition: all 0.4s ease;
    text-align: right; /* الكتابة تبدأ من اليمين */
}

/* تأثير عند الكتابة */
.ae-design-form input:focus,
.ae-design-form textarea:focus,
.ae-design-form select:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-bottom-color: #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.ae-design-form input:focus + label, 
.ae-design-form textarea:focus + label { color: #D4AF37; }

/* 5. زر الإرسال */
.ae-design-submit input[type="submit"] {
    /* عكس التدرج ليتماشى مع العربية */
    background: linear-gradient(-45deg, #D4AF37, #b8860b) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 15px 50px !important;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 5px 20px rgba(212, 175, 55, 0.3);
    transition: transform 0.3s, box-shadow 0.3s;
    width: auto;
    display: table; margin: 0 auto;
    font-family: 'Cairo', sans-serif;
}

.ae-design-submit input[type="submit"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.5);
}

/* =========================================
   تخصيص حقل رفع الملفات (RTL Upload Zone)
   ========================================= */

/* 1. الحاوية الخارجية */
.ae-design-form input[type="file"] {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 30px 20px !important;
    border: 2px dashed rgba(212, 175, 55, 0.3) !important;
    border-radius: 12px !important;
    color: #ccc !important;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    position: relative;
    font-family: 'Cairo', sans-serif;
}

.ae-design-form input[type="file"]:hover {
    background: rgba(212, 175, 55, 0.05) !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.1);
}

/* 2. تخصيص زر "Choose File" الداخلي */
.ae-design-form input[type="file"]::file-.elementor-829 .elementor-element.elementor-element-a44cf50-button {
    background: linear-gradient(-45deg, #D4AF37, #b8860b);
    border: none;
    color: #000;
    padding: 10px 25px;
    border-radius: 50px;
    font-family: 'Cairo', sans-serif;
    font-weight: bold;
    cursor: pointer;
    
    /* تعديل الهوامش لـ RTL: مسافة على يسار الزر لفصله عن اسم الملف */
    margin-left: 15px; 
    margin-right: 0px; 
    
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.ae-design-form input[type="file"]::file-.elementor-829 .elementor-element.elementor-element-a44cf50-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.4);
    background: #fff;
}

/* 3. إضافة أيقونة "سحابة" */
.ae-design-form input[type="file"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23D4AF37' opacity='0.5'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 30px;
    padding-top: 50px !important;
}

/* تلميح الملف (اختياري لو موجود في الـ HTML) */
.file-hint { 
    font-size: 11px; 
    color: #666; 
    margin-top: 5px; 
    display: block; 
    text-align: right;
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   1. الخلفية العامة: الفضاء الصناعي (Global Atmosphere)
   ========================================= */
body.elementor-page-design { /* استبدل xxxx برقم الصفحة لو أمكن، أو اتركها عامة */
    background-color: #050505;
}

/* خلفية شبكية خفيفة (Grid) تعطي إيحاء الرسم الهندسي */
.elementor-section {
    position: relative;
}
.elementor-section::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: 50px 50px;
    pointer-events: none; z-index: 0;
}

/* =========================================
   2. كروت "المحاور المتصلة" (The Nexus Cards)
   تستخدم لـ: أقسام التصميم (تغليف، ويب، طباعة)
   ========================================= */
.ae-nexus-card {
    background: #0a0a0a !important;
    border: 1px solid #222 !important;
    border-left: 3px solid #D4AF37 !important; /* الخط الذهبي المميز */
    padding: 30px !important;
    margin-bottom: 20px !important;
    position: relative;
    transition: all 0.4s ease;
    overflow: hidden;
}

/* حركة الكارت */
.ae-nexus-card:hover {
    background: #111 !important;
    transform: translateX(-10px); /* يتحرك لليسار كأنه درج بيفتح */
    box-shadow: 10px 10px 30px rgba(0,0,0,0.5);
    border-color: #333 !important;
}

/* العنوان داخل الكارت */
.ae-nexus-card h3 {
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px !important;
    font-size: 20px !important;
    display: flex; align-items: center; gap: 10px;
}

/* النص التفصيلي */
.ae-nexus-card p {
    color: #888 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

/* قائمة المميزات داخل الكارت (Bullet Points) */
.ae-nexus-list {
    list-style: none; padding: 0; margin: 0;
}
.ae-nexus-list li {
    color: #ccc; font-size: 13px; margin-bottom: 8px;
    position: relative; padding-right: 15px;
}
.ae-nexus-list li::before {
    content: '■'; color: #D4AF37; position: absolute; right: 0; font-size: 10px; top: 2px;
}

/* زر "اطلب الخدمة" داخل الكارت */
.ae-card-btn {
    display: inline-block;
    margin-top: 15px;
    font-size: 12px; font-weight: bold; color: #D4AF37;
    text-decoration: none; border-bottom: 1px solid #D4AF37;
    padding-bottom: 3px; transition: all 0.3s;
}
.ae-nexus-card:hover .ae-card-btn { color: #fff; border-color: #fff; }

/* =========================================
   3. فاصل "الدائرة المركزية" (The Hub Connector)
   يوضع بين السكاشن لربطهم ببعض
   ========================================= */
.ae-hub-connector {
    width: 2px; height: 50px;
    background: linear-gradient(to bottom, #D4AF37, transparent);
    margin: 0 auto;
    position: relative;
}
.ae-hub-connector::after {
    content: ''; position: absolute; top: 0; left: -4px;
    width: 10px; height: 10px; background: #D4AF37; border-radius: 50%;
    box-shadow: 0 0 10px #D4AF37;
}

/* =========================================
   4. الهيرو (العنوان الضخم)
   ========================================= */
.ae-hero-title {
    font-size: 60px !important;
    font-weight: 900 !important;
    color: transparent;
    -webkit-text-stroke: 1px rgba(212, 175, 55, 0.8); /* مفرغ ذهبي */
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
    position: relative;
}
.ae-hero-title span {
    display: block; font-size: 24px; letter-spacing: 10px;
    color: #fff; -webkit-text-stroke: 0; margin-top: 10px;
}
/* --- تعريف الحركة (أسرع وأوضح) --- */
@keyframes activeCharcoal {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

body.elementor-page-829 {
    /* 1. الخلفية: تباين أعلى قليلاً لتوضيح الحركة */
    /* التدرج بين الأسود (#050505) والرمادي الفحمي (#2b2b2b) هو اللي بيخلق الحركة */
    background: linear-gradient(120deg, #050505 20%, #2b2b2b 50%, #050505 80%) !important;
    background-size: 250% 250% !important; /* تكبير أقل عشان الحركة تبان أسرع */
    animation: activeCharcoal 8s ease infinite !important; /* مدة أقصر = حركة أوضح */

    /* 2. الحواف الحادة (No Radius) */
    border-radius: 0 !important;
    
    /* 3. التطعيم الذهبي (Minimal Gold) */
    /* خط ذهبي واضح من الأعلى فقط */
    border-top: 3px solid rgba(212, 175, 55, 0.7) !important;
    /* حدود جانبية وسفلية شبه مختفية */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;

    /* 4. العمق والظلال */
    position: relative !important;
    /* ظل داخلي قوي بيعطي عمق للسكشن */
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.95) !important;
}

/* --- التفاعل عند الهوفر --- */
body.elementor-page-829:hover {
    /* الذهب ينور عند اللمس */
    border-top-color: #D4AF37 !important;
    
    /* ظهور توهج ذهبي خفيف جداً في الخلفية */
    box-shadow: inset 0 0 50px rgba(212, 175, 55, 0.1) !important;
    transition: all 0.5s ease !important;
}/* End custom CSS */