.form-block {
  margin: 80px 0;
  background: var(--greyE9);
  border-radius: 5px;
}
.form-block__wrapper {
  display: flex;
}
.form-block__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  flex: 0 0 calc(50% - 15px);
  width: calc(50% - 15px);
}
.form-block__form-wrap {
  flex: 1;
  padding: 60px 53px;
}

.form__title {
  margin-bottom: 15px;
}
.form__subtitle {
  margin-bottom: 30px;
  color: var(--grey57);
  max-width: 87%;
}
.form form {
  display: grid;
  grid-auto-columns: calc(50% - 15px) calc(50% - 15px);
  align-items: center;
  grid-template-areas: "name phone" "policy submit";
  gap: 30px;
  width: 100%;
}
.form form input[name=your-name] {
  grid-area: name;
}
.form form input[name=your-phone] {
  grid-area: phone;
}
.form form .form-btn {
  grid-area: submit;
  margin-left: auto;
}
.form form .form-btn input {
  width: 100%;
}
.form form .policy {
  display: none;
  grid-area: policy;
}

@media (max-width: 1199px) {
  .form-block__form-wrap {
    padding: 40px 33px;
  }
  .form form {
    gap: 15px;
    grid-auto-columns: calc(50% - 7px) calc(50% - 7px);
  }
}
@media (max-width: 991px) {
  .form-block__image {
    flex: 0 0 calc(38% - 15px);
    width: calc(38% - 15px);
  }
}
@media (max-width: 767px) {
  .form-block {
    margin: 40px 0;
  }
  .form-block__image {
    display: none;
  }
  .form__subtitle {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .form form {
    grid-template-areas: inherit;
    grid-auto-columns: 100%;
  }
  .form form input[name=your-name],
  .form form input[name=your-phone],
  .form form .form-btn,
  .form form .policy {
    grid-area: inherit;
    margin: 0 auto;
  }
  .form form .form-btn {
    width: 100%;
  }
  .form form .policy {
    text-align: center;
  }
  .form-block__form-wrap {
    padding: 30px 15px;
  }
}/*# sourceMappingURL=block.css.map */