/* Applique des coins arrondis, une transition douce, et du padding à chaque plan d'abonnement */
 .subscription-plan {
    border-radius: 10px;
    transition: all 0.3s;
    padding: 20px;
}

/* Ajoute une ombre autour des plans d'abonnement lors du survol, créant un effet de relief */
.subscription-plan:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Définit la taille de la police et rend le texte en gras pour les titres des plans */
.subscription-plan h5 {
    font-size: 1.5rem;
    font-weight: bold;
}

/* Définit la taille standard de la police pour les descriptions des plans */
.subscription-plan p {
    font-size: 1rem;
}

/* Définit une taille de police plus grande et en gras pour les prix ou les titres principaux des plans */
.subscription-plan h3 {
    font-size: 2rem;
    font-weight: bold;
}

/* Met en surbrillance le plan le plus populaire */
.card-highlight {
    border: 2px solid #07a4ff;
    background-color: hsla(209, 65%, 51%, 0.459);
}

/* Donne un style arrondi et du padding aux boutons "S'abonner" */
.btn-subscribe {
    border-radius: 10px;
    padding: 10px 90px !important;
    color:#ffffff !important;
    background-color: #4471c4;
    position: relative;
    top: 10px;
    border-color: #ffffff;
}

/* Définit une largeur maximale pour le conteneur principal pour éviter l'étirement sur les écrans larges */
.container-xxl {
    max-width: 1140px;
}

/*Définit un style et une taille au titre des champs */
.card-title{
    font-size:large;
    font-weight: bold;
    color:#4471c4;

}

.text-primary {
    color: #4471c4 !important;
}

.card-text{
    font-weight: 500;
}

.text-description {
    font-size: 1.1rem; /* Taille du texte légèrement augmentée */
    color: #333; /* Couleur du texte pour un contraste agréable */
    margin: 1rem 0; /* Marge au-dessus et en dessous du paragraphe */
    padding: 0 1rem; /* Padding à gauche et à droite */
    text-align: justify; /* Justifier le texte pour une présentation uniforme */
}
 
/*Appliquer une couleur sur les icones de la page contact*/
.custom-icon-color {
    color: #f9fbff;
}

/* .form-control{
    border-radius: 10px;
} */