.elementor-58 .elementor-element.elementor-element-1f02649{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-bf01dc6{--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;}.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-58 .elementor-element.elementor-element-9ffd4e4 img{width:100px;}.elementor-58 .elementor-element.elementor-element-5b663c0{--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-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-58 .elementor-element.elementor-element-142ca87 .elementor-menu-toggle{margin:0 auto;}.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu .elementor-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:600;}.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:17px;padding-right:17px;padding-top:0px;padding-bottom:0px;}.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--dropdown .elementor-item, .elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:500;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:500;background-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:15px 24px 15px 24px;}.elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button:hover, .elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button:hover svg, .elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.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-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--main .elementor-item{padding-left:7px;padding-right:7px;}.elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--dropdown .elementor-item, .elementor-58 .elementor-element.elementor-element-142ca87 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:13px;}.elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button{font-size:13px;padding:12px 10px 12px 10px;}.elementor-58 .elementor-element.elementor-element-de0d853{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:auto;max-width:auto;}.elementor-58 .elementor-element.elementor-element-de0d853.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-58 .elementor-element.elementor-element-bf01dc6{--width:96%;}}@media(max-width:880px){.elementor-58 .elementor-element.elementor-element-5b663c0{--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-58 .elementor-element.elementor-element-142ca87.elementor-element{--order:2;}.elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button{padding:12px 20px 12px 20px;}}@media(max-width:767px){.elementor-58 .elementor-element.elementor-element-1f02649{--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-58 .elementor-element.elementor-element-9ffd4e4{text-align:start;width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-58 .elementor-element.elementor-element-9ffd4e4 img{width:100px;}.elementor-58 .elementor-element.elementor-element-5b663c0{--width:60%;--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:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-58 .elementor-element.elementor-element-142ca87.elementor-element{--order:2;}.elementor-58 .elementor-element.elementor-element-de0d853 .elementor-button{padding:10px 12px 10px 12px;}.elementor-58 .elementor-element.elementor-element-de0d853.elementor-element{--order:1;}}/* Start custom CSS for nav-menu, class: .elementor-element-142ca87 *//* ---------- brand tokens (global) ---------- */
.custnavrespo {
  --bn-navy:   #16233F;
  --bn-navy-d: #0E1A31;
  --bn-orange: #F5A623;
  --bn-line:   rgba(255,255,255,.10);
  --bn-panel:  var(--e-global-color-4444898, #16233F);
  --bn-ease:   cubic-bezier(.7, 0, .2, 1);
  --bn-panel-w: min(330px, 86vw);
  --bn-pm:     8px;   /* plus/minus icon ka size — yahin se control karo */

  /* NEW — dropdown width control */
  --bn-dd-w:    260px;  /* normal (chhota) dropdown */
  --bn-dd-w2:   390px;  /* 2-column dropdown */
  --bn-dd-gap:  10px;   /* parent item aur panel ke beech ka gap */
}

.elementor-nav-menu .sub-arrow { padding: 0; }

.custhdr .custbtn  {
    display:flex;
}

/* ==========================================================================
   A.  DESKTOP DROPDOWN  (881px se upar)
   ========================================================================== */
@media (min-width: 881px) {


  /* dropdown panel */
  .custnavrespo .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu,
  .custnavrespo .elementor-nav-menu--main ul.elementor-nav-menu--dropdown {
    width: var(--bn-dd-w) !important;
    min-width: var(--bn-dd-w) !important;
    max-width: none !important;
    margin-top: var(--bn-dd-gap) !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-top: 3px solid var( --e-global-color-accent ) !important;
    border-radius: 0 0 0px 0px !important;
    background: #fff !important;
    box-shadow: 0 22px 46px rgba(10, 20, 45, .18) !important;
    transform-origin: top center;
    animation: bnDropIn .34s cubic-bezier(.2, .8, .25, 1) both;

    /* fallback — agar browser :has() na samjhe to scroll ho jaaye,
       fold ke neeche gayab na ho */
    max-height: min(74vh, 640px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  /* panel ka apna scrollbar patla */
  .custnavrespo .elementor-nav-menu--main ul.sub-menu::-webkit-scrollbar { width: 4px; }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu::-webkit-scrollbar-thumb {
    background: rgba(22, 35, 63, .22);
  }

  @keyframes bnDropIn {
    from { opacity: 0; transform: translateY(-12px) scaleY(.94); }
    to   { opacity: 1; transform: none; }
  }

  /* ----------------------------------------------------------
     HOVER BRIDGE
     parent item aur panel ke beech 10px ka gap hai — us gap se
     mouse guzarne pe menu band na ho, iske liye invisible strip
     (Elementor already li ko position:relative deta hai)
     ---------------------------------------------------------- */
  .custnavrespo .elementor-nav-menu--main > ul > li.menu-item-has-children::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: 100%;
    height: calc(var(--bn-dd-gap) + 4px);
    display: none;
  }
  .custnavrespo .elementor-nav-menu--main > ul > li.menu-item-has-children:hover::after,
  .custnavrespo .elementor-nav-menu--main > ul > li.menu-item-has-children:focus-within::after {
    display: none;
  }

  /* items — staggered fade-up */
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li {
    animation: bnItemIn .38s var(--bn-ease) both;
  }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(1) { animation-delay: .10s; }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(2) { animation-delay: .15s; }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(3) { animation-delay: .20s; }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(4) { animation-delay: .25s; }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(n+5) { animation-delay: .30s; }

  @keyframes bnItemIn {
    from { opacity: 0; transform: translateX(-10px); }
    to   { opacity: 1; transform: none; }
  }

  /* sub links */
  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item {
    position: relative;
    display: block !important;
    padding: 11px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-family: "Roboto", sans-serif;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--bn-navy) !important;
    transition: background-color .28s ease, color .28s ease, padding-left .28s var(--bn-ease);
  }

  /* left accent bar */
  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: 3px; height: 0;
    background: var( --e-global-color-accent );
    transform: translateY(-50%);
    transition: height .3s var(--bn-ease);
  }

  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item:hover,
  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item:focus-visible,
  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item.highlighted {
    background: #F4F6FB !important;
    color: var(--bn-navy-d) !important;
    padding-left: 15px !important;
  }
  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item:hover::before,
  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item:focus-visible::before { height: 100%; }

  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item.elementor-item-active {
    color: var( --e-global-color-accent ) !important;
    font-weight: 600;
  }
  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item.elementor-item-active::before { height: 100%; }


  /* ==========================================================
     ★ LONG DROPDOWN → 2 COLUMN
     10 ya usse zyada items ho to panel automatically do column
     me split ho jaata hai. Koi extra class ya HTML change nahi —
     :has() item count khud detect kar leta hai.
     Industries (15) aur Locations (10) dono cover ho gaye.
     ========================================================== */
  .custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(10)) {
    width: var(--bn-dd-w2) !important;
    min-width: var(--bn-dd-w2) !important;
    padding: 10px 0 !important;

    column-count: 2;
    column-gap: 0;
    column-fill: balance;
    column-rule: 1px solid #EDF0F6;

    /* multicol me scroll nahi chahiye — ab height khud hi kam hai */
    max-height: none;
    overflow: visible;
  }

  /* item column ke beech me toot na jaaye */
  .custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(10)) > li {
    break-inside: auto;
    -webkit-column-break-inside: auto;
    page-break-inside: auto;
  }

  /* 2-col me thoda compact */
  .custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(10)) a.elementor-sub-item {
    padding: 11px 20px !important;
    font-size: 14px;
  }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(10)) a.elementor-sub-item:hover,
  .custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(10)) a.elementor-sub-item:focus-visible {
    padding-left: 27px !important;
  }

  /* multicol me stagger animation hata di — columns me weird lagti hai,
     poora panel ek saath fade-in hota hai */
  .custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(10)) > li {
    animation: none !important;
    display: inline-block !important;
    width: 100%;
  }

  /* ==========================================================
     ★ RIGHT EDGE GUARD
     Nav right-aligned hai, to aakhri parents ka chaura dropdown
     screen se bahar nikal jaata. Unko right-align kar diya.
     (SmartMenus inline left:0px set karta hai — isliye !important)
     ========================================================== */
  .custnavrespo .elementor-nav-menu--main > ul > li:nth-last-child(-n+4) > ul.sub-menu {
    left: auto !important;
    right: 0 !important;
    margin-left: 0 !important;
  }

  /* chhoti screens pe (laptop 1280 etc.) 2-col thoda patla */
  @media (max-width: 1400px) {
    .custnavrespo { --bn-dd-w2: 500px; }
    .custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(10)) a.elementor-sub-item {
      padding: 10px 18px !important;
      font-size: 13.5px;
    }
  }


  /* ----------------------------------------------------------
     PARENT INDICATOR — PLUS → MINUS
     (pehle caret rotate tha, ab + / − hai)
     ---------------------------------------------------------- */
  .custnavrespo .elementor-nav-menu--main a.elementor-item .sub-arrow svg,
  .custnavrespo .elementor-nav-menu--main a.elementor-item .sub-arrow i {
    display: none !important;
  }

  .custnavrespo .elementor-nav-menu--main a.elementor-item .sub-arrow {
    position: relative;
    display: inline-block !important;
    width: var(--bn-pm);
    height: var(--bn-pm);
    flex: 0 0 var(--bn-pm);
    margin: 2px 0 0 4px !important;
    padding: 0 !important;
    background: transparent !important;
    color: inherit;
  }

  /* do bars = plus */
  .custnavrespo .elementor-nav-menu--main a.elementor-item .sub-arrow::before,
  .custnavrespo .elementor-nav-menu--main a.elementor-item .sub-arrow::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    background: currentColor;
    transition: transform .32s var(--bn-ease), opacity .32s ease, background-color .32s ease;
  }
  .custnavrespo .elementor-nav-menu--main a.elementor-item .sub-arrow::before {
    width: var(--bn-pm);
    height: 2px;
    transform: translate(-50%, -50%);
  }
  .custnavrespo .elementor-nav-menu--main a.elementor-item .sub-arrow::after {
    width: 2px;
    height: var(--bn-pm);
    transform: translate(-50%, -50%);
  }

  /* open → minus (vertical bar rotate hoke gayab) */
  .custnavrespo .elementor-nav-menu--main li:hover > a.elementor-item .sub-arrow::after,
  .custnavrespo .elementor-nav-menu--main li:focus-within > a.elementor-item .sub-arrow::after,
  .custnavrespo .elementor-nav-menu--main a.elementor-item[aria-expanded="true"] .sub-arrow::after {
    transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
    opacity: 0;
  }

  /* minus orange ho jaata hai taaki open state clear dikhe */
  .custnavrespo .elementor-nav-menu--main li:hover > a.elementor-item .sub-arrow::before,
  .custnavrespo .elementor-nav-menu--main li:focus-within > a.elementor-item .sub-arrow::before,
  .custnavrespo .elementor-nav-menu--main a.elementor-item[aria-expanded="true"] .sub-arrow::before {
    background: var( --e-global-color-accent );
  }

  /* active parent ka plus bhi orange */
  .custnavrespo .elementor-nav-menu--main a.elementor-item.elementor-item-active .sub-arrow::before,
  .custnavrespo .elementor-nav-menu--main a.elementor-item.elementor-item-active .sub-arrow::after {
    background: var( --e-global-color-accent );
  }
}


/* ==========================================================================
   B.  MOBILE / TABLET  (1024px tak)
   ========================================================================== */
@media (max-width: 1024px) {

  .custnavrespo { position: relative; z-index: 100002; }

  /* ----------------------------------------------------------
     1. BURGER → X   (FIX: 3 lines, shorthand background hata diya)
     ---------------------------------------------------------- */
  .custnavrespo .elementor-menu-toggle svg,
  .custnavrespo .elementor-menu-toggle i { display: none !important; }

  .custnavrespo .elementor-menu-toggle {
    --bn-bar: 24px;
    position: absolute;
    right: 0;
    top: -22px;
    z-index: 100003;
    width: 46px;
    height: 46px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0px;
    color: #96CCFA !important;                 /* bar colour — header bg ke hisaab se */

    /* middle bar — !important zaroori hai warna Elementor shorthand kha jaata hai */
    background-color: transparent !important;
    background-image: linear-gradient(currentColor, currentColor) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: var(--bn-bar) 2px !important;

    transition: background-size .28s ease, background-color .3s ease;
  }

  /* top + bottom bars */
  .custnavrespo .elementor-menu-toggle::before,
  .custnavrespo .elementor-menu-toggle::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    width: var(--bn-bar);
    height: 2px;
    border-radius: 0px;
    background: currentColor;
    transition: transform .45s cubic-bezier(.68, -.35, .3, 1.35);
  }
  .custnavrespo .elementor-menu-toggle::before { transform: translate(-50%, -50%) translateY(-7px); }
  .custnavrespo .elementor-menu-toggle::after  { transform: translate(-50%, -50%) translateY(7px); }

  /* open state → X */
  .custnavrespo .elementor-menu-toggle[aria-expanded="true"],
  .custnavrespo .elementor-menu-toggle.elementor-active {
    background-size: 0 2px !important;
    background-color: rgba(22, 35, 63, .08) !important;
    color: var(--bn-navy);
  }
  .custnavrespo .elementor-menu-toggle[aria-expanded="true"]::before,
  .custnavrespo .elementor-menu-toggle.elementor-active::before { transform: translate(-50%, -50%) rotate(45deg); }
  .custnavrespo .elementor-menu-toggle[aria-expanded="true"]::after,
  .custnavrespo .elementor-menu-toggle.elementor-active::after  { transform: translate(-50%, -50%) rotate(-45deg); }

  .custnavrespo .elementor-menu-toggle:focus-visible {
    outline: 2px solid var( --e-global-color-accent );
    outline-offset: 3px;
  }

  /* ----------------------------------------------------------
     2. BACKDROP + scroll lock
     ---------------------------------------------------------- */
  .custnavrespo::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(9, 16, 33, .62);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .45s ease, visibility .45s;
    z-index: 100000;
  }
  .custnavrespo:has(.elementor-menu-toggle[aria-expanded="true"])::before {
    opacity: 1;
    visibility: visible;
  }
  html:has(.custnavrespo .elementor-menu-toggle[aria-expanded="true"]) { overflow: hidden; }

  /* ----------------------------------------------------------
     3. PANEL — left se slide-in
     ---------------------------------------------------------- */
  .custnavrespo nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: fixed !important;
    top: 0; left: 0; bottom: 0;
    width: var(--bn-panel-w);
    height: 100vh;
    max-height: none !important;
    margin: 0 !important;
    padding: 66px 0 40px !important;
    background: var( --e-global-color-primary );
    border-radius: 0 !important;
    box-shadow: none;
    display: block !important;
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 100001;

    transform: translateX(-102%);
    visibility: hidden;
    transition: transform .5s var(--bn-ease), visibility .5s, box-shadow .5s ease;
  }

  /* panel header strip */
  .custnavrespo nav.elementor-nav-menu--dropdown.elementor-nav-menu__container::before {
    content: "MENU";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 66px;
    display: flex;
    align-items: center;
    padding-left: 26px;
    font-family: "Barlow", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .3em;
    color: #fff;
    border-bottom: 1px solid var(--bn-line);
  }

  /* open */
  .custnavrespo .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container,
  .custnavrespo nav.elementor-nav-menu--dropdown.elementor-nav-menu__container[aria-hidden="false"] {
    transform: translateX(0) !important;
    visibility: visible;
    box-shadow: 24px 0 70px rgba(0, 0, 0, .45);
  }
  .custnavrespo .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu__container {
    transform: translateX(-102%) !important;
  }

  /* scrollbar */
  .custnavrespo nav.elementor-nav-menu--dropdown::-webkit-scrollbar { width: 4px; }
  .custnavrespo nav.elementor-nav-menu--dropdown::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .25);
    border-radius: 0px;
  }

  /* ----------------------------------------------------------
     4. TOP-LEVEL ITEMS
     ---------------------------------------------------------- */
  .custnavrespo nav.elementor-nav-menu--dropdown .elementor-nav-menu {
    margin: 0 !important;
    padding: 0 !important;
  }
  .custnavrespo nav.elementor-nav-menu--dropdown .elementor-nav-menu > li {
    border-bottom: 1px solid var(--bn-line);
  }

  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 17px 24px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .03em;
    line-height: 1.3;
    color: #fff !important;
    position: relative;
    transition: background-color .3s ease, padding-left .3s var(--bn-ease), color .3s ease;
  }

  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-item::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: 3px; height: 0;
    background: var( --e-global-color-accent );
    transform: translateY(-50%);
    transition: height .35s var(--bn-ease);
  }

  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-item:hover,
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-item:focus-visible,
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-item.highlighted {
    background: rgba(255, 255, 255, .07) !important;
    padding-left: 32px !important;
  }
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-item:hover::before,
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-item:focus-visible::before { height: 60%; }

  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active {
    background: rgba(0, 0, 0, .2) !important;
    color: var( --e-global-color-accent ) !important;
  }
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active::before { height: 100%; }

  /* ----------------------------------------------------------
     5. PLUS / MINUS TOGGLE   (pehle caret SVG tha)
     ---------------------------------------------------------- */
  .custnavrespo nav.elementor-nav-menu--dropdown .sub-arrow svg,
  .custnavrespo nav.elementor-nav-menu--dropdown .sub-arrow i {
    display: none !important;
  }

  .custnavrespo nav.elementor-nav-menu--dropdown .sub-arrow {
    position: relative;
    display: grid !important;
    place-items: center;
    width: 26px; height: 26px;
    flex: 0 0 26px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    transition: background-color .3s ease, color .3s ease;
  }

  .custnavrespo nav.elementor-nav-menu--dropdown .sub-arrow::before,
  .custnavrespo nav.elementor-nav-menu--dropdown .sub-arrow::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    background: currentColor;
    transition: transform .34s var(--bn-ease), opacity .34s ease;
  }
  .custnavrespo nav.elementor-nav-menu--dropdown .sub-arrow::before {
    width: var(--bn-pm);
    height: 2px;
    transform: translate(-50%, -50%);
  }
  .custnavrespo nav.elementor-nav-menu--dropdown .sub-arrow::after {
    width: 2px;
    height: var(--bn-pm);
    transform: translate(-50%, -50%);
  }

  /* accordion khulte hi → orange box + minus */
  .custnavrespo nav.elementor-nav-menu--dropdown a[aria-expanded="true"] .sub-arrow {
    background: var( --e-global-color-accent );
    color: var(--bn-navy-d);
  }
  .custnavrespo nav.elementor-nav-menu--dropdown a[aria-expanded="true"] .sub-arrow::after {
    transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
    opacity: 0;
  }

  /* ----------------------------------------------------------
     6. SUB-MENU (accordion)
     ---------------------------------------------------------- */
  .custnavrespo nav.elementor-nav-menu--dropdown ul.sub-menu {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 6px 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(0, 0, 0, .22) !important;
    box-shadow: none !important;

    /* mobile pe multicol OFF — accordion hi rehna chahiye */
    column-count: 1 !important;
    max-height: none !important;
    overflow: visible !important;

    animation: bnSubIn .3s var(--bn-ease) both;
  }
  @keyframes bnSubIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: none; }
  }

  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-sub-item {
    display: block !important;
    padding: 11px 24px 11px 44px !important;
    border: 0 !important;
    background: transparent !important;
    font-family: "Roboto", sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.45;
    color: rgba(255, 255, 255, .78) !important;
    position: relative;
    transition: color .28s ease, padding-left .28s var(--bn-ease);
  }
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-sub-item::before {
    content: "";
    position: absolute;
    left: 24px; top: 50%;
    width: 8px; height: 1px;
    background: var( --e-global-color-accent );
    transform: translateY(-50%);
    transition: width .28s var(--bn-ease);
  }
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-sub-item:hover,
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-sub-item:focus-visible,
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-sub-item.highlighted {
    color: #fff !important;
    padding-left: 50px !important;
  }
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-sub-item:hover::before { width: 14px; }
  .custnavrespo nav.elementor-nav-menu--dropdown a.elementor-sub-item.elementor-item-active {
    color: var( --e-global-color-accent ) !important;
  }

  /* ----------------------------------------------------------
     7. STAGGERED ENTRANCE
     ---------------------------------------------------------- */
  .custnavrespo nav.elementor-nav-menu--dropdown[aria-hidden="false"] > ul > li {
    animation: bnSlideIn .5s var(--bn-ease) both;
  }
  .custnavrespo nav.elementor-nav-menu--dropdown[aria-hidden="false"] > ul > li:nth-child(1) { animation-delay: .14s; }
  .custnavrespo nav.elementor-nav-menu--dropdown[aria-hidden="false"] > ul > li:nth-child(2) { animation-delay: .20s; }
  .custnavrespo nav.elementor-nav-menu--dropdown[aria-hidden="false"] > ul > li:nth-child(3) { animation-delay: .26s; }
  .custnavrespo nav.elementor-nav-menu--dropdown[aria-hidden="false"] > ul > li:nth-child(4) { animation-delay: .32s; }
  .custnavrespo nav.elementor-nav-menu--dropdown[aria-hidden="false"] > ul > li:nth-child(5) { animation-delay: .38s; }
  .custnavrespo nav.elementor-nav-menu--dropdown[aria-hidden="false"] > ul > li:nth-child(n+6) { animation-delay: .44s; }

  @keyframes bnSlideIn {
    from { opacity: 0; transform: translateX(-22px); }
    to   { opacity: 1; transform: none; }
  }
}

/* chhoti screens */
@media (max-width: 400px) {
  .custnavrespo { --bn-panel-w: 88vw; }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
  .custnavrespo *,
  .custnavrespo *::before,
  .custnavrespo *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-de0d853 */.custbtn .elementor-button-icon {
    transition:transform .4s ease-in-out;}
.custbtn .elementor-button:hover .elementor-button-icon {
    transform: rotate(45deg);
}
.custbtn .elementor-button {
    position: relative;
    z-index: 2 ;
    overflow: hidden;
    display: inline-block;
} 
.custbtn .elementor-button:after { 
    content:"";
    position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #ffdc27;
  -webkit-transition: width .4s ease-in-out,height .4s ease-in-out;
  transition: width .4s ease-in-out,height .4s ease-in-out;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 1;
  background: #fff;
}
.custbtn .elementor-button:hover:after {
    width: 225%;
  height: 562.5px;
}
.custbtn .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f02649 */.elementor-editor-active  .custhdr{
    position: relative;
    background: #000;
}
.custhdr {
    position: absolute;
    z-index: 9;
}/* End custom CSS */