/*START_FORM_BODY_CONSULTATIONS*/
.form-body.consultations,
.f-html .form-body.consultations {
  position: relative;
  width: 100%;
  max-width: 560px;
  min-width: 300px;
  padding: 46px 30px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  left: auto;
  right: auto;
  top: auto;
  display: flex;

  .form-header {
    border-radius: 15px 15px 0 0;
    padding: 0;
    margin-bottom: 50px;

    .header_info {
      display: flex;
      flex-direction: column;
      gap: 15px;

      .title {
        font-size: clamp(22px, 3vw, 32px);
        font-weight: 700;
        line-height: 24px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
        text-transform: none;
      }

      .desc {
        font-size: var(--font-size-16);
        font-weight: 400;
        line-height: 19.5px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
      }
    }
  }

  > form {
    width: 100%;
    max-width: 100%;
    min-width: 300px;

    .form_inputs {
      margin-bottom: 50px;
      position: relative;

      .input {
        > input {
          width: 100%;
          max-width: 100%;
          display: block;
          padding: 0 10px;
          border: 1px solid #ccc;
          height: 53px;
          background: transparent;
          border-radius: 15px;
        }

        .error {
          border: 1px solid var(--red-21);
        }
      }
    }

    .form-footer {
      .inner-table-block {
        display: block;

        > input {
          width: 100%;
          max-width: 100%;
          font-size: var(--font-size-18);
          font-weight: 700;
          line-height: var(--font-line-height-21);
          text-underline-position: from-font;
          text-decoration-skip-ink: none;
          border-radius: 15px;
          padding: 18px;
          background: var(--red-21);

          &:hover {
            box-shadow: 0 0 30px 0 var(--red-B2);
            color: white;
          }

          &:disabled {
            background: var(--grey-cc);
            color: var(--black-0);
          }
        }

        > p {
          margin-top: 10px;

          > a {
            color: var(--blue-D9);
            font-weight: 400;
            line-height: var(--font-line-height-19);
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
          }
        }
      }

      .inner-table-block.checkboxes {
        margin: 15px 0;
        font-size: 20px;

        .checkbox_politic {
          display: flex;
          gap: 10px;
          font-size: 14px;
          align-items: center;
        }

        > label {
          position: static;
        }
      }
    }
  }
}

/*END_FORM_BODY_CONSULTATIONS*/

/*START_FORM_CONSULTATIONS_POPUP*/
.form-consultations-popup {
  display: none;
}

.form-consultations-fancybox .f-html {
  padding: 0;
  background: transparent;
}

/*END_FORM_CONSULTATIONS_POPUP*/

/*START_FORM_INPUTS*/
.form-body > .form_inputs.list_modal {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 40px 0 0 0;
}

.form_inputs > .input {
  position: relative;
}

.form_modal > .form_inputs.list_modal > .input {
  margin: 0 0 15px 0;
}

.inputtext:focus,
.phone:focus,
.inputtextarea:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.015) inset;
  border-color: #999;
}

.form.contacts .form-group textarea {
  height: 300px;
}

.form textarea {
  overflow: hidden;
  padding-top: 10px;
}

textarea {
  resize: none;
}

form .captcha-row .form-group.animated-labels label:not(.error),
form .row div .form-group.animated-labels label:not(.error) {
  left: 5px;
}

form .form-group.animated-labels.input-filed label:not(.error) {
  transform: translateY(-32px);
  background: #fff;
  left: 7px;
  z-index: 6;
  padding: 0 5px;
  font-size: .8em;
}

form .form-group.animated-labels label:not(.error) {
  top: 10px;
  z-index: 0;
  background: white;
  white-space: nowrap;
}

/*END_FORM_INPUTS*/