.cf {
  margin-block-end: var(--s-40-120);
}
.cf .contact-form {
  display: grid;
  grid-template-columns: 2.5fr 3.5fr;
  gap: var(--s-20-30);
  padding: var(--s-20-40) var(--s-20-60);
  border-radius: 15px;
  background: var(--c-secondary);
}
@media (max-width: 767.98px) {
  .cf .contact-form {
    display: flex;
    flex-direction: column;
  }
}
.cf .contact-form__headline {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cf .contact-form__heading {
  font-weight: 500;
  font-size: var(--t-24-40);
  line-height: 1;
  color: var(--c-secondary);
  color: var(--c-secondary-inverted);
}
.cf .contact-form__desc {
  color: var(--c-secondary-inverted);
}
.cf .contact-form .form__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cf .contact-form .form__group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--s-10-20);
}
.cf .contact-form .form__group button {
  width: 100%;
}
.cf .contact-form .form__personal-data {
  color: var(--c-secondary-inverted);
}
@media (max-width: 575.98px) {
  .cf .contact-form .form__personal-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
  }
}

/*# sourceMappingURL=block.css.map */