body{
    background-color:#fff
}
#auth{
    height:100vh;
    overflow-x:hidden
}
#auth #auth-right{
    background: url('../../../assets/images/01.png') no-repeat center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative; 
}
#overlay-image-login {
    background: url('../../../assets/images/02.png') no-repeat;
    background-size: contain; 
    position: absolute; 
    bottom: 30px; 
    right: 20px; 
    width: 300px; 
    height: 200px; 
}
#auth #auth-left{
    padding:5rem 8rem
}
#auth #auth-left .auth-title{
    font-size:2rem;
    margin-bottom:1rem
}
#auth #auth-left .auth-subtitle{
    color:#a8aebb;
    font-size:1.2rem;
    line-height:2.5rem;
}
#auth #auth-left .auth-logo{
    margin-bottom:3rem
}
#auth #auth-left .auth-logo img{
    height:5rem
}
@media screen and (max-width:767px){
    #auth #auth-left{
        padding:5rem
    }
}
@media screen and (max-width:576px){
    #auth #auth-left{
        padding:5rem 3rem
    }
}
body.theme-dark #auth-right{
    background:url(../../../assets/images/4853433.png?45649b87e0b3f50bfa1372c6cdb4595f),linear-gradient(90deg,#2d499d,#3f5491)
}