.basic_2cols {
    overflow: visible;

    .basic_2cols__content {
        align-items: center;

        @media (max-width:992px) {
            flex-direction: column;
            gap: 40px;
        }

        .basic_2cols__media {
            display: flex;
            gap: 15px;

            &:has(.wrapper_media_seul) {
                min-height: 0px;
            }
            
            @media (min-width:992px) {
                min-height: 550px;
            }

            @media (max-width:992px) {
                width: 100%;
            }

            .wrapper_media {
                @media (max-width:992px) {
                    flex: 1;
                }

                img {
                    border-radius: var(--border-radius);
                }

                &:not(.__center) {
                    margin-bottom: 80px;

                    @media (max-width:992px) {
                        margin-bottom: 30px;
                        min-height: 300px;
                    }
                }

                &.__center {
                    margin-top: 80px;

                    @media (max-width:992px) {
                        margin-top: 30px;
                    }
                }
            }

            .wrapper_media_seul {
                img {
                    object-fit: contain;
                    width: fit-content;
                    height: fit-content;
                    border-radius: 8px;
                    
                    @media (min-width: 1200px) {
                        box-shadow: 0px 0px 36px 8px rgba(0, 0, 0, 0.16);
                    }
                }
            }
        }

        .basic_2cols__para {
            @media (max-width:992px) {
                width: 100%;
                padding: 0px;
            }

            span {
                font-family: var(--title-font);
            }

            &.mid_opacity p:not(:has(.bouton))
             {
                opacity: 0.5;
            }
            

            p:not(:has(.bouton)) {
                margin: 20px 0;
            }
        }
    }

    ul li {
        position: relative;
        padding: 0px 0px 0px 30px;
    }

    ul:not([class]) li::before {
        background: var(--main-color1);
        border-radius: 100%;
        content: "";
        display: inline-block;
        height: 8px;
        margin: -2px 15px 0px 15px;
        vertical-align: middle;
        width: 8px;
        outline: 2px solid rgba(7, 116, 186, 0.33);
        position: absolute;
        left: -5px;
        top: 11px;
    }
}