/* CSS pour la section de tarification */
    .pricing-area {
        padding: 60px 0;
        background-color: #f8f9fa; /* Couleur de fond légère */
    }

    .section-title-three h2 {
        font-size: 2.5rem; /* Taille de la police pour le titre */
        margin-bottom: 40px; /* Marge en bas du titre */
        color: #343a40; /* Couleur du texte */
    }

    .card-pricing {
        border: none; /* Supprime la bordure par défaut des cartes */
        border-radius: 15px; /* Coins arrondis */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Ombre douce */
        transition: transform 0.3s, box-shadow 0.3s; /* Effet de transition */
    }

    .card-pricing:hover {
        transform: translateY(-5px); /* Élève légèrement la carte au survol */
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); /* Ombre renforcée au survol */
    }

    .card-header-pricing {
        background-color: #007bff; /* Couleur de fond pour l'en-tête */
        color: white; /* Couleur du texte de l'en-tête */
        font-size: 1.25rem; /* Taille de la police de l'en-tête */
        padding: 20px; /* Rembourrage pour l'en-tête */
        border-top-left-radius: 15px; /* Coins arrondis en haut à gauche */
        border-top-right-radius: 15px; /* Coins arrondis en haut à droite */
    }

    .card-body-pricing {
        padding: 30px; /* Rembourrage pour le corps de la carte */
        text-align: center; /* Centrer le texte */
    }

    .card-body-pricing ul {
        list-style: none; /* Supprime les puces de la liste */
        padding: 0; /* Supprime le remplissage */
        margin-bottom: 20px; /* Marge en bas de la liste */
    }

    .card-body-pricing h3 {
        font-size: 2rem; /* Taille de la police pour le prix */
        margin: 20px 0; /* Marge en haut et en bas */
        color: #28a745; /* Couleur verte pour le prix */
    }

    .card-footer-pricing {
        background-color: #f1f1f1; /* Couleur de fond pour le pied de la carte */
        padding: 15px; /* Rembourrage pour le pied de carte */
        border-bottom-left-radius: 15px; /* Coins arrondis en bas à gauche */
        border-bottom-right-radius: 15px; /* Coins arrondis en bas à droite */
    }

    .btn-info {
        background-color: #007bff; /* Couleur du bouton */
        border: none; /* Supprime la bordure du bouton */
        border-radius: 5px; /* Coins arrondis pour le bouton */
        padding: 10px 20px; /* Rembourrage pour le bouton */
        color: white; /* Couleur du texte du bouton */
        transition: background-color 0.3s; /* Effet de transition */
    }

    .btn-info:hover {
        background-color: #0056b3; /* Couleur du bouton au survol */
    }

    /* Styles pour les badges */
    .badge {
        font-size: 0.9rem; /* Taille de la police pour les badges */
    }