.login.background {
    position: relative;
    z-index: 0;
    background-color: #8BB2C960;
    padding: 1.5rem 0;
    background-image: linear-gradient(180deg, rgba(139, 178, 201, 0.1) 0%,rgba(139, 178, 201, 0.1) 100%), url(/img/index/categorie-background.png)!important;
}

.login .content {
    max-width: 70%;
    background-color: white;
    border-radius: 30px;
}

.se-connecter .n-connexion {
    padding: 1.5rem;
    border-right: 1px solid var(--color-bleu-transparent);
}
.se-connecter .n-register {
    padding: 1.5rem;
}

/* RESPONSIVE */
@media (max-width: 1200px) { /* xl */
    .login .content {
        max-width: 80%;
    }
    hr {
        width: 80% !important;
    }
}

@media (max-width: 992px) { /* lg */
    .login .content {
        max-width: 85%;
    }
    hr {
        width: 85% !important;
    }
    .se-connecter .n-connexion {
        border-right: None;
    }
}

@media (max-width: 768px) { /* md */
    .login .content {
        max-width: 90%;
    }
    hr {
        width: 90% !important;
    }
}

@media (max-width: 576px) { /* sm */
    .login .content {
        max-width: 95%;
        border-radius: 10px;
    }
    hr {
        width: 95% !important;
    }
    .btn-login {
        width: 100%;
    }
    .se-connecter .n-connexion {
        padding: 1rem;
    }
    .se-connecter .n-register {
        padding: 1rem;
    }
}