@media (max-width: 63.9375rem) {
  .pageHeaderWrap:has(.pageHeaderSearch) .navigation {
    top: 4.625rem;
  }
  .pageHeaderNav {
    display: block;
  }
  .pageHeaderSearch .searchFormInput {
    background: none;
    padding: 0.5rem 0;
    font-size: 1.125rem;
    line-height: 1;
  }
  .pageHeaderSearch .searchFormSubmit {
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 0;
    border-bottom: 0.125rem solid #ffffff;
  }
  .pageHeaderSearch .searchFormSubmit::before, .pageHeaderSearch .searchFormSubmit::after {
    display: none;
  }
  .pageHeaderSearch .searchFormSubmit .text {
    margin: -0.0625rem;
    padding: 0;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute;
  }
  .pageHeaderSearch .searchFormSubmit .icon {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
  }
  .pageHeaderSearch .searchFormSubmit .icon svg {
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
  }
  .pageHeaderSearch .searchFormSubmit use {
    fill: #ffffff;
  }
  .navigation {
    position: absolute;
    height: calc(100vh - 4.625rem);
    height: calc(100dvh - 4.625rem);
    background-color: #ffffff;
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
    transition: opacity ease-out 0.5s;
  }
  .navigationList {
    transition: transform ease-out 0.5s;
    flex-flow: row wrap;
    align-content: flex-start;
    overflow-y: auto;
    max-width: 100vw;
    overflow-x: hidden;
    width: 100%;
  }
  .navigationListItem {
    margin: 0;
    padding: 0;
    background: #0F1232;
    width: 100%;
    border-bottom: 0.0625rem solid #272A47;
  }
  .navigationListItemLink {
    font-family: var(--font-family-header);
    font-weight: 900;
    padding: 0.9375rem 1.25rem;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.125rem;
    line-height: 1.22;
  }
  .navigationListItemLink .text {
    flex: 1 1 auto;
    pointer-events: none;
  }
  .navigationListItemLink .icon {
    flex: 0 0 1rem;
    width: 1.125rem;
    height: 1.125rem;
    transform: rotate(180deg);
    pointer-events: none;
  }
  .navigationListItemLink svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .navigationListItemLink use {
    fill: #ffffff;
    stroke: #ffffff;
  }
  .navigationListItemLink.hasSubNav {
    background: none;
    border: none;
  }
  .navigationListItem.open > .hasSubNav + .navigationList {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    width: 100%;
    z-index: 3;
  }
  .navigationListItem.closing > .navigationList {
    z-index: 999;
    visibility: visible;
  }
  .navigationListItem.back .navigationListItemLink {
    transition: ease-out 0.2s color;
    font-family: var(--font-family-body);
    font-weight: 400;
    background: #0F1232;
    border: none;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 0.625rem;
    color: #ffffff;
    padding: 0.9375rem 1.25rem;
  }
  @supports not selector(*:focus-visible) {
    .navigationListItem.back .navigationListItemLink:focus .text {
      text-decoration: underline;
      color: #0FF2B2;
    }
    .navigationListItem.back .navigationListItemLink:focus .icon use {
      fill: #0FF2B2;
      stroke: #0FF2B2;
    }
    body.notUsingKeys .navigationListItem.back .navigationListItemLink:focus {
      outline: 0;
    }
  }
  .navigationListItem.back .navigationListItemLink:hover .text {
    text-decoration: underline;
    color: #0FF2B2;
  }
  .navigationListItem.back .navigationListItemLink:hover .icon use {
    fill: #0FF2B2;
    stroke: #0FF2B2;
  }
  .navigationListItem.back .navigationListItemLink:focus-visible .text {
    text-decoration: underline;
    color: #0FF2B2;
  }
  .navigationListItem.back .navigationListItemLink:focus-visible .icon use {
    fill: #0FF2B2;
    stroke: #0FF2B2;
  }
  .navigationListItem.back .navigationListItemLink .icon {
    transform: unset;
  }
  .noGapSupport .navigationListItem.back .navigationListItemLink .icon {
    margin-inline: 0 0.625rem;
  }
  @supports not (margin-block: 10px) {
    .noGapSupport .navigationListItem.back .navigationListItemLink .icon {
      margin-left: 0;
      margin-right: 0.625rem;
    }
  }
  @supports not (margin-block: 10px) {
    [lang=ar] .noGapSupport .navigationListItem.back .navigationListItemLink .icon {
      margin-right: 0;
      margin-left: 0.625rem;
    }
  }
  .navigationListItem.back .navigationListItemLink .icon use {
    fill: #ffffff;
    stroke: #ffffff;
  }
  .navigationListItem.back .navigationListItemLink .text {
    color: #ffffff;
  }
  .navigationListItem.extraLink {
    font-family: var(--font-family-body);
    font-weight: 400;
    background: #F1F4F7;
    border: none;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 0.625rem;
    padding: 0.9375rem 1.25rem;
  }
  .navigationListItem.extraLink .extraLinkText {
    width: 100%;
    text-decoration: none;
    color: #0F1232;
  }
  @supports not selector(*:focus-visible) {
    .navigationListItem.extraLink .extraLinkText:focus {
      text-decoration: underline;
    }
    body.notUsingKeys .navigationListItem.extraLink .extraLinkText:focus {
      outline: 0;
    }
  }
  .navigationListItem.extraLink .extraLinkText:hover {
    text-decoration: underline;
  }
  .navigationListItem.extraLink .extraLinkText:focus-visible {
    text-decoration: underline;
  }
  .navigationList.level1 {
    display: flex;
    max-height: calc(100vh - 13.0625rem);
    max-height: calc(100dvh - 13.0625rem);
  }
  .navigationList.level1 > .navigationListItem.open .arrow-desktop {
    transform: unset;
  }
  .navigationList.level1 > .navigationListItem.open > .navigationListItemLink {
    color: #0FF2B2;
    background: #272A47;
  }
  .navigationList.level1 .navigationListItem {
    font-family: var(--font-family-header);
    font-weight: 900;
    font-size: 1.125rem;
    height: -moz-fit-content;
    height: fit-content;
  }
  .navigationList.level1 .icon {
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
  }
  .navigationList.level1 svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .navigationList.level2 .navigationListItem {
    border-bottom: 0.0625rem solid #0F1232;
  }
  .navigationList.level2 .navigationListItem.extraLinkText {
    border: none;
  }
  .navigationList.level2 .extraLinkText .navigationListItemLink {
    font-family: var(--font-family-body);
    font-weight: 700;
    color: #0FF2B2;
  }
  .navigationList.level2, .navigationList.level3, .navigationList.level4 {
    display: flex;
    transition: transform ease-out 0.5s;
    transform: translate3d(100vw, 0, 0);
    top: -4.625rem;
    visibility: hidden;
    position: absolute;
    background: #272A47;
    height: calc(100vh - 10.3125rem);
    height: calc(100dvh - 7.75rem);
  }
  .navigationList.level2 .navigationListItem, .navigationList.level3 .navigationListItem, .navigationList.level4 .navigationListItem {
    font-family: var(--font-family-body);
    font-weight: 400;
    background: #272A47;
    min-width: 33.33%;
  }
  .navigationList.level2 .navigationListItemLink, .navigationList.level3 .navigationListItemLink, .navigationList.level4 .navigationListItemLink {
    font-size: 1rem;
  }
  .navigationList.level3, .navigationList.level4 {
    top: 0;
    margin-top: -0.0625rem;
  }
  .navigationList.level3 .icon, .navigationList.level4 .icon {
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
  }
  .navigationList.level3 .navigationListItem, .navigationList.level4 .navigationListItem {
    border: none;
  }
  .navigationList.level3 {
    background: #F1F4F7;
  }
  .navigationList.level3 .navigationListItem {
    background: #F1F4F7;
  }
  .navigationList.level4 {
    background: #ffffff;
  }
  .navigationList.level4 .navigationListItem {
    background: #ffffff;
  }
  .navOpen .navigation {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .navOpen .navigation .level1 > .navigationListItem > a, .navOpen .navigation .level1 > .navigationListItem > p, .navOpen .navigation .level1 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen .pageHeaderSearch {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .navOpen .pageHeaderButton.nav span:nth-of-type(1), .navOpen .pageHeaderButton.nav span:nth-of-type(2) {
    display: none;
  }
  .navOpen .pageHeaderButton.nav span:nth-of-type(3), .navOpen .pageHeaderButton.nav span:nth-of-type(4) {
    display: block;
  }
  .navOpen.animating a, .navOpen.animating p, .navOpen.animating button {
    visibility: visible;
  }
  .navOpen.navlevel2:not(.animating) .searchForm {
    visibility: hidden;
  }
  .navOpen.navlevel2:not(.animating) .navigationList.level1 > .navigationListItem:not(.open) a, .navOpen.navlevel2:not(.animating) .navigationList.level1 > .navigationListItem:not(.open) p, .navOpen.navlevel2:not(.animating) .navigationList.level1 > .navigationListItem:not(.open) button {
    visibility: hidden;
  }
  .navOpen.navlevel2:not(.animating) .navigationList.level1 > .navigationListItem.open > .hasSubNav {
    visibility: hidden;
  }
  .navOpen.navlevel2:not(.animating) .navigationList.level2 > .navigationListItem > a, .navOpen.navlevel2:not(.animating) .navigationList.level2 > .navigationListItem > p, .navOpen.navlevel2:not(.animating) .navigationList.level2 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen.navlevel3:not(.animating) .navigationList.level2 > .navigationListItem:not(.open) a, .navOpen.navlevel3:not(.animating) .navigationList.level2 > .navigationListItem:not(.open) p, .navOpen.navlevel3:not(.animating) .navigationList.level2 > .navigationListItem:not(.open) button {
    visibility: hidden;
  }
  .navOpen.navlevel3:not(.animating) .navigationList.level2 > .navigationListItem.open > .hasSubNav {
    visibility: hidden;
  }
  .navOpen.navlevel3:not(.animating) .navigationList.level3 > .navigationListItem > a, .navOpen.navlevel3:not(.animating) .navigationList.level3 > .navigationListItem > p, .navOpen.navlevel3:not(.animating) .navigationList.level3 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen.navlevel4:not(.animating) .navigationList.level3 > .navigationListItem:not(.open) a, .navOpen.navlevel4:not(.animating) .navigationList.level3 > .navigationListItem:not(.open) p, .navOpen.navlevel4:not(.animating) .navigationList.level3 > .navigationListItem:not(.open) button {
    visibility: hidden;
  }
  .navOpen.navlevel4:not(.animating) .navigationList.level3 > .navigationListItem.open > .hasSubNav {
    visibility: hidden;
  }
  .navOpen.navlevel4:not(.animating) .navigationList.level4 > .navigationListItem > a, .navOpen.navlevel4:not(.animating) .navigationList.level4 > .navigationListItem > p, .navOpen.navlevel4:not(.animating) .navigationList.level4 > .navigationListItem > button {
    visibility: visible;
  }
  .navClosing .navigation {
    transform: translate3d(0, 0, 0);
  }
  .navClosing .pageHeaderSearch {
    transform: translate3d(0, 0, 0);
  }
}