.content {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: var(--scroll-to-top-index);
  .active a ul {
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
  }
  .form {
    background: var(--newsletter-background-color);
    box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);
    transition: 0ms;
    @include min(tablet) {
      position: fixed;
      @include flex-direction(column);
      right: -46.2rem;
      width: 36rem;
      bottom: 4vh;
      padding: 2.4rem;
      position: fixed;
      height: 35em;
      max-height: 40em;
      border-radius: 2.4rem 0rem 0rem 2.4rem;

      &.ppcPageForm {
        right: auto;
        left: -46.2rem;
        border-radius: 0 2.4rem 2.4rem 0;
      }
    }
    @include max(mobile) {
      @include flex-direction(column);
      margin: 0 1.2rem;
      padding: 1.6rem;
      border-radius: 0.4rem;
      z-index: var(--navigation-index);
      display: none;
      &.active {
        display: block;
      }
    }

    .subscribe {
      margin: 1.6rem 0 0;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 2.4rem;
      color: var(--color-51);
      text-align: left;
    }
    .closeBtn {
      display: none;
      right: 1rem;
      top: 1rem;
      width: 2.5rem;
      height: 2.5rem;
      cursor: pointer;
      z-index: 2;
      border: none;
      color: var(--newsletter-main-btn-color);
    }
  }
  @include min(tablet) {
    width: 43.4rem;
    .active {
      right: 0rem;
      z-index: var(--navigation-index);
      background-color: white;

      &.ppcPageForm {
        right: auto;
        left: 0rem;
      }
    }
  }
  @include max(mobile) {
    .active {
      padding-bottom: 23px;
      max-height: 65vh;
      transform: translateY(calc((var(--newsletter-mobile-form-height) - 100%) / -2));
      overflow: auto;
      width: 100%;
      margin: 0 auto;
      background-color: white;
      z-index: var(--navigation-index);
    }
  }
  @include custom-max(380) {
    .active {
      max-height: var(--newsletter-mobile-form-height);
      transform: translateY(calc((var(--newsletter-mobile-form-height) - 100%) / -2));
      overflow: auto;
    }
  }
}

.content h1 {
  color: var(--color-22);
  font-size: 25px;
  line-height: 34px;
  width: 90%;
  margin: 0.1em 0em 0.7em 0em;
}

.contentPage {
  padding: 3.2rem 1.6rem;
  background-color: transparent !important;
  z-index: var(--scroll-to-top-index);
  margin: 0 auto;

  @include min(tablet) {
    padding: 4.8rem 2.4rem;
  }

  .formPage {
    padding: 1.6rem;
    border-radius: 0.8rem;
    box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);
    position: relative;
    // background: var(--newsletter-body-background-color);
    background: linear-gradient(
      108.74deg,
      rgba(2, 3, 21, 0.77) 0%,
      rgba(43, 43, 51, 0.6) 100%
    ) !important;
    @include flex-direction(column);

    @include border-gradient-single(
      linear-gradient(
        108.74deg,
        rgba(4, 18, 148, 0.6) 0%,
        rgba(255, 255, 255, 0.54) 36.46%,
        rgba(255, 255, 255, 0.3) 73.96%,
        rgba(255, 255, 255, 0.246) 100%
      ),
      transparent
    );

    > * {
      position: relative;
      z-index: 2;
    }

    @include min(tablet) {
      margin: 0 auto;
      padding: 2.4rem;
      max-width: calc(var(--main-container-max) - 4.8rem);
    }
  }
}

.contentFooter {
  background: #ecedf7;
  box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  @include min(tablet) {
    margin: 0 auto;
    margin-bottom: 2rem;
    max-width: 286px;
  }
  .formFooter {
    display: block;
    .maintext {
      display: block;
      margin-bottom: 1rem;
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 1.5;
      color: var(--newsletter-main-text-color);
    }
    .subscribe {
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
      color: var(--newsletter-subscribe-text-color);
      font-weight: 400;
      line-height: 1.5;
      text-align: left;
    }
    form {
      flex-direction: (column);
    }
    .privacytext {
      display: inline-block;
      width: 100%;
      font-size: 1.2rem;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: var(--newsletter-privacy-text-color);
      vertical-align: super;
      text-align: left;
    }

    .privacytext a {
      margin: 0;
    }
  }
}
