.btn-green {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #72A98F !important;
    --bs-btn-border-color: #72A98F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #72a98fa8;
    --bs-btn-hover-border-color: #4e7e67;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4e7e67;
    --bs-btn-active-border-color: #4e7e6796;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #72A98F;
    --bs-btn-disabled-border-color: #72A98F;
}

.mobile-visible {
    display: none !important;
}

.desktop-visible {
    display: initial !important;
}

@media (max-width : 576px) {
    .mobile-visible {
        display: initial !important;
    }

    .desktop-visible {
        display: none !important;
    }
}

@font-face {
    font-family: 'Roboto'; /* Nom de votre police */
    src: url('../fonts/Roboto-Black.ttf') format('truetype'); /* Chemin vers votre fichier TTF */
}

body {
    font-family: "Roboto", sans-serif;
}