.elementor-688 .elementor-element.elementor-element-57625e3{--display:flex;--min-height:90vh;--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.83;--margin-top:-103px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-688 .elementor-element.elementor-element-57625e3:not(.elementor-motion-effects-element-type-background), .elementor-688 .elementor-element.elementor-element-57625e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://areagles.com/wp-content/uploads/2026/01/Factory-Hero-scaled-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-688 .elementor-element.elementor-element-57625e3::before, .elementor-688 .elementor-element.elementor-element-57625e3 > .elementor-background-video-container::before, .elementor-688 .elementor-element.elementor-element-57625e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-688 .elementor-element.elementor-element-57625e3 > .elementor-background-slideshow::before, .elementor-688 .elementor-element.elementor-element-57625e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-688 .elementor-element.elementor-element-57625e3 > .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-688 .elementor-element.elementor-element-b52ea46 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;}.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-688 .elementor-element.elementor-element-3e9b77a{font-family:"Cairo", Sans-serif;font-weight:400;}.elementor-688 .elementor-element.elementor-element-7e54e6f{--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-688 .elementor-element.elementor-element-bcfabed{--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-688 .elementor-element.elementor-element-aec30b7 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-688 .elementor-element.elementor-element-aec30b7 .elementor-image-box-img img{transition-duration:0.3s;}.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-688 .elementor-element.elementor-element-4f3dffe{--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-688 .elementor-element.elementor-element-3b741af .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-688 .elementor-element.elementor-element-3b741af .elementor-image-box-img img{transition-duration:0.3s;}.elementor-688 .elementor-element.elementor-element-e489f73{--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-688 .elementor-element.elementor-element-3539dfe .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-688 .elementor-element.elementor-element-3539dfe .elementor-image-box-img img{transition-duration:0.3s;}.elementor-688 .elementor-element.elementor-element-2ac5fa1{--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-688 .elementor-element.elementor-element-cfb0505{--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-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-688 .elementor-element.elementor-element-bd87b10{--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-688 .elementor-element.elementor-element-4161634{--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-688 .elementor-element.elementor-element-01c4bd4{--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-688 .elementor-element.elementor-element-1b54336{--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-688 .elementor-element.elementor-element-8565c39{--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-688 .elementor-element.elementor-element-bac8d7f{--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-688 .elementor-element.elementor-element-4cc2a54{--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;}@media(min-width:768px){.elementor-688 .elementor-element.elementor-element-bcfabed{--width:33.3333%;}.elementor-688 .elementor-element.elementor-element-4f3dffe{--width:33.3333%;}.elementor-688 .elementor-element.elementor-element-e489f73{--width:33.3333%;}.elementor-688 .elementor-element.elementor-element-cfb0505{--width:25%;}.elementor-688 .elementor-element.elementor-element-bd87b10{--width:25%;}.elementor-688 .elementor-element.elementor-element-4161634{--width:25%;}.elementor-688 .elementor-element.elementor-element-01c4bd4{--width:25%;}.elementor-688 .elementor-element.elementor-element-8565c39{--width:15%;}.elementor-688 .elementor-element.elementor-element-bac8d7f{--width:70%;}.elementor-688 .elementor-element.elementor-element-4cc2a54{--width:15%;}}@media(max-width:767px){.elementor-688 .elementor-element.elementor-element-57625e3{--margin-top:-199px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:080px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-688 .elementor-element.elementor-element-b52ea46 .elementor-heading-title{font-size:25px;}.elementor-688 .elementor-element.elementor-element-3e9b77a{padding:0px 20px 0px 020px;columns:1;column-gap:0px;font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-1b54336 *//* ==================================================
   🔥 الفورم الملكي الصناعي (The Royal Industrial Form)
   ================================================== */

/* 1. الحاوية الرئيسية (ضع هذا الكلاس للعنصر الحاوي للفورم) */
.ae-master-form {
    background-color: #080808; /* خلفية داكنة جداً */
    padding: 40px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.9);
    border: 1px solid #222;
    
    /* إعدادات اللغة العربية */
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', sans-serif;
}

/* الخط الذهبي العلوي */
.ae-master-form::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #b8860b, #D4AF37, #b8860b);
}

/* 2. تنسيق العناوين (Labels) داخل الفورم */
.ae-master-form label {
    display: block;
    color: #a0a0a0; /* رمادي فاتح */
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    font-family: 'Cairo', sans-serif;
}

/* 3. حقول الإدخال (دمج الستايل الصناعي مع الملكي) */
.ae-master-form input:not([type="submit"]):not([type="button"]),
.ae-master-form textarea,
.ae-master-form select {
    width: 100%;
    background-color: transparent !important; /* صناعي: خلفية شفافة */
    border: none !important;
    border-bottom: 2px solid #333 !important; /* صناعي: خط سفلي فقط */
    border-radius: 0 !important; /* حواف حادة */
    color: #fff !important;
    padding: 15px 10px !important;
    font-size: 16px;
    font-family: 'Cairo', sans-serif;
    transition: all 0.4s ease;
    
    /* تنسيق النص العربي */
    text-align: right; 
    direction: rtl;
}

/* عند التركيز (Focus) - التوهج الذهبي */
.ae-master-form input:not([type="submit"]):not([type="button"]):focus,
.ae-master-form textarea:focus,
.ae-master-form select:focus {
    background-color: #121212 !important; /* تغيير طفيف في الخلفية */
    border-bottom-color: #D4AF37 !important; /* الخط يتحول لذهبي */
    box-shadow: 0 10px 20px -10px rgba(212, 175, 55, 0.1); /* ظل خفيف */
    outline: none;
    color: #D4AF37 !important;
}

/* 4. تنسيق القائمة المنسدلة (Select) للعربية */
.ae-master-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    /* أيقونة السهم الذهبية */
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23D4AF37" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
    background-repeat: no-repeat !important;
    /* مكان السهم على اليسار عشان العربي */
    background-position: left 10px center !important; 
}

/* 5. زر الإرسال (Submit Button) */
.ae-master-form input[type="submit"],
.ae-master-form button[type="submit"],
.ae-master-form .elementor-button {
    width: 100%;
    background: linear-gradient(135deg, #b8860b, #D4AF37); /* تدرج ذهبي */
    color: #000 !important;
    font-weight: 800;
    font-size: 18px;
    padding: 15px;
    border: none;
    border-radius: 4px; /* حواف شبه حادة */
    cursor: pointer;
    margin-top: 20px;
    font-family: 'Cairo', sans-serif;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.ae-master-form input[type="submit"]:hover,
.ae-master-form button[type="submit"]:hover,
.ae-master-form .elementor-button:hover {
    background: #fff; /* يتحول للأبيض */
    transform: translateY(-3px); /* يرتفع للأعلى */
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.6); /* توهج */
}

/* 6. تحويل الخريطة لـ Dark Mode (اختياري) */
/* ضع كلاس ae-dark-map على عنصر الخريطة */
.ae-dark-map iframe {
    filter: invert(90%) hue-rotate(180deg) brightness(85%) contrast(110%);
    border-radius: 8px;
    border: 1px solid #333;
}

/* 7. تنسيق للموبايل */
@media (max-width: 767px) {
    .ae-master-form {
        padding: 25px 15px;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   1. تنسيق الصفحة والهيرو
   ========================================= */
body.elementor-page-id { background-color: #050505; } /* خلفية عامة */

/* عنوان الهيرو الضخم */
h1 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 10px 30px rgba(0,0,0,0.8);
}

/* =========================================
   2. كروت المصانع (ae-factory-card)
   ========================================= */
.ae-factory-card {
    background: #0f0f0f !important;
    border: 1px solid #222 !important;
    padding: 40px 30px !important;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    border-radius: 4px; /* حواف حادة صناعية */
}

/* شريط التحذير السفلي (بيظهر عند الهوفر) */
.ae-factory-card::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px;
    background: repeating-linear-gradient(45deg, #D4AF37, #D4AF37 10px, #000 10px, #000 20px);
    opacity: 0.3; transition: all 0.4s ease;
}

/* حركة الكارت */
.ae-factory-card:hover {
    transform: translateY(-10px);
    border-color: #333 !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.9);
}
.ae-factory-card:hover::after { opacity: 1; height: 8px; }

/* تنسيق النصوص داخل الكارت */
.ae-factory-card h3 { color: #fff !important; margin-bottom: 15px; font-size: 20px; }
.ae-factory-card p { color: #888 !important; line-height: 1.6; font-size: 15px; }

/* =========================================
   3. عدادات الأرقام (ae-digital-counter)
   ========================================= */
.ae-digital-counter .elementor-counter-number-wrapper {
    font-family: 'Courier New', monospace !important; /* خط رقمي */
    color: #ff4d00 !important; /* برتقالي صناعي (Safety Orange) */
    text-shadow: 0 0 15px rgba(255, 77, 0, 0.4); /* توهج */
    font-size: 45px !important;
    font-weight: bold;
}
.ae-digital-counter .elementor-counter-title {
    color: #666 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    margin-top: 5px;
}

/* =========================================
   4. تنسيق الصور داخل الكروت (لو استخدمت Image Box)
   ========================================= */
.ae-factory-card .elementor-image-box-img img {
    filter: grayscale(100%) contrast(1.2); /* أبيض وأسود عالي التباين */
    transition: all 0.5s ease;
    border-radius: 4px;
    border: 1px solid #333;
}

.ae-factory-card:hover .elementor-image-box-img img {
    filter: grayscale(0%) contrast(1); /* الألوان ترجع طبيعية عند الهوفر */
    transform: scale(1.05);
    border-color: #D4AF37;
}
/* =========================================
   زر التشغيل الصناعي (The Industrial Switch)
   ========================================= */
.ae-factory-btn .elementor-button {
    background: transparent !important; /* خلفية شفافة */
    border: 1px solid rgba(255, 255, 255, 0.2) !important; /* إطار معدني باهت */
    color: #888 !important; /* لون النص رمادي تقني */
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 30px !important;
    border-radius: 0 !important; /* حواف حادة جداً */
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* مسافة بين الكلام والأيقونة */
}

/* إضافة سهم صغير جنب الكلام */
.ae-factory-btn .elementor-button::after {
    content: '\f100'; /* كود أيقونة سهم مزدوج (FontAwesome) */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    opacity: 0; /* مخفي في الأول */
    transform: translateX(10px); /* مزقوق لليمين */
    transition: all 0.4s ease;
}

/* =========================================
   تأثير الهوفر (تشغيل الطاقة) ⚡
   ========================================= */
.ae-factory-btn .elementor-button:hover {
    background: #D4AF37 !important; /* يملأ ذهبي */
    border-color: #D4AF37 !important;
    color: #000 !important; /* النص يسود للتباين */
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.4); /* توهج */
    transform: translateY(-3px); /* رفعة بسيطة */
}

/* السهم يظهر ويتحرك */
.ae-factory-btn .elementor-button:hover::after {
    opacity: 1;
    transform: translateX(0);
}
/* =========================================
   1. تأثير الوميض الصناعي (Industrial Flicker) ⚡
   ========================================= */
@keyframes ae-glitch-flicker {
    0% { opacity: 1; text-shadow: 0 0 15px rgba(255, 77, 0, 0.6); }
    3% { opacity: 0.4; text-shadow: none; }
    6% { opacity: 1; text-shadow: 0 0 15px rgba(255, 77, 0, 0.6); }
    7% { opacity: 1; }
    9% { opacity: 0.8; }
    10% { opacity: 1; }
    100% { opacity: 1; }
}

.ae-digital-counter .elementor-counter-number-wrapper {
    font-family: 'Courier New', monospace !important;
    color: #ff4d00 !important; /* لون السيفتي أورانج */
    font-size: 50px !important;
    font-weight: bold;
    /* تطبيق الأنيميشن */
    animation: ae-glitch-flicker 4s infinite linear; /* يتكرر كل 4 ثواني */
}

/* عشان الوميض ميكونش متزامن في كلهم (شكل عشوائي) */
.elementor-column:nth-child(2) .ae-digital-counter .elementor-counter-number-wrapper { animation-delay: 0.5s; }
.elementor-column:nth-child(3) .ae-digital-counter .elementor-counter-number-wrapper { animation-delay: 1.2s; }
.elementor-column:nth-child(4) .ae-digital-counter .elementor-counter-number-wrapper { animation-delay: 2.5s; }


/* =========================================
   2. الفواصل الرأسية (Vertical Separators) 📏
   ========================================= */
.ae-digital-counter {
    position: relative;
    padding: 10px;
}

/* خط فاصل يمين كل عداد */
.ae-digital-counter::after {
    content: '';
    position: absolute;
    right: -10px; /* مكان الخط في المسافة بين الأعمدة */
    top: 10%; 
    height: 80%; /* مش واصل للآخر عشان يبقى شيك */
    width: 1px;
    /* تدرج لوني عشان الخط يختفي من فوق وتحت بنعومة */
    background: linear-gradient(to bottom, transparent, #333, transparent); 
}

/* إخفاء الخط من آخر عداد (عشان ميبقاش فيه خط في الآخر) */
/* ملحوظة: دي بتحتاج إن العدادات تكون في نفس السكشن */
.elementor-column:last-child .ae-digital-counter::after {
    display: none;
}

/* =========================================
   3. إخفاء الفواصل في الموبايل 📱
   ========================================= */
@media (max-width: 767px) {
    .ae-digital-counter::after {
        display: none; /* شيل الخطوط في الموبايل عشان بيبقوا تحت بعض */
    }
    
    /* ممكن نحط خط أفقي في الموبايل بدل الرأسي لو حبيت */
    .ae-digital-counter {
        border-bottom: 1px solid #222;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}/* End custom CSS */