.ew-banner {
  position: relative;
  overflow: hidden;
  picture,
  img {
    width: 100%;
    height: calc(100vh - var(--nav-height));
    display: block;
    object-fit: cover;
  }
  &::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(190deg, rgba(73, 106, 142, 0) 34.19%, rgba(73, 106, 142, 0.6) 56.37%);
    @media (width >= 1024px) {
      top: 0;
      left: 0;
      height: calc(100vh - var(--nav-height));
      width: 37.688rem;
      background: linear-gradient(262deg, rgba(73, 106, 142, 0) 11.75%, rgba(73, 106, 142, 0.6) 88.14%);
    }
  }
  .ew-banner__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--tertiary-white);
    padding-top: auto;
    padding-bottom: 40px;
    padding-left: 20px;
    @media (width >= 1024px) {
      padding-top: 185px;
      padding-bottom: 24px;
      padding-left: 56px;
    }
    .ew-banner__title {
      padding-bottom: 54px;
      @media (width >= 1024px) {
        width: 72.523%;
        padding-bottom: 72px;
      }

      :is(h1, h2, h3, h4, h5, h6) {
        color: var(--tertiary-white);
        font-feature-settings:
          'liga' off,
          'clig' off;
        font-size: var(--body-font-size-xl);
        font-weight: var(--fw-700);
        line-height: var(--heading-lh-1--mob-display);
        margin: 0;
        @media (width >= 1024px) {
          font-size: var(--heading-font-2-des);
          line-height: var(--heading-lh-2-1-des);
        }
      }
    }
    .ew-banner__description p {
      padding-right: 3.438rem;
      margin: 0;
      padding-bottom: 4.688rem;
      color: var(--tertiary-white);
      font-size: var(--body-font-size-xxxxs);
      font-style: normal;
      font-weight: var(--fw-400);
      line-height: var(--heading-lh-21-mob-text-small);
      letter-spacing: -0.15px;
      @media (width >= 1024px) {
        padding-bottom: 2.5rem;
        padding-right: 0;
        font-size: var(--body-font-size-xs);
        line-height: var(--heading-lh-5--mob);
        letter-spacing: -0.24px;
      }
      strong {
        font-weight: var(--fw-700);
      }
    }
    .ewp-banner__cta__buttons {
      display: flex;
      flex-direction: column;
      gap: 8px;
      width: 100%;
      margin-bottom: var(--space-15px);
      @media (width >= 1024px) {
        flex-direction: row;
        gap: 18px;
      }
      @media (width >= 1024px) and (height >= 768px) {
        margin-bottom: 171px;
      }
      .ewp-banner__cta__button a {
        padding: 12px 24px;
        width: 100%;
        color: var(--tertiary-black);
        font-size: var(--heading-font-20-mob-text);
        font-style: normal;
        font-weight: var(--fw-400);
        line-height: var(--heading-lh-4--mob-text-medium);
        @media (width >= 1024px) {
          width: auto;
        }
      }
      .ewp-banner__cta__button--primary a {
        background: var(--tertiary-white);
      }
      .ewp-banner__cta__button--secondary a {
        border: 1px solid var(--tertiary-white);
        background: var(--gradient-6);
        color: var(--tertiary-white);
      }
    }
    .ew-banner__terms p {
      margin: 0;
      color: var(--tertiary-white);
      font-size: var(--heading-font-21-mob);
      font-style: normal;
      font-weight: var(--fw-300);
      line-height: var(--heading-lh-5--mob);
      letter-spacing: -0.12px;
      @media (width >= 1024px) {
        font-size: var(--body-font-size-xxxxs);
        letter-spacing: -0.15px;
      }
    }
  }
}