body,
html {
  height: 100%;
  margin: 0;
}
#bx-content-main {
  margin: 0;
  padding: 2.5rem 0 0 0;
}
.bx-main {
  padding-bottom: 0;
}
#bx-content-wrapper {
  background: url('../../modules/boonex/artificer/data/template/system/images/login-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.create-account-step-title {
  line-height: 1.2;
  font-family: 'BrandonGrotesque', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #262626;
}

#designbox-register-user .bx-btn-primary {
  background-color: #7728dd !important;
  color: #fff !important;
  float: right;
  padding: 0 1rem !important;
  width: auto !important;
}
#designbox-register-user .bx-btn-primary.disabled {
  background-color: #C9A1FD !important;
  color: #fff !important;
  float: right;
  padding: 0 1rem !important;
  width: auto !important;
  border: none;
  cursor: default;
}
#bx-form-element-create_account_step2of4_t .show_phone {
  text-align: center;
  width: 100%;
  color: #adadad;
}
#bx-form-element-create_account_step2of4_t .bx-form-element,
#bx-form-element-create_account_step3of4_t .bx-form-element,
#bx-form-element-create_account_step4of4_t .bx-form-element,
#bx-form-element-create_account_welcome_t .bx-form-element {
  border-bottom: 1px solid #e2e2e2;
}

#bx-form-element-create_account_step2of4_t .bx-form-caption,
#bx-form-element-create_account_step3of4_t .bx-form-caption,
#bx-form-element-create_account_step4of4_t .bx-form-caption,
#bx-form-element-create_account_welcome_t .bx-form-caption {
  line-height: 1.2;
  font-family: 'BrandonGrotesque', sans-serif;
  font-size: 1.5rem;
  font-weight: 450;
  color: #262626;
  margin: 0.75rem 0;
}

#designbox-getting-to-know-you #bx-form-element-do_submit .bx-btn-primary {
  float: right;
  padding: 0.5rem 1rem;
}

#bx-form-element-controls_step4 .bx-form-input-wrapper-input_set {
  display: flex;
  justify-content: space-evenly;
}

#bx-form-element-controls_step4 .input_set_item {
  width: 40%;
  margin-top: 2rem;
}

#bx-form-element-controls_step4 .input_set_item .bx-btn-primary {
  width: 100%;
  display: block !important;
  margin: 0 !important;
}

#bx-form-element-controls_step4 .input_set_item .step_do_later {
  background-color: #fff;
  color: #202020;
  border: 0.5px solid var(--Tags-tag-background-active-gray, #6e6e6e);
}

#bx-form-element-controls_step4 .bx-clear {
  display: none;
}

#designbox-healthcare-verification #bx-form-element-identification .question-circle {
  display: none;
}

#designbox-healthcare-verification #bx-form-element-identification .bx-form-warn {
  margin-top: 0.5rem;
}

#bx-form-element-identification .bx-form-required {
  display: none;
}

#bx-popup-ajax-wrapper-step4DoPopup {
  max-width: 800px;
}

.step4_do_popup {
  text-align: center;
}
.step4_do_popup_title {
  width: 100%;
  text-align: center;
  color: #7728dd;
  font-size: 1.05rem;
  font-weight: 700;
}

.step4_do_popup_c {
  margin: 0.75rem 0;
}

.step4_do_popup_bt {
  justify-content: space-evenly;
  margin-top: 1.5rem;
}

.step4_do_popup_bt_item {
  width: 45%;
}

.step4_do_popup .bx-btn-d {
  background-color: #fff;
  color: #202020;
  border: 0.5px solid var(--Tags-tag-background-active-gray, #6e6e6e);
  box-sizing: border-box;
  height: 2rem;
  line-height: 2rem;
  border-radius: 4px;
  background-clip: padding-box;
  font-size: 1rem;
  font-weight: 700;
  padding: 0 0.75rem;
  width: 100%;
}

.step4_do_popup .bx-btn-s {
  background-color: #7728dd;
  color: #fff;
}

.step4_do_popup_check_w {
  border-radius: 10px;
  background: var(--Colors-Primary-primary-25, #f9f4ff);
  color: #000;
  font-family: 'BrandonGrotesque';
  padding: 0.5rem;
  margin: 1rem 0;
}

.step4_do_popup_check_left {
  margin-right: 0.5rem;
}

.step4_do_popup_check_left input[type='checkbox']:checked {
  accent-color: #9149ee;
  background-color: #9149ee;
}

.step4_do_popup_warn_info {
  color: rgb(248 113 113 / var(--tw-text-opacity));
  margin: 0.5rem 0;
  width: 100%;
  text-align: left;
}

.agree_check {
  cursor: pointer;
}

#bx-page-create-account-welcome button {
  border-radius: 8px;
  background: var(--Color-accent-orange, #ff6600);
  color: #fff;
  width: 70%;
  text-align: center;
  display: block;
}

#bx-page-create-account-welcome .create_account_welcome_t2 {
  color: var(--Color-text-primary, #262626);
  font-family: 'BrandonGrotesque';
  font-size: 1rem;
  font-style: normal;
  font-weight: 390;
  line-height: normal;
}

.create_account_welcome_list {
  display: flex;
  flex-direction: column;
}

.create_account_welcome_i {
  color: var(--Color-text-primary, #262626);
  font-family: 'BrandonGrotesque';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 450;
  line-height: 52px;
  padding-left: 20%;
  padding-right: 20%;
}

.create_account_welcome_icon {
  width: 52px;
  height: 52px;
}

#bx-page-create-account-welcome .bx-db-header {
  display: none;
}

@media (max-width: 1650px) {
  .create_account_welcome_i {
    padding-left: 5%;
    padding-right: 5%;
  }
  #bx-page-create-account-welcome button {
    width: 100%;
  }
}

@media (max-width: 1200px) and (min-width: 768px) {
  .md\:w-1\/3 {
    width: 50%;
  }
}

#designbox-register-organization .bx-btn-primary {
  background-color: #7728dd !important;
  color: #fff !important;
  float: right;
  padding: 0 1rem !important;
  width: auto !important;
}

#designbox-register-organization .bx-btn-primary.disabled {
  background-color: #C9A1FD !important;
  color: #fff !important;
  float: right;
  padding: 0 1rem !important;
  width: auto !important;
  border: none;
  cursor: default;
}

#bx-form-element-create_account_step5of5_t .bx-form-element {
  border-bottom: 1px solid #e2e2e2;
}

#bx-form-element-create_account_step5of5_t .bx-form-caption {
  line-height: 1.2;
  font-family: 'BrandonGrotesque', sans-serif;
  font-size: 1.5rem;
  font-weight: 450;
  color: #262626;
  margin: 0.75rem 0;
}

#bx-page-create-account-step5 {
  padding-bottom: 100px !important;
}

#bx-page-create-account-step5 #bx-form-element-do_submit{
  display: none;
}

.step5_org_popup_warn_info {
  color: rgb(248 113 113 / var(--tw-text-opacity));
  margin: 0.5rem 0;
  width: 100%;
  text-align: left;
}