.elementor-89 .elementor-element.elementor-element-f92f8de{--display:flex;--min-height:80px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width:0px;border-color:#29263A;--border-color:#29263A;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-89 .elementor-element.elementor-element-f92f8de:not(.elementor-motion-effects-element-type-background), .elementor-89 .elementor-element.elementor-element-f92f8de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-89 .elementor-element.elementor-element-ae9a325{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap: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-89 .elementor-element.elementor-element-ca7d4ff{width:100%;max-width:100%;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-menu-toggle{margin:0 auto;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:600;line-height:1.3em;letter-spacing:0px;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main .elementor-item{color:#F5F5F7;fill:#F5F5F7;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main .elementor-item:hover, .elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main .elementor-item.highlighted, .elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main .elementor-item:focus{color:#B8FF20;fill:#B8FF20;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-framed .elementor-item:before, .elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-framed .elementor-item:after{border-color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-underline .elementor-item:after, .elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-overline .elementor-item:before, .elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-double-line .elementor-item:before, .elementor-89 .elementor-element.elementor-element-ca7d4ff .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-89 .elementor-element.elementor-element-ca7d4ff .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-89 .elementor-element.elementor-element-ca7d4ff div.elementor-menu-toggle{color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-ca7d4ff div.elementor-menu-toggle svg{fill:#B8FF20;}.elementor-89 .elementor-element.elementor-element-67866aa{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-89 .elementor-element.elementor-element-9d92c98{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-89 .elementor-element.elementor-element-9d92c98.elementor-element{--align-self:center;}.elementor-89 .elementor-element.elementor-element-9d92c98 img{width:170px;}.elementor-89 .elementor-element.elementor-element-09880a8{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-89 .elementor-element.elementor-element-33aa91b{width:100%;max-width:100%;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-89 .elementor-element.elementor-element-33aa91b .elementor-menu-toggle{margin:0 auto;}.elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:600;line-height:1.3em;letter-spacing:0px;}.elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main .elementor-item{color:#F5F5F7;fill:#F5F5F7;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main .elementor-item:hover, .elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main .elementor-item:focus{color:#B8FF20;fill:#B8FF20;}.elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-framed .elementor-item:before, .elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-framed .elementor-item:after{border-color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-underline .elementor-item:after, .elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-overline .elementor-item:before, .elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-double-line .elementor-item:before, .elementor-89 .elementor-element.elementor-element-33aa91b .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-89 .elementor-element.elementor-element-33aa91b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-89 .elementor-element.elementor-element-33aa91b div.elementor-menu-toggle{color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-33aa91b div.elementor-menu-toggle svg{fill:#B8FF20;}.elementor-89 .elementor-element.elementor-element-ddcbf35{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-89 .elementor-element.elementor-element-11fb45d .elementor-button{background-color:#61CE7000;font-family:"Manrope", Sans-serif;font-size:13px;font-weight:600;line-height:1.3em;letter-spacing:0.5px;fill:#B8FF20;color:#B8FF20;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#B8FF20;border-radius:2px 2px 2px 2px;padding:011px 018px 011px 018px;}.elementor-89 .elementor-element.elementor-element-11fb45d .elementor-button:hover, .elementor-89 .elementor-element.elementor-element-11fb45d .elementor-button:focus{background-color:#B8FF20;color:#0A0A14;border-color:#B8FF20;}.elementor-89 .elementor-element.elementor-element-11fb45d .elementor-button:hover svg, .elementor-89 .elementor-element.elementor-element-11fb45d .elementor-button:focus svg{fill:#0A0A14;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-89 .elementor-element.elementor-element-f92f8de{--min-height:80px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-89 .elementor-element.elementor-element-9d92c98{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-89 .elementor-element.elementor-element-11fb45d{width:auto;max-width:auto;}.elementor-89 .elementor-element.elementor-element-11fb45d .elementor-button{font-size:13px;letter-spacing:0.5px;padding:011px 18px 011px 018px;}}@media(max-width:767px){.elementor-89 .elementor-element.elementor-element-f92f8de{--min-height:72px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-89 .elementor-element.elementor-element-ae9a325{--width:15%;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-89 .elementor-element.elementor-element-ca7d4ff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 08px) 0px;}.elementor-89 .elementor-element.elementor-element-67866aa{--width:45%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-89 .elementor-element.elementor-element-ddcbf35{--width:40%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-89 .elementor-element.elementor-element-11fb45d{width:initial;max-width:initial;}.elementor-89 .elementor-element.elementor-element-11fb45d .elementor-button{font-size:11px;letter-spacing:0.3px;padding:09px 18px 09px 18px;}}@media(min-width:768px){.elementor-89 .elementor-element.elementor-element-f92f8de{--width:100%;}.elementor-89 .elementor-element.elementor-element-ae9a325{--width:58%;}.elementor-89 .elementor-element.elementor-element-67866aa{--width:20%;}.elementor-89 .elementor-element.elementor-element-09880a8{--width:58%;}.elementor-89 .elementor-element.elementor-element-ddcbf35{--width:22%;}}@media(max-width:1024px) and (min-width:768px){.elementor-89 .elementor-element.elementor-element-ae9a325{--width:15%;}.elementor-89 .elementor-element.elementor-element-67866aa{--width:55%;}.elementor-89 .elementor-element.elementor-element-09880a8{--width:15%;}.elementor-89 .elementor-element.elementor-element-ddcbf35{--width:30%;}}/* Start custom CSS for nav-menu, class: .elementor-element-ca7d4ff *//* ========================================================= MOMNA SHAHID — TABLET MENU Floating dropdown — does NOT expand header ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { /* ===================================================== NAV MENU WIDGET ===================================================== */ .elementor-widget-nav-menu { position: relative !important; } /* ===================================================== DROPDOWN — FLOAT ABOVE PAGE ===================================================== */ .elementor-nav-menu--dropdown { position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; width: 220px !important; min-width: 220px !important; max-width: 220px !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 8px 0 !important; box-sizing: border-box !important; background: #17122F !important; border: 1px solid #29263A !important; border-radius: 2px !important; box-shadow: 0 14px 35px rgba(0, 0, 0, 0.40) !important; z-index: 9999 !important; transform: none !important; } /* ===================================================== TABLET CLOSED STATE ===================================================== */ .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu--dropdown { display: none !important; } /* ===================================================== TABLET OPEN STATE ===================================================== */ .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown { display: block !important; } /* ===================================================== DROPDOWN LIST ===================================================== */ .elementor-nav-menu--dropdown ul { width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ===================================================== MENU ITEMS ===================================================== */ .elementor-nav-menu--dropdown li { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== MENU LINKS ===================================================== */ .elementor-nav-menu--dropdown a, .elementor-nav-menu--dropdown .elementor-item { display: flex !important; align-items: center !important; width: 100% !important; min-height: 42px !important; box-sizing: border-box !important; padding: 10px 18px !important; margin: 0 !important; color: #F5F5F7 !important; background: transparent !important; border: none !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; white-space: nowrap !important; text-decoration: none !important; transition: color 0.2s ease, background-color 0.2s ease !important; } /* ===================================================== HOVER ===================================================== */ .elementor-nav-menu--dropdown a:hover, .elementor-nav-menu--dropdown a:focus, .elementor-nav-menu--dropdown .elementor-item:hover { color: #B8FF20 !important; background: rgba(184, 255, 32, 0.06) !important; } /* ===================================================== ACTIVE ===================================================== */ .elementor-nav-menu--dropdown .current-menu-item > a, .elementor-nav-menu--dropdown .current-menu-ancestor > a { color: #B8FF20 !important; } /* ===================================================== TABLET TOGGLE ===================================================== */ .elementor-menu-toggle { color: #B8FF20 !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 8px !important; margin: 0 !important; } .elementor-menu-toggle:hover, .elementor-menu-toggle:focus { color: #B8FF20 !important; background: transparent !important; box-shadow: none !important; } .elementor-menu-toggle i, .elementor-menu-toggle svg { color: #B8FF20 !important; fill: #B8FF20 !important; } } /* ========================================================= MOMNA SHAHID — MOBILE LEFT DRAWER Native Elementor toggle + bottom-right CLOSE ========================================================= */ @media (max-width: 767px) { /* ===================================================== DRAWER ===================================================== */ .elementor-nav-menu--dropdown { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: auto !important; width: 270px !important; min-width: 270px !important; max-width: 270px !important; height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important; margin: 0 !important; /* MENU STARTS HIGHER */ padding: 68px 0 90px 0 !important; box-sizing: border-box !important; background: #17122F !important; border: none !important; border-right: 1px solid #29263A !important; border-radius: 0 !important; box-shadow: 14px 0 40px rgba(0, 0, 0, 0.35) !important; overflow-y: auto !important; overflow-x: hidden !important; z-index: 99998 !important; /* CLOSED */ transform: translateX(-100%) !important; transition: transform 0.38s cubic-bezier( 0.22, 1, 0.36, 1 ) !important; animation: none !important; } /* ===================================================== MOBILE CLOSED STATE ===================================================== */ .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu--dropdown { display: none !important; } /* ===================================================== MOBILE OPEN STATE ===================================================== */ .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown { display: block !important; transform: translateX(0) !important; } /* ===================================================== MENU LIST ===================================================== */ .elementor-nav-menu--dropdown ul { width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ===================================================== MENU ITEMS ===================================================== */ .elementor-nav-menu--dropdown li { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== MENU LINKS ===================================================== */ .elementor-nav-menu--dropdown a, .elementor-nav-menu--dropdown .elementor-item { display: flex !important; align-items: center !important; width: 100% !important; min-height: 46px !important; padding: 0 28px !important; margin: 0 !important; box-sizing: border-box !important; color: #F5F5F7 !important; background: transparent !important; border: none !important; font-family: "Manrope", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.3 !important; white-space: nowrap !important; text-decoration: none !important; transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease !important; } /* ===================================================== HOVER ===================================================== */ .elementor-nav-menu--dropdown a:hover, .elementor-nav-menu--dropdown a:focus { color: #B8FF20 !important; background: rgba(184, 255, 32, 0.06) !important; padding-left: 34px !important; } /* ===================================================== ACTIVE ===================================================== */ .elementor-nav-menu--dropdown .current-menu-item > a { color: #B8FF20 !important; } /* ===================================================== NORMAL MOBILE TOGGLE ===================================================== */ .elementor-menu-toggle { position: relative !important; z-index: 100001 !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 8px !important; padding: 0 !important; color: #B8FF20 !important; background: transparent !important; border: none !important; box-shadow: none !important; line-height: 1 !important; } /* ===================================================== OPEN TOGGLE = CLOSE BUTTON ===================================================== */ .elementor-menu-toggle.elementor-active { /* * RESET ALL POSITIONING * Elementor sometimes injects top positioning. */ position: fixed !important; top: auto !important; right: auto !important; /* * 270px drawer * 72px button * 16px right gap * * 270 - 72 - 16 = 182px */ left: 182px !important; bottom: 24px !important; width: 72px !important; min-width: 72px !important; max-width: 72px !important; height: 36px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #B8FF20 !important; background: transparent !important; border: 1px solid #B8FF20 !important; border-radius: 2px !important; box-shadow: none !important; font-family: "Manrope", sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; z-index: 100001 !important; } /* ===================================================== HIDE ELEMENTOR ICON ===================================================== */ .elementor-menu-toggle.elementor-active i, .elementor-menu-toggle.elementor-active svg { display: none !important; } /* ===================================================== CLOSE TEXT ===================================================== */ .elementor-menu-toggle.elementor-active::after { content: "CLOSE"; display: block !important; color: #B8FF20 !important; font-family: "Manrope", sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; line-height: 1 !important; } /* ===================================================== CLOSE HOVER ===================================================== */ .elementor-menu-toggle.elementor-active:hover { color: #0A0A14 !important; background: #B8FF20 !important; } .elementor-menu-toggle.elementor-active:hover::after { color: #0A0A14 !important; } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-33aa91b *//* ========================================================= MOMNA SHAHID HEADER TABLET + MOBILE ========================================================= */ /* ========================================================= TABLET 768px — 1024px ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { /* ----------------------------------------------------- TABLET NAV WIDGET ----------------------------------------------------- */ .elementor-widget-nav-menu { position: relative !important; } /* ----------------------------------------------------- TABLET DROPDOWN ----------------------------------------------------- */ .elementor-nav-menu--dropdown { position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; width: 220px !important; min-width: 220px !important; max-width: 220px !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 8px 0 !important; box-sizing: border-box !important; background: #17122F !important; border: 1px solid #29263A !important; border-radius: 2px !important; box-shadow: 0 14px 35px rgba(0,0,0,.40) !important; z-index: 9999 !important; transform: none !important; } /* ----------------------------------------------------- TABLET CLOSED ----------------------------------------------------- */ .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu--dropdown { display: none !important; } /* ----------------------------------------------------- TABLET OPEN ----------------------------------------------------- */ .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown { display: block !important; } /* ----------------------------------------------------- TABLET LIST ----------------------------------------------------- */ .elementor-nav-menu--dropdown ul { width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .elementor-nav-menu--dropdown li { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- TABLET LINKS ----------------------------------------------------- */ .elementor-nav-menu--dropdown a, .elementor-nav-menu--dropdown .elementor-item { display: flex !important; align-items: center !important; width: 100% !important; min-height: 42px !important; padding: 10px 18px !important; margin: 0 !important; box-sizing: border-box !important; color: #F5F5F7 !important; background: transparent !important; border: none !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; white-space: nowrap !important; text-decoration: none !important; transition: color .2s ease, background-color .2s ease !important; } .elementor-nav-menu--dropdown a:hover, .elementor-nav-menu--dropdown a:focus { color: #B8FF20 !important; background: rgba(184,255,32,.06) !important; } .elementor-nav-menu--dropdown .current-menu-item > a, .elementor-nav-menu--dropdown .current-menu-ancestor > a { color: #B8FF20 !important; } /* ----------------------------------------------------- TABLET TOGGLE ----------------------------------------------------- */ .elementor-menu-toggle { color: #B8FF20 !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 8px !important; margin: 0 !important; } .elementor-menu-toggle i, .elementor-menu-toggle svg { color: #B8FF20 !important; fill: #B8FF20 !important; } } /* ========================================================= MOBILE 0 — 767px ========================================================= */ @media (max-width: 767px) { /* ===================================================== MOBILE NAV WIDGET ===================================================== */ .elementor-widget-nav-menu { position: relative !important; z-index: 100000 !important; } /* ===================================================== MOBILE DRAWER ===================================================== */ .elementor-nav-menu--dropdown { position: fixed !important; inset: 0 auto 0 0 !important; width: 270px !important; min-width: 270px !important; max-width: 270px !important; height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important; margin: 0 !important; /* * SIX MENU ITEMS START HIGHER */ padding: 68px 0 85px 0 !important; box-sizing: border-box !important; background: #17122F !important; border: none !important; border-right: 1px solid #29263A !important; border-radius: 0 !important; box-shadow: 14px 0 40px rgba(0,0,0,.35) !important; overflow-x: hidden !important; overflow-y: auto !important; z-index: 99998 !important; /* * CLOSED */ transform: translate3d(-100%,0,0) !important; transition: transform .38s cubic-bezier(.22,1,.36,1) !important; animation: none !important; } /* ===================================================== MOBILE CLOSED ===================================================== */ .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu--dropdown { display: none !important; } /* ===================================================== MOBILE OPEN ===================================================== */ .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown { display: block !important; transform: translate3d(0,0,0) !important; } /* ===================================================== MENU LIST ===================================================== */ .elementor-nav-menu--dropdown ul { width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .elementor-nav-menu--dropdown li { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== MENU LINKS ===================================================== */ .elementor-nav-menu--dropdown a, .elementor-nav-menu--dropdown .elementor-item { display: flex !important; align-items: center !important; width: 100% !important; min-height: 46px !important; padding: 0 28px !important; margin: 0 !important; box-sizing: border-box !important; color: #F5F5F7 !important; background: transparent !important; border: none !important; font-family: "Manrope", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.3 !important; white-space: nowrap !important; text-decoration: none !important; transition: color .2s ease, background-color .2s ease, padding-left .2s ease !important; } /* ----------------------------------------------------- HOVER ----------------------------------------------------- */ .elementor-nav-menu--dropdown a:hover, .elementor-nav-menu--dropdown a:focus { color: #B8FF20 !important; background: rgba(184,255,32,.06) !important; padding-left: 34px !important; } /* ----------------------------------------------------- ACTIVE ----------------------------------------------------- */ .elementor-nav-menu--dropdown .current-menu-item > a { color: #B8FF20 !important; } /* ===================================================== NORMAL MOBILE HAMBURGER ===================================================== */ .elementor-menu-toggle { position: relative !important; z-index: 100002 !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 8px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; color: #B8FF20 !important; background: transparent !important; border: none !important; box-shadow: none !important; line-height: 1 !important; } /* ===================================================== OPEN STATE — TURN TOGGLE INTO CLOSE BUTTON ===================================================== */ .elementor-menu-toggle.elementor-active { /* * IMPORTANT: * Anchor to the VIEWPORT using all four * inset values explicitly. */ position: fixed !important; top: auto !important; right: auto !important; bottom: 24px !important; left: 0 !important; /* * Drawer = 270px * Button = 72px * Right gap = 16px * * We use transform so the button's * RIGHT edge lands at 254px. */ width: 72px !important; min-width: 72px !important; max-width: 72px !important; height: 36px !important; padding: 0 !important; margin: 0 !important; transform: translateX(182px) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #B8FF20 !important; background: #17122F !important; border: 1px solid #B8FF20 !important; border-radius: 2px !important; box-shadow: none !important; font-family: "Manrope", sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .5px !important; line-height: 1 !important; text-transform: uppercase !important; z-index: 100002 !important; } /* ===================================================== HIDE NATIVE HAMBURGER / X ===================================================== */ .elementor-menu-toggle.elementor-active i, .elementor-menu-toggle.elementor-active svg { display: none !important; } /* ===================================================== CLOSE TEXT ===================================================== */ .elementor-menu-toggle.elementor-active::after { content: "CLOSE" !important; display: block !important; color: #B8FF20 !important; font-family: "Manrope", sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .5px !important; line-height: 1 !important; text-transform: uppercase !important; } /* ===================================================== CLOSE HOVER ===================================================== */ .elementor-menu-toggle.elementor-active:hover { background: #B8FF20 !important; color: #0A0A14 !important; } .elementor-menu-toggle.elementor-active:hover::after { color: #0A0A14 !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-11fb45d */@media (max-width: 767px) { .elementor-89 .elementor-element.elementor-element-11fb45d .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 110px !important; max-width: none !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; flex-wrap: nowrap !important; } .elementor-89 .elementor-element.elementor-element-11fb45d .elementor-button-text { white-space: nowrap !important; display: inline-block !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f92f8de *//* MOMNA — PREMIUM GLASS HEADER ON SCROLL */ .elementor-89 .elementor-element.elementor-element-f92f8de { transition: background-color 0.35s ease, backdrop-filter 0.35s ease, -webkit-backdrop-filter 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Glass state when Elementor makes header sticky */ .elementor-89 .elementor-element.elementor-element-f92f8de.elementor-sticky--active { background: rgba(10, 10, 20, 0.72); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); border-bottom: 1px solid rgba(41, 38, 58, 0.85); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18); }/* End custom CSS */