body {
  background-color: #fff;
}
#auth {
  height: 100vh;
  overflow-x: hidden;
}
#auth #auth-right {
  height: 100%;
  background:
    url(../../images/bg/4853433.jpg), linear-gradient(90deg, #2d499d, #3f5491);
}
#auth #auth-left {
   height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;   /* move content upward */
    padding: 5vh 3rem 2rem 3rem;   /* top spacing instead of center */
  
}
#auth #auth-left .auth-title {
  font-size: 4rem;
  margin-bottom: 1rem;
}
#auth #auth-left .auth-form {
  margin-top: 2rem;
}
#auth {
  height: 100vh;
  overflow-x: hidden;
}
#auth #auth-right {
  height: 100%;
  background:
    url(../../images/bg/4853433.jpg), linear-gradient(90deg, #2d499d, #3f5491);
}
/* #auth #auth-left {
  padding: 5rem 8rem;
} */
/* #auth #auth-left .auth-title {
  font-size: 4rem;
  margin-bottom: 1rem;
} */
#auth #auth-left .auth-subtitle {
  font-size: 1.2rem;
  line-height: 2.5rem;
  color: #a8aebb;
}
#auth #auth-left .auth-logo {
  margin-bottom: 7rem;
}
#auth #auth-left .auth-logo img {
  height: 2rem;
}
/* @media screen and (max-width: 767px) {
  #auth #auth-left {
    padding: 5rem;
  }
} */
#loginBtn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

#loginBtn:disabled{
    opacity:.8;
    cursor:not-allowed;
}
/* space for icon inside input */
.has-icon-left .form-control{
    padding-left: 48px !important;
}
/* ================= MOBILE RESPONSIVE LOGIN ================= */

@media (max-width: 768px){

    /* remove full height forcing */
    #auth{
        height:auto;
        min-height:100vh;
        
    }

    /* hide image panel */
    #auth-right{
        display:none !important;
    }

    /* login container */
    #auth-left{
        height:auto;
        min-height:100vh;
        padding:24px 18px;
        justify-content:flex-start;
        align-items:stretch;
        /* position: ; */
    }

    /* TITLE — single line */
   #auth #auth-left .auth-title {
  font-size: 2rem;
  margin-bottom: 1rem;
}

    /* subtitle */
    .auth-subtitle{
        font-size:1px;
        line-height:1;
        margin-bottom:18px !important;
    }

    /* form spacing */
    .form-group{
        margin-bottom:16px !important;
    }

    /* inputs responsive */
    .has-icon-left input{
        height:44px;
        font-size:15px;
        padding-left:44px !important;
    }

    /* icon alignment mobile */
    .form-control-icon{
        width:44px;
        height:44px;
        left:0;
    }

    .form-control-icon i{
        font-size:16px;
    }

    /* login button mobile */
    #loginBtn{
        height:46px;
        font-size:16px;
        margin-top:12px !important;
    }

    /* footer text */
    .text-lg{
        font-size:13px;
        margin-top:22px !important;
    }

    /* prevent zoom on input focus (very important) */
    input, select, textarea{
        font-size:16px !important;
    }
}