body:not(.single) {
    .paragraphs {
        .para {
            >* img:not(.img-taille-reelle) {
                height: 360px;
                border-radius: var(--border-radius);
                object-fit: contain;
                width: 100%;

                @media (min-width: 1200px) {
                    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.24);
                    object-fit: cover;
                }
            }
        }
    }
}

.paragraphs {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;

    &[data-color="#0f398f"] {
        .para {
            li {
                &:before {
                    background: var(--white) !important;
                }
            }
        }
    }

    &:not([data-color="#0f398f"]) {
        hr {
            border: 1px solid var(--light-blue) !important;
            margin: 5px 0 !important;
        }
    }

    .col-1 {
        width: calc(100% / 12 * 1);
    }

    .col-2 {
        width: calc(100% / 12 * 2);
    }

    .col-3 {
        width: calc(100% / 12 * 3);
    }

    .col-4 {
        width: calc(100% / 12 * 4);
    }

    .col-5 {
        width: calc(100% / 12 * 5);
    }

    .col-6 {
        width: calc(100% / 12 * 6);
    }

    .col-7 {
        width: calc(100% / 12 * 7);
    }

    .col-8 {
        width: calc(100% / 12 * 8);
    }

    .col-9 {
        width: calc(100% / 12 * 9);
    }

    .col-10 {
        width: calc(100% / 12 * 10);
    }

    .col-11 {
        width: calc(100% / 12 * 11);
    }

    .col-12 {
        width: 100%;
    }

    .col-auto {
        width: auto;

        @media (min-width: 992px) {
            flex: 1;
        }
    }

    /* Responsive */
    [class*="col-"] {
        @media (min-width: 572px) {
            margin: 0 -20px;
            padding: 0 20px;
        }

        @media (min-width: 573px) and (max-width: 991px) {
            width: 50% !important;
        }

        @media (max-width: 572px) {
            width: 100% !important;
        }
    }

    .container {

        .paragraphs {
            &.para-2 {
                &:not(:has(*.para.col-auto, *.para.col-12)) {
                    /* justify-content: center; */
                }

                .para {

                    h2:has(>img),
                    h3:has(>img),
                    h4:has(>img),
                    h5:has(>img),
                    h6:has(>img),
                    p:has(>img),
                    em:has(>img) {
                        img {
                            max-width: 600px;
                        }
                    }
                }
            }

            @media (min-width: 992px) {
                &.para-3 {
                    .para {
                        margin: 0 !important;
                        padding: 0 !important;
                        max-width: 400px;

                        >*:not(.bloc_bleu, hr, .cta, h2:has(>img), h3:has(>img), h4:has(>img), h5:has(>img), h6:has(>img), p:has(>img), .bouton) {
                            padding: 0 5px 0 25px !important;

                            &:is(h2) {
                                padding: 0 !important;
                            }
                        }
                    }
                }
            }

            .para {
                display: flex;
                flex-direction: column;

                table {
                    &:has(tr td img.img-taille-reelle) {
                        img.img-taille-reelle {
                            &+figcaption,
                            &+p {
                                margin-top: auto !important;
                            }
                        }
                    }
                    td {
                        padding: 10px;
                    }
                }

                ul:not(:has(+.bloc_bleu)) {
                    margin: 5px 0 !important;
                }

                ol {
                    padding: 1rem;

                    li {
                        &:not(:first-child) {
                            margin-top: 5px;
                        }
                    }
                }

                h2:has(>img),
                h3:has(>img),
                h4:has(>img),
                h5:has(>img),
                h6:has(>img),
                p:has(>img) {
                    margin-bottom: 30px;
                }

                @media (min-width: 768px) {
                    >*:not(.bloc_bleu, .cta, hr, h2:has(>img), h3:has(>img), h4:has(>img), h5:has(>img), h6:has(>img), p:has(>img), .bouton) {
                        /* padding: 0 55px;

                        &:is(h2) {
                            padding: 0 20px;
                        } */
                    }
                }

                .bloc_bleu {
                    background: var(--light-blue);
                    padding: 30px !important;
                    z-index: 2;
                    position: relative;
                    border-radius: 8px;
                    min-height: 260px;
                    margin-top: auto;

                    &:before {
                        content: url('../../img/arrow_para.svg');
                        z-index: 11;
                        position: absolute;
                        top: -5px;
                        left: 18px;
                        width: 36px;
                        height: 28px;
                    }

                    &:has(+.cta) {
                        margin-bottom: 20px;
                    }

                    >* {
                        color: var(--white);
                    }
                }

                .bouton {
                    margin: 20px auto 0 auto;
                }
            }

            .section__btn {

                a,
                .bouton {
                    margin: auto;
                }
            }
        }
    }
}