.spa {
      --CLARINS-FONT: "ClarinsRegular", "Clarins";
      --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
          Helvetica, Arial, sans-serif;
      --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
          Helvetica, Arial, sans-serif;
      display: block;
      width: 100%;
      z-index: 2;
      position: relative;
  }

  .spa * {
      box-sizing: border-box;
  }

  .spa-cta {
      cursor: pointer;
      font-size: 14px;
      font-family: var(--GOTHAM-MEDIUM);
      color: #333 !important;
      line-height: 1em;
      background-color: #fff !important;
      display: flex;
      padding: 12px 16px;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
      border: 1px solid #B0A9A5 !important;
      outline: 0;
      text-decoration: none !important;
  }

  .spa-cta--primary {
      color: #fff !important;
      background-color: #B40024 !important;
      border: 1px solid #B40024 !important;
  }

  .spa-cta:hover {
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
  }

  .spa-cta:focus-visible {
      box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #6893D2;
  }

  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------*/
  .spa-header {
      width: 100%;
      background-color: #fff;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      overflow: hidden;
  }

  .spa-header__background {
      position: relative;
      width: 100%;
      display: block;
      z-index: 1;
  }

  .spa-header__background>img {
      width: 100%;
      height: auto;
      display: block;
  }

  .spa-header__content {
      display: flex;
      flex-direction: column;
      gap: 16px;
      position: absolute;
      z-index: 2;
      background-color: #fff;
      width: calc(50% - 40px);
      max-width: 506px;
      right: 50%;
      padding: 40px;
  }

  .spa-header__title {
      margin: 0;
      font-family: var(--CLARINS-FONT);
      font-weight: normal;
      color: #333333;
      font-size: 48px;
      line-height: 1.2em;
  }

  .spa-header__text {
      margin: 0;
      font-family: var(--GOTHAM-BOOK);
      font-weight: normal;
      color: #333333;
      font-size: 16px;
      line-height: 1.45em;
  }

  @media (min-width: 1537px) {
      .spa-header {
          height: 520px;
      }

      .spa-header__background {
          position: absolute;
          top: 0px;
          left: calc(50% - 1100px);
          width: 2200px;
      }
  }

  @media (max-width: 761px) {
      .spa-header {
          height: auto;
      }

      .spa-header__content {
          position: relative;
          width: calc(100% - 32px);
          max-width: 100%;
          margin-top: -50px;
          right: auto;
          padding: 32px 24px;
          text-align: center;
      }
  }