.login-page .content-wrapper {
    /* background: linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)), url("/images/background-login.webp");
    background-position: center;
    background-size: cover; */
    background-color: #f4f5f7;
}
.login-div-card .auth-form-light{
    border: 1px solid #eff0f6 !important;

}
.login-page .brand-logo h4,
.login-page .brand-logo h6,
.login-page .brand-logo label {
    color: var(--primary-color-text) !important;
}
.auth .brand-logo img {
    width: 100px !important;
    max-width: 100px;
}
.shadow {
    border-radius: var(--border-radius);
}
.login-form button{
    border-radius: 5px;
    line-height: 0.5 !important;
}
.login-page h6 , .login-page h4{
    text-align: center;
}
.login-form .form-group input{
    height: 2.4rem !important;
}
.shadow h4,
.shadow h6 {
    text-align: center;
}

.brand-logo {
    text-align: center;
}

.btn-primary,
.wizard>.actions a {
    color: #fff;
    /* background-color: #216FDB; */
    /* border-color: #216FDB; */
}
.button_login{
    background-color: #033F59 !important;
}
.button_login:hover{

    border-radius: 5px !important;
    /* font-family: cursive; */
    font-weight: 900;
    background-image: linear-gradient(45deg, var(--secondary-color), #232020);
}
.button_login{

    border-radius: 5px !important;
    /* font-family: cursive; */
    font-weight: 900;
    background-image: linear-gradient(45deg, var(--secondary-color), #232020);
}
.btn-primary,
.wizard>.actions a {
    color: #fff;
    /* background-color: #216FDB; */
    border-color: #033F59 !important;
}
@media (min-width : 992px){
    .login-page .login-div-card{
   
        max-width: 23.33333%;
    
}
}