#mainbox{
    position: relative;
    /* border: 1px solid black; */
    margin: auto;
    height:700px;
    width:27vw;
}

.whitebox{
    /* border: 1px solid pink; */
    position:absolute;
    top:260px;
    height:438px;
    width:25vw;
    margin-left:1vw;
    background-color: white;
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;

}
.whitebox>p{
    font-size: 20px;
    font-family: lato;
    font-weight: 700;
    color:#000000DE;
    margin-left: 1vw;;
}
#entermobileno{
   position: relative;
z-index: 0;
margin: 0;
height: 45px;
padding-left: 5px;
line-height: 2.6;
font-size: 17px;
box-sizing: border-box;
border: none;
margin-left: 1vw;
outline: none;

}

.frontimg{
   position:absolute;
   top:25px;
   left:20px;
   /* border: 1px solid green; */
   height:100px;
   width:100px;
}
#backimg{
   /* border: 1px solid red; */
   position:relative;
   top:0;
   left:0;
   width:100%;
    height:700px;


  
}
hr{
   margin-left: 1vw;;
    
}
#proceed{
   width: 100%;
font-weight: 600;
color:white;
border-radius: 3px;
background-color:#6d6e71;



height: 45px;
border: none;
width:323px;
margin-left: 1vw;;
text-align:center;
font-size: 18px;

position: relative;
cursor: default;

}

#signterm{
    display: flex;
    margin-top: 1vw;
    
}
#sign{
 color:#6d6e71;
font-size:16px;;
font-family: lato;
margin-left: 1vw;

}
#terms{
    color:#e41d36;
    font-size:16px;;
font-family: lato;
font-weight: 400;

}


#enterotp{
   position: relative;
z-index: 0;
margin: 0;
height: 45px;
padding-left: 5px;
line-height: 2.6;
font-size: 17px;
box-sizing: border-box;
border: none;
margin-left: 1vw;
outline: none;

}
#logo{
    margin-top:-500px;
    margin-left: 5vw;
    margin-right: 300px;
}
body{ 
   display: flex;
   background-image: url("https://www.licious.in/img/default/user-login.png");
   
}