.register{
    
    background: linear-gradient(to right, #FF0000, #772629, #55353A);
    padding: 3%;
}
.register-left{
    text-align: center;
    color: #fff;
    margin-top: 4%;
}
.register-left input{
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer;
}
.register-right{
    background: #f8f9fa;
    border-top-left-radius: 10% 50%;
    border-bottom-left-radius: 10% 50%;
}
.register-left img{
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.color-female{
    color: #dd5e89;
}
.color-male {
    color: #7b4397;
}
.register-left p{
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}
.register .register-form{
    padding: 10%;
    margin-top: 10%;
    width:100%;
}
.btnRegister{
    float: right;
    margin-top: 0%;
    border: none;
    border-radius: 1.5rem;
    padding: 1%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 20%;
    cursor: pointer;
}
.register .nav-tabs{
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
}
.register .nav-tabs .nav-link{
    padding: 5%;
    height: 34px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.register .nav-tabs .nav-link:hover{
    border: none;
}
.register .nav-tabs .nav-link.active{
    width: 130px;
    color: #0062cc;
    border: 2px solid #0062cc;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.register-heading{
    text-align: center;
    margin-top: 8%;
    margin-bottom: -15%;
    color: #495057;
}

.loginbtnbottom{
    padding:3% !important;
    width:30% !important;
    margin-top:5px !important;
    margin-bottom:10px !important;
}

@media only screen and (max-width: 450px) {
    
    .loginbtnbottom{
    padding:3% !important;
    width:100% !important;
    margin-top:7% !important;
    margin-bottom:10% !important;
}
 .register .nav-tabs {
     margin-bottom:5%;
    margin-top: 0%;
    width: 91%;
}
.register-heading {
    text-align: center;
    margin-top: 10%;
    margin-bottom: -15%;
    color: #495057;
    font-size: 25px;
    font-weight: bold;
}

.register .nav-tabs .nav-link {
    padding: 3%;

}

.register .nav-tabs .nav-link.active {
    width: 100%;
}
}