.sg-mobile-nav-toggle,.sg-mobile-nav-overlay{display:none}

@media (max-width:900px){
  body.sg-mobile-nav-open{overflow:hidden}
  .sg-nav,.sgp-nav{position:relative;z-index:1000}
  .sg-nav>nav,.sgp-nav>nav{
    position:fixed!important;
    top:0;
    right:0;
    z-index:1002;
    width:min(84vw,380px)!important;
    max-width:none!important;
    height:100dvh;
    box-sizing:border-box;
    display:flex!important;
    flex-direction:column;
    align-items:stretch!important;
    justify-content:flex-start;
    gap:0!important;
    overflow-y:auto!important;
    padding:112px 30px 36px!important;
    background:linear-gradient(165deg,#071a35 0%,#020812 72%)!important;
    border-left:1px solid rgba(139,202,255,.2);
    box-shadow:-28px 0 70px rgba(0,0,0,.42);
    transform:translateX(105%);
    visibility:hidden;
    transition:transform .34s cubic-bezier(.22,.8,.3,1),visibility 0s linear .34s;
  }
  .sg-nav>nav.is-open,.sgp-nav>nav.is-open{
    transform:translateX(0);
    visibility:visible;
    transition-delay:0s;
  }
  .sg-nav>nav a,.sgp-nav>nav a{
    display:flex!important;
    align-items:center;
    min-height:58px;
    box-sizing:border-box;
    width:100%;
    padding:0 4px!important;
    color:#e8f2ff!important;
    border:0!important;
    border-bottom:1px solid rgba(176,210,244,.16)!important;
    background:transparent!important;
    font-size:11px!important;
    font-weight:600!important;
    letter-spacing:2px!important;
    text-transform:uppercase;
    text-decoration:none;
  }
  .sg-nav>nav a:first-child,.sgp-nav>nav a:first-child{border-top:1px solid rgba(176,210,244,.16)!important}
  .sg-nav>nav a:hover,.sg-nav>nav a:focus-visible,.sgp-nav>nav a:hover,.sgp-nav>nav a:focus-visible{color:#8bcaff!important;padding-left:12px!important}
  .sg-nav>nav .sg-nav-cta,.sgp-nav>nav .sgp-nav-cta{margin-top:24px;justify-content:center;border:1px solid rgba(113,187,255,.58)!important;background:rgba(7,93,204,.18)!important}
  .sg-mobile-nav-toggle{
    position:relative;
    z-index:1003;
    flex:0 0 auto;
    display:inline-flex;
    width:48px;
    height:48px;
    margin-left:auto;
    padding:0;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(139,202,255,.34);
    border-radius:50%;
    background:rgba(7,93,204,.12);
    color:#fff;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:background .2s ease,border-color .2s ease;
  }
  .sg-mobile-nav-toggle:hover,.sg-mobile-nav-toggle:focus-visible{background:rgba(7,93,204,.35);border-color:#8bcaff;outline:none}
  .sg-mobile-nav-toggle__icon{position:relative;width:20px;height:14px}
  .sg-mobile-nav-toggle__icon span{position:absolute;left:0;width:100%;height:1.5px;border-radius:2px;background:currentColor;transform-origin:center;transition:top .25s ease,transform .25s ease,opacity .18s ease}
  .sg-mobile-nav-toggle__icon span:nth-child(1){top:0}
  .sg-mobile-nav-toggle__icon span:nth-child(2){top:6px}
  .sg-mobile-nav-toggle__icon span:nth-child(3){top:12px}
  .sg-mobile-nav-toggle[aria-expanded="true"] .sg-mobile-nav-toggle__icon span:nth-child(1){top:6px;transform:rotate(45deg)}
  .sg-mobile-nav-toggle[aria-expanded="true"] .sg-mobile-nav-toggle__icon span:nth-child(2){opacity:0}
  .sg-mobile-nav-toggle[aria-expanded="true"] .sg-mobile-nav-toggle__icon span:nth-child(3){top:6px;transform:rotate(-45deg)}
  .sg-mobile-nav-overlay{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    width:calc(100% - min(84vw,380px));
    z-index:1001;
    display:block;
    border:0;
    padding:0;
    background:rgba(0,5,13,.72);
    opacity:0;
    visibility:hidden;
    backdrop-filter:none;
    transition:opacity .3s ease,visibility 0s linear .3s;
  }
  .sg-mobile-nav-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}
}

@media (prefers-reduced-motion:reduce){
  .sg-nav>nav,.sgp-nav>nav,.sg-mobile-nav-overlay,.sg-mobile-nav-toggle__icon span{transition:none!important}
}