/*.grecaptcha-badge { visibility: hidden !important; }*/

.auth-logo{
    height: 128px !important;
    width: 416px !important;
}
.auth-logo img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media (max-width:453px){

    /* Auth logo */
    .row div .auth-logo{
        width:185px !important;
    }

}



/* Le parent n'a pas de fond, seulement les dimensions et l'overflow */
.animate-bg-container {
    position: relative;
    overflow: hidden;
    /* S'assurer qu'il est transparent */
    background: none !important;
}

@keyframes slideOnX {
    from { background-position-x: 0; }
    to { background-position-x: 1500px; }
}

/* 1. L'image de fond animée */
.animate-bg-container .bg-animated-image {
    width: 100%;
    height: 100%;
    background: url(/public/images/background.png);
    background-size: 1500px 900px;
    animation: slideOnX 60s linear infinite;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -2; /* Le plus bas */
}

/* 2. Le dégradé semi-transparent */
.animate-bg-container .bg-gradient-overlay {
    width: 100%;
    height: 100%;
    /* Votre dégradé semi-transparent */
    background: linear-gradient(90deg, rgba(33, 150, 243, .95), rgba(21, 101, 192, .95));

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; /* Au-dessus de l'image animée, mais derrière le contenu (shape) */
}

/* Le contenu principal (votre SVG et le reste) */
/*.animate-bg-container .shape {*/
/*    position: relative;*/
/*    z-index: 1; !* S'assurer qu'il est au-dessus de tout *!*/
/*}*/