.elementor-1727 .elementor-element.elementor-element-e595acb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-1727 .elementor-element.elementor-element-e595acb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-e595acb *//* 1. Définition de la marge par défaut (Desktop/Tablette) */
.elementor-1727 .elementor-element.elementor-element-e595acb {
    --gutter: 40px;
}

/* 2. Réduction de la marge pour les mobiles */
@media (max-width: 767px) {
    .elementor-1727 .elementor-element.elementor-element-e595acb {
        --gutter: 20px; /* Ajuste cette valeur selon tes besoins */
    }
}

/* 3. Application aux conteneurs encadrés avec !important pour forcer la priorité */
.elementor-1727 .elementor-element.elementor-element-e595acb .e-con-boxed {
    padding-inline: var(--gutter) !important;
}

/* 4. Annulation pour les conteneurs encadrés imbriqués */
.elementor-1727 .elementor-element.elementor-element-e595acb .e-con-boxed .e-con-boxed {
    padding-inline: 0 !important;
}/* End custom CSS */