.form-body.consultations,
#form_modal_consultations_success {
  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: 20%;
  z-index: 99999;
  background: white;
  border-radius: 24px;
  display: none;
  @media screen and (width <= 620px) {
    right: auto;
  }

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

    .form_close {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;

      &: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;
        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% !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-21);
          cursor: pointer;
          color: white;

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

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

            &:hover {
              box-shadow: unset;
              position: unset;
            }
          }
        }

        > 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 {
          > label {
            position: static;
            font-size: 14px;

            > a {
              font-size: 14px;
              line-height: 150%;
              color: var(--red-21);
            }
          }
        }
      }
    }
  }
}

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

#form_modal_consultations_success {
  display: flex;
  position: absolute;
  width: 100%;
  max-width: 560px;
  min-width: 300px;
  padding: 46px 40px !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  left: auto;
  right: 35%;
  top: 10%;
  z-index: 99999;
  background: white;
  border-radius: 24px;
  @media screen and (width <= 620px) {
    right: auto;
  }
  .form_close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    &: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;
    }
  }
}

.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 !important;
}

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

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