.header {
  height: 70px;
  align-items: center !important;

  @media (--screenMD) {
    height: 110px;
  }

  @media (--screenXL) {
    height: 110px;
  }
}

.header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;

  @media (--screensLarge) {
    justify-content: initial;
    align-items: initial;
  }
}

.header-open .header__logo {
  @media (--maxScreenSM) {
    transition: color 0.25s ease-in-out 0.2s;
    color: var(--colorMilaBlueDark);
  }
}

.header__logo {
  z-index: 5;
  height: 25px;
  transition: color 0.15s ease-in-out;
  color: var(--colorWhite);
  @media (--screenMD) {
    height: 40px;
  }
}

.header__logo-link {
  display: flex;
  border: none !important;
}

.shadow-style {
  transition: transform 0.3s ease, position 0s 0s;
}

.header__full-width.header__sticky {
  box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.13);
  background-color: #ffffff;
  color: var(--colorMilaBlueDark) !important;
  z-index: 1000;

  & .header__logo {
    color: var(--colorMilaBlueDark);
  }
  & .navigation__list-link {
    color: var(--colorMilaBlueDark);
  }
}

.header__full-width {
  display: flex;
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
}

.header__package {
  background-image: linear-gradient(
    180deg,
    rgba(36, 59, 85, 0.3),
    rgba(0, 0, 0, 0)
  );
  height: 75px;
  align-items: center !important;

  @media (--screenMD) {
    height: 120px;
  }

  @media (--screenXL) {
    height: 150px;
  }
}

.header__sticky {
  background: #ffffff;
  box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.13);
}