.consultation-form {
  --form-consent-gap: 8px;
  --form-consent-max-width: var(--consultation-form-agreement-max-width);
  --form-consent-text-max-width: var(--consultation-form-agreement-text-max-width);
  --form-consent-text-color: var(--consultation-form-agreement-color);
  --form-consent-box-size: var(--consultation-form-checkbox-size);
  --form-consent-box-border: var(--consultation-form-checkbox-border);
  --form-consent-box-radius: var(--consultation-form-field-radius);
  --form-consent-box-bg: var(--consultation-form-checkbox-bg);
  --form-consent-box-color: var(--consultation-form-checkbox-color);
  --form-consent-focus-outline: 1px solid var(--c-white);
  --consultation-form-gap: 20px;
  --consultation-form-row-gap: clamp(4px, 0.6201550388vw, 8px);
  --consultation-form-field-flex: 1 0 282px;
  --consultation-form-field-min-height: 44px;
  --consultation-form-field-bg: var(--c-white);
  --consultation-form-field-border: 0;
  --consultation-form-field-radius: 4px;
  --consultation-form-field-padding-inline: 30px;
  --consultation-form-phone-padding-left: 66px;
  --consultation-form-flag-left: 30px;
  --consultation-form-flag-width: 16px;
  --consultation-form-flag-height: 11px;
  --consultation-form-submit-flex: 1 0 156px;
  --consultation-form-agreement-max-width: 600px;
  --consultation-form-agreement-text-max-width: 426px;
  --consultation-form-agreement-color: var(--c-text-muted);
  --consultation-form-checkbox-size: 18px;
  --consultation-form-checkbox-border: 1px solid var(--c-border-light);
  --consultation-form-checkbox-bg: var(--c-white);
  --consultation-form-checkbox-color: var(--c-black);
  --consultation-form-status-color: var(--c-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--consultation-form-gap);
  width: 100%;
}

.consultation-form--promo {
  --consultation-form-field-flex: 1 0 275px;
  --consultation-form-submit-flex: 1 0 295px;
  --consultation-form-agreement-max-width: 620px;
}

.consultation-form--block {
  --consultation-form-field-flex: 1 0 282px;
  --consultation-form-submit-flex: 1 0 156px;
  --consultation-form-agreement-max-width: 600px;
}

.consultation-form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--consultation-form-row-gap);
  width: 100%;
}

.consultation-form__field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: var(--consultation-form-field-flex);
      -ms-flex: var(--consultation-form-field-flex);
          flex: var(--consultation-form-field-flex);
  min-height: var(--consultation-form-field-min-height);
  background: var(--consultation-form-field-bg);
  border: var(--consultation-form-field-border);
  border-radius: var(--consultation-form-field-radius);
}

.consultation-form__field--phone {
  padding-left: var(--consultation-form-phone-padding-left);
}

.consultation-form__field--phone .consultation-form__input {
  padding-left: 0;
}

.consultation-form__flag {
  position: absolute;
  left: var(--consultation-form-flag-left);
  top: 50%;
  width: var(--consultation-form-flag-width);
  height: var(--consultation-form-flag-height);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.consultation-form__flag .icon {
  display: block;
}

.consultation-form__input {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  border-radius: var(--consultation-form-field-radius);
  padding: clamp(14.5px, 1.9379844961vw, 25px) var(--consultation-form-field-padding-inline);
  color: var(--c-black);
  font-size: clamp(16px, 1.3953488372vw, 18px);
  font-weight: 500;
  line-height: 100%;
}

.consultation-form__input::-webkit-input-placeholder {
  color: var(--c-black);
  opacity: 1;
}

.consultation-form__input::-moz-placeholder {
  color: var(--c-black);
  opacity: 1;
}

.consultation-form__input:-ms-input-placeholder {
  color: var(--c-black);
  opacity: 1;
}

.consultation-form__input::-ms-input-placeholder {
  color: var(--c-black);
  opacity: 1;
}

.consultation-form__input::placeholder {
  color: var(--c-black);
  opacity: 1;
}

.consultation-form__submit {
  -webkit-box-flex: var(--consultation-form-submit-flex);
      -ms-flex: var(--consultation-form-submit-flex);
          flex: var(--consultation-form-submit-flex);
}

.consultation-form__submit.is-disabled,
.consultation-form__submit[aria-disabled=true] {
  cursor: pointer;
  opacity: 0.72;
  -webkit-filter: saturate(0.75);
          filter: saturate(0.75);
}

.consultation-form .form-status {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
}

.consultation-form .js-form-status[data-state=success],
.consultation-form .js-form-status[data-state=error],
.consultation-form .js-form-status[data-state=info] {
  color: var(--consultation-form-status-color);
}

@media (max-width: 1499px) {
  .consultation-form__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 1199px) {
  .consultation-form__submit {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@supports (appearance:none){

}

 @media (max-width: 1499px){

@supports (appearance:none){

}

}

 @media (max-width: 1199px){

@supports (appearance:none){

}

}