.gradient-custom-2 {
    background: linear-gradient(to right, #DCDB32, #DCDB32, #DCDB32);
}
.gradient-form {
height: 100vh !important;
}


@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }

}

.btnProxym {
    border: solid 1px #DCDB32;
    color: #DCDB32;
}

.btnProxym:hover {
    background: #DCDB32;
    color: #101010;
    border: solid 1px #DCDB32;
}

.modal-header {
    background: #DCDB32;
}
/* Modifier la largeur du conteneur pour qu'il prenne 100% sur les petits écrans */
.container-fluid {
    padding: 0; /* Retirer tout espacement autour du conteneur */
}

 /* Pour les écrans plus petits, réduire la taille du texte et autres éléments */
 @media (max-width: 576px) {
    .modal-header h5 {
        font-size: 1rem; /* Réduire la taille du titre */
    }

    .modal-footer {
        padding: 10px;
    }

    .modal-dialog {
width: 90%; /* Réduire la largeur à 90% */
max-width: 100%; /* Permettre à la modale de ne pas dépasser 100% */
margin: 0 auto; /* Centrer horizontalement la modale */
position: fixed; /* Assurer un positionnement fixe */
margin-left: 5%;

}

.modal-content {
    width: 100%; /* Garantir que le contenu de la modale prenne toute la largeur */
    
}
}