.form-body.consultations {
  position: absolute;
  width: 100%;
  max-width: 560px;
  min-width: 300px;
  padding: 46px 40px !important;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  left: auto;
  right: 35%;
  top: 5dvh;
  border-radius:30px;
  @media screen and (width <= 620px) {
    right: auto;
  }

  .form-header {
    padding: 0 !important;
    margin-bottom: 50px;

    .form_close {
      position: absolute;
      top: 20px;
      right: 20px;

      &:after {
        content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Menu / Close_MD'%3E%3Cpath id='Vector' d='M22.5 22.5L15 15M15 15L7.5 7.5M15 15L22.5 7.5M15 15L7.5 22.5' stroke='%23D31C21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
        width: 30px;
        height: 30px;
      }
    }

    .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;
        text-transform: none;
        letter-spacing: 0;
        color:var(--red-D0);
        margin-bottom:10px;
      }

      .desc {
        font-size: var(--font-size-20);
        font-weight: 800;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        line-height: 100%;
        letter-spacing: 0;
        color:#333;
      }
    }
  }

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

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

      .input {
        > input {
          width: 100% !important;
          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) !important;
        }
      }
    }

    .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-D0);

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

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

        > 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: 0 0 20px 0;
        font-size: 14px;
        .checkbox_politic{
          font-size: 14px;
          >label{
            font-size: 14px!important;
            position:static;
          }
        }
      }
    }
  }
}

#form_modal_consultations,
#form_modal_consultations_success {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: 100%;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999;
  left: 0;
  display: none;
}

#form_modal_consultations_success {
  display: flex;
}

.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;
}
.form label {
  font-size:20px!important;
}
textarea {
  resize: none;
}

.input > input::placeholder {
  color: transparent;
}

.input > input:placeholder-shown ~ label {
  cursor: text;
  top: 12px;
  padding: 0;
}

.input > input:focus ~ label,
.input > input:not(:placeholder-shown) ~ label {
  position: absolute;
  top: -25px;
  display: block;
  transition: 0.3s ease-in-out;
  padding: 3px 0;
}