.qualiopi-section {
    /* ton image en fond si tu en as une (sinon couleur) */
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto; /* centrer horizontalement */
    margin-top: 4em;
    margin-bottom: 4em;
}

/* Conteneur commun */
.qualiopi-section__content {
    position: relative; /* pour l’empilement si overlay */
    z-index: 1;
    color: var(--black); /* ou blanc si fond foncé */
}

/* === Mobile par défaut (<768px) === */
.qualiopi-section {
    justify-content: center; /* centre horizontalement */
    padding: 1rem; /* un peu de marge intérieure */
}

.qualiopi-section h2 {
    font-family: Poppins-Black;
    text-transform: uppercase;
}

.qualiopi-section__icon {
    width: 24px;
    height: 24px;
    fill: var(--destructive) !important;
}

.qualiopi-section__img {
    max-width: 640px;
    height: auto;
    width: 100%;
}
.qualiopi-section__content {
    max-width: 100%; /* quasi full-width */
    text-align: center; /* titre et paragraphe centrés */
}

/* === Responsive mobile (<768px) === */
@media (max-width: 767.98px) {
    .qualiopi-section {
        justify-content: center; /* on centre le contenu */
        text-align: left; /* paragraphes centrés */
        width: 100%;
        padding: 2em 2em;
    }

    .qualiopi-content {
        /*max-width: 100%; /* prend toute la largeur dispo */
    }
}

@media (min-width: 1400px) {
    .qualiopi-section {
        max-width: 1120px; /* optionnel : pour ne pas dépasser une taille raisonnable */
    }
}

@media (max-width: 992px) {
    .qualiopi-section {
    }
}

@media (min-width: 768px) {
    .qualiopi-section .m-button--outline::after {
        content: '';
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        left: 60%;
        width: 120px;
        height: 40px;
        // transform: rotate(-6deg);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjQxIiB2aWV3Qm94PSIwIDAgMTI2IDQxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3LjMzNzYgNDAuMTg0NEwxLjQyNzY5IDIyLjUwNjhDMC40NTEzNzkgMjEuNDIyIDAuNDUxMzggMTkuNjYzMiAxLjQyNzY5IDE4LjU3ODRMMTcuMzM3NiAwLjkwMDczMUMxOC4zMTM5IC0wLjE4NDA1OCAxOS44OTY4IC0wLjE4NDA1OCAyMC44NzMxIDAuOTAwNzMxQzIxLjg0OTQgMS45ODU1MiAyMS44NDk0IDMuNzQ0MzEgMjAuODczMSA0LjgyOTFMOS4yMzEgMTcuNzY0OEwyNi40OTU2IDE3Ljc2NDhDMzMuNzk2NSAxNy43NjQ4IDQxLjEwNjggMTYuNTUxNCA0OC40OTcyIDE0LjkzNzFDNTEuNjM5IDE0LjI1MDggNTQuODg0MyAxMy40NjkxIDU4LjE0OTkgMTIuNjgyNUM2Mi4zNzc4IDExLjY2NDIgNjYuNjM5NyAxMC42Mzc2IDcwLjc1NDcgOS43OTkzOUM3Ny40NzYxIDguNDMwMjIgODQuMjk0OSA3LjM1NzQzIDkxLjA2MSA2LjI5MjkyQzkyLjkzMzggNS45OTgyOCA5NC44MDI1IDUuNzA0MjcgOTYuNjY0IDUuNDA0NzlDMTA1LjI4NiA0LjAxNzcyIDExMy43OTcgMi41MDcyMiAxMjIuMDkzIDAuMjU4ODk5QzEyMy40MzUgLTAuMTA0NjE4IDEyNC43ODcgMC44MDg5MjYgMTI1LjExNSAyLjI5OTM2QzEyNS40NDIgMy43ODk3OSAxMjQuNjE5IDUuMjkyNzIgMTIzLjI3OCA1LjY1NjIzQzExNC43MzcgNy45NzA3NiAxMDYuMDI5IDkuNTExNiA5Ny4zODA1IDEwLjkwM0M5NS40ODM0IDExLjIwODIgOTMuNTkxMiAxMS41MDYgOTEuNzA0IDExLjgwMjlDODQuOTUzMyAxMi44NjUxIDc4LjI2NzcgMTMuOTE3MSA3MS42NTY0IDE1LjI2MzlDNjcuNTA4NyAxNi4xMDg4IDYzLjQ3OTEgMTcuMDgxOCA1OS4zOTI1IDE4LjA2ODdDNTYuMTQ3NCAxOC44NTIzIDUyLjg2NjQgMTkuNjQ0NiA0OS40NjE4IDIwLjM4ODNDNDEuOTUwNCAyMi4wMjkgMzQuMjczIDIzLjMyMDQgMjYuNDk1NiAyMy4zMjA0TDkuMjMxIDIzLjMyMDRMMjAuODczMSAzNi4yNTYxQzIxLjg0OTQgMzcuMzQwOSAyMS44NDk0IDM5LjA5OTcgMjAuODczMSA0MC4xODQ0QzE5Ljg5NjggNDEuMjY5MiAxOC4zMTM5IDQxLjI2OTIgMTcuMzM3NiA0MC4xODQ0WiIgZmlsbD0iI0ZGRDkxQyIvPgo8L3N2Zz4K);
        pointer-events: none;
    }
}