@media screen and (min-width: 768px) {
  #pre_client_registration_modal {
    width: 720px;
  }
  #pre_client_registration_modal .hp-form__description {
    display: flex;
    justify-content: space-between;
  }
  #pre_client_registration_modal .hp-form__fields {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #pre_client_registration_modal .hp-form__field:has(> input[name="first_name"]),
  #pre_client_registration_modal .hp-form__field:has(> input[name="last_name"]), 
  #pre_client_registration_modal .hp-form__field:has(> input[name="password"]), 
  #pre_client_registration_modal .hp-form__field:has(> input[name="confirm_password"]) {
    width: 49%;
  }
  #pre_client_registration_modal .hp-form__field--checkbox {
    width: 100%;
  }
  /* verificaction code start */
  #pre_client_registration_modal .hp-form__field:has(> input[name="verification_code"]) {
    display: flex;
    flex-direction: column;
    width: 100%
  }
  #pre_client_registration_modal .hp-form__field:has(> input[name="verification_code"]) label {
    order: 1;
  }
  #pre_client_registration_modal .hp-form__field:has(> input[name="verification_code"]) input {
    order: 2;
  }
  #pre_client_registration_modal .hp-form__field:has(> input[name="verification_code"]) .hp-field__description {
    order: 3;
  }
  /* verificaction code end */
  #pre_client_registration_modal .hp-form__field:has(> input[name="email"]) {
    width: 65%;
  }
  #pre_client_registration_modal .hp-form__field:has(> .send_verification_button) {
    width: 35%
  }
  #pre_client_registration_modal .hp-form__field .send_verification_button {
    margin-top: 24px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #pre_client_registration_modal {
    position: relative;
  }
  #pre_client_registration_modal .hp-form__description .back-to-homepage {
    position: absolute;
    top: 8px;
    left: 40px;
  }
}

#pre_client_registration_modal .fancybox-close-small {
  display: none;
}
#pre_client_registration_modal .hp-form__field .send_verification_button {
  background-color: #890000 !important;
  color: #fff !important;
}
.error-msg {
  margin-top: 8px;
  color: #890000;
  font-size: 14px;
}
.success-msg {
  margin-top: 8px;
  color: green;
}