.section.ott-newsletter-box {
  color: var(--color-secondary);

  .group-block {
    height: 306px;
    margin: 0 auto;
  }

  .background-image-container {
    background: var(--color-accent-1);
    border-radius: 8px;

    img {
      clip-path: polygon(63.25% 100%, 0 100%, 0 0, 74.25% 0);
      width: 755px;
      margin-left: auto;
      transform: scale(-1.38, 1.38) translateY(9px) translateX(100px);

      @media screen and (max-width: 1364px) {
        transform: scale(-1, 1);
      }

      @media screen and (max-width: 1168px) {
        transform: scale(-1, 1) translateX(-200px);
      }

      @media screen and (max-width: 749px) {
        transform: scale(-1.3, 1.3) translateY(9px) translateX(25px);
      }
    }
  }

  .group-block-content {
    padding: 0 0 0 72px;

    rte-formatter:nth-child(3) {
      display: none;
    }
  }

  h2 {
    padding-top: 47px;
    font-weight: 400;
    font-size: 52px;

    strong {
      font-weight: 400;
      color: var(--color-accent-2);
    }
  }

  p {
    font-size: 40px;
    line-height: 40px;
    padding-top: 20px;
  }

  .email-signup__input-group {
    margin-top: 15px;
    grid-template-columns: 328px 150px;
    gap: 20px;
  }

  input {
    border-radius: 0;
    height: 47px;
    width: 328px;
    color: var(--color-input-primary);
    background: var(--color-input-background-primary);

    &:hover {
      background: var(--color-input-background-primary);
    }

    &::placeholder {
      font-size: 16px;
      color: var(--color-input-primary-80);
    }
  }

  button.email-signup__button {
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 4%;
    background: var(--color-accent-2);
    border-radius: 8px;
    width: 100%;
    padding: 0 16px;
  }

  .email-signup__message {
    margin-top: 4px;
  }

  .icon-success {
    color: var(--color-secondary);
  }

  .email-signup__message-text {
    padding: 0;
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 749px) {
  .section.ott-newsletter-box {
    display: initial;

    .group-block {
      height: 407px;
    }

    .background-image-container {
      border-radius: 0;

      img {
        height: 149px;
        width: 100%;
        clip-path: rect(0 100% 82% 0);
      }
    }

    .group-block-content {
      padding-left: 20px;

      rte-formatter {
        &:nth-child(2) {
          display: none;
        }

        &:nth-child(3) {
          display: initial;
        }
      }
    }

    h2 {
      display: none;
    }

    p {
      font-size: 30px;
      line-height: 36px;
      padding-top: 166px;

      strong {
        color: var(--color-accent-2);
        font-weight: 400;
      }
    }

    .email-signup__input-group {
      margin-top: 0;
      grid-template-columns: 1fr;
    }

    button.email-signup__button {
      width: 150px;
      padding: 16px;
    }
  }
}