.subscribe-form__wrapper{
  --text-color: var(--white);
  background-color: #142A8F;
  background-image: url('images/watermark_dark.svg');
  background-position-x: calc(100% - 48px);
  background-position-y: -24px;
  background-repeat: repeat-y;
  border-radius: 12px;
  /* padding: 36px 48px 36px 40px; */
  padding: 32px;
  position: relative;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}


.subscribe-form__wrapper.subscribe-author{
    padding: clamp(2rem, 2vw , 3rem);
    align-items: center;
}

.subscribe-form__wrapper .form__input{
  line-height: 1.15;
}

/* .subscribe-form__wrapper--light {
  --text-color: var(--heading-color);
  background-color: #EEF3FF;
  background-image: url('images/subscribe_bg.jpg');
  background-size: contain;
} */

.subscribe-form__wrapper--light {
  --text-color: var(--heading-color);
  background: url('images/subscribe_bg.jpg') 100% bottom, #EEF3FF;
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
}

.subscribe-form__wrapper .block__subtitle{
  color: var(--text-color);
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 600;
}
.subscribe-form__wrapper .block__text{
  color: #555538;
  font-size: 0.875rem;
}

.subscribe-form__wrapper.subscribe-author .subscribe-form__content {
  position: relative;
  z-index: 1;
  width: 100%;
}




@media screen and (max-width: 1024px) {
  .subscribe-form__wrapper--light{
    background: #eef3ff;
  }
  .subscribe-form__content {
    padding-right: 46px;
  }

  .subscribe-form__wrapper .block__subtitle{
    color: var(--text-color);
    white-space: nowrap;
    font-size: 1.125rem;
    line-height: 28px;
    font-weight: 600;
  }
  .subscribe-form__wrapper .block__text{
    color: #555538;
    font-size: 0.875rem;
  }
}


.subscribe-form {
  --border-radius: 8px;
  display: flex;
  gap: 6px;
}

.subscribe-form__wrapper.subscribe-author .left-form-block{
  width: 100%;
}

.subscribe-form__wrapper.subscribe-author .subscribe-form label{
  width: 100%;
}


@media screen and (max-width: 600px) {
    .subscribe-form {
      grid-template-columns: 1fr;
    }
    .left-form-block{
      width: 100%;
    }
  } 


.btn-subscribe{
  width: 56px;
  height: 48px;
}