@media (min-width: 1588px) {
  #header {
    & .menu_content_container {
      flex-basis: 100%;
      display: flex;
      align-items: center;
      gap: var(--gap-s);
    }
    & #mobile_logo,
    & #mobile_menu_button {
      display: none;
    }
    & .contact_link_container {
      display: none;
    }
    & .main_menu {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: var(--gap-xxs);
      flex: 1;
      & > li {
        position: relative;
        border-radius: var(--border-radius-max);
        & > a {
          white-space: nowrap;
        }
      }
      & li {
        & a {
          display: block;
        }
      }
      & > li {
        &.menu-item-has-children,
        &.menu-item-services {
          display: flex;
          align-items: center;
          & > .expand_container {
            display: block;
            width: 13px;
            height: 9px;
            margin-right: var(--gap-s);
            background-color: currentColor;
            mask: center / contain no-repeat
              url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' fill='none' viewBox='0 0 13 9'%3E%3Cpath fill='currentColor' d='M6.5 6.054 1.688 1.1213a.3957.3957 0 0 0-.5702 0 .421.421 0 0 0 0 .5844L6.2152 6.931a.3957.3957 0 0 0 .5702 0l5.0968-5.2246A.417.417 0 0 0 12 1.4138a.416.416 0 0 0-.1178-.2919.396.396 0 0 0-.5702 0z'/%3E%3Cpath fill='%23cd2b30' fill-rule='evenodd' d='M6.2152 6.9309a.3957.3957 0 0 0 .5702 0l5.0968-5.2246A.418.418 0 0 0 12 1.4138a.416.416 0 0 0-.1178-.2919.396.396 0 0 0-.5702 0L6.5 6.054 1.688 1.1214a.3957.3957 0 0 0-.5702 0c-.1524.1568-.157.4072-.0137.5696q.0066.0075.0137.0148zM6.5 4.6219 2.4039.423C1.8544-.1402.9513-.1422.4007.4244c-.5343.5497-.5343 1.4285 0 1.9782l5.0987 5.2266a1.3957 1.3957 0 0 0 2.0018 0l5.0968-5.2245A1.417 1.417 0 0 0 13 1.4138a1.416 1.416 0 0 0-.402-.9902 1.3957 1.3957 0 0 0-2.0017 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
          }
          & > a {
            padding-right: calc(var(--gap-s) / 2);
          }
          & ul {
            background: var(--color-white);
            position: absolute;
            list-style: none;
            top: calc(100% + var(--gap-xs));
            left: 50%;
            transform: translateX(-50%);
            padding: var(--gap-s);
            border-top: 2px solid var(--color-red);
            min-width: 240px;
            display: none;
            box-shadow: 0 var(--gap-xxs) var(--gap-s) 0
              hsl(from var(--color-black) h s l / 0.15);
            & li {
              width: 100%;
              & a {
                background: var(--color-white);
                padding: var(--gap-xs) var(--gap-xs);
                line-height: 1.25;
                box-sizing: border-box;
                display: block;
                text-decoration: none;
                width: 100%;
                font-size: 16px;
                font-weight: 400;
                transition: background 0.4s ease;
                &:is(:hover, :focus) {
                  color: var(--color-white);
                  background: linear-gradient(
                    94deg,
                    var(--color-red) 0%,
                    var(--color-red) 70%,
                    var(--color-orange) 100%
                  );
                }
              }
            }
          }
          &.dt_active,
          &:hover {
            & ul {
              display: grid;
            }
            &:before {
              content: "";
              display: block;
              position: absolute;
              border: 8px solid rgba(0, 0, 0, 0);
              border-bottom-color: var(--color-red);
              width: 0;
              height: 0;
              top: 100%;
              left: 50%;
              transform: translateX(-50%);
            }
            &:after {
              display: block;
            }
          }
          &:after {
            content: "";
            display: none;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            height: var(--gap-xs);
            width: 100%;
          }
        }
        &.menu-item-services {
          & ul {
            left: 0;
            transform: translateX(0);
            display: none;
            grid-template-columns: 272px auto;
            gap: 0 var(--gap-s);
            padding: var(--gap-s);
            &::after {
              content: "";
              grid-column: 2;
              grid-row: 1 / span 20;
              height: 100%;
              aspect-ratio: 4 / 5;
              pointer-events: none;
            }
            & li {
              grid-column: 1;
              width: 272px;
              & a {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                gap: calc(var(--gap-s) / 2);
                .image {
                  position: absolute;
                  top: var(--gap-s);
                  right: var(--gap-s);
                  bottom: var(--gap-s);
                  height: calc(100% - (var(--gap-s) * 2));
                  width: auto;
                  aspect-ratio: 4 / 5;
                  object-fit: cover;
                }
                &::after {
                  content: "";
                  display: block;
                  min-width: 9px;
                  height: 13px;
                  color: var(--color-red);
                  background-color: currentColor;
                  mask: center / contain no-repeat
                    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' fill='none' viewBox='0 0 9 13'%3E%3Cpath fill='currentColor' d='m6.054 6.5-4.9327 4.812a.396.396 0 0 0 0 .5702.4213.4213 0 0 0 .5844 0l5.2252-5.0974a.3957.3957 0 0 0 0-.5702L1.7063 1.1178A.417.417 0 0 0 1.4138 1a.416.416 0 0 0-.292.1178.3957.3957 0 0 0 0 .5702z'/%3E%3Cpath fill='%23cd2b30' fill-rule='evenodd' d='M6.9309 6.7848a.3957.3957 0 0 0 0-.5702L1.7063 1.1178A.418.418 0 0 0 1.4138 1a.416.416 0 0 0-.292.1178.3957.3957 0 0 0 0 .5702L6.054 6.5l-4.9326 4.812a.396.396 0 0 0 0 .5702c.1568.1524.4071.1569.5695.0137a.4.4 0 0 0 .0149-.0137zM4.6219 6.5.423 10.5962c-.5631.5494-.5651 1.4525.0015 2.0031.5497.5343 1.4284.5343 1.9782 0l5.2266-5.0987a1.3957 1.3957 0 0 0 0-2.0018L2.4046.402A1.417 1.417 0 0 0 1.4138 0C1.0606 0 .7007.1317.4236.402a1.3957 1.3957 0 0 0 0 2.0017z' clip-rule='evenodd'/%3E%3C/svg%3E");
                }
                &:is(:hover, :focus) {
                  .image {
                    opacity: 1;
                    z-index: 1;
                  }
                  &::after {
                    color: var(--color-black);
                  }
                }
              }
              &:first-of-type {
                & a {
                  .image {
                    z-index: 1;
                    opacity: 1;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (width >= 1770px) {
  #header {
    & .contact_link_container {
      display: flex;
    }
  }
}
