body,h1,h2,p{
    margin: 0%;
}

.main-div{
    display: flex;
    justify-content: center;
    background-color: #f0f2f5;
    flex-direction: column;
    align-items: center;
    font-family: 'Roboto', sans-serif;

}

#logo{
    font-size: 58px;
    color: #0b66ff;
    padding: 30px 0px;

}

.form{
    background-color: white;
    align-items: center;
    width:430px;
    border-radius: 12px;
    
    
}

.form-heading{
    padding: 10px;
    align-items: center;
    border-bottom: 1px solid #ccc;
}

h2{
    padding:5px ;
}

.input-elements{
    padding:15px;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
input,select{
    padding:10px;
    border:1px solid #ccc;
    border-radius:5px;
    width:100%;
    margin-bottom: 10px;
    font-size: 15px;
}

.width{
    width:48%;
    display:flex;
}

.full-width{
    width:100%;
    display:flex;
    
}

lable{
    font-size:12px;
    color:#606770;
    padding-bottom:8px;
}

.dob-div{
    display:flex;
    width:100%;
    justify-content: space-between;
}

.q-width{
    width:30%;
    display:flex;
}

.gender-div{
    display:flex;
    width:100%;
    justify-content: space-between;
}

.radio-btn{
    border: 1px solid #ccc;
    width:100%;
    border-radius:5px;
    padding: 8px;
    display:flex;
    align-items: center;
    justify-content: space-between;

}

.radio-lable{
    padding:0px;
    font-size: 15px;
    color:#000;
}

.radio-input{
    margin: 0px;
    width:auto;
}

small{
    padding:8px;
    color:#777;
    font-size:11.5px;
}

a{
    text-decoration: none;
}

.btn-div{
    padding: 15px 0px;
    display: flex;
    justify-content: center;
    width:100%
}

.signup-btn{
    border: 0;
    background-color: #00a400;
    color: #f0f2f5;
    padding:8px 55px;
    border-radius:5px;
    font-size: 18px;
    font-weight: 500;
}