.elementor-1220 .elementor-element.elementor-element-8b9027b > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1220 .elementor-element.elementor-element-8b9027b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-3px;margin-bottom:0px;}.elementor-1220 .elementor-element.elementor-element-ef81cd9 > .elementor-widget-container{transition:background 0s;}.elementor-1220 .elementor-element.elementor-element-3ae5b807{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1220 .elementor-element.elementor-element-3ae5b807 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1220 .elementor-element.elementor-element-7c33f2c6 .row [class*=col-]{width:32% !important;}.elementor-1220 .elementor-element.elementor-element-10107eb8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1220 .elementor-element.elementor-element-10107eb8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1220 .elementor-element.elementor-element-4d7dc204 .section-title__title{color:#FFFFFF;}.elementor-1220 .elementor-element.elementor-element-27877b5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1220 .elementor-element.elementor-element-27877b5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1220 .elementor-element.elementor-element-d355316:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1220 .elementor-element.elementor-element-d355316 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-1220 .elementor-element.elementor-element-d355316 > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000EB;opacity:1;filter:brightness( 46% ) contrast( 200% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1220 .elementor-element.elementor-element-d355316 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1220 .elementor-element.elementor-element-d355316 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1220 .elementor-element.elementor-element-1a052cb .section-title__title{color:#FFFFFF;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1220 .elementor-element.elementor-element-da7aaee{--grid-columns:4;}.elementor-1220 .elementor-element.elementor-element-e8ce040{--grid-columns:4;}.elementor-1220 .elementor-element.elementor-element-36e333b{--grid-columns:4;}.elementor-1220 .elementor-element.elementor-element-02935ac{--grid-columns:4;}.elementor-1220 .elementor-element.elementor-element-81bd0e7{--grid-columns:4;}.elementor-1220 .elementor-element.elementor-element-20c17ca{--grid-columns:4;}.elementor-1220 .elementor-element.elementor-element-35dac5b{--grid-columns:4;}.elementor-1220 .elementor-element.elementor-element-ebb346f{--grid-columns:4;}.elementor-1220 .elementor-element.elementor-element-4b3bf0e{--grid-columns:4;}.elementor-1220 .elementor-element.elementor-element-277b5c5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1220 .elementor-element.elementor-element-277b5c5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1220 .elementor-element.elementor-element-7d9b920 .section-title__title{padding:0px 0px 0px 0px;}.elementor-1220 .elementor-element.elementor-element-7d9b920 .section-title__tagline{color:#FFFFFF;}.elementor-1220 .elementor-element.elementor-element-7d9b920 .team-one__social a,.elementor-1220 .elementor-element.elementor-element-7d9b920 .team-two__item:hover .team-two__social a,.elementor-1220 .elementor-element.elementor-element-7d9b920 .team-three__social a{color:#00000000;}.elementor-1220 .elementor-element.elementor-element-7b53fad{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1220 .elementor-element.elementor-element-7b53fad > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1220 .elementor-element.elementor-element-847de14{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1220 .elementor-element.elementor-element-847de14 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1220 .elementor-element.elementor-element-10716b7{--display:flex;}@media(max-width:1024px){.elementor-1220 .elementor-element.elementor-element-da7aaee{--grid-columns:2;}.elementor-1220 .elementor-element.elementor-element-e8ce040{--grid-columns:2;}.elementor-1220 .elementor-element.elementor-element-36e333b{--grid-columns:2;}.elementor-1220 .elementor-element.elementor-element-02935ac{--grid-columns:2;}.elementor-1220 .elementor-element.elementor-element-81bd0e7{--grid-columns:2;}.elementor-1220 .elementor-element.elementor-element-20c17ca{--grid-columns:2;}.elementor-1220 .elementor-element.elementor-element-35dac5b{--grid-columns:2;}.elementor-1220 .elementor-element.elementor-element-ebb346f{--grid-columns:2;}.elementor-1220 .elementor-element.elementor-element-4b3bf0e{--grid-columns:2;}}@media(max-width:767px){.elementor-1220 .elementor-element.elementor-element-da7aaee{--grid-columns:1;}.elementor-1220 .elementor-element.elementor-element-e8ce040{--grid-columns:1;}.elementor-1220 .elementor-element.elementor-element-36e333b{--grid-columns:1;}.elementor-1220 .elementor-element.elementor-element-02935ac{--grid-columns:1;}.elementor-1220 .elementor-element.elementor-element-81bd0e7{--grid-columns:1;}.elementor-1220 .elementor-element.elementor-element-20c17ca{--grid-columns:1;}.elementor-1220 .elementor-element.elementor-element-35dac5b{--grid-columns:1;}.elementor-1220 .elementor-element.elementor-element-ebb346f{--grid-columns:1;}.elementor-1220 .elementor-element.elementor-element-4b3bf0e{--grid-columns:1;}}/* Start custom CSS for eduact-hero-area-slider, class: .elementor-element-ef81cd9 *//* خلفية سوداء شفافة بنسبة 80% مع إزالة الصورة */
.hero-banner {
    background-color: rgba(0, 0, 0, 0.8) !important;
    background-image: none !important;
}


/* إخفاء كافة العناصر والبطاقات الزخرفية في قسم الهيرو */
.hero-banner__thumb,
.hero-banner__border,
.hero-banner__cart,
.hero-banner__video,
.hero-banner__star,
.hero-banner__star2,
.hero-banner__shape {
    display: none !important;
}


.hero-banner {
    background-color: rgba(0, 0, 0, 0.8) !important;
    background-image: none !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 120px !important;
    padding-bottom: 60px !important;
}/* End custom CSS */
/* Start custom CSS for eduact-service, class: .elementor-element-7c33f2c6 *//* جعل خلفية قسم الخدمات سوداء شفافة بنسبة 80% */
.service-one {
    background-color: rgba(0, 0, 0, 0.8) !important;
    background-image: none !important;
}








/* 1. إعطاء الشفافية المظلمة للحاوية الحقيقية للبطاقة */
.service-one__wrapper {
    background-color: rgba(12, 10, 18, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 14px !important;
}

/* 2. إخفاء زاوية الـ SVG البيضاء المنحنية من أسفل البطاقة */
.service-one__wrapper svg {
    display: none !important;
}

/* 3. تحويل العناوين والنصوص إلى اللون الأبيض */
.service-one__title,
.service-one__title a,
.service-one__text,
.service-one__wrapper p,
.service-one__wrapper h3 {
    color: #ffffff !important;
}

/* 4. ضبط لون رابط Read More */
.service-one__rm {
    color: #a855f7 !important;
}


/* 1. جعل خلفية البطاقة سوداء شفافة */
.service-one__wrapper {
    background-color: rgba(12, 10, 18, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 14px !important;
    
    /* توسيط جميع النصوص والمحتويات داخل البطاقة */
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. توسيط حاوية الأيقونة */
.service-one_icon,
.service-one_icon-icon,
div[class*="icon"] {
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 3. إخفاء زاوية الـ SVG البيضاء من الأسفل */
.service-one__wrapper svg:not(.service-one_icon svg) {
    display: none !important;
}

/* 4. تحويل العناوين والنصوص إلى اللون الأبيض */
.service-one__title,
.service-one__title a,
.service-one__text,
.service-one__wrapper p,
.service-one__wrapper h3 {
    color: #ffffff !important;
    text-align: center !important;
}

/* 5. ضبط لون وزر Read More وتوسيطه */
.service-one__rm {
    color: #a855f7 !important;
    margin: 0 auto !important;
}



/* 1. ضبط لون الأيقونة الـ SVG داخل المربع البنفسجي إلى الأبيض الناصع */
.elementor-1220 .elementor-element.elementor-element-7c33f2c6 .service-one__icon svg,
.elementor-1220 .elementor-element.elementor-element-7c33f2c6 .service-one__icon svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
    filter: none !important; /* إلغاء أي فلاتر تشويه سابقة */
}

/* 2. تصحيح ميلان وأبعاد وتوسيط عنصر الـ SVG كلياً */
.elementor-1220 .elementor-element.elementor-element-7c33f2c6 .service-one__icon svg {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    margin: 0 auto !important;
    display: block !important;
    transform: none !important; /* إلغاء أي ميلان أو دوران مائل */
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

/* 3. التأكد من المحافظة على المربع البنفسجي الأب بحجمه وتوسيطه الطبيعي */
.elementor-1220 .elementor-element.elementor-element-7c33f2c6 .service-one__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    filter: none !important;
}/* End custom CSS */
/* Start custom CSS for eduact-category-info, class: .elementor-element-4d7dc204 */.category-one__hover__content {
    display: none !important;
}







.category-one__icon,
.category-one__hover__icon,
.category-one__hover__content,
.category-one__icon span,
.category-one__icon i,
.category-one__icon::before,
.category-one__icon::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.category-one__wrapper {
    background: transparent !important;
    background-image: none !important;
}




/* 1. إخفاء الأيقونة والدائرة البنفسجية نهائياً */
.category-one__icon,
.category-one__hover__icon,
.category-one__hover__content .category-one__icon {
    display: none !important;
}

/* 2. إخفاء الشكل المنحني الأبيض */
.category-one__wrapper,
.category-one__content {
    background: transparent !important;
    background-image: none !important;
}

/* 3. تثبيت حالة الهوفر لتظهر الصورة كاملة طوال الوقت */
.category-one__hover,
.category-one__hover__thumb,
.category-one__hover__content {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 4. تنسيق العنوان باللون الأبيض وموقعه في الوسط مع الشادو */
.category-one__title,
.category-one__hover__title,
.category-one__hover__title a {
    color: #ffffff !important;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.9) !important;
    text-align: center !important;
    font-weight: bold !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    z-index: 10 !important;
}







.category-one {
  background-color: rgba(0, 0, 0, 0.8) !important;
}










/* السماح للنقرات بالوصول للرابط وجعل البطاقة بالكامل تفاعلية */
.category-one,
.category-one__wrapper,
.category-one__hover,
.category-one__hover__thumb {
    pointer-events: auto !important;
}

/* التأكد من أن العنوان والطبقة لا يعيقان حركة الماوس والنقر */
.category-one__hover__content {
    pointer-events: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* جعل رابط العنوان قابلاً للنقر حصراً وفوق أي طبقة أخرى */
.category-one__title,
.category-one__hover__title,
.category-one__hover__title a {
    pointer-events: auto !important;
    z-index: 9999 !important;
}/* End custom CSS */
/* Start custom CSS for eduact-category-info, class: .elementor-element-1a052cb */.category-one__hover__content {
    display: none !important;
}







.category-one__icon,
.category-one__hover__icon,
.category-one__hover__content,
.category-one__icon span,
.category-one__icon i,
.category-one__icon::before,
.category-one__icon::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.category-one__wrapper {
    background: transparent !important;
    background-image: none !important;
}




/* 1. إخفاء الأيقونة والدائرة البنفسجية نهائياً */
.category-one__icon,
.category-one__hover__icon,
.category-one__hover__content .category-one__icon {
    display: none !important;
}

/* 2. إخفاء الشكل المنحني الأبيض */
.category-one__wrapper,
.category-one__content {
    background: transparent !important;
    background-image: none !important;
}

/* 3. تثبيت حالة الهوفر لتظهر الصورة كاملة طوال الوقت */
.category-one__hover,
.category-one__hover__thumb,
.category-one__hover__content {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 4. تنسيق العنوان باللون الأبيض وموقعه في الوسط مع الشادو */
.category-one__title,
.category-one__hover__title,
.category-one__hover__title a {
    color: #ffffff !important;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.9) !important;
    text-align: center !important;
    font-weight: bold !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    z-index: 10 !important;
}







.category-one {
  background-color: rgba(0, 0, 0, 0.8) !important;
}










/* السماح للنقرات بالوصول للرابط وجعل البطاقة بالكامل تفاعلية */
.category-one,
.category-one__wrapper,
.category-one__hover,
.category-one__hover__thumb {
    pointer-events: auto !important;
}

/* التأكد من أن العنوان والطبقة لا يعيقان حركة الماوس والنقر */
.category-one__hover__content {
    pointer-events: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* جعل رابط العنوان قابلاً للنقر حصراً وفوق أي طبقة أخرى */
.category-one__title,
.category-one__hover__title,
.category-one__hover__title a {
    pointer-events: auto !important;
    z-index: 9999 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-da7aaee *//* --- Liquid Glass 4 Column Grid (Single Row) --- */

/* 1. ضبط شبكة الـ Loop Grid لتعرض 4 أعمدة متناسقة بسطر واحد */
.elementor-1220 .elementor-element.elementor-element-da7aaee .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; /* تقليل الفراغات لتوفير مساحة */
    direction: LTR !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. إخفاء العناوين والنصوص في الصفحة الرئيسية */
.elementor-1220 .elementor-element.elementor-element-da7aaee .elementor-post__title,
.elementor-1220 .elementor-element.elementor-element-da7aaee .elementor-heading-title,
.elementor-1220 .elementor-element.elementor-element-da7aaee .e-loop-item h3,
.elementor-1220 .elementor-element.elementor-element-da7aaee .e-loop-item .elementor-widget-heading {
    display: none !important;
}

/* 3. تصميم الكارت الزجاجي بحجم أصغر وأنيق */
.elementor-1220 .elementor-element.elementor-element-da7aaee .e-loop-item {
    background: rgba(18, 18, 26, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s ease-in-out !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
}

/* 4. تأثير الـ Hover المضيء بالبنفسجي */
.elementor-1220 .elementor-element.elementor-element-da7aaee .e-loop-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.3) !important;
}

/* 5. تناسق أبعاد الفيديو داخل الكارت ليتناسب مع العرض الجديد */
.elementor-1220 .elementor-element.elementor-element-da7aaee .elementor-widget-video,
.elementor-1220 .elementor-element.elementor-element-da7aaee .elementor-widget-html,
.elementor-1220 .elementor-element.elementor-element-da7aaee iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
    border: none !important;
    aspect-ratio: 16 / 9 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e8ce040 *//* --- Liquid Glass 4 Column Grid (Single Row) --- */

/* 1. ضبط شبكة الـ Loop Grid لتعرض 4 أعمدة متناسقة بسطر واحد */
.elementor-1220 .elementor-element.elementor-element-e8ce040 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; /* تقليل الفراغات لتوفير مساحة */
    direction: LTR !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. إخفاء العناوين والنصوص في الصفحة الرئيسية */
.elementor-1220 .elementor-element.elementor-element-e8ce040 .elementor-post__title,
.elementor-1220 .elementor-element.elementor-element-e8ce040 .elementor-heading-title,
.elementor-1220 .elementor-element.elementor-element-e8ce040 .e-loop-item h3,
.elementor-1220 .elementor-element.elementor-element-e8ce040 .e-loop-item .elementor-widget-heading {
    display: none !important;
}

/* 3. تصميم الكارت الزجاجي بحجم أصغر وأنيق */
.elementor-1220 .elementor-element.elementor-element-e8ce040 .e-loop-item {
    background: rgba(18, 18, 26, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s ease-in-out !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
}

/* 4. تأثير الـ Hover المضيء بالبنفسجي */
.elementor-1220 .elementor-element.elementor-element-e8ce040 .e-loop-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.3) !important;
}

/* 5. تناسق أبعاد الفيديو داخل الكارت ليتناسب مع العرض الجديد */
.elementor-1220 .elementor-element.elementor-element-e8ce040 .elementor-widget-video,
.elementor-1220 .elementor-element.elementor-element-e8ce040 .elementor-widget-html,
.elementor-1220 .elementor-element.elementor-element-e8ce040 iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
    border: none !important;
    aspect-ratio: 16 / 9 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-36e333b *//* --- Liquid Glass 4 Column Grid (Single Row) --- */

/* 1. ضبط شبكة الـ Loop Grid لتعرض 4 أعمدة متناسقة بسطر واحد */
.elementor-1220 .elementor-element.elementor-element-36e333b .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; /* تقليل الفراغات لتوفير مساحة */
    direction: LTR !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. إخفاء العناوين والنصوص في الصفحة الرئيسية */
.elementor-1220 .elementor-element.elementor-element-36e333b .elementor-post__title,
.elementor-1220 .elementor-element.elementor-element-36e333b .elementor-heading-title,
.elementor-1220 .elementor-element.elementor-element-36e333b .e-loop-item h3,
.elementor-1220 .elementor-element.elementor-element-36e333b .e-loop-item .elementor-widget-heading {
    display: none !important;
}

/* 3. تصميم الكارت الزجاجي بحجم أصغر وأنيق */
.elementor-1220 .elementor-element.elementor-element-36e333b .e-loop-item {
    background: rgba(18, 18, 26, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s ease-in-out !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
}

/* 4. تأثير الـ Hover المضيء بالبنفسجي */
.elementor-1220 .elementor-element.elementor-element-36e333b .e-loop-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.3) !important;
}

/* 5. تناسق أبعاد الفيديو داخل الكارت ليتناسب مع العرض الجديد */
.elementor-1220 .elementor-element.elementor-element-36e333b .elementor-widget-video,
.elementor-1220 .elementor-element.elementor-element-36e333b .elementor-widget-html,
.elementor-1220 .elementor-element.elementor-element-36e333b iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
    border: none !important;
    aspect-ratio: 16 / 9 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-02935ac *//* --- Liquid Glass 4 Column Grid (Single Row) --- */

/* 1. ضبط شبكة الـ Loop Grid لتعرض 4 أعمدة متناسقة بسطر واحد */
.elementor-1220 .elementor-element.elementor-element-02935ac .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; /* تقليل الفراغات لتوفير مساحة */
    direction: LTR !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. إخفاء العناوين والنصوص في الصفحة الرئيسية */
.elementor-1220 .elementor-element.elementor-element-02935ac .elementor-post__title,
.elementor-1220 .elementor-element.elementor-element-02935ac .elementor-heading-title,
.elementor-1220 .elementor-element.elementor-element-02935ac .e-loop-item h3,
.elementor-1220 .elementor-element.elementor-element-02935ac .e-loop-item .elementor-widget-heading {
    display: none !important;
}

/* 3. تصميم الكارت الزجاجي بحجم أصغر وأنيق */
.elementor-1220 .elementor-element.elementor-element-02935ac .e-loop-item {
    background: rgba(18, 18, 26, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s ease-in-out !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
}

/* 4. تأثير الـ Hover المضيء بالبنفسجي */
.elementor-1220 .elementor-element.elementor-element-02935ac .e-loop-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.3) !important;
}

/* 5. تناسق أبعاد الفيديو داخل الكارت ليتناسب مع العرض الجديد */
.elementor-1220 .elementor-element.elementor-element-02935ac .elementor-widget-video,
.elementor-1220 .elementor-element.elementor-element-02935ac .elementor-widget-html,
.elementor-1220 .elementor-element.elementor-element-02935ac iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
    border: none !important;
    aspect-ratio: 16 / 9 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81bd0e7 *//* --- Liquid Glass 4 Column Grid (Single Row) --- */

/* 1. ضبط شبكة الـ Loop Grid لتعرض 4 أعمدة متناسقة بسطر واحد */
.elementor-1220 .elementor-element.elementor-element-81bd0e7 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; /* تقليل الفراغات لتوفير مساحة */
    direction: LTR !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. إخفاء العناوين والنصوص في الصفحة الرئيسية */
.elementor-1220 .elementor-element.elementor-element-81bd0e7 .elementor-post__title,
.elementor-1220 .elementor-element.elementor-element-81bd0e7 .elementor-heading-title,
.elementor-1220 .elementor-element.elementor-element-81bd0e7 .e-loop-item h3,
.elementor-1220 .elementor-element.elementor-element-81bd0e7 .e-loop-item .elementor-widget-heading {
    display: none !important;
}

/* 3. تصميم الكارت الزجاجي بحجم أصغر وأنيق */
.elementor-1220 .elementor-element.elementor-element-81bd0e7 .e-loop-item {
    background: rgba(18, 18, 26, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s ease-in-out !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
}

/* 4. تأثير الـ Hover المضيء بالبنفسجي */
.elementor-1220 .elementor-element.elementor-element-81bd0e7 .e-loop-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.3) !important;
}

/* 5. تناسق أبعاد الفيديو داخل الكارت ليتناسب مع العرض الجديد */
.elementor-1220 .elementor-element.elementor-element-81bd0e7 .elementor-widget-video,
.elementor-1220 .elementor-element.elementor-element-81bd0e7 .elementor-widget-html,
.elementor-1220 .elementor-element.elementor-element-81bd0e7 iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
    border: none !important;
    aspect-ratio: 16 / 9 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-20c17ca *//* --- Liquid Glass 4 Column Grid (Single Row) --- */

/* 1. ضبط شبكة الـ Loop Grid لتعرض 4 أعمدة متناسقة بسطر واحد */
.elementor-1220 .elementor-element.elementor-element-20c17ca .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; /* تقليل الفراغات لتوفير مساحة */
    direction: LTR !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. إخفاء العناوين والنصوص في الصفحة الرئيسية */
.elementor-1220 .elementor-element.elementor-element-20c17ca .elementor-post__title,
.elementor-1220 .elementor-element.elementor-element-20c17ca .elementor-heading-title,
.elementor-1220 .elementor-element.elementor-element-20c17ca .e-loop-item h3,
.elementor-1220 .elementor-element.elementor-element-20c17ca .e-loop-item .elementor-widget-heading {
    display: none !important;
}

/* 3. تصميم الكارت الزجاجي بحجم أصغر وأنيق */
.elementor-1220 .elementor-element.elementor-element-20c17ca .e-loop-item {
    background: rgba(18, 18, 26, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s ease-in-out !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
}

/* 4. تأثير الـ Hover المضيء بالبنفسجي */
.elementor-1220 .elementor-element.elementor-element-20c17ca .e-loop-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.3) !important;
}

/* 5. تناسق أبعاد الفيديو داخل الكارت ليتناسب مع العرض الجديد */
.elementor-1220 .elementor-element.elementor-element-20c17ca .elementor-widget-video,
.elementor-1220 .elementor-element.elementor-element-20c17ca .elementor-widget-html,
.elementor-1220 .elementor-element.elementor-element-20c17ca iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
    border: none !important;
    aspect-ratio: 16 / 9 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-35dac5b *//* --- Liquid Glass 4 Column Grid (Single Row) --- */

/* 1. ضبط شبكة الـ Loop Grid لتعرض 4 أعمدة متناسقة بسطر واحد */
.elementor-1220 .elementor-element.elementor-element-35dac5b .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; /* تقليل الفراغات لتوفير مساحة */
    direction: LTR !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. إخفاء العناوين والنصوص في الصفحة الرئيسية */
.elementor-1220 .elementor-element.elementor-element-35dac5b .elementor-post__title,
.elementor-1220 .elementor-element.elementor-element-35dac5b .elementor-heading-title,
.elementor-1220 .elementor-element.elementor-element-35dac5b .e-loop-item h3,
.elementor-1220 .elementor-element.elementor-element-35dac5b .e-loop-item .elementor-widget-heading {
    display: none !important;
}

/* 3. تصميم الكارت الزجاجي بحجم أصغر وأنيق */
.elementor-1220 .elementor-element.elementor-element-35dac5b .e-loop-item {
    background: rgba(18, 18, 26, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s ease-in-out !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
}

/* 4. تأثير الـ Hover المضيء بالبنفسجي */
.elementor-1220 .elementor-element.elementor-element-35dac5b .e-loop-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.3) !important;
}

/* 5. تناسق أبعاد الفيديو داخل الكارت ليتناسب مع العرض الجديد */
.elementor-1220 .elementor-element.elementor-element-35dac5b .elementor-widget-video,
.elementor-1220 .elementor-element.elementor-element-35dac5b .elementor-widget-html,
.elementor-1220 .elementor-element.elementor-element-35dac5b iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
    border: none !important;
    aspect-ratio: 16 / 9 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ebb346f *//* --- Liquid Glass 4 Column Grid (Single Row) --- */

/* 1. ضبط شبكة الـ Loop Grid لتعرض 4 أعمدة متناسقة بسطر واحد */
.elementor-1220 .elementor-element.elementor-element-ebb346f .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; /* تقليل الفراغات لتوفير مساحة */
    direction: LTR !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. إخفاء العناوين والنصوص في الصفحة الرئيسية */
.elementor-1220 .elementor-element.elementor-element-ebb346f .elementor-post__title,
.elementor-1220 .elementor-element.elementor-element-ebb346f .elementor-heading-title,
.elementor-1220 .elementor-element.elementor-element-ebb346f .e-loop-item h3,
.elementor-1220 .elementor-element.elementor-element-ebb346f .e-loop-item .elementor-widget-heading {
    display: none !important;
}

/* 3. تصميم الكارت الزجاجي بحجم أصغر وأنيق */
.elementor-1220 .elementor-element.elementor-element-ebb346f .e-loop-item {
    background: rgba(18, 18, 26, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s ease-in-out !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
}

/* 4. تأثير الـ Hover المضيء بالبنفسجي */
.elementor-1220 .elementor-element.elementor-element-ebb346f .e-loop-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.3) !important;
}

/* 5. تناسق أبعاد الفيديو داخل الكارت ليتناسب مع العرض الجديد */
.elementor-1220 .elementor-element.elementor-element-ebb346f .elementor-widget-video,
.elementor-1220 .elementor-element.elementor-element-ebb346f .elementor-widget-html,
.elementor-1220 .elementor-element.elementor-element-ebb346f iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
    border: none !important;
    aspect-ratio: 16 / 9 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4b3bf0e *//* --- Liquid Glass 4 Column Grid (Single Row) --- */

/* 1. ضبط شبكة الـ Loop Grid لتعرض 4 أعمدة متناسقة بسطر واحد */
.elementor-1220 .elementor-element.elementor-element-4b3bf0e .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; /* تقليل الفراغات لتوفير مساحة */
    direction: LTR !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. إخفاء العناوين والنصوص في الصفحة الرئيسية */
.elementor-1220 .elementor-element.elementor-element-4b3bf0e .elementor-post__title,
.elementor-1220 .elementor-element.elementor-element-4b3bf0e .elementor-heading-title,
.elementor-1220 .elementor-element.elementor-element-4b3bf0e .e-loop-item h3,
.elementor-1220 .elementor-element.elementor-element-4b3bf0e .e-loop-item .elementor-widget-heading {
    display: none !important;
}

/* 3. تصميم الكارت الزجاجي بحجم أصغر وأنيق */
.elementor-1220 .elementor-element.elementor-element-4b3bf0e .e-loop-item {
    background: rgba(18, 18, 26, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s ease-in-out !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
}

/* 4. تأثير الـ Hover المضيء بالبنفسجي */
.elementor-1220 .elementor-element.elementor-element-4b3bf0e .e-loop-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.3) !important;
}

/* 5. تناسق أبعاد الفيديو داخل الكارت ليتناسب مع العرض الجديد */
.elementor-1220 .elementor-element.elementor-element-4b3bf0e .elementor-widget-video,
.elementor-1220 .elementor-element.elementor-element-4b3bf0e .elementor-widget-html,
.elementor-1220 .elementor-element.elementor-element-4b3bf0e iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
    border: none !important;
    aspect-ratio: 16 / 9 !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-d355316 *//* تنسيق كروت الـ Loop Grid لتصبح Liquid Glass */
.elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    direction: ltr !important;
}

.elementor-loop-container > div,
.elementor-posts-container .elementor-post {
    background: rgba(18, 18, 26, 0.6) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    transition: all 0.35s ease !important;
}

.elementor-loop-container > div:hover,
.elementor-posts-container .elementor-post:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 12px 30px rgba(139, 92, 246, 0.25) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7b53fad *//* --- Liquid Glass Background Glow with Scroll Fix --- */
.elementor-1220 .elementor-element.elementor-element-7b53fad {
    position: relative !important;
    background-color: #0b0b10 !important;
}

/* طبقة منعزلة للأضواء لمنع تعطيل التمرير */
.elementor-1220 .elementor-element.elementor-element-7b53fad::before,
.elementor-1220 .elementor-element.elementor-element-7b53fad::after {
    content: "" !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(130px) !important;
    opacity: 0.4 !important;
    z-index: 0 !important;
    pointer-events: none !important; /* يمنع الأضواء من اعتراض الماوس أو التمرير */
    animation: liquidGlow 14s infinite alternate ease-in-out !important;
}

/* الكرة الضوئية الأولى */
.elementor-1220 .elementor-element.elementor-element-7b53fad::before {
    width: 500px !important;
    height: 500px !important;
    background: radial-gradient(circle, #8b5cf6 0%, rgba(139, 92, 246, 0) 70%) !important;
    top: 5% !important;
    left: -10% !important;
}

/* الكرة الضوئية الثانية */
.elementor-1220 .elementor-element.elementor-element-7b53fad::after {
    width: 550px !important;
    height: 550px !important;
    background: radial-gradient(circle, #6366f1 0%, rgba(99, 102, 241, 0) 70%) !important;
    bottom: 10% !important;
    right: -10% !important;
    animation-delay: -7s !important;
}

/* حركة التموج الناعمة للأضواء */
@keyframes liquidGlow {
    0% {
        transform: translate(0, 0) scale(1);
    }
    50% {
        transform: translate(60px, 50px) scale(1.1);
    }
    100% {
        transform: translate(-30px, 80px) scale(0.95);
    }
}

/* إظهار محتوى البطاقات فوق الأضواء مع السماح بالتمرير */
.elementor-1220 .elementor-element.elementor-element-7b53fad > * {
    position: relative !important;
    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0712561 *//* تنسيق قسم تواصل معنا بنفس أسلوب الخلفية والتصميم الزجاجي السابق */
section#contact.contact-section {
    background-color: rgba(11, 11, 16, 0.45) !important;
    background: rgba(11, 11, 16, 0.45) !important;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border: none !important;
    color: #ffffff !important;
    padding: 90px 0;
    position: relative;
    overflow: hidden;
    width: 100% !important;
}

#contact .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

#contact .section-header {
    text-align: center;
    margin-bottom: 60px;
}

#contact .section-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #ffffff !important;
}

/* الخط الفاصل باللون البنفسجي الخاص بشعار LENSTA */
#contact .title-underline {
    width: 80px;
    height: 4px;
    background: #8b5cf6;
    margin: 0 auto 20px;
    border-radius: 2px;
    box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}

#contact .section-subtitle {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* شبكة الكروت الثلاثية */
#contact .contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* الكروت الزجاجية الداكنة المتناسقة */
#contact .contact-card {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px;
    padding: 40px 25px;
    text-align: center;
    transition: all 0.4s ease;
}

#contact .contact-icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    transition: all 0.4s ease;
}

#contact .contact-icon i {
    font-size: 32px;
    color: #8b5cf6;
    transition: all 0.4s ease;
}

#contact .contact-card h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #ffffff !important;
}

#contact .contact-card p,
#contact .contact-card a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* تأثير الهوفير (Hover) البنفسجي الهادئ */
#contact .contact-card:hover {
    background: rgba(139, 92, 246, 0.2) !important;
    border-color: #8b5cf6 !important;
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(139, 92, 246, 0.35) !important;
}

#contact .contact-card:hover .contact-icon {
    background: #8b5cf6;
    border-color: #8b5cf6;
    transform: scale(1.1);
}

#contact .contact-card:hover .contact-icon i {
    color: #ffffff;
}

#contact .contact-card a:hover {
    color: #8b5cf6 !important;
}

/* التجاوب مع شاشات الهواتف */
@media (max-width: 768px) {
    #contact .contact-grid {
        grid-template-columns: 1fr;
    }
    #contact .section-title {
        font-size: 32px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-847de14 *//* --- Liquid Glass Background Glow with Scroll Fix --- */
.elementor-1220 .elementor-element.elementor-element-847de14 {
    position: relative !important;
    background-color: #0b0b10 !important;
}

/* طبقة منعزلة للأضواء لمنع تعطيل التمرير */
.elementor-1220 .elementor-element.elementor-element-847de14::before,
.elementor-1220 .elementor-element.elementor-element-847de14::after {
    content: "" !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(130px) !important;
    opacity: 0.4 !important;
    z-index: 0 !important;
    pointer-events: none !important; /* يمنع الأضواء من اعتراض الماوس أو التمرير */
    animation: liquidGlow 14s infinite alternate ease-in-out !important;
}

/* الكرة الضوئية الأولى */
.elementor-1220 .elementor-element.elementor-element-847de14::before {
    width: 500px !important;
    height: 500px !important;
    background: radial-gradient(circle, #8b5cf6 0%, rgba(139, 92, 246, 0) 70%) !important;
    top: 5% !important;
    left: -10% !important;
}

/* الكرة الضوئية الثانية */
.elementor-1220 .elementor-element.elementor-element-847de14::after {
    width: 550px !important;
    height: 550px !important;
    background: radial-gradient(circle, #6366f1 0%, rgba(99, 102, 241, 0) 70%) !important;
    bottom: 10% !important;
    right: -10% !important;
    animation-delay: -7s !important;
}

/* حركة التموج الناعمة للأضواء */
@keyframes liquidGlow {
    0% {
        transform: translate(0, 0) scale(1);
    }
    50% {
        transform: translate(60px, 50px) scale(1.1);
    }
    100% {
        transform: translate(-30px, 80px) scale(0.95);
    }
}

/* إظهار محتوى البطاقات فوق الأضواء مع السماح بالتمرير */
.elementor-1220 .elementor-element.elementor-element-847de14 > * {
    position: relative !important;
    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS *//* --- Fix Horizontal Overflow / Right White/Dark Gap --- */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
}

/* إجبار الهيدر والصفحة على ملء كامل الشاشة بدون فراغات */
.elementor-section-wrap,
.elementor-location-header,
.elementor-element {
    max-width: 100% !important;
}

/* منع عناصر الـ Cursor أو الـ Glow من الخروج خارج الحدود */
.cursor-glow, .cursor-dot {
    max-width: 100vw !important;
}/* End custom CSS */