/* Style global pour les icônes */
:root {
    --main-color: #8c0000;
}

.service-detail {
    margin-bottom: 100px;
}

.service-detail h2 i {
    color: var(--main-color); /* Couleur bleue pour les icônes */
    margin-right: 10px; /* Espace entre l'icône et le titre */
    font-size: 28px; /* Taille de l'icône */
    vertical-align: middle; /* Aligne l'icône avec le texte */
}

/* Optionnel: ajouter une couleur au survol de l'icône */
.service-detail h2 i:hover {
    color: var(--main-color); /* Couleur plus foncée au survol */
}

/* Responsive Design pour les icônes */
@media (max-width: 768px) {
    .service-detail h2 i {
        font-size: 24px; /* Réduire la taille de l'icône sur les petits écrans */
    }
}