.oa-header-light {
  position: relative;
  background: #f6f7f8;
  color: var(--oa-text-dark);
  border-bottom: 1px solid var(--oa-border-light);
}

.oa-header-light .oa-nav-item > a,
.oa-header-light .oa-nav-subitem > a {
  color: var(--oa-text-dark);
}

.oa-header-light .oa-nav-mega {
  background: #fff;
  border: 1px solid rgba(19, 27, 37, .12);
  box-shadow: 0 34px 86px rgba(19, 27, 37, .14);
}
.oa-header-light .oa-nav-mega::before {
  border-color: rgba(19, 27, 37, .12);
}
.oa-header-light .oa-nav-mega-intro {
  background:
    radial-gradient(circle, rgba(0, 194, 150, .16) 1px, transparent 1px) 0 0 / 14px 14px,
    #f6f7f8;
}
.oa-header-light .oa-nav-mega-title {
  color: var(--oa-text-dark);
}
.oa-header-light .oa-nav-mega-copy {
  color: rgba(77, 87, 97, .9);
}
.oa-header-light .oa-nav-mega-cta {
  background: rgba(19, 27, 37, .04);
  color: var(--oa-text-dark);
}
.oa-header-light .oa-nav-mega-cta:hover {
  background: var(--oa-green-500);
  color: var(--oa-text-dark);
}
.oa-header-light .oa-nav-subitem > a:hover {
  background: rgba(0, 194, 150, .08);
}
.oa-header-light .oa-nav-subitem-icon {
  background: rgba(0, 194, 150, .12);
  color: var(--oa-green-600);
}
.oa-header-light .oa-nav-subitem-desc {
  color: rgba(77, 87, 97, .82);
}

.oa-header-light .oa-nav-toggle {
  color: var(--oa-text-dark);
  border-color: rgba(19, 27, 37, .18);
}
.oa-header-light button.oa-nav-toggle:hover,
.oa-header-light button.oa-nav-toggle:focus,
.oa-header-light button.oa-nav-toggle:active {
  color: var(--oa-text-dark) !important;
}
.oa-header-light button.oa-nav-toggle:focus-visible {
  outline-color: var(--oa-green-600);
}
.oa-header-light .oa-nav-toggle-bar {
  background: var(--oa-text-dark) !important;
}

.oa-header-light .oa-lang-link {
  box-shadow: 0 0 0 1px rgba(19, 27, 37, .18);
}
.oa-header-light .oa-lang-link:hover,
.oa-header-light .oa-lang-link:focus-visible,
.oa-header-light .oa-lang-link.is-active {
  box-shadow: 0 0 0 1px rgba(19, 27, 37, .45);
}

@media (max-width: 900px) {
  .oa-header-light .oa-nav-panel {
    background:
      radial-gradient(circle at 100% 0, rgba(0, 194, 150, .12), transparent 42%),
      #f6f7f8;
  }
  .oa-header-light .oa-nav-item > a {
    border-bottom-color: rgba(19, 27, 37, .12);
  }
  .oa-header-light .oa-nav-mega {
    border: none;
    border-bottom: 1px solid rgba(19, 27, 37, .12);
    background: transparent;
    box-shadow: none;
  }
}