.nx-nav-wrap.vch-smart-navbar {
   backdrop-filter: blur(16px) saturate(165%);
   -webkit-backdrop-filter: blur(16px) saturate(165%);
   box-shadow: 0 10px 32px rgba(0, 0, 0, 0.08);
   transition:
   background-color .32s cubic-bezier(.4, 0, .2, 1),
   background .32s cubic-bezier(.4, 0, .2, 1),
   box-shadow .32s cubic-bezier(.4, 0, .2, 1),
   border-color .32s cubic-bezier(.4, 0, .2, 1),
   backdrop-filter .32s cubic-bezier(.4, 0, .2, 1),
   -webkit-backdrop-filter .32s cubic-bezier(.4, 0, .2, 1);
   will-change: background, box-shadow, backdrop-filter;
 }

 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light {
   background: rgba(5, 7, 12, 0.76) !important;
   backdrop-filter: blur(24px) saturate(185%);
   -webkit-backdrop-filter: blur(24px) saturate(185%);
   box-shadow:
   0 18px 46px rgba(0, 0, 0, 0.42),
   inset 0 1px 0 rgba(255, 255, 255, 0.08);
 }

 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
   pointer-events: none;
   background:
   radial-gradient(520px 120px at 10% 0%, rgba(255, 204, 0, .10), transparent 62%),
   radial-gradient(520px 120px at 90% 0%, rgba(255, 90, 60, .10), transparent 62%),
   linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0));
 }

 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .brand,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .brand span,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .nx-nav-btn,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .link,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .pill,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .hamburger,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .hamburger span,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .fa,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light i {
   color: #ffffff !important;
 }

 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .hamburger {
   background: rgba(255, 255, 255, .10) !important;
   box-shadow: 0 12px 28px rgba(0, 0, 0, .26);
 }

 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .hamburger span {
   background: rgba(255, 255, 255, .92) !important;
 }

 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .nx-nav-btn:hover,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .link:hover,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .pill:hover,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .nx-nav-btn[aria-expanded="true"] {
   background: rgba(255, 255, 255, .10) !important;
   border-color: rgba(255, 255, 255, .14) !important;
 }

 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .lang-switch,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .language-switch,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .nx-lang,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .vch-lang,
 .nx-nav-wrap.vch-smart-navbar.vch-nav-on-light .vch-lang-btn {
   background: rgba(18, 20, 30, .92) !important;
   color: #ffffff !important;
   border-color: rgba(255, 255, 255, .12) !important;
   box-shadow: 0 14px 34px rgba(0, 0, 0, .34) !important;
 }

 @media (prefers-reduced-motion: reduce) {
   .nx-nav-wrap.vch-smart-navbar {
    transition: none !important;
  }
}