.user-auth-container {
  max-width: 980px;
  white-space: pre-line;
  position: relative; }
  .user-auth-container .title {
    margin-top: 35px;
    margin-bottom: 25px; }
  .user-auth-container .header-banner > div {
    margin: 0 50px; }
    @media (max-width: 1199.98px) {
      .user-auth-container .header-banner > div {
        margin: 0 30px; } }
  .user-auth-container .header-banner .header-logo img {
    position: relative;
    top: 95px; }
  .user-auth-container .login-form .form-container {
    padding: 45px 30px 50px 30px; }
  .user-auth-container .login-form .horizontal-line {
    margin: 32px auto; }
  .user-auth-container .login-form .footer-space {
    padding-top: 52px; }
  .user-auth-container .register-form .form-container {
    padding: 55px 30px 70px 30px; }
  .user-auth-container .register-form .action-btn {
    margin-top: 50px;
    margin-bottom: 50px; }
  .user-auth-container .register-form .footer-space {
    padding-top: 52px; }
  .user-auth-container .password-forget-form .form-container {
    padding: 35px 30px 50px 30px; }
  .user-auth-container .password-forget-form .action-btn {
    margin-top: 48px;
    margin-bottom: 42px; }
  .user-auth-container .password-forget-form .description {
    margin-bottom: 25px; }
  .user-auth-container .password-forget-form .password-forget-content {
    position: relative; }
    .user-auth-container .password-forget-form .password-forget-content.success > div:not(.success-msg) {
      opacity: 0; }
    .user-auth-container .password-forget-form .password-forget-content.success .success-msg {
      display: block; }
    .user-auth-container .password-forget-form .password-forget-content .success-msg {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 80%;
      text-align: center; }
  .user-auth-container .forgot-password {
    margin-right: 40px;
    margin-top: 16px; }
    @media (max-width: 1199.98px) {
      .user-auth-container .forgot-password {
        margin-right: 20px;
        margin-top: 8px;
        margin-bottom: 8px; } }
  .user-auth-container .background {
    width: 100%;
    height: 100%;
    background-color: rgba(137, 101, 224, 0.2); }
  .user-auth-container .close-btn {
    position: absolute;
    width: 16px;
    height: 16px;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIuMDE0MjlMMTcuOTg1NyAwTDEwIDcuOTg1NzFMMi4wMTQyOSAwTDAgMi4wMTQyOUw3Ljk4NTcxIDEwTDAgMTcuOTg1N0wyLjAxNDI5IDIwTDEwIDEyLjAxNDNMMTcuOTg1NyAyMEwyMCAxNy45ODU3TDEyLjAxNDMgMTBMMjAgMi4wMTQyOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIuMDE0MjlMMTcuOTg1NyAwTDEwIDcuOTg1NzFMMi4wMTQyOSAwTDAgMi4wMTQyOUw3Ljk4NTcxIDEwTDAgMTcuOTg1N0wyLjAxNDI5IDIwTDEwIDEyLjAxNDNMMTcuOTg1NyAyMEwyMCAxNy45ODU3TDEyLjAxNDMgMTBMMjAgMi4wMTQyOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    -webkit-mask-size: cover;
    mask-size: cover;
    right: 1.5rem;
    top: 1rem;
    z-index: 1; }
  .user-auth-container .header-banner {
    background-color: rgba(45, 206, 137, 0.1);
    background-position: bottom;
    background-repeat: no-repeat;
    max-height: 200px;
    min-height: 200px;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    background-size: cover; }
    @media (max-width: 1199.98px) {
      .user-auth-container .header-banner {
        background-position: 0 30%; } }
  .user-auth-container .submit-btn {
    border-radius: 5rem;
    padding: 1.5rem 100px;
    white-space: nowrap; }