/* Start custom CSS for html, class: .elementor-element-7a4d487e */.containersalons {
    display: flex;
    flex-wrap: wrap; /* Permet aux colonnes de passer à la ligne suivante */
    align-items: stretch;
    gap: 20px; /* Espace entre les colonnes lorsqu'elles sont sur la même ligne */
    margin: 0; /* Réinitialise la marge pour éviter des espaces latéraux */
}

.columnsalons {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #F5F5F7; /* Couleur d'arrière-plan */
    border-radius: 25px; /* Rayon de bordure */
    padding: 7px; /* Espace intérieur */
    box-sizing: border-box; /* Inclut le padding dans les dimensions de l'élément */
    min-height: 300px; /* Hauteur minimale pour garantir que l'alignement en bas fonctionne */
}

/* Pas besoin de marges spécifiques pour les colonnes ici */

.top-section-salon {
    /* Contient le premier et le deuxième widgets */
}

.bottom-widget-salon {
    margin-top: auto; /* Pousse le widget du bas vers le bas */
}

/* Media Query pour les petits écrans */
@media (max-width: 768px) {
    .containersalons {
        flex-direction: column; /* Dispose les colonnes en une seule colonne sur mobile */
        gap: 10px; /* Espace vertical entre les colonnes sur mobile */
    }
    
    .columnsalons {
        flex: none; /* Chaque colonne prend toute la largeur disponible */
        margin: 0; /* Pas d'espace latéral ou vertical supplémentaire */
    }

    /* Optionnel : Ajouter de l'espace entre les widgets dans les colonnes */
    .top-section-salon,
    .bottom-widget-salon {
        margin-bottom: 20px; /* Espace entre les widgets */
    }

    .bottom-widget-salon {
        margin-bottom: 0; /* Supprime l'espace sous le dernier widget */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ef19f51 */.containersalons {
    display: flex;
    flex-wrap: wrap; /* Permet aux colonnes de passer à la ligne suivante */
    align-items: stretch;
    gap: 20px; /* Espace entre les colonnes lorsqu'elles sont sur la même ligne */
    margin: 0; /* Réinitialise la marge pour éviter des espaces latéraux */
}

.columnsalons {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #F5F5F7; /* Couleur d'arrière-plan */
    border-radius: 25px; /* Rayon de bordure */
    padding: 7px; /* Espace intérieur */
    box-sizing: border-box; /* Inclut le padding dans les dimensions de l'élément */
    min-height: 300px; /* Hauteur minimale pour garantir que l'alignement en bas fonctionne */
}

/* Pas besoin de marges spécifiques pour les colonnes ici */

.top-section-salon {
    /* Contient le premier et le deuxième widgets */
}

.bottom-widget-salon {
    margin-top: auto; /* Pousse le widget du bas vers le bas */
}

/* Media Query pour les petits écrans */
@media (max-width: 768px) {
    .containersalons {
        flex-direction: column; /* Dispose les colonnes en une seule colonne sur mobile */
        gap: 10px; /* Espace vertical entre les colonnes sur mobile */
    }
    
    .columnsalons {
        flex: none; /* Chaque colonne prend toute la largeur disponible */
        margin: 0; /* Pas d'espace latéral ou vertical supplémentaire */
    }

    /* Optionnel : Ajouter de l'espace entre les widgets dans les colonnes */
    .top-section-salon,
    .bottom-widget-salon {
        margin-bottom: 20px; /* Espace entre les widgets */
    }

    .bottom-widget-salon {
        margin-bottom: 0; /* Supprime l'espace sous le dernier widget */
    }
}/* End custom CSS */