body{
    background-color:var(--bs-body-bg)
}
#auth{
    height:100vh;
    overflow-x:hidden
}
#auth #auth-right{
    height:100%;
    background:url(../static/images/bg/4853433.png),linear-gradient(90deg,#ececec,#ececec)
}
#auth #auth-left{
	width: 80%;
    padding:0rem 0rem
}
#auth #auth-left .auth-title{
    font-size:1.5rem;
    /*margin-bottom:1rem*/
}
#auth #auth-left .auth-subtitle{
    font-size:1rem;
    /*line-height:2.5rem;*/
    color:#ced5db
}
#auth #auth-left .auth-logo{
    margin-bottom:7rem
}
#auth #auth-left .auth-logo img{
    height:2rem
}
@media screen and (max-width: 1399.9px){
    #auth #auth-left{
		width: 80%;
        padding:0rem 0rem
    }
}
@media screen and (max-width: 767px){
    #auth #auth-left{
        padding:5rem
    }
}
@media screen and (max-width: 576px){
    #auth #auth-left{
        padding:5rem 3rem
    }
}
html[data-bs-theme=dark] #auth-right{
    background:url(../../images/bg/4853433.png),linear-gradient(90deg,#2d499d,#2d499d)
}