@charset "UTF-8";
/* Slide-out drawer starts below primary header; height fills remaining viewport. */
:root {
  --hlc-drawer-top-inset: 144px;
}

header.rebrand_header .megamenu {
  background-color: #002236;
  clip-path: none;
  padding-bottom: 0;
}

#header > .row {
  width: 100% !important;
}

header.rebrand_header .megamenu .nav-link:hover {
  color: #bff355;
}

header.rebrand_header .megamenu .nav-pills .nav-link.active {
  color: #bff355;
}

@media screen and (max-width: 991px) {
  header.rebrand_header .megamenu .nav-pills .nav-link.active {
    color: #fff;
  }
}
header.rebrand_header .megamenu .nav-pills .nav-link.active .hb_heading {
  border-bottom-color: #002236;
  color: #bff355;
}

@media screen and (max-width: 991px) {
  header.rebrand_header .megamenu .nav-pills .nav-link.active .hb_heading {
    border-bottom-color: #fff;
  }
}
header.rebrand_header .mm-list-industry li:before {
  background: #bff355;
}

header.rebrand_header ul.mm-list-industry li a:hover,
header.rebrand_header .mm-list li a:hover {
  color: #bff355;
}

header.rebrand_header .container.hamburger_menu_desktop {
  /* background: #002236; */
  clip-path: none;
  align-items: flex-start;
}

header.rebrand_header .container.hamburger_menu_desktop #hamburger_menu_links ul li .field-link > a {
  color: #fff;
  font-family: "roobert_medium", sans-serif;
  transition: all 0.3s ease-in;
}

header.rebrand_header .container.hamburger_menu_desktop #hamburger_menu_links ul li.active_menu_item a.hb-menu-main-item {
  color: #bff355;
}

header.rebrand_header .container.hamburger_menu_desktop #hamburger_menu_links ul li .field-link > a:hover {
  color: #bff355;
  transition: all 0.3s ease-in;
}

header.rebrand_header .open_menu .toggle_label:after,
header.rebrand_header .open_menu .toggle_label:before {
  background-color: #fff;
}

header.rebrand_header .social-icons-wrapper .file-type-icon-media-link.component {
  margin-top: 0 !important;
}

header.rebrand_header .social-icons-wrapper .file-type-icon-media-link.component img {
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  padding: 4px;
}

/*
 * Desktop (≥992): slide-out drawer is #002236 — match footer .hlc_social_icons interaction
 * (lime frame, left-to-right lime fill, black glyph). Scoped to drawer footers only.
 */
@media screen and (min-width: 992px) {
  header.rebrand_header #hamburger_toggle-button:is(.hbmenu_show, .language_selector_mobileView) :is(#social-icons-wrapper-js, .hlc-mobile-nav__footer .social-icons-wrapper) .file-type-icon-media-link a img {
    /* border: 1px solid #bff355; */
    /* padding: 8px; */
    box-sizing: border-box;
  }
  header.rebrand_header #hamburger_toggle-button:is(.hbmenu_show, .language_selector_mobileView) :is(#social-icons-wrapper-js, .hlc-mobile-nav__footer .social-icons-wrapper) .file-type-icon-media-link a img:is([alt=linkedin i],
  [alt=youtube i],
  [alt=twitter i],
  [alt=wechat i],
  [alt=instagram i]) {
    background: linear-gradient(to right, #bff355 0 0) left/0% 100% no-repeat;
    transition: background-size 0.5s ease;
    overflow: hidden;
  }
  header.rebrand_header #hamburger_toggle-button:is(.hbmenu_show, .language_selector_mobileView) :is(#social-icons-wrapper-js, .hlc-mobile-nav__footer .social-icons-wrapper) .file-type-icon-media-link a:is(:hover, :focus-visible) img[alt=linkedin i] {
    background-size: 101% 101%;
    content: url("/-/media/themes/hoganlovells/site-theme-name/images/rebrand/rebrand-header/linked-in_black.svg");
    transition: background-size 0.5s ease;
    padding: 0;
  }
  header.rebrand_header #hamburger_toggle-button:is(.hbmenu_show, .language_selector_mobileView) :is(#social-icons-wrapper-js, .hlc-mobile-nav__footer .social-icons-wrapper) .file-type-icon-media-link a:is(:hover, :focus-visible) img[alt=youtube i] {
    background-size: 101% 101%;
    content: url("/-/media/themes/hoganlovells/site-theme-name/images/rebrand/rebrand-header/yt_black.svg");
    transition: background-size 0.5s ease;
    padding: 0;
  }
  header.rebrand_header #hamburger_toggle-button:is(.hbmenu_show, .language_selector_mobileView) :is(#social-icons-wrapper-js, .hlc-mobile-nav__footer .social-icons-wrapper) .file-type-icon-media-link a:is(:hover, :focus-visible) img[alt=twitter i] {
    background-size: 101% 101%;
    content: url("/-/media/themes/hoganlovells/site-theme-name/images/rebrand/rebrand-header/x-svg-21x18--1-_black.svg");
    transition: background-size 0.5s ease;
    padding: 0;
  }
  header.rebrand_header #hamburger_toggle-button:is(.hbmenu_show, .language_selector_mobileView) :is(#social-icons-wrapper-js, .hlc-mobile-nav__footer .social-icons-wrapper) .file-type-icon-media-link a:is(:hover, :focus-visible) img[alt=wechat i] {
    background-size: 101% 101%;
    content: url("/-/media/themes/hoganlovells/site-theme-name/images/rebrand/rebrand-header/wechat_black.svg");
    transition: background-size 0.5s ease;
    padding: 0;
  }
  header.rebrand_header #hamburger_toggle-button:is(.hbmenu_show, .language_selector_mobileView) :is(#social-icons-wrapper-js, .hlc-mobile-nav__footer .social-icons-wrapper) .file-type-icon-media-link a:is(:hover, :focus-visible) img[alt=instagram i] {
    background-size: 101% 101%;
    content: url("/-/media/themes/hoganlovells/site-theme-name/images/rebrand/rebrand-header/instagram_black.svg");
    transition: background-size 0.5s ease;
    padding: 0;
  }
}
@media only screen and (min-width: 0px) and (max-width: 991px) {
  header.rebrand_header .desktop_menu_1 li.nav-item.mm_desk_item > a {
    color: #fff;
  }
  header.rebrand_header .desktop_menu_1 li.nav-item.mm_desk_item > a:hover {
    color: #bff355;
  }
}
header.rebrand_header .bg_green #hamburger_menu_icon_section,
header.rebrand_header .search_text {
  display: none;
}

@media screen and (max-width: 991px) {
  /*
   * Mobile language overlay lives on the same #d6e6f4 panel as the slide-out nav (see ~414).
   * Do not force #fff here — it breaks contrast; detailed tokens follow under .language_selector_mobileView.
   */
  header.rebrand_header .blank_megamenu_area {
    color: #fff;
    border-bottom-color: #fff;
  }
  header.rebrand_header .desktop_menu_1 .nav a {
    color: #fff;
  }
  header.rebrand_header .desktop_menu_1 .nav a {
    color: #fff;
  }
  header.rebrand_header .desktop_menu_1 .nav a:hover {
    color: #bff355;
  }
  header.rebrand_header .mob_li .nav .nav-link:not(.active) {
    color: #fff;
  }
  header.rebrand_header .mob_arrow {
    content: url("/-/media/themes/hoganlovells/site-theme-name/images/common/left-white-arrow.svg");
  }
  header.rebrand_header .hamburger_menu_desktop ul li .hb_menu_inner_child li a {
    color: #002236 !important;
  }
  header.rebrand_header .hb_right_side_menu li.active_menu_item .hb-menu-main-item::before {
    background: url("/-/media/themes/hoganlovells/site-theme-name/images/common/child_right_arrow.svg") 0 0 no-repeat;
    background-size: contain;
  }
}
header.rebrand_header .hb_right_side_menu li.active_menu_item .hb-menu-main-item::before {
  background: url("/-/media/themes/hoganlovells/site-theme-name/images/common/child_right_arrow.svg") 0 0 no-repeat;
  background-size: contain;
}

header.rebrand_header .hamburger_menu_desktop ul li .hb_menu_inner_child li a {
  color: #fff !important;
}

header.rebrand_header .hamburger_menu_desktop ul li .hb_menu_inner_child li a:hover {
  color: #bff355 !important;
}

header.rebrand_header #wechat_hd_logo img {
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 991px) {
  header.rebrand_header .desktop_menu_1 li.nav-item.mm_desk_item:hover > a,
  header.rebrand_header .desktop_menu_1 li.nav-item.mm_desk_item > a.active {
    color: #bff355 !important;
  }
}
header.green {
  background-color: #fff !important;
}

.bg_green header.green::before {
  background-color: #002236 !important;
}

.bg_green .mob_search_text {
  color: #fff;
}

/* Mobile-only SVG toolbar (injected by hlc_mobile_header_toolbar.js) */
.hlc-mobile-header-toolbar {
  display: none;
}

@media screen and (max-width: 991px) {
  /*
   * Toolbar mounts inside .logo_col1 > .row so icons align with the logo on the dark header.
   * A full-width row below the logo sat over the hero (often light) and hid white SVGs.
   */
  .hlc-global-header.hlc-has-mobile-toolbar .logo_col1 > .row {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    padding-bottom: 10px;
  }
  .hlc-global-header.hlc-has-mobile-toolbar .col-2.logo_col1 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .hlc-global-header.hlc-has-mobile-toolbar .hlc-mobile-header-toolbar {
    display: flex;
    align-items: center;
    margin-left: auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 21;
    padding: 0;
    overflow: visible;
  }
  .hlc-mobile-header-toolbar__inner {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .hlc-mobile-header-toolbar__btn {
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    min-width: 32px;
    min-height: 32px;
  }
  .hlc-mobile-header-toolbar svg {
    display: block;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    pointer-events: none;
  }
  .hlc-mobile-header-toolbar__btn svg path {
    fill: #ffffff !important;
  }
  /* Scrolled / sticky header uses light background — match other utility icons */
  .hlc-global-header.active .hlc-mobile-header-toolbar__btn svg path {
    fill: #002236 !important;
  }
  .hlc-global-header.fixed-header .hlc-mobile-header-toolbar__btn svg path {
    fill: #002236 !important;
  }
  .hlc-mobile-header-toolbar__btn img.hlc-mobile-toolbar-account-icon {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    pointer-events: none;
    object-fit: contain;
  }
  .hlc-mobile-header-toolbar__btn img.hlc-mobile-toolbar-account-icon.login-button {
    background: linear-gradient(to right, #bff355 0 0) left/0% 100% no-repeat;
    transition: background-size 0.5s ease;
    box-sizing: content-box;
  }
  .hlc-mobile-header-toolbar__btn[data-hlc-action=account]:hover img.hlc-mobile-toolbar-account-icon.login-button,
  .hlc-mobile-header-toolbar__btn[data-hlc-action=account]:focus-visible img.hlc-mobile-toolbar-account-icon.login-button {
    background-size: 100% 100%;
    content: url(/-/media/themes/hoganlovells/site-theme-name/images/common/people-img-blk.svg);
  }
  .hlc-mobile-toolbar-account-host {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  .hlc-mobile-toolbar-account-dropdown {
    display: none;
    z-index: 10150;
  }
  .hlc-mobile-toolbar-account-dropdown.is-open {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login {
    position: static;
    display: block !important;
    background-color: #f2f3f3;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
    padding: 0;
    width: max-content;
    min-width: 167px;
    margin: 0;
    border: 0;
  }
  .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login .dropdown-item,
  .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login .azurebtn.dropdown-item {
    padding: 7.5px 20px;
    color: #002236 !important;
    text-decoration: none;
    font-family: "roobert_regular", sans-serif;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 14px;
    line-height: normal;
    text-wrap: wrap;
    background: transparent;
    border: 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
  }
  .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login .dropdown-item:first-child,
  .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login .azurebtn.dropdown-item:first-child {
    padding-top: 15px;
  }
  .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login .dropdown-item:last-child,
  .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login .azurebtn.dropdown-item:last-child {
    padding-bottom: 15px;
  }
  /*
   * Hide duplicate chrome only. Do NOT set display:none on the whole .hlc_utility_container:
   * on many SXA layouts that column wraps .hlc_hbmenu_container / #hamburger_toggle-button,
   * which would hide the slide-out drawer entirely (even when .hbmenu_show is present).
   */
  .hlc-global-header.hlc-has-mobile-toolbar .hlc_utility_container .hlc_language_selector_container,
  .hlc-global-header.hlc-has-mobile-toolbar .hlc_utility_container .language_selector_header,
  .hlc-global-header.hlc-has-mobile-toolbar .hlc_utility_container img.login-button,
  .hlc-global-header.hlc-has-mobile-toolbar .hlc_utility_container .logged_users {
    display: none !important;
  }
  .hlc-global-header.hlc-has-mobile-toolbar .hlc_hbmenu_container .search_view,
  .hlc-global-header.hlc-has-mobile-toolbar .hlc_hbmenu_container #hamburger_menu_icon_section {
    display: none !important;
  }
  /* Rebrand row duplicates (when present) — mobile toolbar owns these actions */
  .hlc-global-header.hlc-has-mobile-toolbar .hlc-global-header__search-trigger,
  .hlc-global-header.hlc-has-mobile-toolbar .hlc-global-header__hamburger,
  .hlc-global-header.hlc-has-mobile-toolbar .hlc-global-header__search-close {
    display: none !important;
  }
  /*
   * Alternate SXA layout: hbmenu nested under .hlc_utility_container — hide duplicate search/hamburger
   * chrome without display:none on the whole utility column (drawer may live here on some sites).
   */
  .hlc-global-header.hlc-has-mobile-toolbar .hlc_utility_container .hlc_hbmenu_container .search_view,
  .hlc-global-header.hlc-has-mobile-toolbar .hlc_utility_container .hlc_hbmenu_container #hamburger_menu_icon_section {
    display: none !important;
  }
  /*
   * Collapse legacy utility column when JS marks drawer as outside utility (see hlc_mobile_header_toolbar.js).
   * Removes the empty 50% strip from 124_hlc_global_header.css without hiding #hamburger_toggle-button.
   */
  .hlc-global-header.hlc-has-mobile-toolbar.hlc-mobile-drawer-outside-utility .col-1.hlc_utility_container {
    width: 0 !important;
    flex: 0 0 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
/* Full-screen search overlay (mobile toolbar search button) */
.hlc-mobile-search-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10050;
  background-color: #002236;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
}

.hlc-mobile-search-overlay.is-open {
  display: flex !important;
  box-sizing: border-box;
  /*
   * Top inset on the fixed layer (not only the inner panel) so resets / load order
   * cannot collapse padding. Fallback first for browsers that drop invalid calc().
   */
  padding-top: 4rem !important;
  padding-top: calc(env(safe-area-inset-top, 0px) + 4rem) !important;
}

body.hlc-mobile-search-overlay-open {
  overflow: hidden;
}

.hlc-mobile-search-overlay__panel {
  width: 100%;
  box-sizing: border-box;
  padding-top: 0;
  padding-right: max(2rem, env(safe-area-inset-right, 0px));
  padding-bottom: 2rem;
  padding-left: max(2rem, env(safe-area-inset-left, 0px));
}

.hlc-mobile-search-overlay__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  margin-bottom: 2rem;
}

.hlc-mobile-search-overlay__title {
  margin: 0;
  font-family: "roobert_medium", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
}

.hlc-mobile-search-overlay__close {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hlc-mobile-search-overlay__close svg {
  display: block;
}

.hlc-mobile-search-overlay__field {
  width: 100%;
}

.hlc-mobile-search-overlay__input {
  width: 100%;
  box-sizing: border-box;
  padding: 1.4rem 1.6rem;
  border: 0;
  border-radius: 2px;
  font-family: "roobert_regular", sans-serif;
  font-size: 2rem;
  line-height: 1.4;
  color: #002236;
  background-color: #ffffff;
}

.hlc-mobile-search-overlay__input::placeholder {
  color: rgba(0, 34, 54, 0.45);
}

.hlc-mobile-search-overlay__input:focus {
  outline: 2px solid rgba(255, 255, 255, 0.6);
  outline-offset: 2px;
}

.hlc-mobile-search-overlay__suggestions {
  list-style: none;
  margin: 1.2rem 0 0;
  padding: 0;
  max-height: min(50vh, 42rem);
  overflow-y: auto;
  background: #ffffff;
  border-radius: 2px;
}

.hlc-mobile-search-overlay__suggestion {
  border-bottom: 1px solid rgba(0, 34, 54, 0.1);
}

.hlc-mobile-search-overlay__suggestion:last-child {
  border-bottom: 0;
}

.hlc-mobile-search-overlay__suggestion:nth-child(odd) {
  background: #ece4e0;
}

.hlc-mobile-search-overlay__suggestion a {
  display: block;
  padding: 1.4rem 1.6rem;
  color: #002236;
  text-decoration: none;
}

.hlc-mobile-search-overlay__suggestion .groupSpan {
  display: block;
  font-family: "roobert_regular", sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 0.4rem;
  color: rgba(0, 34, 54, 0.85);
}

.hlc-mobile-search-overlay__suggestion .titleSpan {
  display: block;
  font-family: "roobert_medium", sans-serif;
  font-size: 1.8rem;
  line-height: 1.15;
  font-weight: 500;
}

.hlc-mobile-search-overlay__suggestion--see-all {
  background: #bff355 !important;
}

.hlc-mobile-search-overlay__suggestion--see-all a {
  font-family: "roobert_medium", sans-serif;
  font-size: 1.8rem;
  font-weight: 750;
  text-align: center;
}

/*
 * Legacy slide-out (#hamburger_toggle-button) uses position:fixed inside <header>.
 * Sticky header JS sets transform on .hlc-global-header (all viewports when scrolled); that creates
 * a containing block and traps fixed descendants — drawer clips / floats wrong. Clear transform whenever
 * the drawer is open (.hlc-drawer-open from 124_hlc_mobile_header_toolbar.js). Must apply at ALL
 * breakpoints, not only mobile — desktop sticky hits the same bug.
 */
.hlc-global-header.hlc-drawer-open {
  transform: none !important;
}

/*
 * Lime chip behind the header menu control while the slide-out (or language overlay) is open.
 * Covers .hlc-global-header__hamburger (desktop / no toolbar), toolbar [data-hlc-action="menu"] (mobile),
 * and legacy SXA #hamburger_menu_icon_section (utility column / some layouts).
 */
.hlc-global-header.hlc-drawer-open .hlc-global-header__hamburger,
.hlc-global-header:has(#hamburger_toggle-button.hbmenu_show) .hlc-global-header__hamburger,
.hlc-global-header:has(#hamburger_toggle-button.language_selector_mobileView) .hlc-global-header__hamburger,
.hlc-global-header.hlc-drawer-open .hlc-mobile-header-toolbar__btn[data-hlc-action=menu],
.hlc-global-header:has(#hamburger_toggle-button.hbmenu_show) .hlc-mobile-header-toolbar__btn[data-hlc-action=menu],
.hlc-global-header:has(#hamburger_toggle-button.language_selector_mobileView) .hlc-mobile-header-toolbar__btn[data-hlc-action=menu],
#header.open_menu #hamburger_menu_icon_section,
.hlc-global-header.open_menu #hamburger_menu_icon_section,
.hlc-global-header.hlc-drawer-open #hamburger_menu_icon_section,
.hlc-global-header:has(#hamburger_toggle-button.hbmenu_show) #hamburger_menu_icon_section,
.hlc-global-header:has(#hamburger_toggle-button.language_selector_mobileView) #hamburger_menu_icon_section {
  /* background-color: #bff355 !important; */
}

/*
 * Drawer lives under #header inside a short sticky bar. Legacy rules use height: 100% / #header
 * .language_selector_mobileView { height: 100% }, which resolve to the header’s box — not the
 * viewport — whenever a transformed ancestor still acts as fixed CB or for percentage resolution.
 * Pin the slide-out to the visual viewport so inner flex (footer pinned with margin-top: auto) works.
 * --hlc-drawer-top-inset clears the global header bar (see :root).
 */
#hamburger_toggle-button.container.hamburger_menu_desktop.hbmenu_show,
#hamburger_toggle-button.container.hamburger_menu_desktop.language_selector_mobileView {
  z-index: 10040 !important;
  top: var(--hlc-drawer-top-inset, 144px) !important;
  box-sizing: border-box !important;
  height: calc(100vh - var(--hlc-drawer-top-inset, 144px)) !important;
  min-height: calc(100vh - var(--hlc-drawer-top-inset, 144px)) !important;
  max-height: calc(100vh - var(--hlc-drawer-top-inset, 144px)) !important;
  height: calc(100dvh - var(--hlc-drawer-top-inset, 144px)) !important;
  min-height: calc(100dvh - var(--hlc-drawer-top-inset, 144px)) !important;
  max-height: calc(100dvh - var(--hlc-drawer-top-inset, 144px)) !important;
}

#hamburger_toggle-button.container.hamburger_menu_desktop,
#hamburger_toggle-button.container.hamburger_menu_desktop.language_selector_mobileView {
  z-index: 10040 !important;
  top: var(--hlc-drawer-top-inset, 144px) !important;
  box-sizing: border-box !important;
  height: calc(100vh - var(--hlc-drawer-top-inset, 144px)) !important;
  min-height: calc(100vh - var(--hlc-drawer-top-inset, 144px)) !important;
  max-height: calc(100vh - var(--hlc-drawer-top-inset, 144px)) !important;
  height: calc(100dvh - var(--hlc-drawer-top-inset, 144px)) !important;
  min-height: calc(100dvh - var(--hlc-drawer-top-inset, 144px)) !important;
  max-height: calc(100dvh - var(--hlc-drawer-top-inset, 144px)) !important;
}

/*
 * Desktop (≥992): keep a stable drawer width and slide with transform. Legacy SXA uses
 * width 0 ↔ 50% + right -100% ↔ 0, which tends to read as an abrupt close; transform eases both ways.
 */
@media screen and (min-width: 992px) {
  header.rebrand_header #hamburger_toggle-button.container.hamburger_menu_desktop,
  header.rebrand_header #hamburger_toggle-button.container.hamburger_menu_desktop.language_selector_mobileView {
    width: 50% !important;
    max-width: 779px !important;
    right: 0 !important;
    left: auto !important;
    transform: translate3d(100%, 0, 0);
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  header.rebrand_header #hamburger_toggle-button.container.hamburger_menu_desktop:is(.hbmenu_show,
  .language_selector_mobileView) {
    transform: translate3d(0, 0, 0);
  }
}
@media screen and (min-width: 992px) and (prefers-reduced-motion: reduce) {
  header.rebrand_header #hamburger_toggle-button.container.hamburger_menu_desktop,
  header.rebrand_header #hamburger_toggle-button.container.hamburger_menu_desktop.language_selector_mobileView {
    transition-duration: 0.01ms;
  }
}
@media screen and (max-width: 991px) {
  #hamburger_toggle-button.container.hamburger_menu_desktop.hbmenu_show,
  #hamburger_toggle-button.container.hamburger_menu_desktop.language_selector_mobileView {
    z-index: 10040 !important;
    top: 0 !important;
    box-sizing: border-box !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: none !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
  }
  #hamburger_toggle-button.container.hamburger_menu_desktop,
  #hamburger_toggle-button.container.hamburger_menu_desktop.language_selector_mobileView {
    z-index: 10040 !important;
    top: 0 !important;
    box-sizing: border-box !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: none !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
  }
}
/*
 * Drawer close row + lime square ×: apply at every viewport when the slide-out is open.
 * Most rebrand drawer rules live under @media (max-width: 991px); without this, devtools / wide
 * windows show a generic UA button (plain box + X) instead of the same treatment as live megamenu close.
 */
#hamburger_toggle-button.hbmenu_show .hlc-mm-root-chrome,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-chrome {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  pointer-events: none;
}

#hamburger_toggle-button .hlc-mm-root-chrome,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-chrome {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  pointer-events: none;
}

#hamburger_toggle-button.hbmenu_show .hlc-mm-root-close,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-close {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  background-color: transparent !important;
  color: #002236 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  cursor: pointer;
  pointer-events: auto;
}
#hamburger_toggle-button.hbmenu_show .hlc-mm-root-close:hover::before, #hamburger_toggle-button.hbmenu_show .hlc-mm-root-close:focus-visible::before,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-close:hover::before,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-close:focus-visible::before {
  background-size: 100% 100%;
}

#hamburger_toggle-button .hlc-mm-root-close,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-close {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  background-color: transparent !important;
  color: #002236 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  cursor: pointer;
  pointer-events: auto;
}

#hamburger_toggle-button.hbmenu_show .hlc-mm-root-close::before,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-close::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  background: linear-gradient(to right, #bff355 0 0) left/0% 100% no-repeat;
  z-index: 0;
  pointer-events: none;
}

#hamburger_toggle-button.hbmenu_show .hlc-mm-root-close svg,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-close svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  flex-shrink: 0;
}

#hamburger_toggle-button.hbmenu_show .hlc-mm-root-close:hover svg,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-close:hover svg {
  transform: scaleY(-1);
  transition: all 0.5s ease;
}

#hamburger_toggle-button .hlc-mm-root-close svg,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-close svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  flex-shrink: 0;
}

#hamburger_toggle-button.hbmenu_show .hlc-mm-root-close svg path,
#hamburger_toggle-button.language_selector_mobileView .hlc-mm-root-close svg path {
  stroke: #002236 !important;
}

@media screen and (max-width: 991px) {
  .hlc-global-header.hlc-drawer-open {
    min-height: 90px;
    justify-content: center;
    display: flex;
    align-items: end;
  }
  /*
   * Normal drawer = primary nav (#mobile_menu_header_links) + link list (#hamburger_menu_links) + social.
   * When language overlay was used, inline display:none + .language_selector_mobileView can hide both;
   * JS clears those on menu open — this reinforces visibility when not in language mode.
   */
  #hamburger_toggle-button.container.hamburger_menu_desktop.hbmenu_show:not(.language_selector_mobileView) #hamburger_menu_links {
    display: none !important;
  }
  #hamburger_toggle-button.container.hamburger_menu_desktop.hbmenu_show:not(.language_selector_mobileView) #mobile_menu_header_links {
    display: block !important;
  }
}
/*
 * Mobile slide-out nav — Figma SVG export tokens:
 * Panel #D6E6F4, accent #BFF355, text/icons #002236, close control 32×32 lime square, ~16px horizontal inset.
 */
@media screen and (max-width: 991px) {
  header.rebrand_header #hamburger_toggle-button.container.hamburger_menu_desktop.hbmenu_show:not(.language_selector_mobileView),
  header.rebrand_header #hamburger_toggle-button.container.hamburger_menu_desktop.language_selector_mobileView {
    background-color: #d6e6f4 !important;
    background-image: none !important;
    box-shadow: none !important;
    clip-path: none !important;
    padding: 0;
    /* 22_sxa_hbmenu_style.css uses overflow:hidden on #header .language_selector_mobileView — clips footer */
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  /*
   * Stack primary nav, secondary links, and social in ONE column. Bootstrap .row is flex-row by
   * default — without col-* constraints, three siblings sit side-by-side (broken “three columns”).
   */
  header.rebrand_header #hamburger_toggle-button.hbmenu_show:not(.language_selector_mobileView) > .component-content > .row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(16px, env(safe-area-inset-left, 0px));
    padding-right: max(16px, env(safe-area-inset-right, 0px));
    padding-bottom: 0;
  }
  header.rebrand_header #hamburger_toggle-button:not(.language_selector_mobileView) > .component-content > .row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(16px, env(safe-area-inset-left, 0px));
    padding-right: max(16px, env(safe-area-inset-right, 0px));
    padding-bottom: 0;
  }
  header.rebrand_header #hamburger_toggle-button.hbmenu_show:not(.language_selector_mobileView) > .component-content > .row > * {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
  /* Fill viewport height so #social-icons-wrapper-js can sit at bottom with margin-top: auto */
  header.rebrand_header #hamburger_toggle-button.hbmenu_show:not(.language_selector_mobileView) > .component-content > .row > #mobile_menu_header_links {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
  /*
   * Root close bar must stay visible above .row / .hlc-mobile-nav (later siblings paint on top).
   * display: flex !important beats any stray display:none on .hlc-mm-root-chrome elsewhere in the stack.
   */
  header.rebrand_header #hamburger_toggle-button .hlc-mm-root-chrome {
    position: sticky;
    top: 0;
    z-index: 50;
    flex-shrink: 0;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-top: max(0.6rem, env(safe-area-inset-top, 0px));
    padding-bottom: 0.35rem;
    padding-left: max(16px, env(safe-area-inset-left, 0px));
    padding-right: max(16px, env(safe-area-inset-right, 0px));
    margin-bottom: 0;
    background: linear-gradient(to bottom, #d6e6f4 88%, rgba(214, 230, 244, 0));
    pointer-events: none;
  }
  /* Stack chrome + .row so the nav panel cannot swallow the close row layout. */
  header.rebrand_header #hamburger_toggle-button.hbmenu_show:not(.language_selector_mobileView) > .component-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
    background-color: #d6e6f4 !important;
  }
  header.rebrand_header #hamburger_toggle-button:not(.language_selector_mobileView) > .component-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
    background-color: #d6e6f4 !important;
  }
  /*
   * Match megamenu mobile .hlc-megamenu-close (same file): 44×44 tap target, 32×32 #BFF355 via ::before,
   * no UA button chrome (appearance), SVG sits centered on the lime — same as live mobile mega close.
   */
  header.rebrand_header #hamburger_toggle-button .hlc-mm-root-close {
    pointer-events: auto;
    flex-shrink: 0;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background-color: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: inherit;
    position: relative;
    top: 33px;
    color: #002236 !important;
    -webkit-appearance: none;
    appearance: none;
    right: unset;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mm-root-close::before,
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__close-lime::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background: linear-gradient(to right, #bff355 0 0) left/0% 100% no-repeat;
    z-index: 0;
    pointer-events: none;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mm-root-close:hover::before,
  header.rebrand_header #hamburger_toggle-button .hlc-mm-root-close:focus-visible::before,
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__close-lime:hover::before,
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__close-lime:focus-visible::before {
    background-size: 100% 100%;
    transition: all 0.5s ease;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mm-root-close svg,
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__close-lime svg {
    position: relative;
    z-index: 1;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    flex-shrink: 0;
    padding: 5px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mm-root-close svg path,
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__close-lime svg path {
    stroke: #002236 !important;
  }
  /*
   * Language overlay uses the same sticky close row as the main drawer (lime square ×); do not hide .hlc-mm-root-chrome.
   */
  /*
   * Language-only overlay — navy on #d6e6f4, comfortable tap targets, clear underline for active row.
   */
  /*
   * Language overlay: social strip is the same #social-icons-wrapper-js as main drawer — keep visible.
   * Injected .mobile-language-selector is appended after #social-icons-wrapper-js in the DOM; flex order
   * places language first and pushes social to the bottom of the panel.
   */
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView > .component-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: calc(100vh - var(--hlc-drawer-top-inset, 144px)) !important;
    min-height: calc(100dvh - var(--hlc-drawer-top-inset, 144px)) !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView > .component-content > .row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: min(85vh, 100%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }
  /* Same “Connect with us” strip as main drawer (heading via ::before + boxed navy icons) */
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView #social-icons-wrapper-js {
    order: 5 !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 1.5rem !important;
    /* border-top: 1px solid rgba(0, 34, 54, 0.12) !important; */
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView #social-icons-wrapper-js > .component-content::before,
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .hlc-mobile-nav__footer .social-icons-wrapper > .component-content::before {
    content: "Connect with us";
    display: block !important;
    font-family: "roobert_medium", sans-serif !important;
    font-size: 1.75rem !important;
    font-weight: 600 !important;
    color: #002236 !important;
    margin-bottom: 3rem !important;
    letter-spacing: 0.02em !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView #social-icons-wrapper-js > .component-content > .row,
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .hlc-mobile-nav__footer .social-icons-wrapper > .component-content > .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 3rem !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView #social-icons-wrapper-js .file-type-icon-media-link img,
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .hlc-mobile-nav__footer .social-icons-wrapper .file-type-icon-media-link img {
    width: 33px !important;
    height: 33px !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
    filter: brightness(0) saturate(100%) !important;
    opacity: 1 !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .mobile-language-selector {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 0 1 auto !important;
    width: 100% !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0 !important;
    order: 1 !important;
    padding-top: 0 !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .mobile-language-selector > span:first-of-type {
    display: block !important;
    margin-bottom: 5rem !important;
    padding-right: 0 !important;
    font-family: "roobert_medium", sans-serif !important;
    font-size: 3rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    color: #002236 !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .mobile-language-selector ul.language-selector-item-container {
    flex: 0 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: max-content !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .mobile-language-selector ul li.language-selector-item {
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
    max-height: none !important;
    overflow: visible !important;
    /* border-bottom: 1px solid rgba(10, 74, 110, 0.14) !important; */
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .mobile-language-selector ul li.language-selector-item:last-child {
    border-bottom: none !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .mobile-language-selector ul li.language-selector-item a {
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    padding: 0.9rem 0 1.1rem !important;
    box-sizing: border-box !important;
    font-family: "roobert_medium", sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #002236 !important;
    text-decoration: none !important;
    position: relative !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .mobile-language-selector ul li.language-selector-item.is-active a {
    font-weight: 600 !important;
  }
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .mobile-language-selector ul li.language-selector-item.is-active a:after {
    content: "" !important;
    background-color: #002236 !important;
    width: 100% !important;
    height: 2px !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0.55rem !important;
    border-radius: 1px !important;
  }
  /* Duplicate × removed — close matches main drawer via .hlc-mm-root-close (JS still binds .cross-mobile-selector for legacy). */
  header.rebrand_header #hamburger_toggle-button.language_selector_mobileView .mobile-language-selector span.cross-mobile-selector {
    display: none !important;
  }
  /*
   * First nav block sits lower on the artboard (~⅕ down) — breathing room below close control.
   */
  header.rebrand_header #hamburger_toggle-button .mobile_speicifc .desktop_menu_1 {
    margin-top: 0 !important;
  }
  header.rebrand_header #hamburger_toggle-button #mobile_menu_header_links > .component-content {
    padding-top: clamp(2rem, 11vh, 3.75rem) !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    /* min-height: calc(100svh - 5rem); */
  }
  /*
   * Built nav (124_hlc_mobile_nav_from_desktop.js): close is in .hlc-mm-root-chrome above this node.
   * The legacy clamp padding only duplicates empty space below an invisible close row.
   */
  header.rebrand_header #hamburger_toggle-button.hlc-built-mobile-nav:not(.hlc-mobile-nav-drill-open) #mobile_menu_header_links > .component-content {
    padding-top: 0.75rem !important;
  }
  /* Built drill screens control their own top inset — drop legacy spacer below hidden root chrome */
  header.rebrand_header #hamburger_toggle-button.hlc-mobile-nav-drill-open #mobile_menu_header_links > .component-content {
    padding-top: 0 !important;
    height: 100%;
  }
  /*
   * Legacy hbmenu sets li { line-height: 5.7rem; font-size: 3rem } — that mimics “menu starts ¼ down”
   * and enormous row gaps. Reset list items; typography lives on the <a>.
   */
  header.rebrand_header #hamburger_toggle-button .mobile_speicifc .desktop_menu_1 > li.mm_desk_item {
    font-size: inherit !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* Thin dividers: slightly darker than panel #D6E6F4 */
  header.rebrand_header #hamburger_toggle-button .desktop_menu_1 > li.mm_desk_item > a {
    color: #002236 !important;
    font-family: "roobert_medium", sans-serif;
    font-size: 1.875rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em;
    padding: 1.15rem 0 !important;
    border-bottom: 1px solid rgba(10, 74, 110, 0.14);
  }
  header.rebrand_header #hamburger_toggle-button .desktop_menu_1 > li.mm_desk_item > a:hover {
    color: #002236 !important;
    opacity: 0.75;
  }
  header.rebrand_header #hamburger_toggle-button .desktop_menu_1 li.mm_desk_item:has(.megamenu) > a {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }
  /* Match built-nav drill chevron (.hlc-mobile-nav__chev) — thin stroke, not text “>” */
  header.rebrand_header #hamburger_toggle-button .desktop_menu_1 li.mm_desk_item:has(.megamenu) > a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    margin-top: 2px;
    border-top: 2.5px solid #002236;
    border-right: 2.5px solid #002236;
    transform: rotate(45deg);
    opacity: 0.45;
    box-sizing: border-box;
  }
  /*
   * Figma: no divider under ESG (5th item); Careers (6th) gets a short rule only under the word.
   * Order matches global header: … Our thinking, ESG, Careers.
   */
  header.rebrand_header #hamburger_toggle-button .desktop_menu_1 > li.mm_desk_item:nth-child(5) > a {
    border-bottom: none !important;
  }
  header.rebrand_header #hamburger_toggle-button .desktop_menu_1 > li.mm_desk_item:nth-child(6) > a {
    border-bottom: none !important;
    display: inline-block !important;
    width: fit-content !important;
    max-width: 100%;
    padding: 1.15rem 0 !important;
    margin-bottom: 0 !important;
    box-shadow: 0 1px 0 0 rgba(10, 74, 110, 0.14);
  }
  /*
   * Built nav (hlc_mobile_nav_from_desktop.js) renders the same links as #hamburger_menu_links —
   * hide the legacy block so “secondary” items are not duplicated.
   * Same script adds “Connect with us” + icons inside .hlc-mobile-nav__footer — do not also show #social-icons-wrapper-js.
   */
  header.rebrand_header #hamburger_toggle-button.hlc-built-mobile-nav #hamburger_menu_links {
    display: none !important;
  }
  header.rebrand_header #hamburger_toggle-button #hamburger_menu_links {
    margin-top: 2rem !important;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(0, 34, 54, 0.12);
  }
  header.rebrand_header #hamburger_toggle-button #hamburger_menu_links ul.hb_right_side_menu > li {
    font-size: inherit !important;
    line-height: normal !important;
    padding-bottom: 0 !important;
  }
  header.rebrand_header #hamburger_toggle-button #hamburger_menu_links ul li .field-link > a.hb-menu-main-item {
    color: #002236 !important;
    font-family: "roobert_regular", sans-serif;
    font-size: 1.4375rem !important;
    line-height: 1.35 !important;
    font-weight: 500;
    padding: 0.45rem 0 !important;
  }
  header.rebrand_header #hamburger_toggle-button #hamburger_menu_links ul li .field-link > a:hover {
    color: #002236 !important;
    opacity: 0.75;
  }
  header.rebrand_header #hamburger_toggle-button #hamburger_menu_links .hb_menu_inner_child li a {
    color: #002236 !important;
    font-size: 1.65rem !important;
  }
  /*
   * “Connect with us” — same ::before for drawer strip (#social-icons-wrapper-js) and built-nav clones
   * (.hlc-mobile-nav__footer .social-icons-wrapper from hlc_mobile_nav_from_desktop.js).
   */
  header.rebrand_header #hamburger_toggle-button #social-icons-wrapper-js > .component-content::before,
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__footer .social-icons-wrapper > .component-content::before {
    content: "Connect with us";
    display: block;
    font-family: "roobert_medium", sans-serif;
    font-size: 1.75rem;
    font-weight: 600;
    color: #002236;
    margin-bottom: 3rem;
    letter-spacing: 0.02em;
  }
  header.rebrand_header #hamburger_toggle-button #social-icons-wrapper-js > .component-content > .row,
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__footer .social-icons-wrapper > .component-content > .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 3rem;
    align-items: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Legacy script clones social into .megamenu — hide so “Connect with us” doesn’t appear twice */
  header.rebrand_header #hamburger_toggle-button .megamenu .social-icons-wrapper {
    display: none !important;
  }
  /*
   * Social strip markup: #social-icons-wrapper-js (see HLC Home.html, sibling of #hamburger_menu_links).
   * Hidden by default; shown when slide-out is open — except when .hlc-built-mobile-nav already injects the same footer.
   * Language overlay (.language_selector_mobileView) keeps this strip; built JS footer is hidden with the nav column.
   */
  header.rebrand_header #hamburger_toggle-button #social-icons-wrapper-js {
    margin-top: 2.25rem !important;
    padding-top: 0.5rem;
    display: none;
  }
  header.rebrand_header #hamburger_toggle-button.hbmenu_show #social-icons-wrapper-js {
    display: none !important;
  }
  header.rebrand_header #hamburger_toggle-button.hbmenu_show.language_selector_mobileView #social-icons-wrapper-js,
  header.rebrand_header #hamburger_toggle-button.hbmenu_show:not(.hlc-built-mobile-nav) #social-icons-wrapper-js {
    display: block !important;
  }
  /* Legacy drawer row: push Connect strip to bottom; 40px inset from viewport bottom (matches built-nav footer) */
  header.rebrand_header #hamburger_toggle-button.hbmenu_show:not(.hlc-built-mobile-nav):not(.language_selector_mobileView) #social-icons-wrapper-js {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: max(40px, env(safe-area-inset-bottom, 0px)) !important;
  }
  header.rebrand_header #hamburger_toggle-button.hbmenu_show.language_selector_mobileView #social-icons-wrapper-js {
    padding-bottom: max(40px, env(safe-area-inset-bottom, 0px)) !important;
  }
  header.rebrand_header #hamburger_toggle-button .social-icons-wrapper .file-type-icon-media-link.component {
    margin-top: 0 !important;
  }
  /* Figma: 33×33 stroke boxes around icons */
  header.rebrand_header #hamburger_toggle-button .social-icons-wrapper .file-type-icon-media-link img {
    width: 33px !important;
    height: 33px !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box;
    filter: brightness(0) saturate(100%);
    opacity: 1;
  }
  /* Full-screen megamenu drill-down */
  header.rebrand_header .megamenu.mob_li {
    background-color: #d6e6f4 !important;
    background-image: none !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
    padding-top: max(5rem, env(safe-area-inset-top, 0px) + 4rem) !important;
    padding-bottom: max(3rem, env(safe-area-inset-bottom, 0px) + 2.5rem) !important;
    box-sizing: border-box !important;
    clip-path: none !important;
  }
  /* Megamenu inside slide-out: scroll within column; fixed chrome aligns with drawer top inset */
  header.rebrand_header #hamburger_toggle-button #mobile_menu_header_links .megamenu.mob_li {
    position: relative !important;
    max-height: calc(100dvh - var(--hlc-drawer-top-inset, 144px) - 8rem) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  header.rebrand_header #hamburger_toggle-button .megamenu.mob_li .hlc-megamenu-close,
  header.rebrand_header #hamburger_toggle-button .megamenu.mob_li .mob_arrow {
    top: calc(var(--hlc-drawer-top-inset, 144px) + max(10px, env(safe-area-inset-top, 0px))) !important;
  }
  header.rebrand_header .megamenu.mob_li .mega-menu-container.container .row .mm_col_left:not(.empty) ~ .mm_col_right {
    display: none !important;
  }
  /* Megamenu inner grid: stack columns so intro / tabs / lists aren’t side‑by‑side by accident */
  header.rebrand_header .megamenu.mob_li .mega-menu-container.container > .row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  header.rebrand_header .megamenu.mob_li .mega-menu-container.container > .row > [class*=col] {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left,
  header.rebrand_header .megamenu.mob_li .mm_col_right {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  header.rebrand_header .megamenu.mob_li .blank_megamenu_area {
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 0 0 0.75rem !important;
    margin: 0 0 1.2rem !important;
    font-family: "roobert_medium", sans-serif !important;
    font-size: 2rem !important;
    color: #002236 !important;
    border-bottom: 1px solid rgba(0, 34, 54, 0.22);
    border-left: none !important;
    background: none !important;
    box-sizing: border-box !important;
  }
  header.rebrand_header .megamenu.mob_li .mob_arrow {
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top, 0px)) !important;
    left: max(16px, env(safe-area-inset-left, 0px)) !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    z-index: 10043 !important;
    cursor: pointer;
    object-fit: contain;
    margin: 0 !important;
    filter: brightness(0) saturate(100%);
    opacity: 0.85;
    box-sizing: border-box !important;
  }
  header.rebrand_header .megamenu.mob_li .hlc-megamenu-close {
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top, 0px)) !important;
    right: max(16px, env(safe-area-inset-right, 0px)) !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background-color: transparent !important;
    color: #002236 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10043 !important;
    cursor: pointer;
    box-shadow: none !important;
  }
  header.rebrand_header .megamenu.mob_li .hlc-megamenu-close::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background-color: #bff355;
    z-index: 0;
    pointer-events: none;
  }
  header.rebrand_header .megamenu.mob_li .hlc-megamenu-close svg {
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    display: block;
  }
  header.rebrand_header .megamenu.mob_li .hlc-megamenu-close svg path {
    stroke: #002236 !important;
  }
  /*
   * Tab strip + panels share one .nav-pills parent. Flex-row wrongly placed huge mob_tab_* panels
   * beside the labels (overlap / broken layout). Grid: row 1 = Sectors | Practices | Legal tech;
   * each mob_tab_* spans full width on its own row.
   */
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav.flex-column.nav-pills {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 0.75rem !important;
    row-gap: 0 !important;
    align-items: end !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 1rem !important;
    border-bottom: none !important;
    overflow: visible !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills > a.nav-link:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    text-align: left !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills > span.mob_tab_1 {
    grid-column: 1/-1;
    grid-row: 2;
    width: 100% !important;
    min-width: 0 !important;
    border-top: 1px solid rgba(0, 34, 54, 0.14) !important;
    padding-top: 1.15rem !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills > a.nav-link:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    text-align: left !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills > span.mob_tab_2 {
    grid-column: 1/-1;
    grid-row: 3;
    width: 100% !important;
    min-width: 0 !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills > a.nav-link:nth-child(5) {
    grid-column: 3;
    grid-row: 1;
    justify-self: start;
    text-align: left !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills > span.mob_tab_3 {
    grid-column: 1/-1;
    grid-row: 4;
    width: 100% !important;
    min-width: 0 !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills .nav-link {
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0.35rem 0 !important;
    font-size: 1.5rem !important;
    color: #002236 !important;
    border: none !important;
    background: none !important;
    white-space: nowrap !important;
    width: auto !important;
    max-width: 100%;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills .nav-link .hb_heading {
    border-bottom: 3px solid transparent !important;
    padding-bottom: 0.35rem !important;
    display: inline-block !important;
    color: inherit !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills .nav-link.active .hb_heading,
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills .nav-link.active_tab .hb_heading {
    border-bottom-color: #002236 !important;
    color: #002236 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_left:not(.empty) .nav-pills .nav-link:not(.active):not(.active_tab) .hb_heading {
    color: rgba(0, 34, 54, 0.62) !important;
    border-bottom-color: transparent !important;
    font-weight: 600 !important;
    opacity: 1 !important;
  }
  header.rebrand_header .megamenu.mob_li .hlc-mega-menu__intro {
    color: #002236 !important;
    font-family: "roobert_medium", sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.55rem !important;
    line-height: 1.45 !important;
    margin-bottom: 1.2rem !important;
  }
  header.rebrand_header .megamenu.mob_li .hlc-mega-menu__cta a,
  header.rebrand_header .megamenu.mob_li .cta-fill-arrow a {
    background-color: #bff355 !important;
    color: #002236 !important;
    border-radius: 2px !important;
    padding: 1rem 1.25rem !important;
    font-family: "roobert_medium", sans-serif !important;
    font-size: 1.45rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-top: 0.25rem !important;
    margin-bottom: 2.25rem !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    border: none !important;
    text-decoration: none !important;
  }
  header.rebrand_header .megamenu.mob_li ul.mm-list-industry li a,
  header.rebrand_header .megamenu.mob_li ul.mm-list-practice li a,
  header.rebrand_header .megamenu.mob_li .section_links a {
    color: #002236 !important;
    font-family: "roobert_regular", sans-serif !important;
    font-size: 1.55rem !important;
    line-height: 1.35 !important;
    padding: 0.55rem 0 !important;
    display: inline-block !important;
  }
  header.rebrand_header .megamenu.mob_li ul.mm-list-industry > li:first-child .hlc-mega-menu__intro + *,
  header.rebrand_header .megamenu.mob_li ul.mm-list-industry > li:first-child {
    list-style: none !important;
  }
  header.rebrand_header .megamenu.mob_li ul.mm-list-industry li:before {
    display: none !important;
  }
  /* Sector list: 3-column grid (comps); intro block spans full width */
  header.rebrand_header .megamenu.mob_li ul.mm-list-industry {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.65rem 0.8rem !important;
    align-items: start !important;
    width: 100% !important;
    margin-top: 0.35rem !important;
  }
  header.rebrand_header .megamenu.mob_li ul.mm-list-industry > li:first-child:has(.hlc-mega-menu__intro) {
    grid-column: 1/-1 !important;
  }
  header.rebrand_header .megamenu.mob_li ul.mm-list-practice {
    display: block !important;
    width: 100% !important;
  }
  header.rebrand_header .megamenu.mob_li .mm_col_right.noPadding .tab-content .inner_section_data_div {
    padding-top: 0.25rem !important;
  }
  header.rebrand_header .megamenu.mob_li .social-icons-wrapper .file-type-icon-media-link img {
    border-color: #002236 !important;
    filter: brightness(0) saturate(100%);
  }
  /*
   * Mobile nav built from desktop CMS nodes (hlc_mobile_nav_from_desktop.js) — Screens 1–3 structure.
   * Screen 1 (Body burger): Figma — column #D6E6F4, padding 0 16px 40px, sections gap 40px.
   */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    isolation: isolate;
    color: #002236;
    font-family: "roobert_regular", sans-serif;
    padding: 0 max(16px, env(safe-area-inset-right, 0px)) max(40px, env(safe-area-inset-bottom, 0px) + 24px) max(16px, env(safe-area-inset-left, 0px));
    box-sizing: border-box;
    background: #d6e6f4;
    padding: 0;
    height: 100%;
    min-height: 0;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__views {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view {
    display: none;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    min-height: 90svh;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view.is-active {
    display: flex;
  }
  /* Screen 1 root: Link 1 + Link 2 + footer stack — gap 40px */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view--root {
    align-items: flex-start;
    gap: 40px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__main,
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 343px;
    align-self: stretch;
  }
  /* Primary nav — gap 16px between rows */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__main {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__main > li {
    margin: 0;
  }
  /* Interactive primary — 18px / 500 / -0.04em / navy */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__main-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: "roobert_medium", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.04em;
    color: #002236 !important;
    text-decoration: none !important;
    background: none;
    border: 0;
    padding: 0;
    min-height: 32px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__main-link--drill {
    justify-content: space-between;
  }
  /* Chevron in 32×32 tap zone (icon ~12×6 rotated in spec) */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__chev {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
    position: relative;
    border-top: 0;
    border-right: 0;
    transform: none;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__chev::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    margin-left: -6px;
    border-top: 2.5px solid #002236;
    border-right: 2.5px solid #002236;
    transform: rotate(45deg);
  }
  /* Secondary nav — gap 8px; Body/Button secondary 16px / 110% */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary > li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary-link {
    font-family: "roobert_medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    color: #002236 !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    min-height: 23px;
  }
  /* Accordion row — replaces legacy .hb_menu_child_wrapper slide toggle */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary-expand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: "roobert_medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    color: #002236;
    text-align: left;
    box-sizing: border-box;
    min-height: 23px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary-expand-chev {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    display: block;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary-expand-chev::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    margin-left: -5px;
    border-right: 2.5px solid #002236;
    border-bottom: 2.5px solid #002236;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary-expand.is-expanded .hlc-mobile-nav__secondary-expand-chev::after {
    margin-top: -3px;
    transform: rotate(225deg);
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary-sub {
    list-style: none;
    margin: 8px 0 0;
    padding: 0 0 0 12px;
    border-left: 1px solid rgba(0, 34, 54, 0.18);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary-sub li {
    margin: 0;
    padding: 0;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__secondary-sub a {
    font-family: "roobert_medium", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;
    color: #002236 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 4px 0;
  }
  /* Connect + social — pinned to bottom of view; Figma 40px above drawer bottom (+ safe area) */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__footer {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: max(40px, env(safe-area-inset-bottom, 0px));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    max-width: 343px;
    align-self: stretch;
    box-sizing: border-box;
  }
  /* Social markup = same .component.container.social-icons-wrapper tree as #social-icons-wrapper-js; use shared ::before + img rules above */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__sub-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__icon-btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: #002236;
    box-sizing: border-box;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__icon-btn.hlc-mobile-nav__back {
    justify-content: start;
  }
  /* Remove inline-SVG baseline shift so back ↔ close stay on one horizontal axis */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__icon-btn svg {
    display: block;
    flex-shrink: 0;
    /* left: -19px; */
    position: relative;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__close-lime {
    position: relative;
  }
  /* Same stroke weight as megamenu / root close — paths scale inside 32×32 viewBox */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__back svg {
    display: block;
    width: 32px;
    height: 32px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__back svg path {
    stroke: #002236 !important;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__title-bar {
    font-family: "roobert_medium", sans-serif;
    font-size: 1.6rem;
    padding-bottom: 0.65rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid rgba(0, 34, 54, 0.22);
    color: #002236;
    font-size: 22px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    border-bottom: 1px solid rgba(0, 34, 54, 0.25);
    margin-bottom: 1.25rem;
    padding-bottom: 0.25rem;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__tab {
    font-family: "roobert_medium", sans-serif;
    font-size: 1.45rem;
    padding: 0.35rem 0;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    color: rgba(0, 34, 54, 0.58);
    border-bottom: 3px solid transparent;
    padding-bottom: 0.5rem;
    margin-bottom: -1px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__tab.is-active {
    color: #002236;
    font-weight: 600;
    border-bottom-color: #002236;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__tab-panel {
    display: none;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    transition: all 0.5s ease-in;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__tab-panel.is-active {
    display: flex;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__intro {
    font-family: "roobert_medium", sans-serif;
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1.45;
    margin: 0 0 1.25rem;
    color: #002236;
    font-size: 20px;
    /* padding-top: 40px; */
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    background-color: #bff355 !important;
    color: #002236 !important;
    font-family: "roobert_medium", sans-serif;
    font-size: 1.45rem;
    padding: 1rem 1.25rem;
    text-decoration: none !important;
    margin-bottom: 1.75rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
    max-width: max-content;
    padding: 14px 14px 14px 20px;
    font-size: 20px;
    margin-top: 20px;
    overflow: hidden;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: width 0.3s ease-in-out;
    z-index: 1;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__cta:hover::before, header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__cta:active::before, header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__cta:focus-visible::before {
    width: 100%;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__cta:hover .hlc-mobile-nav__cta-arrow, header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__cta:focus-visible .hlc-mobile-nav__cta-arrow {
    transform: rotate(45deg);
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__cta-arrow {
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;
    background: url("/-/media/themes/hoganlovells/site-theme-name/images/Common/cta-transform-arrow.svg") center/contain no-repeat;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__link-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__link-list > li {
    margin-bottom: 2rem;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__link-list a {
    font-size: 20px;
    line-height: 1.35;
    color: #002236 !important;
    text-decoration: none !important;
  }
  /*
   * Screen 2 — Sectors / tab drill-down (Type=Sectors). Figma: secondary nav bar, H5 intro, CTA 257×60, links 20/130.
   * Tighter stack under icon row: do not use 40px between header and tabs (that spacing belongs between content blocks).
   */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] {
    align-items: flex-start;
    gap: 0;
    width: 100%;
    min-height: calc(100svh - var(--hlc-drawer-top-inset, 144px) - 5rem);
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__sub-header {
    margin-bottom: 0;
    width: 100%;
    /* max-width: 343px; */
    align-self: stretch;
    /* Figma “Navigation | Mobile” top inset when this row is the first chrome (root lime bar is hidden in drill) */
    padding-top: max(40px, env(safe-area-inset-top, 0px));
    padding-bottom: 0;
    box-sizing: border-box;
    padding-top: 0;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-simple] .hlc-mobile-nav__sub-top {
    padding-top: max(40px, env(safe-area-inset-top, 0px));
    box-sizing: border-box;
    width: 100%;
    /* max-width: 343px; */
    align-self: stretch;
    padding-top: 0;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
    padding: 6px 0 0;
    margin: 0;
    width: 100%;
    /* max-width: 343px; */
    min-height: 52px;
    box-sizing: border-box;
    border-bottom: 1px solid #002236;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__tab {
    flex: 1 1 0;
    min-width: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    /* padding: 10px 10px 0; */
    margin: 0 0 -1px;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    color: rgba(0, 34, 54, 0.55);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    transition: all 0.5s ease-in;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__tab.is-active {
    color: #002236;
    font-weight: 500;
    transition: all 0.5s ease-in;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__tab.is-active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #002236;
    width: 100%;
    height: 3px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__tab-panels {
    margin-top: 40px;
    width: 100%;
    /* max-width: 343px; */
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__tab-panel.is-active {
    width: 100%;
    /* max-width: 343px; */
    transition: all 0.5s ease-in;
  }
  /* Body: intro ↔ CTA gap 40px; CTA ↔ list gap 24px — Headings/Heading 5 */
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__intro {
    font-size: 20px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -0.03em;
    margin: 0 0 40px;
    max-width: 343px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__cta {
    width: 100%;
    max-width: max-content;
    min-height: 60px;
    padding: 14px 14px 14px 20px;
    margin: 0 0 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    gap: 16px;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    isolation: isolate;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__cta-arrow {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    margin-left: auto;
    background: url("/-/media/themes/hoganlovells/site-theme-name/images/Common/cta-transform-arrow.svg") center/contain no-repeat;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__link-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 343px;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__link-list > li {
    margin: 0;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__link-list a {
    font-family: "roobert_medium", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    color: #002236 !important;
  }
  header.rebrand_header #hamburger_toggle-button .hlc-mobile-nav__view[data-hlc-view=sub-tabs] .hlc-mobile-nav__footer {
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    padding-bottom: max(40px, env(safe-area-inset-bottom, 0px));
    margin-top: 40px;
  }
  /*
   * Drill-down replaces root lime close with in-view back/close — collapse root chrome so it does not
   * leave a blank band (opacity:0 still reserves layout height).
   */
  header.rebrand_header #hamburger_toggle-button.hlc-mobile-nav-drill-open .hlc-mm-root-chrome {
    display: none !important;
  }
}
.hlc-global-header.hlc-has-mobile-toolbar #header {
  min-height: 90px;
  display: flex;
  align-items: end;
}

#linkedin_hd_logo,
#youtube_hd_logo,
#twitter_hd_logo,
#wechat_hd_logo {
  margin: 0 !important;
}

#linkedin_hd_logo img {
  padding: 0;
  border: none;
  content: url("/-/media/themes/hoganlovells/site-theme-name/images/rebrand/rebrand-header/linked-in_black.svg");
}

#youtube_hd_logo img {
  padding: 0;
  border: none;
  content: url("/-/media/themes/hoganlovells/site-theme-name/images/rebrand/rebrand-header/yt_black.svg");
}

#twitter_hd_logo img {
  padding: 0;
  border: none;
  content: url("/-/media/themes/hoganlovells/site-theme-name/images/rebrand/rebrand-header/x-svg-21x18--1-_black.svg");
}

#wechat_hd_logo img {
  padding: 0;
  border: none;
  content: url("/-/media/themes/hoganlovells/site-theme-name/images/rebrand/rebrand-header/wechat_black.svg");
}

/*
 * Do not set content: "" on all social imgs — it blanks drawer / cloned “Connect with us” icons.
 * Utility-column social (if any) can be sized without replacing image content.
 */
header.rebrand_header .hlc-global-header #header .hlc_utility_container .social-icons-wrapper .file-type-icon-media-link.component img {
  width: 32px;
  height: 32px;
  border: none;
  padding: 0;
  box-sizing: border-box;
}

@media screen and (max-width: 992px) {
  .hlc-mobile-nav__tab.hlc-mobile-nav__tab--link {
    padding: 0 !important;
    border: none !important;
  }
  button.hlc-mobile-nav__tab {
    min-height: 30px;
  }
}
/* Body-portal account dropdown — escapes #header { overflow: hidden } on mobile */
body > .hlc-mobile-toolbar-account-dropdown.is-open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media screen and (max-width: 768px) {
  body > .hlc-mobile-toolbar-account-dropdown.is-open {
    right: 15px !important;
  }
}
@media screen and (min-width: 880px) and (max-width: 992px) {
  body > .hlc-mobile-toolbar-account-dropdown.is-open {
    right: 10% !important;
  }
}
body > .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login {
  display: block !important;
  background-color: #f2f3f3;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  padding: 0;
  width: max-content;
  min-width: 167px;
  margin: 0;
  border: 0;
}

body > .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login .dropdown-item,
body > .hlc-mobile-toolbar-account-dropdown .dropdown-menu-login .azurebtn.dropdown-item {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #002236 !important;
  padding: 7.5px 20px;
  font-family: "roobert_regular", sans-serif;
  font-size: 14px;
  line-height: normal;
  text-decoration: none;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}