.header-container-wrapper { position: sticky; top: 0; z-index: 996; background-color: #fff; }
#hdr2021 nav ul { list-style:none outside none; margin:0 auto; }
#hdr2021 nav ul li a { text-decoration:none; display:block; }
/* button */
#hdr2021 .button { font-size:14px; padding:9px 15px; }
/* 1st level */
#hdr2021 nav ul li.hs-menu-depth-1 > a { 
  color:#152935; 
  padding:18px 20px;
  display:block;
  font-size:14px;
  font-weight:500;
}
/* 2nd level */
#hdr2021 nav .hs-item-has-children .hs-menu-children-wrapper a {
    display:block;
    color:#152935;
    font-weight:300;
    padding:5px 25px;
    margin:0;
    font-size:14px;
    white-space:nowrap;
}
#hdr2021 nav .hs-item-has-children .hs-menu-children-wrapper a:hover {
    color:#1348E4;
}

#hdr2021 .button.blue{
  box-shadow: rgb(21 41 53 / 12%) 0px 3px 6px 0px, rgb(0 0 0 / 16%) 0px 2px 4px 0px;
  color: #fff;
  background-color: #002d62;
  border: 1px solid #002d62;
}
#tagline-banner{
  display: none;
}
@media screen and (min-width:992px) {
  #tagline-banner{
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    color: #0e2c5e;
    font-size: 24px;
    line-height: 47px;
    font-weight: 400;
    max-width: calc(1132px + 40px);
    margin: 10px auto;
  }
  #hdr2021 nav ul li.hs-menu-depth-1 { display:inline-block; }
  
  #hdr2021 nav ul li.active-branch,
  #hdr2021 nav ul li.active-branch > a,
  #hdr2021 nav ul li.hs-menu-depth-1.active,
  #hdr2021 nav ul li.hs-menu-depth-2.active,
  { 
    text-decoration: underline;
    font-weight: 600 !important;
  }
  
  #hdr2021 nav .hs-item-has-children { position:relative; }
  #hdr2021 nav .hs-menu-children-wrapper { display:none; } 
  #hdr2021 nav .hs-item-has-children .hs-menu-children-wrapper { 
    display:none; 
    position:absolute;
    padding:7px 0;
    margin:0;
    background-color:#fff;
    border-radius:6px;
    overflow:hidden;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(21,41,53,.1);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    z-index:999;
  }
  #hdr2021 nav .hs-item-has-children:hover .hs-menu-children-wrapper {
    display:block;
  }
  #mobileToggle { display:none; }
}
/* mobile layout */
@media screen and (max-width:991px) {
  #hdr2021 .hs_cos_wrapper_type_icon {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    padding:0 0 0 1em;
    width:24px;
    height:24px;
    background-color:transparent;
    display:inline-block;
    text-align:center;
    box-sizing:border-box;
    vertical-align:middle;
    transition:all 0.3s ease;
  }
  #hdr2021 .hs_cos_wrapper_type_icon svg {
    height:15px;
    width:15px;
    margin:0 auto;
    fill:#152935;
    transition:all 0.3s ease;
  }
  #hdr2021 a:hover .hs_cos_wrapper_type_icon svg { fill:#1348E4;  }
  .mo1 { order: 1 }
  .mo2 { order: 2 }
  .mo3 { order: 3 }
  #hdr2021 { position:relative; padding:15px 0; }
  #hdr2021 .mo3 { 
    position:absolute; 
    top:100%;
    right:0;
    background-color:#ffffff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(21,41,53,.1);
    z-index:999;
    padding:10px 0;
    display:none;
  }
  #hdr2021 .mo3.on { display:block }
}"

THis is the webflow site's html structure for reference:
"<div data-nav-bg="white" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav"><div class="code-embed---dark-mode-navbar w-embed"><style>

/* ---- DEFAULT NAVBAR (WHITE) ---- */
.navigation {
    background-color: var(--utility--white, #ffffff);
    color: var(--neutral--gray-1, #152935);
}

/* Default navbar links */
.navigation a,
.navigation .nav-dropdown-link {
    color: var(--neutral--gray-1, #152935);
}

/* ---- LIGHT BLUE NAVBAR ---- */
.navigation[data-nav-bg="lightblue"] {
    background-color: var(--primary--more-lightest, #F0F7FF);
}

/* Light mode link colors */
.navigation[data-nav-bg="lightblue"] a,
.navigation[data-nav-bg="lightblue"] .nav-dropdown-link {
    color: var(--neutral--gray-1, #152935);
}

/* ---- DARK MODE NAVBAR (For Both Static & CMS) ---- */
.navigation[data-nav-bg="darkblue"],
.navigation[data-dark-mode="true"] {
    background-color: var(--primary--darkest, #002d61);
    color: var(--utility--white, #ffffff);
}

/* Dark Mode Links - ONLY the main dropdown links on desktop */
@media (min-width: 992px) {
    .navigation[data-nav-bg="darkblue"] .nav-dropdown-link,
    .navigation[data-dark-mode="true"] .nav-dropdown-link {
        color: var(--utility--white, #ffffff);
    }
}

/* Dark Mode Buttons */
.navigation[data-nav-bg="darkblue"] .button,
.navigation[data-dark-mode="true"] .button {
    background: var(--primary--light, #BBD7FB);
    color: var(--primary--darkest, #002d61);
}

.navigation[data-nav-bg="darkblue"] .button:hover,
.navigation[data-dark-mode="true"] .button:hover {
    background: #85A5CE;
}

/* Tertiary Button (On Dark Mode) */
.navigation[data-nav-bg="darkblue"] .button.tertiary,
.navigation[data-dark-mode="true"] .button.tertiary {
    background: transparent;
    color: var(--primary--light, #BBD7FB);
}

.navigation[data-nav-bg="darkblue"] .button.tertiary:hover,
.navigation[data-dark-mode="true"] .button.tertiary:hover {
    background: var(--primary--dark, #124185);
}

/* ---- MAKE THE LOGO WHITE WHEN NAVBAR IS DARK ---- */
.navigation[data-nav-bg="darkblue"] .nav-logo,
.navigation[data-dark-mode="true"] .nav-logo {
    filter: invert(1) brightness(200%) saturate(0%);
}

/* ---- HAMBURGER MENU (DARK MODE) ---- */
.navigation[data-nav-bg="darkblue"] .hamburger-menu img,
.navigation[data-dark-mode="true"] .hamburger-menu img {
    filter: invert(1) brightness(200%) saturate(0%);
}

/* Ensure dropdown menu links inside the hamburger menu always remain dark gray */
@media (max-width: 991px) {
    .navigation-menu a,
    .navigation-menu .nav-dropdown-link {
        color: var(--neutral--gray-1, #152935) !important;
    }
}

/* ---- MAIN NAVBAR LINK HOVER (DESKTOP & ABOVE) ---- */
@media (min-width: 992px) {
    /* Light Mode: Hover turns to neutral-gray-5 */
    .navigation:not([data-nav-bg="darkblue"]):not([data-dark-mode="true"]) .navigation-dropdown-toggle:hover {
        background-color: var(--neutral--gray-5) !important;
        color: rgb(0, 0, 0);
    }

    /* Dark Mode: Hover remains primary-dark */
    .navigation[data-nav-bg="darkblue"] .navigation-dropdown-toggle:hover,
    .navigation[data-dark-mode="true"] .navigation-dropdown-toggle:hover {
        background-color: var(--primary--dark, #124185);
        color: var(--utility--white, #ffffff);
    }
}

/* ---- DROPDOWN ARROW COLOR (DESKTOP ONLY) ---- */
@media (min-width: 992px) {
    .navigation[data-nav-bg="darkblue"] .dropdown-arrow svg,
    .navigation[data-dark-mode="true"] .dropdown-arrow svg {
        color: var(--primary--light, #BBD7FB);
        fill: var(--primary--light, #BBD7FB) !important;
    }

    .navigation[data-nav-bg="darkblue"] .dropdown-arrow svg path,
    .navigation[data-dark-mode="true"] .dropdown-arrow svg path {
        fill: var(--primary--light, #BBD7FB) !important;
    }
}

/* Ensure .button.medium (primary) has white text on white or lightblue navbars */
.navigation[data-nav-bg="lightblue"] .button.medium:not(.secondary):not(.tertiary),
.navigation:not([data-nav-bg="darkblue"]):not([data-dark-mode="true"]) .button.medium:not(.secondary):not(.tertiary) {
  color: var(--utility--white, #ffffff) !important;
}

</style></div><div class="code-embed---hide-some-nav-items-on-tablet w-embed"><style>
@media (min-width:991px) and (max-width: 1180px) {
	.contact-dropdown {
  display:none;
}

@media (min-width:991px) and (max-width: 1130px) {
	.about-dropdown {
  display:none;
}

/*@media (min-width:991px) and (max-width: 1024px) {
	.resources-dropdown {
  display:none;
}*/
</style></div><div class="code-embed---nav-overlay---css w-embed"><style>
/* ---- NAV OVERLAY LIMITED BELOW NAVBAR ---- */
.nav-overlay {
    position: fixed;
    top: 64px; /* Adjust based on navbar height */
    left: 0;
    width: 100vw;
    height: calc(100vh - 64px); /* Prevents covering navbar */
    background: rgba(21, 41, 53, 0.30);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    z-index: 10; /* Stays below dropdowns */
}

/* Show the overlay when active */
.nav-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

/* ---- NAVBAR & DROPDOWNS STAY ABOVE OVERLAY ---- */
.navigation {
    z-index: 1000 !important; /* Navbar stays on top */
    position: relative;
}

/* Ensure dropdowns are ABOVE overlay */
.w-dropdown {
    position: static !important; /* Prevent dropdown lists from inheriting wrong positioning */
    z-index: 1001;
}

/* ---- FIX DROPDOWN POSITIONING & ENSURE 100vw WIDTH ---- */
/* Ensure the correct parent is full width */
.navigation-list-column {
    width: 100vw !important;
    max-width: 100vw;
    position: absolute !important; /* Ensures dropdowns align to .navigation */
    left: 0;
}

/* Ensure dropdown lists are positioned relative to .navigation */
.w-dropdown-list {
    position: absolute !important; /* Override Webflow’s default relative positioning */
    left: 0 !important; /* Align with the full viewport width */
    top: 100% !important; /* Position dropdowns directly below .navigation */
    width: 100vw !important; /* Force full width */
    max-width: 100vw;
    z-index: 1002 !important; /* Keep them above overlay */
}

/* ---- FORCE NAVBAR ABOVE OVERLAY ---- */
.navigation,
.w-nav {
    z-index: 10003 !important; /* Ensures navbar is always on top */
    position: relative !important; /* Prevent Webflow from overriding */
}

/* ---- PREVENT SCROLLING WHEN DROPDOWN IS OPEN ---- */
body.no-scroll {
    overflow: hidden !important;
}

/* ----  Fix the mobile nav scroll issue ---- */
@media (max-width: 991px) {
  .w-nav-overlay {
    overflow-y: auto !important;
    overflow-x: hidden;
    height: calc(100vh - 64px) !important;
    max-height: none !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* ---- Remove the bottom border-radius when any main link (dropdown toggle) is tapped ---- */
@media screen and (max-width: 991px) {
  /* Remove bottom border-radius when any dropdown is open inside the menu */
  .navigation-menu:has(.w-dropdown.w--nav-dropdown-open) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}