.elementor-20 .elementor-element.elementor-element-ea47ea8{--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-20 .elementor-element.elementor-element-ea47ea8:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-ea47ea8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-f522924{--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 .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-20 .elementor-element.elementor-element-3e794c4{--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-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-20 .elementor-element.elementor-element-173e977 .elementor-menu-toggle{margin-right:auto;background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu .elementor-item{font-family:"IBM Plex Sans Arabic", Sans-serif;font-weight:600;}.elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-173e977 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-20 .elementor-element.elementor-element-173e977 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-20 .elementor-element.elementor-element-173e977 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-20 .elementor-element.elementor-element-173e977 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-20 .elementor-element.elementor-element-173e977 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-20 .elementor-element.elementor-element-173e977 .e--pointer-underline .elementor-item:after, .elementor-20 .elementor-element.elementor-element-173e977 .e--pointer-overline .elementor-item:before, .elementor-20 .elementor-element.elementor-element-173e977 .e--pointer-double-line .elementor-item:before, .elementor-20 .elementor-element.elementor-element-173e977 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--dropdown a:hover, .elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--dropdown a:focus, .elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--dropdown a.highlighted, .elementor-20 .elementor-element.elementor-element-173e977 .elementor-menu-toggle:hover, .elementor-20 .elementor-element.elementor-element-173e977 .elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--dropdown a:hover, .elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--dropdown a:focus, .elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-173e977 div.elementor-menu-toggle{color:#000000;}.elementor-20 .elementor-element.elementor-element-173e977 div.elementor-menu-toggle svg{fill:#000000;}.elementor-20 .elementor-element.elementor-element-6a20627{--display:flex;--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;--align-items:center;}.elementor-20 .elementor-element.elementor-element-6a20627:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-6a20627 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-2214c97{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-6f3caf6{text-align:start;}.elementor-20 .elementor-element.elementor-element-6f3caf6 img{width:125px;}.elementor-20 .elementor-element.elementor-element-e273c24{--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-20 .elementor-element.elementor-element-5616376 .elementor-menu-toggle{margin:0 auto;}.elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-5616376 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-20 .elementor-element.elementor-element-5616376 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-20 .elementor-element.elementor-element-5616376 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-20 .elementor-element.elementor-element-5616376 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-20 .elementor-element.elementor-element-5616376 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-20 .elementor-element.elementor-element-5616376 .e--pointer-underline .elementor-item:after, .elementor-20 .elementor-element.elementor-element-5616376 .e--pointer-overline .elementor-item:before, .elementor-20 .elementor-element.elementor-element-5616376 .e--pointer-double-line .elementor-item:before, .elementor-20 .elementor-element.elementor-element-5616376 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown a:hover, .elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown a:focus, .elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown a.highlighted, .elementor-20 .elementor-element.elementor-element-5616376 .elementor-menu-toggle:hover, .elementor-20 .elementor-element.elementor-element-5616376 .elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown a:hover, .elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown a:focus, .elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown .elementor-item, .elementor-20 .elementor-element.elementor-element-5616376 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:16px;font-weight:500;}.elementor-20 .elementor-element.elementor-element-a2aa4b2{--display:flex;--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:flex-end;--align-items:center;}.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-20 .elementor-element.elementor-element-7ea967a .elementor-button{background-color:#00AD41;font-family:"Area", Sans-serif;font-size:18px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0572A8;border-radius:30px 30px 30px 30px;padding:10px 30px 10px 30px;}.elementor-20 .elementor-element.elementor-element-7ea967a .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-7ea967a .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-7ea967a .elementor-button-content-wrapper{flex-direction:row;}.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-20 .elementor-element.elementor-element-f522924{--width:50%;}.elementor-20 .elementor-element.elementor-element-3e794c4{--width:25%;}.elementor-20 .elementor-element.elementor-element-2214c97{--width:12%;}.elementor-20 .elementor-element.elementor-element-e273c24{--width:69%;}.elementor-20 .elementor-element.elementor-element-a2aa4b2{--width:19%;}}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-ea47ea8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-52b22ae img{width:41%;}.elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu .elementor-item{font-size:16px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-ea47ea8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-f522924{--width:60%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-52b22ae{text-align:start;}.elementor-20 .elementor-element.elementor-element-52b22ae img{width:100px;}.elementor-20 .elementor-element.elementor-element-3e794c4{--width:40%;}.elementor-20 .elementor-element.elementor-element-173e977 .elementor-nav-menu .elementor-item{font-size:16px;}}/* Start custom CSS for container, class: .elementor-element-6a20627 *//* ============================================================ SMART STICKY HEADER — #main-header ============================================================ */ /* --- 1. Base header setup ---------------------------------- */ #main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; transform: translateY(0) scaleY(1); opacity: 1; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease; will-change: transform, opacity; } /* --- 2. Hidden state (scroll DOWN) ------------------------ */ #main-header.header--hidden { transform: translateY(-100%) scaleY(0.98); opacity: 0; pointer-events: none; } /* --- 3. Box-shadow when sticky & visible ------------------ */ #main-header.header--sticky { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10), 0 1px 4px rgba(0, 0, 0, 0.06); } /* --- 4. Remove shadow when hidden ------------------------- */ #main-header.header--hidden.header--sticky { box-shadow: none; } /* --- 5. Optional: glassmorphism blur when sticky ---------- */ #main-header.header--sticky { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* --- 6. Body padding so content never hides under header -- */ body { padding-top: var(--header-height, 0px); transition: padding-top 0.3s cubic-bezier(0.22, 1, 0.36, 1); } /* --- 7. Respect reduced motion preference ----------------- */ @media (prefers-reduced-motion: reduce) { #main-header { transition: none !important; } body { transition: none !important; } }/* End custom CSS */