.elementor-1678 .elementor-element.elementor-element-39c5b2a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1678 .elementor-element.elementor-element-5f73d09{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1678 .elementor-element.elementor-element-8678c2a{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}@media(min-width:768px){.elementor-1678 .elementor-element.elementor-element-39c5b2a{--content-width:85vw;}}@media(max-width:1024px){.elementor-1678 .elementor-element.elementor-element-8678c2a{--grid-columns:2;}}@media(max-width:767px){.elementor-1678 .elementor-element.elementor-element-8678c2a{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-8678c2a *//* Transforme la Loop en bento grid responsive */
.bento-illustrations .elementor-loop-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 2fr));
    gap: 326px;
}

/* Pour arrondir les images automatiquement */
.bento-illustrations .elementor-loop-item img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Bento effect : tu peux ajuster les tailles comme sur ta capture */
.bento-illustrations .elementor-loop-item:nth-child(1) {
    grid-column: span 2;
}

.bento-illustrations .elementor-loop-item:nth-child(4) {
    grid-row: span 2;
}

.bento-illustrations .elementor-loop-item:nth-child(5) {
    grid-column: span 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39c5b2a */.elementor-1678 .elementor-element.elementor-element-39c5b2a {
    max-width: 1200px;
}/* End custom CSS */