/* Styles spécifiques à la page compta */

/* Styles pour la timeline */
.process-timeline {
    position: relative;
    padding: 20px 0;
}

.process-timeline .process-item {
    position: relative;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    max-width: 90%;
    margin: 0 auto;
}

.process-timeline .process-item h4 {
    margin-bottom: 10px;
}

/* Style pour les cartes des professions */
.profession-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.profession-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Style pour l'image de la section "Pourquoi choisir HCE" */
.hce-hero-image {
    height: 248px;
    object-fit: cover;
    max-width: 529px;
    width: 100%;
}

/* Style pour l'image pleine largeur */
.fullwidth-image-container {
    height: 358px;
}

/* Responsive pour l'image pleine largeur à partir de 768px */
@media (max-width: 768px) {
    .fullwidth-image-container {
        height: auto;
        min-height: 200px;
    }
}


/* Media queries pour la responsivité */
@media (max-width: 768px) {
    .process-timeline .process-item {
        max-width: 100%;
    }
}