
.form-description:not(:last-child) {
  margin-bottom: 3rem;
}


.form-block .form-content {
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}

.form-contact {
  padding: 4rem 5rem;
  position: relative;
  width: 43%;
}
.form-contact * {
  position: relative;
  z-index: 2;
}

.form-block .form-wrapper {
  border-radius: .75rem;
  box-shadow: 0 0 1rem rgba(0,0,0,0.16);
  margin: 0 2.125rem;
  padding: 2.25rem 2.625rem;
}

.form-block .form-title {
  font-size: 1.375rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.form-block .description {
  margin-bottom: 2rem;
}

.form-block .form p {
  line-height: 1.5625;
}

.form-block form p {
  margin-bottom: .75rem;
}

.form-block .form label {
  text-align: left;
}
.form-block .form input {
  border: solid 1px #dbdee7;
  border-radius: .375rem;
  color: var(--color-primary);
  height: 3.125rem;
  margin: 0 1rem 0 0;
  padding: .5rem 1rem;
  position: relative;
}
.form-block .form input:focus {
  border: solid 1px var(--color-dark);
}
.form-block .form textarea {
  border: solid 1px #dbdee7;
  border-radius: .375rem;
  height: 5.625rem;
  padding: .5rem 1rem;
}
.form-block .form input::placeholder,
.form-block .form textarea::placeholder {
  color: var(--color-dark);
  font-size: 1rem;
}
.form-block .form input[type=submit] {
  border: 0;
  color: #fff;
  height: 3.75rem;
  margin-top: .5rem;
  width: 100%;
}

.form-block .wpcf7-acceptance .wpcf7-list-item label,
.form-block .wpcf7-acceptance .wpcf7-list-item label span {
  font-size: .9375rem;
  line-height: 1.5;
}


.form-button {
  margin-top: 3rem;
}
.form-block p:has(> .wpcf7-spinner) {
  margin: 0;
  position: relative;
}
.form-block .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: -1rem;
}


.form-block .form-background-image {
  height: 100%;
  position: absolute;
  right: calc(((100% - 69rem) / 2) + 17rem);
  top: 0;
  width: 100%;
  z-index: 0;
}
    .form-block .form-background-image img {
      height: 100%;
      object-fit: cover;
      width: 100%;
    }




/***********/

@media (max-width: 1599px) {
  .form-block-title {
    font-size: 1.75rem;
  }
  .form-block .person-name {
    font-size: 1.125rem;
    margin-bottom: 0;
  }
}
@media (min-width: 640px) and (max-width: 1599px) {
  .form-block .wpcf7-form label {
    font-size: 1rem;
  }
  .form-block .wpcf7-form textarea::placeholder {
    font-size: 1.125rem;
  }
}


@media (max-width: 1439px) {
  .form-block .form-wrapper {
    margin: 0 3rem 0 10rem;
  }

  .form-form-title {
    font-size: 1.75rem;
    margin-bottom: 3rem;
  }
}

@media (max-width: 1199px) {
  .form-block .form {
    padding: 3rem 4rem 2rem;
  }
  .form-block .form-wrapper {
    border-radius: .75rem;
    box-shadow: 0 0 1rem rgba(0,0,0,0.16);
    margin: 0 .75rem;
    padding: 2.25rem 2.625rem;
  }
  .form-block .contacts {
    row-gap: 2rem;
  }
  .form-contact,
  .form {
    width: 100%;
  }
  .form-description:not(:last-child) {
    margin-bottom: 3rem;
  }
  .form-title {
    font-size: 1.375rem;
    margin-bottom: 2rem;
  }
}

@media (max-width: 1023px) {
  .form-block .page-block-wrapper {
    padding-top: 11rem;
  }
  .form-block .form-background-image {
    height: 100vw;
    max-height: 37.5rem;
    right: 0;
  }
  .form-block .form-wrapper {
    margin: 0 6rem;
    max-width: 100%;
  }
  .form-contact,
  .form-form {
    padding: 2rem;
  }
  .form-block .form-title,
  .form-block .description {
    text-align: left;
  }
}

@media (max-width: 823px) {
  .form-block .form-wrapper {
    margin: 0 3rem;
  }
  .form-block .form {
    padding: 0;
  }
}

@media (max-width: 639px) {
  .form-block .form-content {
    border-radius: 1rem;
  }
  .form-block .form-wrapper {
    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .form-contact, .form {
    padding: 1.5rem;
  }
  .form-form-title {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
  }
  .form-block .person-email,
  .form-block .person-email a {
    font-size: clamp(.75rem, 3vw, .9375rem);
  }
}
