/* Style global des cartes */
.info-card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid #eee;
    height: 120px;
    transition: all 0.4s ease-in-out;
    opacity: 0.5; /* Cartes sur les côtés plus claires */
    transform: scale(0.9);
}

/* Style de l'icône et du texte */
.info-icon i { font-size: 40px; color: #333; }
.info-content h5 { font-weight: 800; color: var(--zilom-dark); margin: 0; font-size: 1.1rem; }
.info-content p { color: #888; font-size: 0.9rem; margin: 0; }

/* EFFET ACTIF AU MILIEU (Automatique via Swiper) */
.swiper-slide-active .info-card {
    opacity: 1;
    transform: scale(1.05);
    border: 1px solid var(--zilom-blue);
    border-bottom: 6px solid var(--zilom-blue); /* Barre épaisse comme l'image */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Ajustement pagination */
.swiper-pagination-bullet-active {
    background: var(--zilom-blue) !important;
}