<div class="container pt-5 mt-5" id="clientes">
    <div class="row">
        <div class="col text-center">
            <h2 class="custom-highlight-text-1 d-inline-block line-height-5 text-4 positive-ls-3 font-weight-medium text-color-primary mb-2 appear-animation"
                data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250">Nuestro Proposito</h2>
            <h3 class="text-9 line-height-3 text-transform-none font-weight-semibold text-color-dark pb-3 mb-4 appear-animation"
                data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">Los Clientes</h3>
            <p class="text-3-5 pb-3 mb-4 appear-animation" data-appear-animation="fadeInUpShorter"
                data-appear-animation-delay="750">En RAZE, no vemos a nuestros clientes simplemente como proyectos o
                transacciones. Para nosotros, cada
                cliente es un socio valioso en su búsqueda de éxito y crecimiento. Más allá de ofrecer servicios, nos
                esforzamos por construir una relación
                sólida y duradera.
            </p>
        </div>
    </div>
    <div class="row align-items-center p-2 mb-4 mb-lg-1 mb-xl-4 appear-animation rounded-5 border border-5 border-color-light-1"
        data-appear-animation="fadeInUpShorter" data-appear-animation-delay="750">
        <div class="col-12 col-lg-4 p-3 p-lg-2">
            <div class="d-flex">
                <img width="63" height="63" src="{{ asset('img/frontend/icons/label.svg') }}" alt="" data-icon
                    data-plugin-options="{'onlySVG': true, 'extraClass': 'd-lg-none d-xl-block svg-fill-color-quaternary'}" />
                <span class="text-3 font-weight-bold text-color-quaternary pt-2 ms-2 text-nowrap">
                    <strong class="d-block font-weight-bold text-9 mb-2"><span class="text-primary">50+</span></strong>
                    Clientes satisfechos
                </span>
            </div>
        </div>
        <div class="col-12 col-lg-4 p-3 p-lg-2">
            <div class="d-flex">
                <img width="63" height="63" src="{{ asset('img/frontend/icons/mouse.svg') }}" alt="" data-icon
                    data-plugin-options="{'onlySVG': true, 'extraClass': 'd-lg-none d-xl-block svg-fill-color-quaternary'}" />
                <span class="text-3 font-weight-bold text-color-quaternary pt-2 ms-2 text-nowrap">
                    <strong class="d-block font-weight-bold text-9 mb-2"><span class="text-primary">400+</span></strong>
                    Trabajos realizados
                </span>
            </div>
        </div>
        <div class="col-12 col-lg-4 p-3 p-lg-2">
            <blockquote class=" m-0 pt-1 pb-2">
                <p class="mb-0 text-quaternary">Se uno de ellos y <span class="text-primary font-weight-bold">unete a
                        la familia RAZE</span>.</p>
            </blockquote>
        </div>
    </div>
</div>

<div class="container-fluid mb-4">
    <div class="row">
        <div class="col appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250">
            <div class="owl-carousel owl-theme  custom-carousel-vertical-center-items custom-dots-style-1"
                data-plugin-options="{'responsive': {'0': {'items': 1}, '476': {'items': 3}, '768': {'items': 3}, '992': {'items': 5}, '1200': {'items': 5}, '1600': {'items': 7}}, 'autoplay': true, 'autoplayTimeout': 2000, 'dots': true}">
                <div class="text-center">
                    <img class="d-inline-block img-fluid" src="{{ asset('img/frontend/logos/mfs_outdoors.jpg')}}" alt=""
                        style="max-width: 130px;" />
                </div>
                <div class="text-center">
                    <img class="d-inline-block img-fluid" src="{{ asset('img/frontend/logos/cambios_acarigua.jpg')}}"
                        alt="" style="max-width: 130px;" />
                </div>
                <div class="text-center">
                    <img class="d-inline-block img-fluid" src="{{ asset('img/frontend/logos/esan.jpg')}}" alt=""
                        style="max-width: 200px;" />
                </div>
                <div class="text-center">
                    <img class="d-inline-block img-fluid" src="{{ asset('img/frontend/logos/crati.jpg')}}" alt=""
                        style="max-width: 200px;" />
                </div>
                <div class="text-center">
                    <img class="d-inline-block img-fluid" src="{{ asset('img/frontend/logos/kaizen.jpg')}}" alt=""
                        style="max-width: 150px;" />
                </div>
                <div class="text-center">
                    <img class="d-inline-block img-fluid" src="{{ asset('img/frontend/logos/beeoxa.jpg')}}" alt=""
                        style="max-width: 200px;" />
                </div>
                <div class="text-center">
                    <img class="d-inline-block img-fluid" src="{{ asset('img/frontend/logos/finbiof.jpg')}}" alt=""
                        style="max-width: 200px;" />
                </div>

            </div>
        </div>
    </div>
</div>
