/* <div class="container2">
<div class="container-slides">
    <ul class="slides">

        <!--first brand-->

        <li class="slide active brand1">
            <a href="#" class="action">
                <i>Type shit 1</i>
            </a>
            <div class="slide-content">
                <h2>Typeshit 1</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae est tempora
                    sequi vitae. Nulla id laborum facilis asperiores, impedit commodi mollitia
                    necessitatibus
                    ullam veniam recusandae, velit quae odio tenetur? Lorem ipsum dolor sit amet
                    consectetur,
                    adipisicing elit. Voluptate, repellendus tenetur? Numquam, dolore. Omnis, quam maxime
                    cupiditate delectus explicabo laudantium, porro illo pariatur dignissimos ducimus eos
                    cumque
                    aperiam, ea et.
                </p>
            </div>
        </li>

        <!--second brand-->

        <li class="slide active brand2">
            <a href="#" class="action">
                <i>Type shit 2</i>
            </a>
            <div class="slide-content">
                <h2>Typeshit 2</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae est tempora
                    sequi vitae. Nulla id laborum facilis asperiores, impedit commodi mollitia
                    necessitatibus
                    ullam veniam recusandae, velit quae odio tenetur?Lorem ipsum dolor sit amet consectetur
                    adipisicing elit. Unde exercitationem non culpa consequuntur temporibus pariatur
                    numquam, illum odit excepturi sint ea voluptate, tempore eveniet totam? Neque veritatis
                    nobis eius voluptate.
                </p>
            </div>
        </li>

        <!--third brand-->

        <li class="slide active brand3">
            <a href="#" class="action">
                <i>Type shit 3</i>
            </a>
            <div class="slide-content">
                <h2>Typeshit 3</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae est tempora
                    sequi vitae. Nulla id laborum facilis asperiores, impedit commodi mollitia
                    necessitatibus
                    ullam veniam recusandae, velit quae odio tenetur?Lorem ipsum dolor sit, amet consectetur
                    adipisicing elit. Vitae eveniet, voluptatibus suscipit cumque deleniti quis in voluptas
                    ea voluptatem possimus magni, illo provident debitis nostrum consequuntur adipisci eos
                    facilis est.
                </p>
            </div>
        </li>

        <!--four brand-->

        <li class="slide active brand4">
            <a href="#" class="action">
                <i>Type shit 4</i>
            </a>
            <div class="slide-content">
                <h2>Typeshit 4</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae est tempora
                    sequi vitae. Nulla id laborum facilis asperiores, impedit commodi mollitia
                    necessitatibus
                    ullam veniam recusandae, velit quae odio tenetur?Lorem ipsum dolor sit amet consectetur
                    adipisicing elit. Distinctio rem cupiditate facere adipisci, voluptatem assumenda
                    laboriosam perspiciatis porro repellendus culpa doloribus repellat ab! Magnam, nesciunt
                    sequi velit obcaecati dolores totam!
                </p>
            </div>
        </li>

        <!--five brand-->

        <li class="slide active brand5">
            <a href="#" class="action">
                <i>Type shit 5</i>
            </a>
            <div class="slide-content">
                <h2>Typeshit 5</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae est tempora
                    sequi vitae. Nulla id laborum facilis asperiores, impedit commodi mollitia
                    necessitatibus
                    ullam veniam recusandae, velit quae odio tenetur?Lorem, ipsum dolor sit amet consectetur
                    adipisicing elit. Hic molestias quae illo assumenda voluptates laborum sed voluptatibus
                    cum sit pariatur suscipit esse saepe, in eligendi voluptas doloremque doloribus
                    temporibus quas.
                </p>
            </div>
        </li>

        <!--six brand-->

        <li class="slide active brand6">
            <a href="#" class="action">
                <i>Type shit 6</i>
            </a>
            <div class="slide-content">
                <h2>Typeshit 6</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae est tempora
                    sequi vitae. Nulla id laborum facilis asperiores, impedit commodi mollitia
                    necessitatibus
                    ullam veniam recusandae, velit quae odio tenetur?Lorem ipsum, dolor sit amet consectetur
                    adipisicing elit. Beatae necessitatibus sed blanditiis adipisci? Magnam veritatis odit
                    obcaecati numquam architecto doloribus dolores repudiandae, voluptatem explicabo fugit
                    incidunt, unde quasi sequi. Necessitatibus.
                </p>
            </div>
        </li>


    </ul>
</div>
</div> */


/* <div class="col-6">
                <div class="h-caption text-center mt-6">
                    <h1>Avec <span>Cipres</span></h1>
                </div>


                <div class="h-body text-center">
                    <p> Envoyer<span> de l'argent</span> Lorem ipsum, dolor sit
                        tempora autem et nemo
                        groupe <span>OSIS</span> Technologies. consectetur
                        minima quae accusamus iuyrg bonyeour dehombr
                        she say olla como estas
                        she say konichiwa i say bonjour madame and i say naboulé.
                    </p>
                </div>
            </div>

            <div class="col-6 d-flex justify-content-center">
                <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs"
                    type="module"></script>

                <dotlottie-player src="https://lottie.host/a7e65270-2ef5-4aad-98da-a6a81dfb2d58/gNb4raQz3z.json"
                    background="transparent" speed="1" style="width: 300px; height: 300px;" loop
                    autoplay></dotlottie-player>
               
            </div> */

            /*  le lotties rouge avion papier */

            /* <!-- <div class="col-6 d-flex justify-content-center">
            <script
                src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs"
                type="module">
                </script>

            <dotlottie-player
                src="https://lottie.host/64e516b3-c6ec-4fbd-b543-7c288a808c85/FdRJOtv9GT.json"
                background="transparent" speed="1" style="width: 100px; height: 100px;" loop
                autoplay>
            </dotlottie-player>
        </div> --> */