/* ======================================================
   KICKPAGES NAV / MEGAMENU — consolidated (menu-only)
   Keeps: header, logo, desktop nav, dropdowns, CTAs,
          fixed-on-scroll, hamburger + mobile menu
   ====================================================== */

/* Base header */
.globalNav{
  position:fixed;
  z-index:500;
  height:54px !important;
  border-radius:10px;
  background-color:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  perspective:2000px;
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
  transition:background-color .15s, border-color .15s, height .15s;
  width: 100%;
  max-width: 1170px;
}
.globalNav *{ font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important; }

header .container-wide{ margin:0 auto; width:100%; max-width:1170px; }

/* Brand / logo */
.navbar-brand{ display:flex; align-items:center; height:54px; padding:10px 15px; }
.navbar-brand img{ display:block; max-height:34px; height:auto; }

/* Top-level nav (desktop) */
.navRoot{
  width:calc(100% - 250px);
  display:inline-block; vertical-align:top;
  text-align:right; padding-top:0; padding-right:15px;
  list-style:none; margin:0;
}
.navRoot li{ display:inline-flex; list-style:none; }
.navRoot li a{
  font-size:16px; font-weight:400; color:rgba(255,255,255,0.80);
  padding:15px; text-decoration:none;
}
.navRoot li a:hover{ color:#fff; text-decoration:none; }
.navRoot li a:active,
.navRoot li a:visited{ text-decoration:none; }

/* CTA buttons */
.navRoot li.secondary{ padding:10px 10px; }
.navRoot li:nth-child(1 of .secondary){ padding-left:0; }
.navRoot li.secondary a{
  font-size:16px; font-weight:600;
  border-radius:6px; padding:5px 15px !important; display:inline;
}
.nav_button_1{
  background:#F75A34 !important; color:#fff !important; border:none !important;
}
.nav_button_1:hover{ background:#f97555 !important; color:#fff !important; }
.nav_button_2{
  background:#0091FB !important; color:#fff !important; border:none !important;
}
.nav_button_2:hover{ background:#28A0F8 !important; color:#fff !important; }

/* ======================
   Dropdown / Megamenu
   ====================== */

/* Prevent initial flash on load */
@media (min-width:670px){
  .globalNav .dropdownRoot{ display:none !important; }
  .globalNav.dropdownActive .dropdownRoot{ display:block !important; }
}

.globalNav .dropdownRoot{
  position:absolute; left:0; right:0; top:54px; /* matches header height */
  opacity:0;
  transform:rotateX(-15deg); transform-origin:50% -50px;
  will-change:transform,opacity;
  transition:transform .25s, opacity .25s;
}
.globalNav.dropdownActive .dropdownRoot{
  opacity:1; transform:none;
}

/* Shell */
.globalNav .dropdownBackground{
  position:absolute; top:0; left:0;
  width:520px; height:400px;
  background:#fff; border-radius:8px; overflow:hidden;
  box-shadow:0 50px 100px rgba(50,50,93,.1),
             0 15px 35px rgba(50,50,93,.15),
             0 5px 15px rgba(0,0,0,.1);
  transform:translateX(0); transform-origin:0 0;
  transition:transform .25s;
}
.globalNav .alternateBackground{
  position:absolute; top:0; left:0; right:0; height:1000px;
  background:#f6f9fc; transition:transform .25s;
}
.globalNav .dropdownArrow{
  position:absolute; left:0;
  top:-6px; margin:0 0 0 -10px; width:12px; height:12px;
  background:#fff; box-shadow:-3px -3px 5px rgba(82,95,127,.04);
  border-radius:0; transform:rotate(45deg); transition:transform .25s;
}

.globalNav .dropdownContainer{
  position:absolute; left:0; top:0; overflow:hidden;
  will-change:transform,width,height;
  transition:transform .25s, width .25s, height .25s;
}

/* Sections + transitions */
.globalNav .dropdownSection{
  opacity:0;
  transition:transform .25s, opacity .25s;
}
.globalNav .dropdownSection.active{ opacity:1; transform:translateX(0); }



.globalNav.noDropdownTransition
  .dropdownBackground,
.globalNav.noDropdownTransition
  .alternateBackground,
.globalNav.noDropdownTransition
  .dropdownArrow,
.globalNav.noDropdownTransition
  .dropdownContainer,
.globalNav.noDropdownTransition
  .dropdownSection{ transition:none !important; }

/* Content */
.globalNav .dropdownContent{ position:absolute; top:0; left:0; display:flex; flex-direction:column; }
.globalNav .dropdownContent .linkGroup{ display:flex; }
.globalNav .dropdownContent ul{
  list-style:none; margin:0; padding:15px; width:268px; border-radius:8px;
}
.globalNav .dropdownContent.two ul{ padding:15px; }
.globalNav .dropdownContent.two ul:first-child{ padding-right:15px; }
.globalNav .dropdownContent.two ul:nth-child(2){ padding-left:15px; }

.globalNav .dropdownContent ul.productsGroup li a{
  display:block; padding:10px;
}

.globalNav .dropdownContent ul.productsGroup li a .icon{ display:inline-block; width:18px; vertical-align:top; }
.globalNav .dropdownContent ul.productsGroup li a .icon img{ width:18px; height:18px; }
.globalNav .dropdownContent ul.productsGroup li a .text_content{
  display:inline-block; padding-left:10px; padding-top:2px; vertical-align:top; max-width:192px;
}
.globalNav .dropdownContent ul.productsGroup li a .text_content span{
  color:#070C14; font-size:14px; font-weight:600; line-height:22px;
}
.globalNav .dropdownContent ul.productsGroup li a .text_content p{
  font-size:10px; color:#5B6470; margin:0;
}

/* =========================
   Fixed-on-scroll override
   ========================= */
.globalNav.fixed_nav_new{
  position:fixed; top:30px;
  height:54px !important;               /* override old 118px */
  background:#0B1E39 !important; /* override old gradient */
  border-color:rgba(255,255,255,.10) !important;
  width: 100%;
  max-width: 1170px;
}
.globalNav.fixed_nav_new .container-wide{ margin-top:0 !important; }
.globalNav.fixed_nav_new .dropdownRoot{ top:54px !important; }

/* =================
   Mobile (<=960px)
   ================= */
@media (max-width:960px){
  header{ position:fixed; top:0; width:100%; padding:0; }
  .globalNav{ height:75px !important; background: #030414;
 max-width: 100%; margin-top: 30px;width: 100%;
    margin-left: -25px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;border: none; border-bottom: 1px solid #141630; margin-top: 0px; padding-top: 12.5px; }
  .navRoot{ display:none; }

  .hamburger{
    display:block; position:absolute; z-index:99999;
    top:12.5px; right:0; width:25px; height:25px; margin:12px 12px 0 0;
  }
  .hamburger span{
    position:absolute; top:50%; right:0; width:100%; height:3px;
    background:#fff; transition:.5s;
  }
  .hamburger span:before,
  .hamburger span:after{
    content:""; position:absolute; right:0; width:100%; height:3px;
    background:#fff; transition:.5s;
  }
  .hamburger span:before{ top:9px; }
  .hamburger span:after{ top:-9px; }
  .hamburger.active span{ background-color:transparent; }
  .hamburger.active span:after{ transform:rotate(-45deg); top:0; }
  .hamburger.active span:before{ transform:rotate(45deg); top:0; }

  .mobile_menu{
    position:fixed; left:0; right:0; top:64px; bottom:0;
    display:none; overflow:auto; padding:15px; 
    background: #030414;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  }
  .mobile_menu a{
    color:#BBC2D3; font-weight:500; font-size:16px;
    display:block; text-align:left; padding:15px 10px 15px 0px;
    text-decoration:none !important; position:relative;
  }

  .drop_arrow{
    position:absolute; right:0; top:0; bottom:0; width:60px;
    display:flex; align-items:center; justify-content:center;
    transition:.5s;
  }
  .mobile_menu a.active_an{
    color:#017AFF; background-color:#030414 ;
  }
  .mobile_menu a.active_an .drop_arrow{ transform:rotate(180deg); }
  .mobile_menu .drop_arrow svg g{ opacity:1 !important; }

  .mobile_dropdown{ display:none; background-color:#06081B; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

  .mobile_dropdown ul{ margin:0; padding:0; list-style:none; }
  .mobile_dropdown li{ display:block; }
  .mobile_dropdown li a{
    display:block; padding:10px 8px 10px 8px; border:0; text-decoration:none !important;
    transition:.2s;
  }
  .mobile_dropdown a .icon{ display:inline-block; width:18px; vertical-align:top; }
  .mobile_dropdown a .text_content{ display:inline-block; padding-left:10px; vertical-align:top; }
  .mobile_dropdown a .text_content span{ color:#BBC2D3; font-size:14px; font-weight:600; }
  .mobile_dropdown a .text_content p{ font-size:10px; color:#9498A4; margin:0; }

  .start_btn{
    background:#F75A34; color:#fff; border-radius:6px;
    display:block; text-align:center; font-size:16px; font-weight:700;
    line-height:52px; margin-top:20px; text-decoration:none;
  }
  .start_btn:hover{ background:#f97555; color:#fff; }
}

/* Optional helper the JS toggles on body/header when mobile menu opens */
.transparent_hack{ background-color:#030414; }

.productsGroup a:hover{
  background: #F7F9FF;
  text-decoration: none;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* Make the dropdown layer clickable only when active */
.globalNav .dropdownRoot{ pointer-events: none; }
.globalNav.dropdownActive .dropdownRoot{ pointer-events: auto; }

.globalNav .dropdownSection{ pointer-events: none; }
.globalNav.dropdownActive .dropdownSection.active{ pointer-events: auto; }

/* Ensure the content is above the background */
.globalNav .dropdownBackground{ z-index: 1; }
.globalNav .dropdownArrow{ z-index: 2; }
.globalNav .dropdownContainer{ z-index: 3; }

/* Stronger hover selector so it always wins */
.globalNav .dropdownContent ul.productsGroup li a:hover{
  background:#F7F9FF;
  text-decoration:none;
}


/* Desktop defaults: mobile UI hidden */
.hamburger,
.mobile_menu{ display:none; }

/* kill bullets if anything leaks */
.mobile_dropdown ul,
.mobile_dropdown li { list-style:none; margin:0; padding:0; }

/* lock scroll when mobile menu open */
body.nav-locked { overflow:hidden; }

@media (max-width:960px){
  .hamburger{ display:block; }
  .mobile_menu{ display:none; z-index:9999;}       /* keep it off until opened */
  .mobile_menu.is-open{ display:block; height: 100vh;}            /* class toggle fallback */
}

/* --- mobile chevron swap --- */
@media (max-width:960px){
  .globalNav.fixed_nav_new{
    position:fixed; top:0; width:100%; padding:0; 
  .glob height:75px !important; background: #030414;
 max-width: 100%; margin-top: 30px;width: 100%;
    margin-left: -25px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;border: none; border-bottom: 1px solid #141630; margin-top: 0px; padding-top: 12.5px; height:75px !important;
background: #030414 !important;
  }
  .mobile_menu .drop_arrow { width:36px; }
  .mobile_menu .drop_arrow svg{ width:14px; height:14px; display:block; }

  /* default: show DOWN, hide UP */
  .mobile_menu .drop_arrow .chev-up{ display:none; }
  .mobile_menu .drop_arrow .chev-down{ display:block; }

  /* when the section is open, show UP, hide DOWN */
  .mobile_menu a.active_an .drop_arrow .chev-down{ display:none; }
  .mobile_menu a.active_an .drop_arrow .chev-up{ display:block; }

  /* stop the old rotate rule from kicking in */
  .mobile_menu a.active_an .drop_arrow{ transform:none; }
}

.mobile_dropdown img{
  width: 18px;
  height: 18px;
}

.mobile_dropdown .productsGroup{
  padding: 14px;
}

.mobile_dropdown .productsGroup a:hover {
  background: #0B0E28;
  text-decoration: none;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.mobile_menu .start_btn{
  padding: 14px;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
line-height: 25.6px;
color:#ffffff;
}

.hamburger.active{
  width:20px; height:20px;
}


/*
backdrop-filter: blur(16px);
  background-color: rgba(206, 206, 251, 0.04);
  */