.elementor-11223 .elementor-element.elementor-element-1efd827 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );background-image:url("https://echovision.ae/wp-content/uploads/2026/05/1ddb971a58b353c5b73070e91c20f702d3693a64.png");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.11;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11223 .elementor-element.elementor-element-1efd827{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF00;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-125px;margin-bottom:0px;}.elementor-11223 .elementor-element.elementor-element-35a3656 > .elementor-element-populated{border-style:solid;border-width:0px 0px 1px 0px;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-11223 .elementor-element.elementor-element-fe81886 .elementor-heading-title{font-family:"Outfit", outfit;font-weight:500;color:#6EC1E4;}.elementor-11223 .elementor-element.elementor-element-144d84b .elementor-heading-title{font-family:"Outfit", outfit;font-size:24px;font-weight:400;color:var( --e-global-color-text );}.elementor-11223 .elementor-element.elementor-element-d537a78{color:var( --e-global-color-a92012c );}.elementor-11223 .elementor-element.elementor-element-be655cc .elementor-button{background-color:#33CCFF00;font-family:"Outfit", outfit;font-weight:500;transition-duration:3s;border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;padding:15px 20px 15px 20px;}.elementor-11223 .elementor-element.elementor-element-be655cc{width:var( --container-widget-width, 98.193% );max-width:98.193%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:98.193%;--container-widget-flex-grow:0;}.elementor-11223 .elementor-element.elementor-element-be655cc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11223 .elementor-element.elementor-element-be655cc .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-11223 .elementor-element.elementor-element-647bff4.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-11223 .elementor-element.elementor-element-647bff4 > .elementor-element-populated{border-style:none;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-052ac8e{left:59%;--hotspot-translate-x:59%;top:48%;--hotspot-translate-y:48%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-d86d968{left:55.5%;--hotspot-translate-x:55.5%;top:52%;--hotspot-translate-y:52%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-d6ddc07{left:59%;--hotspot-translate-x:59%;top:39%;--hotspot-translate-y:39%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-d8c7e9b{left:64%;--hotspot-translate-x:64%;top:55%;--hotspot-translate-y:55%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-9b0f473{left:69%;--hotspot-translate-x:69%;top:39.9%;--hotspot-translate-y:39.9%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-84a4ccd{left:62.8%;--hotspot-translate-x:62.8%;top:35.9%;--hotspot-translate-y:35.9%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-558f2cd{left:68.9%;--hotspot-translate-x:68.9%;top:53%;--hotspot-translate-y:53%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-7353803{left:76%;--hotspot-translate-x:76%;top:41%;--hotspot-translate-y:41%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-6560c56{left:61%;--hotspot-translate-x:61%;top:61%;--hotspot-translate-y:61%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-9c147f3{left:63.3%;--hotspot-translate-x:63.3%;top:63.3%;--hotspot-translate-y:63.3%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-f8dfd28{left:67%;--hotspot-translate-x:67%;top:59%;--hotspot-translate-y:59%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-c3cfb6c{left:28%;--hotspot-translate-x:28%;top:50.4%;--hotspot-translate-y:50.4%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-f692e3b{left:29%;--hotspot-translate-x:29%;top:43%;--hotspot-translate-y:43%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-05ad5ca{left:23%;--hotspot-translate-x:23%;top:44.9%;--hotspot-translate-y:44.9%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-6d69d75{left:20%;--hotspot-translate-x:20%;top:43%;--hotspot-translate-y:43%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-094fab4{left:26.2%;--hotspot-translate-x:26.2%;top:43%;--hotspot-translate-y:43%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-e7c7478{left:25%;--hotspot-translate-x:25%;top:38.9%;--hotspot-translate-y:38.9%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .elementor-repeater-item-a685d78{left:22%;--hotspot-translate-x:22%;top:40%;--hotspot-translate-y:40%;}.elementor-11223 .elementor-element.elementor-element-dc0450a .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-11223 .elementor-element.elementor-element-dc0450a{width:var( --container-widget-width, 91.864% );max-width:91.864%;--container-widget-width:91.864%;--container-widget-flex-grow:0;--container-max-width:100%;--hotspot-color:var( --e-global-color-primary );--hotspot-size:12.5px;--hotspot-box-color:#FFFFFF00;--tooltip-text-color:var( --e-global-color-text );--tooltip-padding:13px 13px 13px 13px;--tooltip-color:#33CCFF;--tooltip-border-radius:30px 30px 30px 30px;}.elementor-11223 .elementor-element.elementor-element-07ec8f3:not(.elementor-motion-effects-element-type-background), .elementor-11223 .elementor-element.elementor-element-07ec8f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11223 .elementor-element.elementor-element-07ec8f3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1A;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-63px;margin-bottom:0px;}.elementor-11223 .elementor-element.elementor-element-07ec8f3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11223 .elementor-element.elementor-element-8a83282 > .elementor-element-populated{border-style:none;}.elementor-11223 .elementor-element.elementor-element-171ebed{text-align:center;font-family:"Outfit", outfit;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-11223 .elementor-element.elementor-element-fce8dfc{text-align:center;font-family:"Outfit", outfit;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-11223 .elementor-element.elementor-element-7d4c1b8{text-align:center;font-family:"Outfit", outfit;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-11223 .elementor-element.elementor-element-27f14b6{text-align:center;font-family:"Outfit", outfit;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-11223 .elementor-element.elementor-element-48ebe20{margin-top:80px;margin-bottom:0px;}.elementor-11223 .elementor-element.elementor-element-f40dc2e{--divider-border-style:solid;--divider-color:#FFFFFF1A;--divider-border-width:1px;border-style:none;}.elementor-11223 .elementor-element.elementor-element-f40dc2e .elementor-divider-separator{width:100%;}.elementor-11223 .elementor-element.elementor-element-f40dc2e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11223 .elementor-element.elementor-element-bc52221{margin-top:0px;margin-bottom:0px;}.elementor-11223 .elementor-element.elementor-element-94683eb{text-align:center;}.elementor-11223 .elementor-element.elementor-element-94683eb .elementor-heading-title{font-family:"Outfit", outfit;font-size:40px;font-weight:500;line-height:15px;letter-spacing:-0.5px;}.elementor-11223 .elementor-element.elementor-element-411adff{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-11223 .elementor-element.elementor-element-411adff .elementor-heading-title{font-family:"Outfit", outfit;font-size:35px;font-weight:500;letter-spacing:-1px;color:#FFFFFF;}.elementor-11223 .elementor-element.elementor-element-80d1c89{margin-top:30px;margin-bottom:30px;}.elementor-11223 .elementor-element.elementor-element-d1c35c6 .elementor-icon-box-wrapper{gap:15px;}.elementor-11223 .elementor-element.elementor-element-d1c35c6 .elementor-icon-box-title{margin-block-end:15px;color:#FFFFFF;}.elementor-11223 .elementor-element.elementor-element-d1c35c6 .elementor-icon{font-size:43px;padding:2px;border-width:5px 5px 5px 5px;}.elementor-11223 .elementor-element.elementor-element-d1c35c6 .elementor-icon-box-title, .elementor-11223 .elementor-element.elementor-element-d1c35c6 .elementor-icon-box-title a{font-family:"Outfit", outfit;font-size:25px;font-weight:400;}.elementor-11223 .elementor-element.elementor-element-d1c35c6:has(:hover) .elementor-icon-box-title, .elementor-11223 .elementor-element.elementor-element-d1c35c6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-11223 .elementor-element.elementor-element-6fe3c14 .elementor-icon-box-wrapper{gap:15px;}.elementor-11223 .elementor-element.elementor-element-6fe3c14 .elementor-icon-box-title{margin-block-end:15px;color:#FFFFFF;}.elementor-11223 .elementor-element.elementor-element-6fe3c14 .elementor-icon{font-size:43px;padding:2px;border-width:5px 5px 5px 5px;}.elementor-11223 .elementor-element.elementor-element-6fe3c14 .elementor-icon-box-title, .elementor-11223 .elementor-element.elementor-element-6fe3c14 .elementor-icon-box-title a{font-family:"Outfit", outfit;font-size:25px;font-weight:400;}.elementor-11223 .elementor-element.elementor-element-6fe3c14:has(:hover) .elementor-icon-box-title, .elementor-11223 .elementor-element.elementor-element-6fe3c14:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-11223 .elementor-element.elementor-element-84b3d0e .elementor-icon-box-wrapper{gap:15px;}.elementor-11223 .elementor-element.elementor-element-84b3d0e .elementor-icon-box-title{margin-block-end:15px;color:#FFFFFF;}.elementor-11223 .elementor-element.elementor-element-84b3d0e .elementor-icon{font-size:43px;padding:2px;border-width:5px 5px 5px 5px;}.elementor-11223 .elementor-element.elementor-element-84b3d0e .elementor-icon-box-title, .elementor-11223 .elementor-element.elementor-element-84b3d0e .elementor-icon-box-title a{font-family:"Outfit", outfit;font-size:25px;font-weight:400;}.elementor-11223 .elementor-element.elementor-element-84b3d0e:has(:hover) .elementor-icon-box-title, .elementor-11223 .elementor-element.elementor-element-84b3d0e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-11223 .elementor-element.elementor-element-bea28ed .elementor-icon-box-wrapper{gap:15px;}.elementor-11223 .elementor-element.elementor-element-bea28ed .elementor-icon-box-title{margin-block-end:15px;color:#FFFFFF;}.elementor-11223 .elementor-element.elementor-element-bea28ed .elementor-icon{font-size:43px;padding:2px;border-width:5px 5px 5px 5px;}.elementor-11223 .elementor-element.elementor-element-bea28ed .elementor-icon-box-title, .elementor-11223 .elementor-element.elementor-element-bea28ed .elementor-icon-box-title a{font-family:"Outfit", outfit;font-size:25px;font-weight:400;}.elementor-11223 .elementor-element.elementor-element-bea28ed:has(:hover) .elementor-icon-box-title, .elementor-11223 .elementor-element.elementor-element-bea28ed:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-11223 .elementor-element.elementor-element-8291f66{--divider-border-style:solid;--divider-color:#FFFFFF1A;--divider-border-width:1px;border-style:none;}.elementor-11223 .elementor-element.elementor-element-8291f66 .elementor-divider-separator{width:100%;}.elementor-11223 .elementor-element.elementor-element-8291f66 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11223 .elementor-element.elementor-element-fcf8e7f{margin-top:60px;margin-bottom:0px;}.elementor-11223 .elementor-element.elementor-element-a877598.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-11223 .elementor-element.elementor-element-f6c9c50{text-align:center;}.elementor-11223 .elementor-element.elementor-element-f6c9c50 .elementor-heading-title{font-family:"Outfit", outfit;font-size:40px;font-weight:500;line-height:15px;letter-spacing:-0.5px;color:#6EC1E4;}.elementor-11223 .elementor-element.elementor-element-2e4b0fb{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-11223 .elementor-element.elementor-element-2e4b0fb .elementor-heading-title{font-family:"Outfit", outfit;font-size:35px;font-weight:500;letter-spacing:-1px;color:#FFFFFF;}.elementor-11223 .elementor-element.elementor-element-a150fe9{width:var( --container-widget-width, 70% );max-width:70%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Outfit", outfit;font-weight:400;}@media(min-width:768px){.elementor-11223 .elementor-element.elementor-element-35a3656{width:55%;}.elementor-11223 .elementor-element.elementor-element-647bff4{width:45%;}}@media(max-width:1024px){.elementor-11223 .elementor-element.elementor-element-be655cc{width:var( --container-widget-width, 183.891px );max-width:183.891px;margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:183.891px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-11223 .elementor-element.elementor-element-be655cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11223 .elementor-element.elementor-element-a150fe9{width:var( --container-widget-width, 302.5px );max-width:302.5px;--container-widget-width:302.5px;--container-widget-flex-grow:0;}}/* Start custom CSS for hotspot, class: .elementor-element-dc0450a *//* ================================================= */ /* PREMIUM DARK GLASSMORPHISM STYLE FOR HOTSPOT TOOLTIP */ /* ================================================= */ /* 1. تنسيق خلفية وتأثيرات صندوق التلميح (Tooltip) */ .e-hotspot__tooltip { /* الخلفية الداكنة المتدرجة المطابقة لكروت الخدمات */ background: linear-gradient(135deg, #0b1a2d 0%, #06101d 100%) !important; /* المساحات الداخلية */ padding: 16px 20px !important; /* تأثير الضبابية الزجاجي (Glassmorphism) */ backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; /* تأثير التوهج الضوئي الناعم المحيط بالصندوق */ box-shadow: 0 10px 30px rgba(0, 163, 255, 0.25) !important; transition: all 0.3s ease-in-out !important; /* [تم حذف الـ border-radius لتلتزم بإعداداتك في Elementor] */ } /* 2. تنسيق الخط والنصوص بداخل التلميح */ .e-hotspot__tooltip p { color: #ffffff !important; /* لون النص أبيض ناصع */ font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; margin: 0 !important; text-align: left !important; } /* 3. زيادة التوهج والإضاءة الزرقاء عند تمرير الماوس فوق التلميح */ .e-hotspot__tooltip:hover { box-shadow: 0 12px 35px rgba(0, 163, 255, 0.45) !important; /* مضاعفة انتشار الضوء */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-07ec8f3 *//* تنسيق الخطوط الفاصلة القصيرة بين الإحصائيات (للشاشات الكبيرة) */ @media (min-width: 768px) { /* تهيئة الأعمدة برمجياً لاستيعاب الخط القصير في المنتصف */ .elementor-element-07ec8f3 .elementor-container > .elementor-column { position: relative !important; } /* رسم الخط القصير وتوسيطه عمودياً بين كل عمودين */ .elementor-element-07ec8f3 .elementor-container > .elementor-column:not(:last-child)::after { content: '' !important; position: absolute !important; /* التوسيط العمودي والأفقي للخط القصير */ top: 50% !important; right: 0 !important; transform: translateY(-50%) !important; /* 🛠️ [التحكم بالأبعاد] قفل طول الخط وسماكته كما في التصميم */ width: 1px !important; height: 24px !important; /* طول قصير ومحدد ليتوسط النصوص */ /* لون الخط أبيض ناعم بشفافية 15% */ background-color: rgba(255, 255, 255, 0.15) !important; } } /* إلغاء الخطوط العمودية وتنسيقها للهواتف المحمولة لضمان التجاوب */ @media (max-width: 767px) { .elementor-element-07ec8f3 .elementor-container > .elementor-column:not(:last-child)::after { display: none !important; } .elementor-element-07ec8f3 .elementor-container > .elementor-column:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; padding-bottom: 12px !important; margin-bottom: 12px !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-80d1c89 *//* ================================================= */ /* الخط الواصل المتوهج بين الكروت (للكمبيوتر فقط) */ /* ================================================= */ @media (min-width: 1025px) { /* 1. تهيئة حاوية الأعمدة لتركب الخلفية بداخلها */ .elementor-element-80d1c89 .elementor-container { position: relative !important; } /* 2. رسم الخط الأفقي الممتد وتوسيطه خلف دوائر الأرقام */ .elementor-element-80d1c89 .elementor-container::before { content: '' !important; position: absolute !important; /* ضبط الموضع العمودي ليخترق مراكز الدوائر تماماً */ top: 30px !important; /* نصف قطر الدائرة تقريباً لتوسيط الخط */ left: 12% !important; /* يبدأ من منتصف الكارد الأول */ right: 12% !important; /* ينتهي عند منتصف الكارد الأخير */ height: 1px !important; /* سماكة الخط الرفيع */ /* لون أزرق سماوي ناعم ومدمج بالشفافية مثل الصورة */ background: linear-gradient(90deg, rgba(0, 163, 255, 0) 0%, rgba(0, 163, 255, 0.4) 20%, rgba(0, 163, 255, 0.4) 80%, rgba(0, 163, 255, 0) 100%) !important; /* تأثير التوهج الضوئي للخط */ box-shadow: 0 0 8px rgba(0, 163, 255, 0.6) !important; z-index: 0 !important; pointer-events: none !important; } /* 3. رفع طبقة الأيقونات والأرقام لتصبح فوق الخط وتغطيه */ .elementor-element-80d1c89 .elementor-widget-icon-box { position: relative !important; z-index: 2 !important; } /* إعطاء خلفية داكنة مصمتة لدوائر الأرقام لحجب الخط المار من خلفها */ .elementor-element-80d1c89 .elementor-icon { background-color: #071930 !important; /* نفس درجة لون السكشن الأساسية */ position: relative !important; z-index: 3 !important; } } /* 4. إلغاء الخط تماماً على شاشات الهواتف والأجهزة اللوحية لعدم تداخل التصميم */ @media (max-width: 1024px) { .elementor-element-80d1c89 .elementor-container::before { display: none !important; } } /* ================================================= */ /* تأثير التوهج الضوئي المحيط بدوائر الأرقام */ /* ================================================= */ /* 1. التوهج الافتراضي الثابت للدائرة */ .elementor-element-80d1c89 .elementor-icon { border-color: #6EC1E4 !important; /* لون الحد الازرق */ /* تأثير إشعاع نيون ناعم خارج وداخل الدائرة */ box-shadow: 0 0 12px rgba(0, 163, 255, 0.3), inset 0 0 8px rgba(0, 163, 255, 0.2) !important; transition: all 0.4s ease-in-out !important; } /* 2. مضاعفة تأثير التوهج والإضاءة عند تمرير الماوس (Hover) */ .elementor-element-80d1c89 .elementor-widget-icon-box:hover .elementor-icon { border-color: #00a3ff !important; /* تفتيح لون الحد للكامل */ background-color: #00a3ff !important; /* تعبئة الدائرة بالأزرق الكامل */ /* زيادة قوة انتشار الضوء المنبعث من الدائرة */ box-shadow: 0 0 25px rgba(0, 163, 255, 0.8), 0 0 10px rgba(0, 163, 255, 0.4) !important; transform: scale(1.05) !important; /* تضخيم بسيط جداً للدائرة لإعطاء حيوية */ } /* 3. تحويل الأرقام الداخلية (SVG) إلى اللون الأبيض الناصع عند الهوفر لتبرز */ .elementor-element-80d1c89 .elementor-widget-icon-box:hover .elementor-icon svg, .elementor-element-80d1c89 .elementor-widget-icon-box:hover .elementor-icon text { fill: #ffffff !important; color: #ffffff !important; transition: all 0.3s ease !important; }/* End custom CSS */