.elementor-10 .elementor-element.elementor-element-1162fa9{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-8f05e40{--display:flex;--min-height:65px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-8f05e40:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-8f05e40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-fb956e5{--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-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-321f80e{text-align:start;}.elementor-10 .elementor-element.elementor-element-321f80e img{width:50%;}.elementor-10 .elementor-element.elementor-element-70feabc{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-e897596 .elementor-menu-toggle{margin:0 auto;}.elementor-10 .elementor-element.elementor-element-e897596 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-e897596 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-10 .elementor-element.elementor-element-e897596 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-10 .elementor-element.elementor-element-e897596 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-10 .elementor-element.elementor-element-e897596 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-e897596 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-10 .elementor-element.elementor-element-e897596 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-e897596 .e--pointer-framed .elementor-item:before,
					.elementor-10 .elementor-element.elementor-element-e897596 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-e897596 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-8cc2014{--display:flex;--min-height:70px;--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-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-10 .elementor-element.elementor-element-12659cc .elementor-button{background-color:var( --e-global-color-primary );font-family:"hel", Sans-serif;font-weight:600;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-fb956e5{--width:25%;}.elementor-10 .elementor-element.elementor-element-70feabc{--width:50%;}.elementor-10 .elementor-element.elementor-element-8cc2014{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-8f05e40 *//* =========================================
   IMAGINATION START - REAL GLASS HEADER
========================================= */

/* الهيدر قبل النزول */
.im-blur-header {
    background: #091321 !important;
    background-image: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    transition:
        background-color 0.4s ease,
        box-shadow 0.4s ease,
        backdrop-filter 0.4s ease !important;

    z-index: 9999 !important;
}

/* إلغاء الطبقة القديمة */
.im-blur-header::before {
    content: none !important;
}

/* إلغاء خلفيات Elementor الإضافية */
.im-blur-header > .elementor-background-overlay,
.im-blur-header > .e-con-inner > .elementor-background-overlay {
    background: transparent !important;
    opacity: 0 !important;
}

/* =========================================
   REAL BACKGROUND BLUR ON SCROLL
========================================= */

.im-blur-header.im-scrolled {
    /* خلفية شفافة تسمح برؤية البلور */
    background: rgba(9, 19, 33, 0.32) !important;
    background-image: none !important;

    /* البلور الحقيقي للعناصر خلف الهيدر */
    -webkit-backdrop-filter: blur(25px) saturate(160%) !important;
    backdrop-filter: blur(25px) saturate(160%) !important;

    /* حدود خفيفة ومظهر زجاجي */
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;

    box-shadow:
        0 8px 35px rgba(0,0,0,0.16) !important;
}

/* الحفاظ على وضوح عناصر الهيدر */
.im-blur-header .e-con-inner,
.im-blur-header .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   MOBILE & TABLET
========================================= */

@media (max-width: 1024px) {
    .im-blur-header.im-scrolled {
        background: rgba(9, 19, 33, 0.38) !important;

        -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
        backdrop-filter: blur(22px) saturate(150%) !important;
    }
}

@media (max-width: 767px) {
    .im-blur-header.im-scrolled {
        background: rgba(9, 19, 33, 0.42) !important;

        -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
        backdrop-filter: blur(20px) saturate(140%) !important;
    }
}
<\/style>

<script>
(function() {

    function updateBlurHeader() {

        const headers = document.querySelectorAll(
            '.im-blur-header'
        );

        const scrolled = window.scrollY > 30;

        headers.forEach(function(header) {

            if (scrolled) {
                header.classList.add('im-scrolled');
            } else {
                header.classList.remove('im-scrolled');
            }

        });
    }

    window.addEventListener(
        'scroll',
        updateBlurHeader,
        { passive: true }
    );

    window.addEventListener(
        'load',
        updateBlurHeader
    );

    updateBlurHeader();

})();/* End custom CSS */