.loginBtn{
    background-color: black;
    color: white;
    cursor: pointer;
    padding: 7px 20px;
}

.loginform{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 490px;
    height: 610px;
    margin-top: 4px;
    /* padding: 1px 0px 0px 0px; */
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ2l7u3afJhAAuNrWjg1waclYzsWSWCIGabiw&usqp=CAU");
    /* background-color: teal; */
    position: fixed;
    left: 50%;
    /* right: -50%; */
    top: -53%;
    transform: translate(30%,-50%);
    transition: 500ms;
    z-index: 105;
}
.showloginform{
    top: 50%;
}

.loginform input{
    font-size: 15px;
    width: 60%;
    height: 30px;
    margin: auto;
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0px;
    outline: 0px;
   
}
#login_image{
    cursor: pointer;
    width: 170px;
    margin: 10px;
}
.loginform span{
    
    cursor: pointer;
    position: absolute;
    right: 0px;
    font-size: 70px;
    font-weight:initial;
    padding: 2px 20px 0px 0px;
    top: 0px;
    color: #7a7a7a;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;

}

.login_DIV{
    margin-top: 50px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 90%;
    height: 400px;
    margin: auto;
    background-color: white;
    
    margin-top: 99.7px;
}

.viaOTP{
    border: 1px solid rgba(128, 128, 128, 0.306);
    width: 50%;
    margin: auto;
    height: 45px;
    text-align: center;
    border-radius: 5px;
    margin-top: 10px;
    background-color: rgba(128, 128, 128, 0.306);
}
.login_HR{
    width: 90%;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 15px;
    border-bottom: 0px;
}
#otp{
    cursor: pointer;
    color: white;
    margin-top: 12px; 
    font-size: 20px; 
    font-weight: bold
}
.term_condition{
    display: flex;
    width: 78%;
    margin: auto;
    margin-top: 20px;
    justify-content: space-evenly;
}
.enter_otp{
    
    font-weight: bold;
    width: 90%;
    height: 60px;
    margin: auto;
    z-index: -1;
    opacity: -1;
}
.show_otp{
    opacity: 1;
}
.username{
    display: flex;
}
.get_otp{
    border: 1px solid rgba(128, 128, 128, 0.306);
    background-color: rgba(128, 128, 128, 0.306);
    border-radius: 4px;
    padding: 10px 20px;
    cursor: pointer;
    margin-right: 10px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}