:root{
    --color1 : #4d4d4d;
    --color2 : #a32f30;
}

body{
    background: #f8f8f8;
}
.flex{
    display:flex;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.auth-placement{
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, 10px);
    background: #fff;
    box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
    max-width:950px;
}
.auth-img{
    width: 40%;
    background-size: cover;
    padding: 80px 40px;
    /* background: url('../images/kw-immomax.jpg') no-repeat top !important; */
}
.auth-img img{
    width:100%;
}
.auth-form{
    width:60%;
    padding: 80px;
}
.auth-form h1{
    font-size:1.8rem;
    margin-bottom: 45px;
}
.auth-span{
    position: absolute;
    cursor: text;
    font-size: 12px;
    opacity: 1;
    top: -0.4em;
    left: 0.75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 5px;
    color: rgba(33, 33, 33, 0.7);
    background:#fff;
}
.auth-btn{
    border-radius: 25px;
    background: #4f4f4f !important;
    border-color: #4f4f4f !important;
    margin-top:10px;
    padding: 7px 35px;
    font-weight: 700;
    letter-spacing: 0.05rem;
    font-size:14px;
    cursor: pointer ;
}
.auth-btn:hover{
    background: var(--color2) !important;
    border-color: var(--color2) !important;
}
.auth-register{
    float:right;
    color:#4f4f4f !important;

    border-radius: 25px;
    background: #fff !important;
    border-color: #4f4f4f !important;
    margin-top:10px;
    padding: 7px 35px;
    font-weight: 700;
    letter-spacing: 0.05rem;
    font-size:14px;



}
.auth-register:hover{
    color: var(--color2) !important;
    border-color: var(--color2) !important;
}

.btn-forgotpassword{
    text-decoration: underline;
    font-size:12px;
}
.btn-forgotpassword:hover{
    text-decoration: underline;
}
.auth-form-forgot{
    padding: 110px;
}