.hdb-app {
  display: flex;
  flex-direction: column;
}

.hdb-create-account,
.hdb-create-password,
.hdb-recovery-password,
.hdb-error, .hdb-info {
  flex: 1;
  display: flex;
  justify-content: center;
  padding-bottom: var(--hdb-space-4x);
  width: 100%;
}

.hdb-create-account,
.hdb-create-password,
.hdb-recovery-password {
  flex-direction: row;
  flex: 1;
}

.hdb-error, .hdb-info {
  flex-direction: column;
  align-items: center;
}

.hdb-create-account .hdb-form {
  width: 90%;
}

.hdb-create-account .hdb-form__actions button {
  flex: 1;
}

.hdb-create-account__user-document {
  margin-top: 20px;
  margin-bottom:  0;
}

.hdb-create-account__partners {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: var(--hdb-space-4x) 0;
  height: var(--hdb-space-10x);
}

.hdb-login .hdb-form {
  width: 90%;
}

.hdb-create-password .hdb-form,
.hdb-recovery-password .hdb-form {
  max-width: 600px;
}

.hdb-login .hdb-form__actions button,
.hdb-login .hdb-form__actions a {
  flex: 1;
}

.hdb-error__actions, .hdb-info__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hdb-login {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.hdb-login__welcome-text, .hdb-login__form {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--hdb-space-5x) var(--hdb-space-2x);
}

.hdb-login__welcome-text {
  background: linear-gradient(161.03deg, #140467 49.22%, #4A2BE1 91.72%);
}

.hdb-login > .hdb-row {
  flex: 1;
}

.hdb-login__welcome-text {
  color: var(--hdb-white);
}

.hdb-login__welcome-text h1 {
  font-size: 42px;
  font-weight: 700;
  text-align: center;
  color: var(--hdb-light-purple);
  max-width: 80%;
}

.hdb-login__welcome-text img {
  max-width: 380px;
  margin: var(--hdb-space-7x) 0;
}

.hdb-login__welcome-text p {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  max-width: 43%;
  margin: 0;
}

.hdb-login__welcome-subtitle {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  max-width: 80%;
  margin-bottom: var(--hdb-space-2x) !important;
}

.hdb-login__welcome-text a {
  margin-top: var(--hdb-space-6x);
}

.hdb-login__form-title {
  font-size: 42px !important;
  font-weight: 700;
  text-align: left;
  color: #1B1464;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.hdb-login__form-title:before {
  display: block;
  content: '';
  width: 69px;
  height: 16px;
  top: 122px;
  left: 747px;
  border-radius: 80px;
  background: #1ADA1A;
  margin-bottom: var(--hdb-space-2x);
}

.hdb-error, .hdb-info, .hdb-form {
  margin-top: var(--hdb-space-4x);
}

.hdb-login .hdb-form {
  margin-top: 0 !important;
}

.hdb-message {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--hdb-space-2x);
}

.hdb-message--top {
  justify-content: flex-start;
}

.hdb-message h1 {
  font-size: 2.5em;
  font-weight: 600;
  color: #1B1464;
  text-align: center;
  margin-top: var(--hdb-space-8x);
  margin-bottom: 0;
}

.hdb-message .hdb-card {
  margin-top: var(--hdb-space-8x);
  margin-bottom: var(--hdb-space-8x);
}

.hdb-modal-container {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: var(--hdb-black-alpha-50);
  z-index: 99999;
}

.hdb-modal-container--active {
  display: block;
}

.hdb-modal {
  position: fixed;
  background: var(--hdb-white);
  width: 550px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.hdb-modal__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: var(--hdb-space-3x);
}

.hdb-modal__title {
  font-size: 20px;
  color: var(--hdb-blue);
}

.hdb-modal__close {
  background: transparent !important;
  border: none !important;
  color: var(--hdb-blue);
  font-size: 20px;
}

.hdb-modal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--hdb-space-3x);
}

.hdb-modal__icon {
  margin-bottom: var(--hdb-space-3x);
}

.hdb-modal__subtitle {
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
  color: #686666;
  text-align: center;
}

.hdb-modal__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #686666;
  text-align: center;
  width: 89%;
}

.hdb-modal__text p {
  margin-bottom: 0;
}

.hdb-modal__text p + p {
  margin-top: 0;
}

.hdb-modal__actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: var(--hdb-space-3x);
}

.hdb-modal__actions .hdb-button + .hdb-button {
  margin-left: var(--hdb-space-2x);
}

.hdb-otp {
  justify-content: flex-start;
}

.hdb-otp .hdb-card {
  max-width: 500px;
}

.hdb-otp .hdb-card .hdb-card__description {
  margin-top: 0;
}

.hdb-otp .hdb-card .hdb-card__description ol {
  padding: 0;
  margin: 0;
  text-align: left;
}

.hdb-otp .hdb-card .hdb-card__description ol li,
.hdb-otp .hdb-card .hdb-card__description ol li img + br + p {
  text-align: center !important;
}

.hdb-otp .hdb-card .hdb-card__description ol li p,
.hdb-otp .hdb-card .hdb-card__description ol li ul li  {
  text-align: left !important;
}

.hdb-otp .hdb-card .hdb-card__description ol > li + li {
  margin-top: var(--hdb-space-4x) !important;
}

.hdb-otp .hdb-card .hdb-card__description ol li + li {
  margin-top: var(--hdb-default-space);
}

.hdb-otp__fields {
  margin-top: var(--hdb-space-4x);
}

.hdb-google-recatpcha {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

@media (max-width: 400px) {

  .hdb-modal {
    width: 95% !important;
  }
}

@media (max-width: 700px) {

  .hdb-login .hdb-form,
  .hdb-create-password .hdb-form,
  .hdb-recovery-password .hdb-form {
    max-width: 95%;
  }

  .hdb-login__welcome-subtitle,
  .hdb-login__welcome-text h1,
  .hdb-login__welcome-text p {
    max-width: 95%;
  }

  .hdb-login .hdb-form .hdb-form__actions,
  .hdb-create-password .hdb-form .hdb-form__actions,
  .hdb-recovery-password .hdb-form .hdb-form__actions {
    display: flex;
    flex-direction: column;
  }

  .hdb-login .hdb-form .hdb-form__actions .hdb-button,
  .hdb-create-password .hdb-form .hdb-form__actions .hdb-button,
  .hdb-recovery-password .hdb-form .hdb-form__actions .hdb-button {
    margin: 0 0 var(--hdb-space-3x) 0;
  }

  .hdb-modal {
    width: 400px;
  }

  .hdb-modal__actions {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .hdb-modal__actions .hdb-button {
    margin: 0 0 var(--hdb-space-2x) 0 !important;
  }

  .hdb-recovery-password {
    padding: 0 var(--hdb-space-2x);
  }
}

@media (max-width: 991px) {
  .hdb-login__welcome-text img {
    display: none;
  }
}