@media (min-width: 1608px) {
  #header {
    & .header_container {
      justify-content: space-between;
      padding: 20px 20px 20px clamp(20px, 1.634vw + 10.588px, 40px);
    }
    & .menu_content_container {
      display: flex;
      align-items: center;
      gap: var(--gap-m);
      flex: 1;
    }
    & #mobile_menu_button {
      display: none;
    }
    & .contact_link_container {
      & > a {
        span {
          display: none;
        }
      }
    }
    & .main_menu {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: var(--gap-xs);
      flex: 1;
      & li {
        position: relative;
        isolation: isolate;
        & > a {
          &::before {
            content: "";
            display: block;
            position: absolute;
            bottom: calc(var(--gap-xxs) / 2);
            left: 0;
            transform: rotate(-1.11deg);
            z-index: -1;
            display: block;
            width: 0;
            height: var(--gap-xs);
            background-color: var(--color-blue-light);
            transition: width 0.4s ease;
          }
        }
        & a {
          padding: var(--gap-xxs);
          display: block;
        }
        &:hover,
        &.current-menu-item,
        &.current-page-ancestor {
          & > a {
            &::before {
              width: 100%;
            }
          }
        }
      }
      & > li {
        &.menu-item-has-children {
          display: flex;
          align-items: center;
          & > .expand_container {
            display: block;
            width: 8px;
            height: 5px;
            margin-right: var(--gap-xxs);
            background-color: currentColor;
            mask: center / contain no-repeat
              url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none' viewBox='0 0 8 5'%3E%3Cpath fill='currentColor' d='M4 3.7592 1.0387.6962a.242.242 0 0 0-.3508 0 .2633.2633 0 0 0 0 .363l3.1369 3.2446a.242.242 0 0 0 .3508 0l3.1365-3.2443A.26.26 0 0 0 7.3846.878a.26.26 0 0 0-.0725-.1813.242.242 0 0 0-.3508 0z'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M3.8248 4.3038a.242.242 0 0 0 .3508 0l3.1365-3.2443.0084-.0091a.26.26 0 0 0 .0641-.1725.26.26 0 0 0-.0725-.1813.242.242 0 0 0-.3508 0L4 3.7592 1.0387.6962a.242.242 0 0 0-.3508 0 .2634.2634 0 0 0 0 .363zM4 2.87 1.4792.2626A.8535.8535 0 0 0 .2466.2635c-.3288.3414-.3288.887 0 1.2284l3.1377 3.2455a.8535.8535 0 0 0 1.2318 0l3.1365-3.2442A.884.884 0 0 0 8 .8779.883.883 0 0 0 7.7526.263a.8535.8535 0 0 0-1.2318 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
          }
          & > a {
            padding-right: var(--gap-xxs);
          }
          & ul {
            background: var(--color-white);
            position: absolute;
            list-style: none;
            top: calc(100% + 40px);
            left: 50%;
            transform: translateX(-50%);
            padding: 0;
            min-width: 336px;
            border-radius: var(--border-radius-m);
            padding: var(--gap-xs);
            display: none;
            box-shadow: 0 4px 40px hsl(from var(--color-black) h s l / 0.25);
            & li {
              width: 100%;
              margin-bottom: var(--gap-xxs);
              & a {
                padding: var(--gap-xs);
                box-sizing: border-box;
                display: block;
                text-decoration: none;
                width: 100%;
                border-radius: var(--border-radius-m);
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
                justify-content: space-between;
                transition: background-color 0.4s ease;
                &::before {
                  display: none;
                }
                &::after {
                  content: "";
                  display: block;
                  width: 11px;
                  height: 8px;
                  background-color: currentColor;
                  mask: center / contain no-repeat
                    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' fill='none' viewBox='0 0 11 8'%3E%3Cpath fill='currentColor' d='M.5 3.1821a.5.5 0 0 0 0 1v-1m10.3536.8536a.5.5 0 0 0 0-.7071L7.6716.1466a.5.5 0 1 0-.7071.7071l2.8284 2.8284-2.8284 2.8285a.5.5 0 1 0 .707.707zM.5 3.682v.5h10v-1H.5z'/%3E%3C/svg%3E");
                }
              }
              &:hover,
              &.current-menu-item {
                > a {
                  background-color: var(--color-pink);
                }
              }
              &:last-child {
                margin-bottom: 0;
              }
            }
          }
          &.dt_active,
          &:hover {
            & ul {
              display: block;
              &:before {
                content: "";
                display: block;
                position: absolute;
                top: -19px;
                left: 50%;
                transform: translateX(-50%);
                width: 53px;
                height: 20px;
                background: center / contain no-repeat
                  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='20' fill='none' viewBox='0 0 53 20'%3E%3Cpath fill='%23fff' d='M27.5 0 0 19.0706h52.1552z'/%3E%3C/svg%3E");
              }
            }
            &:after {
              display: block;
            }
          }
          &:after {
            content: "";
            display: none;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            height: 40px;
            width: 200%;
          }
        }
      }
    }
  }
}

@media (min-width: 1824px) {
  #header {
    & .contact_link_container {
      & > a {
        span {
          display: block;
        }
      }
    }
  }
}