body {   
    background-image: url(../../public/images/register.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    }
  
    .register {
        background: -webkit-linear-gradient(left, #3931af8a, #00c6ff33);
        margin-top: 5%;
        padding: 3%;
    }
    
    .register-left {
        text-align: center;
        color: #fff;
        margin-top: 4%;
    }
    
    .register-left input ,.register-left button{
        border: none;
        border-radius: 1.5rem;
        padding: 2%;
        width: 60%;
        background: #f8f9fa;
        font-weight: bold;
        color: #383d41;
        margin-top: 5%;
        margin-bottom: 3%;
        cursor: pointer;
    }

    .register-left button:focus {
    outline: 1px dotted;
    /* outline: 5px auto -webkit-focus-ring-color; */
}
    
    .register-right {
        background: #f8f9fa;
        border-top-left-radius: 10% 50%;
        border-bottom-left-radius: 10% 50%;
    }
    
    .register-left img {
        margin-top: 5%;
        margin-bottom: 5%;
        width: 80%;
        background:white;
        border-radius: 2.5rem;
       /* -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);
        }
    }
    
    .register-left p {
        font-weight: lighter;
        padding: 12%;
        margin-top: -9%;
    }
    
    .register .register-form ,.login-form{
        padding: 10%;
        margin-top: 10%;
    }
    
    /*.btnRegister {
        float: right;
        margin-top: 2%;
        border: none;
        border-radius: 1.5rem;
        padding: 2%;
        background: #0062cc;
        color: #fff;
        font-weight: 600;
        width: 50%;
        cursor: pointer;
    }*/

    .btnRegistercompany ,.btnRegister {
        
        margin-top: 2%;
        border: none;
        border-radius: 1.5rem;
        padding: 1%;
        background: #0062cc;
        color: #fff;
        font-weight: 600;
        width: 25%;
        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: 2%;
        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: 100px;
        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;
    }