body{
margin: 0;
padding: 0;
font-size: 16px;
line-height: 20px;
font-family: "Roboto", sans-serif;


}
h1, h2, h3, h4, h5, h6, p{
    padding: 0;
    margin: 0;
}
.account-box{

   margin: 10px auto;
   background-color: rgb(255, 255, 255);
     height: 100vh;
}

 .account-box-image img{
    width:100%;
    height: 100%;
    object-fit: cover;
} 
.account-box-image{
    height: 100%;
}
.account-box-from h2{
    color: #7622d6;
    text-align: center;
}
.account-box span{
    color: black;
}
.account-box-from{
    padding: 30px 20px;
    height: 100vh;
  
}
.account-heading{
    text-align: center;
}
.account-heading p{
    color: black;
    padding: 8px 0;
}
.account-box-from input{
    width: 100%;
    border: none;
    outline: none;
    padding: 8px;
    border-bottom: #b1afafdd 1px solid;
}
.account-box-from label{
    padding: 8px 0;
    font-weight: bold;
    color: black;
}
.register-button {
    text-align: center;
}
.register-button button{
    width: 100%;
    color: #ffff;
        background: linear-gradient(#746bed, #1F1B53);
        border: none;
        opacity: none;
        padding: 15px 10px;
        border-radius: 20px;
}
.nm-box {
    position: relative;
}
.nm-box .icon-eye{
    position: absolute;
    right: 15px;
    top: 40px;
}
.icon-eye i{
    color: #1e1e1e;

}
.nm-box .get-otp{
    position: absolute;
    right: 15px;
    top: 10px;
}
.get-otp p{
 color: #752ec6;
 font-size: 14px;
 cursor: pointer;
}
@media(max-width:992px){
    .account-box-image{
    display: none;
} 
}

@media(max-width:550px){
    .account-box-from label{
    padding: 8px 0;
    font-weight: 600;
    color: black;
    font-size: 14px;
}
.account-heading p{
    font-size: 14px;
}
}