body {
  min-height: 100vh;
}

.bx-page-image-container img {
  margin-top: 64px;
}

.primaryButton {
  width: 100%;
}

.bx-db-title {
  color: var(--branco, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.forgot-password-form {
  margin-top: 110px;
}

.forgot-password-form #sys_forgot_password {
  display: flex;
  justify-content: center;
}

.forgot-password-form #sys_forgot_password .sys_forgot_password_wrapper {
  max-width: 568px;
  width: 100%;
}

.forgot-password-form .bx-db-content .bx-def-padding-sec-bottom,
.forgot-password-form .bx-form-element-wrapper .bx-form-caption {
  color: var(--material-theme-white, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  margin-top: 60px;
  margin-bottom: 20px;
}

.forgot-password-form #bx-form-element-do_submit {
  margin-top: 40px;
}

.forgot-password-form .bx-db-content {
  text-align: center;
}

.create-account-container,
.back-to-home-container {
  display: flex;
  justify-content: center;
}

a.create-account-btn {
  border-radius: 16px;
  border: 1px solid var(--material-theme-white, #fff);
  color: var(--material-theme-white, #fff) !important;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 568px;
  padding: 10px;
  margin-top: 10px !important;
  text-decoration: none !important;
}

a.back-to-home-btn {
  padding-top: 30px;

  color: var(--material-theme-ref-primary-primary70, #ff888f) !important;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .bx-page-image-container img {
    width: 56px;
    height: 76px;
  }

  .forgot-password-form .sys_forgot_password_wrapper,
  a.create-account-btn {
    margin-left: 24px;
    margin-right: 24px;
  }

  .bx-db-title {
    color: var(--material-theme-white, #fff);
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
  }

  .forgot-password-form {
    margin-top: 0;
  }

  .primaryButton {
    margin-top: 155px;
  }

  a.back-to-home-btn {
    padding-bottom: 60px;
  }
}

@media (max-height: 815px) {
  .forgot-password-form {
    margin-top: 15px;
  }
}