.elementor-1463 .elementor-element.elementor-element-dd3cd2b{--display:flex;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;--z-index:2;}.elementor-1463 .elementor-element.elementor-element-dd3cd2b:not(.elementor-motion-effects-element-type-background), .elementor-1463 .elementor-element.elementor-element-dd3cd2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#103060D9;}.elementor-1463 .elementor-element.elementor-element-536ae7b{--display:flex;--justify-content:center;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:30px;--padding-right:30px;--z-index:1001;}.elementor-1463 .elementor-element.elementor-element-536ae7b:not(.elementor-motion-effects-element-type-background), .elementor-1463 .elementor-element.elementor-element-536ae7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#103060D9;}.elementor-1463 .elementor-element.elementor-element-851093d{--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;--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-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-1463 .elementor-element.elementor-element-5d537b8.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1463 .elementor-element.elementor-element-5d537b8 img{width:100%;max-width:169px;}.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-1463 .elementor-element.elementor-element-3f27629{width:100%;max-width:100%;margin:0 0 calc(var(--kit-widget-spacing, 0px) + 0) auto;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1463 .elementor-element.elementor-element-3f27629.elementor-element{--align-self:center;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-menu-toggle{margin-left:auto;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:17px;padding-right:17px;padding-top:13px;padding-bottom:13px;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--dropdown .elementor-item, .elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:500;text-transform:capitalize;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-1463 .elementor-element.elementor-element-3f27629 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-1463 .elementor-element.elementor-element-3f27629 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-1463 .elementor-element.elementor-element-9f23a12{--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;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1463 .elementor-element.elementor-element-9f23a12.e-con{--flex-grow:1;--flex-shrink:0;}.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-1463 .elementor-element.elementor-element-155e6a2 .elementor-button{background-color:#F45D1B;font-family:"Outfit", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;line-height:20px;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:12px 22px 12px 22px;}.elementor-1463 .elementor-element.elementor-element-155e6a2 .elementor-button:hover, .elementor-1463 .elementor-element.elementor-element-155e6a2 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:#FFFFFF;}.elementor-1463 .elementor-element.elementor-element-155e6a2:hover{--e-transform-translateY:-2px;}.elementor-1463 .elementor-element.elementor-element-155e6a2 .elementor-button:hover svg, .elementor-1463 .elementor-element.elementor-element-155e6a2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-1463 .elementor-element.elementor-element-851093d{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:13px;padding-bottom:13px;}.elementor-1463 .elementor-element.elementor-element-3f27629{--e-nav-menu-horizontal-menu-item-margin:calc( 23px / 2 );}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:23px;}}@media(max-width:1200px){.elementor-1463 .elementor-element.elementor-element-536ae7b{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}.elementor-1463 .elementor-element.elementor-element-3f27629{--e-nav-menu-horizontal-menu-item-margin:calc( 13px / 2 );}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:13px;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--dropdown .elementor-item, .elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:13px;}.elementor-1463 .elementor-element.elementor-element-155e6a2 .elementor-button{padding:12px 15px 12px 15px;}}@media(max-width:1024px){.elementor-1463 .elementor-element.elementor-element-5d537b8{text-align:start;}.elementor-1463 .elementor-element.elementor-element-3f27629{width:initial;max-width:initial;}.elementor-1463 .elementor-element.elementor-element-3f27629.elementor-element{--order:4;}.elementor-1463 .elementor-element.elementor-element-3f27629 .elementor-nav-menu--main .elementor-item{padding-left:5px;padding-right:5px;}.elementor-1463 .elementor-element.elementor-element-9f23a12{--justify-content:flex-end;}.elementor-1463 .elementor-element.elementor-element-9f23a12.e-con{--flex-grow:1;--flex-shrink:0;}}@media(max-width:880px){.elementor-1463 .elementor-element.elementor-element-851093d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1463 .elementor-element.elementor-element-5d537b8{text-align:start;}.elementor-1463 .elementor-element.elementor-element-3f27629{width:var( --container-widget-width, auto );max-width:auto;--container-widget-width:auto;--container-widget-flex-grow:0;--nav-menu-icon-size:30px;}.elementor-1463 .elementor-element.elementor-element-3f27629.elementor-element{--align-self:center;}.elementor-1463 .elementor-element.elementor-element-9f23a12{--justify-content:flex-end;}.elementor-1463 .elementor-element.elementor-element-155e6a2.elementor-element{--align-self:flex-end;}}@media(max-width:767px){.elementor-1463 .elementor-element.elementor-element-3f27629{width:auto;max-width:auto;}}@media(min-width:768px){.elementor-1463 .elementor-element.elementor-element-536ae7b{--width:100%;}.elementor-1463 .elementor-element.elementor-element-9f23a12{--width:fit-content;}}/* Start custom CSS for nav-menu, class: .elementor-element-3f27629 *//* ==========================================================================
   REVUP — NAV MENU CSS  (complete file, replace purana wala)
   Change log:
   • Long dropdown (10+ items) ab auto 2-column ho jaata hai — Industries/Locations
   • Right side ke parents ka dropdown right-align (viewport se bahar nahi jaayega)
   • Hover bridge add — 10px gap pe dropdown flicker nahi karega
   • Safety max-height + scroll agar :has() support na ho
   ========================================================================== */


/* ---------- 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:     10px;   /* 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; }


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

  /* 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 20px !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: 30px !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: 0 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: var(--bn-navy);                 /* 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-secondary );
    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 container, class: .elementor-element-9f23a12 */@media (max-width: 1024px) {
.custbtncol {
 margin-left: auto;
    margin-right: 70px;   
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-536ae7b */body{
    background: #FBFAF8 !important;
}
.sitehead {
    background: #103060D9;
    /*position:fixed;*/
      transition: all ease-in-out .3s;
  
}
@media (min-width: 1024px) {
.sitehead {
    background: #103060D9;
      transition: all ease-in-out .3s;
  
}
.custlogo img {
 transition: all 0.3s;
}
.elementor-sticky--active .custlogo img {
  max-width: 130px !important;
}
.sitehead.elementor-sticky--active {
  backdrop-filter: blur(2px); 
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.sitehead.elementor-sticky--active .elementor-element.elementor-element-3f27629 .elementor-nav-menu .elementor-item {
    font-size: 14px;
}
 .sitehead.elementor-sticky--active .header-btn a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
}/* End custom CSS */