body {
    margin: 0;
    padding: 0;
    height: 100vh;
    font-family: Arial, sans-serif; 
}

@media only screen and (max-width: 320px) {
    body {
        margin: 0;
        padding: 0;
        height: 100%;
        font-family: Arial, sans-serif;
    }
    div.register{
        padding-bottom: 20px
    }
  }

  @media only screen and (min-width:321px) and (max-width:768px) {
    body {
        margin: 0;
        padding: 0;
        height: 100%;
        font-family: Arial, sans-serif;
    }
  }

div.register{
    padding-bottom: 750px
}

.register{
    background: -webkit-linear-gradient(left,#053468, #ff7302);
    padding: 5%;
    height: 100%;
}

/* Estilo para guia ativa */
.nav-tabs .nav-link.active {
    background-color: transparent; /* Remover o fundo azul */
    color: #053468; /* Cor do texto da guia ativa */
    border-color: transparent; /* Cor da borda da guia ativa (opcional) */
}

/* Estilo para guias não selecionadas */
.nav-tabs .nav-link {
    background-color: transparent; /* Remover o fundo azul */
    color: #fff; /* Cor do texto da guia não selecionada */
    border-color: transparent; /* Cor da borda da guia não selecionada (opcional) */
}

/* Estilo para guias não selecionadas quando o mouse está sobre elas (opcional) */
.nav-tabs .nav-link:hover {
    background-color: transparent; /* Remover o fundo azul ao passar o mouse */
    color: #053468; /* Cor do texto quando o mouse está sobre a guia não selecionada */
    border-color: transparent; /* Cor da borda quando o mouse está sobre a guia não selecionada (opcional) */
}

.nav-tabs .nav-link:focus {
    outline: none;
}


.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: 60%;
    -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 h6{
    padding: 12% 5%;
    margin-top: -9%;
}
.register .register-form{
    padding: 5%;
    margin-top: 8%;
    margin-bottom: 4%;
}

@media only screen and (max-width: 768px) {
.register .register-form{
    padding: 5%;
    margin-top: 28%;
    margin-bottom: 4%;
}

div.register{
    padding-bottom: 20px
}
}

@media only screen and (min-width:768px) and (max-width: 1199px) {
    .register .register-form{
        padding: 5%;
        margin-top: 19%;
        margin-bottom: 8%;
    }
    

}

.btnRegister{
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #053468;
    color: #fff;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
}
.register .nav-tabs{
    margin-top: 3%;
    border: none;
    background: #053468;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
    
}
.register .nav-tabs .nav-link{
    padding: 2%;
    height: 35px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.register .nav-tabs .nav-link:hover{
    border: 2px solid #053468;
    border-radius: 1.5rem;
    background: #fff;
    color: #053468;
}
.register .nav-tabs .nav-link.active{
    color: #053468;
    border: 2px solid #053468;
    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;
}

.click {
    border: 0;
}

.form-group{
    margin-top: 5%;
}

.formatacao{
    text-transform: capitalize;
}