.elementor-45 .elementor-element.elementor-element-195565d{--display:flex;box-shadow:0px -20px 2px 0px #0C1530;--margin-top:1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:9999;}.elementor-45 .elementor-element.elementor-element-8ff8c7b{--display:flex;--min-height:42px;--justify-content:center;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-45 .elementor-element.elementor-element-8ff8c7b:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-8ff8c7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4444898 );}.elementor-45 .elementor-element.elementor-element-325875c{--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:space-between;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-2b44b2d{font-family:"Barlow", Sans-serif;font-size:14px;font-weight:400;color:#CFD6E6;}.elementor-45 .elementor-element.elementor-element-2b44b2d p{margin-block-end:0px;}.elementor-45 .elementor-element.elementor-element-e794e73{font-family:"Barlow", Sans-serif;font-size:14px;font-weight:400;color:#CFD6E6;}.elementor-45 .elementor-element.elementor-element-e794e73 p{margin-block-end:0px;}.elementor-45 .elementor-element.elementor-element-e794e73 a{color:var( --e-global-color-fa9d336 );}.elementor-45 .elementor-element.elementor-element-da73d55{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D4DAE4;--border-color:#D4DAE4;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-45 .elementor-element.elementor-element-da73d55:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-da73d55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-b65ebdf{--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-45 .elementor-element.elementor-element-1fa16d0{--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;}.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-45 .elementor-element.elementor-element-efa2c24{padding:0px 0px 0px 0px;text-align:start;}.elementor-45 .elementor-element.elementor-element-efa2c24 img{width:320px;}.elementor-45 .elementor-element.elementor-element-16ce165{--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-end;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.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-45 .elementor-element.elementor-element-01c8590{width:initial;max-width:initial;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-45 .elementor-element.elementor-element-01c8590.elementor-element{--align-self:center;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-menu-toggle{margin-left:auto;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu .elementor-item{font-family:"Saira Condensed", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-1453cf2 );fill:var( --e-global-color-1453cf2 );padding-left:12px;padding-right:12px;padding-top:20px;padding-bottom:20px;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--dropdown .elementor-item, .elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Saira Condensed", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-45 .elementor-element.elementor-element-01c8590 div.elementor-menu-toggle{color:var( --e-global-color-4444898 );}.elementor-45 .elementor-element.elementor-element-01c8590 div.elementor-menu-toggle svg{fill:var( --e-global-color-4444898 );}.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-45 .elementor-element.elementor-element-819cab1 .elementor-button:hover, .elementor-45 .elementor-element.elementor-element-819cab1 .elementor-button:focus{background-color:var( --e-global-color-1a06c12 );}.elementor-45 .elementor-element.elementor-element-819cab1.elementor-element{--align-self:center;}.elementor-45 .elementor-element.elementor-element-819cab1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-45 .elementor-element.elementor-element-819cab1 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-45 .elementor-element.elementor-element-819cab1 .elementor-button{font-family:"Saira Condensed", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.55em;letter-spacing:0.04em;fill:var( --e-global-color-4444898 );color:var( --e-global-color-4444898 );padding:15px 26px 15px 26px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-8ff8c7b{--content-width:1500px;}.elementor-45 .elementor-element.elementor-element-da73d55{--content-width:1500px;}.elementor-45 .elementor-element.elementor-element-1fa16d0{--width:20%;}.elementor-45 .elementor-element.elementor-element-16ce165{--width:80%;}}@media(max-width:1366px) and (min-width:768px){.elementor-45 .elementor-element.elementor-element-1fa16d0{--width:20%;}}@media(max-width:1200px) and (min-width:768px){.elementor-45 .elementor-element.elementor-element-1fa16d0{--width:20%;}.elementor-45 .elementor-element.elementor-element-16ce165{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-45 .elementor-element.elementor-element-1fa16d0{--width:50%;}.elementor-45 .elementor-element.elementor-element-16ce165{--width:50%;}}@media(max-width:880px) and (min-width:768px){.elementor-45 .elementor-element.elementor-element-1fa16d0{--width:50%;}.elementor-45 .elementor-element.elementor-element-16ce165{--width:50%;}}@media(max-width:1366px){.elementor-45 .elementor-element.elementor-element-8ff8c7b{--padding-top:8px;--padding-bottom:8px;--padding-left:20px;--padding-right:20px;}.elementor-45 .elementor-element.elementor-element-b65ebdf{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-45 .elementor-element.elementor-element-efa2c24 img{width:250px;}.elementor-45 .elementor-element.elementor-element-16ce165{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--main .elementor-item{padding-left:6px;padding-right:6px;padding-top:15px;padding-bottom:15px;}.elementor-45 .elementor-element.elementor-element-01c8590{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-45 .elementor-element.elementor-element-819cab1 .elementor-button{font-size:15px;padding:15px 15px 15px 15px;}}@media(max-width:1200px){.elementor-45 .elementor-element.elementor-element-8ff8c7b{--padding-top:5px;--padding-bottom:5px;--padding-left:20px;--padding-right:20px;}.elementor-45 .elementor-element.elementor-element-2b44b2d{font-size:13px;}.elementor-45 .elementor-element.elementor-element-e794e73{font-size:13px;}.elementor-45 .elementor-element.elementor-element-efa2c24 img{width:220px;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--main .elementor-item{padding-left:4px;padding-right:4px;padding-top:14px;padding-bottom:14px;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--dropdown .elementor-item, .elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:13px;}.elementor-45 .elementor-element.elementor-element-819cab1 .elementor-button{font-size:13px;padding:12px 10px 12px 10px;}}@media(max-width:1024px){.elementor-45 .elementor-element.elementor-element-01c8590.elementor-element{--order:4;}.elementor-45 .elementor-element.elementor-element-01c8590 .elementor-nav-menu--main .elementor-item{padding-left:5px;padding-right:5px;}.elementor-45 .elementor-element.elementor-element-819cab1{margin:0px 45px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-45 .elementor-element.elementor-element-819cab1 .elementor-button{font-size:16px;padding:10px 20px 10px 20px;}}@media(max-width:880px){.elementor-45 .elementor-element.elementor-element-2b44b2d{font-size:13px;}.elementor-45 .elementor-element.elementor-element-e794e73{font-size:13px;}.elementor-45 .elementor-element.elementor-element-01c8590{--nav-menu-icon-size:30px;}.elementor-45 .elementor-element.elementor-element-819cab1 .elementor-button{font-size:16px;padding:10px 20px 10px 20px;}}@media(max-width:767px){.elementor-45 .elementor-element.elementor-element-8ff8c7b{--min-height:auto;--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-45 .elementor-element.elementor-element-325875c{--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-45 .elementor-element.elementor-element-2b44b2d{text-align:center;font-size:12px;}.elementor-45 .elementor-element.elementor-element-e794e73{text-align:center;font-size:12px;line-height:14px;}.elementor-45 .elementor-element.elementor-element-e794e73 p{margin-block-end:0px;}.elementor-45 .elementor-element.elementor-element-da73d55{--padding-top:5px;--padding-bottom:5px;--padding-left:15px;--padding-right:15px;}.elementor-45 .elementor-element.elementor-element-1fa16d0{--width:80%;}.elementor-45 .elementor-element.elementor-element-efa2c24{padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-16ce165{--width:20%;}.elementor-45 .elementor-element.elementor-element-01c8590{width:auto;max-width:auto;}}/* Start custom CSS for text-editor, class: .elementor-element-2b44b2d */.util strong {
  color:#fff;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e794e73 */.custtopright strong {
  color:#fff;
}
.custtopright  , .custtopright p {
    gap:18px;
    display: flex;
    align-items: center;
}
.custtopright:before {
    content:"";
    width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var( --e-global-color-accent );
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(245,166,35,.7);
  animation: pulse 2s infinite;
}
 @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,166,35,.6);}70%{box-shadow:0 0 0 8px rgba(245,166,35,0);}100%{box-shadow:0 0 0 0 rgba(245,166,35,0);}}
 
 @media (max-width: 880px) {
 .custtopright  , .custtopright p {
     gap:8px;
     margin: 0;
 }
     
 }
 @media (max-width: 767px) {
 .custtopright  , .custtopright p {
     gap:8px;
     margin: 0;
 }
     
 }/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-01c8590 *//* ==========================================================================
   BRANT ELECTRIC — .custnavrespo
   A) Desktop dropdown + animation
   B) Mobile off-canvas panel + FIXED burger icon (3 lines → X)
   Dropdown indicator: PLUS (+) → MINUS (−)
   Paste in: Elementor → Site Settings → Custom CSS
   ========================================================================== */

/* ---------- 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(340px, 86vw);
  --bn-pm:     10px;   /* plus/minus icon ka size — yahin se control karo */
}

.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 {
    min-width: 245px !important;
    margin-top: 10px !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-top: 3px solid var(--bn-orange) !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;
  }

  @keyframes bnDropIn {
    from { opacity: 0; transform: translateY(-12px) scaleY(.94); }
    to   { opacity: 1; transform: 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: 13px 22px 13px 22px !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(--bn-orange);
    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(--bn-orange) !important;
    font-weight: 600;
  }
  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item.elementor-item-active::before { height: 100%; }

  /* ----------------------------------------------------------
     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(--bn-orange);
  }

  /* 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(--bn-orange);
  }
}


/* ==========================================================================
   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(--bn-orange);
    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(--bn-panel);
    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(--bn-orange);
    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(--bn-orange) !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(--bn-orange);
    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;
    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(--bn-orange);
    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(--bn-orange) !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;
  }
}


/* ==========================================================================
   A-FIX.  DESKTOP DROPDOWN — AUTO 2-COLUMN + COMPACT
   (purani Section A ke baad paste karo — override ho jayega)
   ========================================================================== */
@media (min-width: 1025px) {

  /* ---------- panel base ---------- */
  .custnavrespo .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu,
  .custnavrespo .elementor-nav-menu--main ul.elementor-nav-menu--dropdown {
    min-width: 260px !important;
    max-width: 96vw !important;
    margin-top: 10px !important;
    padding: 10px 0 !important;
    border: 0 !important;
    border-top: 3px solid var(--bn-orange) !important;
    border-radius: 0 !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;
  }

  /* ---------- 8+ items → 2 column grid ---------- */
.custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(8)) {
  width: 540px !important;
  column-count: 2;
  column-gap: 0;
  column-rule: 1px solid rgba(22, 35, 63, .08);
}
.custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(8)) > li {
  display:inline-block;
  width:100%;
}

 
  /* 14+ items → thoda aur compact */
  .custnavrespo .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(14)) > li > a.elementor-sub-item {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 14px;
  }

  /* ---------- sub links (compact) ---------- */
  .custnavrespo .elementor-nav-menu--main a.elementor-sub-item {
    position: relative;
    display: block !important;
    padding: 11px 24px !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.3;
    white-space: nowrap;
    color: var(--bn-navy) !important;
    transition: background-color .25s ease, color .25s ease, padding-left .25s 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: 18px !important;
  }

  /* ---------- stagger: column-wise, tez ---------- */
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li {
    animation: bnItemIn .3s var(--bn-ease) both;
  }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(1),
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(2) { animation-delay: .06s; }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(3),
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(4) { animation-delay: .10s; }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(5),
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(6) { animation-delay: .14s; }
  .custnavrespo .elementor-nav-menu--main ul.sub-menu > li:nth-child(n+7) { animation-delay: .18s; }

  /* ---------- viewport se bahar na jaaye ---------- */
  .custnavrespo .elementor-nav-menu--main > li:nth-last-child(-n+2) > ul.sub-menu {
    left: auto !important;
    right: 0 !important;
  }

  /* ---------- safety: agar phir bhi bahut lamba ho ---------- */
  .custnavrespo .elementor-nav-menu--main ul.sub-menu {
    max-height: min(76vh, 620px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .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);
  }
}

/* ==========================================================================
   C.  SERVICE AREAS — li.custservicenav (compact dropdown)
   NOTE: A-FIX ke :has() .elementor-45 .elementor-element.elementor-element-01c8590 se HIGHER specificity chahiye
   ========================================================================== */
@media (min-width: 1025px) {

  .custnavrespo li.custservicenav {
    --bn-sa-w: 360px;   /* dropdown ki total width — yahin se tune karo */
  }

  .custnavrespo .elementor-nav-menu--main li.custservicenav > ul.sub-menu,
  .custnavrespo .elementor-nav-menu--main li.custservicenav > ul.sub-menu:has(> li:nth-child(8)) {
    width: var(--bn-sa-w) !important;
    min-width: var(--bn-sa-w) !important;
    max-width: var(--bn-sa-w) !important;
    column-count: 2 !important;
    column-gap: 0 !important;
    column-rule: 1px solid rgba(22, 35, 63, .08);
    max-height: none !important;
    overflow: visible !important;
  }

  /* compact links */
  .custnavrespo .elementor-nav-menu--main li.custservicenav a.elementor-sub-item {
    padding: 10px 18px !important;
    font-size: 14px;
  }
  .custnavrespo .elementor-nav-menu--main li.custservicenav a.elementor-sub-item:hover,
  .custnavrespo .elementor-nav-menu--main li.custservicenav a.elementor-sub-item:focus-visible,
  .custnavrespo .elementor-nav-menu--main li.custservicenav a.elementor-sub-item.highlighted {
    padding-left: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da73d55 */.elementor-sticky--active .e-con-inner {
  padding: 0;
  transition: all ease-in-out .3s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-195565d */.custhdrmainsec .custlogo img {
         transition: width 0.3s ease-in-out,
                padding 0.3s ease-in-out;
}
.custhdrmainsec.elementor-sticky--active .custlogo img {
    width: 250px;
  padding: 6px 0;
}
@media (max-width: 1024px) {
    .custhdrmainsec .custlogo img {
        width: 220px !important;
    }
    .custhdrmainsec.elementor-sticky--active .custlogo {
        width: 220px !important;
    }
}
@media (max-width: 767px) {
    .custhdrmainsec.elementor-sticky--active .custlogo {
        width: 220px;
    }
}/* End custom CSS */