/* CSS Bloc Points forts */
.points_forts {
    padding: var(--pad-l);
    margin-top: -5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-s);
    z-index: 1;
    position: relative;
}
.points_forts .container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gap-s);
    flex-wrap: wrap;
}

.points_forts .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-s);
    padding: var(--pad-s);
}

.points_forts .content img {
    object-fit: contain;
    width: 64px;
}

 /* CSS elements decoratifs */
.points_forts .image_gauche {
    position: absolute;
    top: 0%;
    left: -10%;
    rotate: 5deg;
    max-width: 400px;
    object-fit: contain;
    z-index: -1;
}

.points_forts .image_droit {
    position: absolute;
    top: -3%;
    right: -9%;
    rotate: -15deg;
    max-width: 400px;
    object-fit: contain;
    z-index: -1;
}

/* CSS Options */
.points_forts.beige {
    background-color:var(--third-color);
}

.points_forts.marron {
    background-color:var(--first-color);
}

.points_forts.marron p {
    color:var(--second-color);
}

.points_forts.marron_clair {
    background-color:var(--fourth-color);
}

/* Responsive */
@media (max-width:850px) {
    .points_forts {
      padding: var(--pad-mobile);
    }
    .points_forts .bottom_right_bull, .points_forts .bottom_left_bull, .points_forts .top_right_bull, .points_forts .top_left_bull {
        display: none;
    }
    .points_forts .container {
        flex-direction: column;
        align-items: center;
    }
}

@media (min-width:850px) {
    .points_forts .content {
        width: 31%;
    }
}