.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;overscroll-behavior:none;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ======================================== PREMIUM MOBILE DRAWER & MEGA MENU TOGGLE ======================================== */ .elementor-menu-toggle { z-index: 9999999 !important; } /* Toggle Active State (Cross Icon) */ .elementor-menu-toggle[aria-expanded="true"] { position: fixed !important; top: 25px !important; right: 25px !important; background: transparent !important; border: none !important; } .elementor-menu-toggle[aria-expanded="true"] svg, .elementor-menu-toggle[aria-expanded="true"] i { fill: #fff !important; color: #fff !important; width: 28px !important; height: 28px !important; } html.nt-menu-open, body.nt-menu-open { overflow: hidden !important; } @media (max-width: 1024px) { /* 1. Main Drawer Styling */ body .elementor-nav-menu--dropdown { position: fixed !important; top: -72px !important; right: -50px !important; bottom: 0 !important; /* 🚨 BUG 1 FIXED: Added 0 */ left: auto !important; margin: 0 !important; width: 100% !important; max-width: 320px !important; height: 100vh !important; max-height: 100dvh !important; background: rgba(18,21,30,.95) !important; backdrop-filter: blur(25px) saturate(180%) !important; -webkit-backdrop-filter: blur(25px) saturate(180%) !important; box-shadow: -15px 0 40px rgba(0,0,0,.4) !important; border-radius: 0 !important; border: none !important; border-left: 1px solid rgba(255,255,255,.1) !important; display: flex !important; flex-direction: column !important; padding: 90px 30px 40px !important; z-index: 999999 !important; overflow-y: auto !important; scrollbar-width: none !important; transform: translateX(100%) !important; opacity: 0 !important; visibility: hidden !important; transition: transform .5s cubic-bezier(.77,0,.175,1), opacity .4s ease, visibility .5s !important; } body .elementor-nav-menu--dropdown::-webkit-scrollbar { display: none !important; } body .elementor-nav-menu--dropdown.elementor-active, body .elementor-nav-menu--dropdown[aria-hidden="false"] { transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; } /* 🚨 BUG 2 FIXED: Only target the main UL (using >), NOT the dropdown UL */ body .elementor-nav-menu--dropdown > ul.elementor-nav-menu { padding: 0 !important; margin: 0 !important; list-style: none !important; display: flex !important; flex-direction: column !important; width: 100% !important; } /* 2. Main Links Styling */ body .elementor-nav-menu--dropdown a, body .elementor-nav-menu--dropdown a.elementor-item, body .elementor-nav-menu--dropdown .elementor-item, body .elementor-nav-menu--dropdown a .elementor-item-title, body .elementor-nav-menu--dropdown span { width: 100% !important; display: block !important; font-weight: 500 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important; visibility: visible !important; text-shadow: 0 2px 8px rgba(0,0,0,.6) !important; background: transparent !important; box-shadow: none !important; border: none !important; border-radius: 0 !important; padding: 11px 0 !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; transition: all .3s ease !important; } body .elementor-nav-menu--dropdown a:hover, body .elementor-nav-menu--dropdown a.elementor-item:hover, body .elementor-nav-menu--dropdown a .elementor-item-title:hover { color: #FF7A45 !important; -webkit-text-fill-color: #FF7A45 !important; padding-left: 12px !important; } /* 3. MISSING SUB-MENU FIX: Make Arrow Clickable & Fix Dropdown Style */ body .elementor-nav-menu--dropdown .elementor-item.has-submenu { position: relative !important; } body .elementor-nav-menu--dropdown .sub-arrow { position: absolute !important; right: 0 !important; top: 0 !important; width: 60px !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 99 !important; } /* Jab child items khulain toh unka style */ body .elementor-nav-menu--dropdown ul.sub-menu { padding: 5px 0 5px 20px !important; background: rgba(0, 0, 0, 0.2) !important; border-radius: 8px !important; margin-top: 5px !important; border: none !important; } body .elementor-nav-menu--dropdown ul.sub-menu a { font-size: 14px !important; border-bottom: none !important; padding: 8px 0 !important; opacity: 0.8 !important; text-shadow: none !important; } } body{ background: radial-gradient(circle at 18% 22%, rgba(245,166,35,0.12) 0%, transparent 32%), radial-gradient(circle at 78% 18%, rgba(47,111,237,0.18) 0%, transparent 34%), linear-gradient(180deg, #F4F6FB 0%, #ECF0F8 100%); }/* End custom CSS */