:root {
    --bs-primary: #215f9a !important;
    --bs-primary-active: #f8961d !important;
    --bs-text-primary: #215f9a !important;
    --bs-secondary: #28a992 !important;
    --bs-primary-rgb: 21, 61, 138 !important;
    --bs-primary-rgb-active: 0, 99, 175 !important;
    --bs-secondary-rgb: 136, 191, 31 !important;

    --bs-app-header-primary-base-bg-color: #153d8a !important;
}

.color-green{
    color: #28a992 !important;
}

.color-orange{
    color: #f8961d !important;
}

.color-blue{
    color: #215f9a !important;
}

.background-green{
    background-color: #28a992 !important;
}

.border-green{
    border-color: #28a992 !important;
}

.background-orange{
    background-color: #f8961d !important;
}

.border-orange{
    border-color: #f8961d !important;
}

.background-blue{
    background-color: #215f9a !important;
}

.border-blue{
    border-color: #215f9a !important;
}

.color-primary {
    color: var(--bs-primary) !important;
}

.color-secondary {
    color: var(--bs-secondary) !important;
}

.form-errors {
    color: red;
    font-weight: bold;
}

.text-color-white{
    color: white!important;
}

.custom-button {
    background-color: #215F9A; /* Fond bleu */
    color: white; /* Couleur de l'icône */
    border: none; /* Enlève les bordures */
    border-radius: 50%; /* Forme ronde */
    width: 50px; /* Largeur du bouton */
    height: 50px; /* Hauteur du bouton (identique à la largeur pour être rond) */
    display: flex; /* Utilisation de flexbox pour centrer l'icône */
    justify-content: center; /* Centrer horizontalement */
    align-items: center; /* Centrer verticalement */
    cursor: pointer; /* Curseur de souris comme bouton cliquable */
    transition: background-color 0.3s ease; /* Transition pour le changement de couleur */
    padding: 0; /* Supprimer le padding pour garder un bouton parfaitement rond */
}

.custom-button:hover {
    background-color: #F8961D; /* Fond orange au survol */
}

.custom-center .owl-stage {
    display: flex;
    justify-content: center;
}

.custom-center .owl-item {
    display: flex;
    justify-content: center;
}

.custom-center.owl-carousel .owl-item {
    display: flex;
    justify-content: center;
}

/* Vous pouvez aussi définir une largeur fixe ou min-width pour les éléments si nécessaire */
.custom-center.owl-item {
    min-width: 200px; /* Ajustez cette valeur selon vos besoins */
}

.accueil-color{
    color: white!important;
}

h1, h2, h3, h4, h5{
    color: #4A4A4A !important;
}