<section id="parceiros" class="my-5 py-5">
    <div class="container-fluid">
        <div class="row justify-content-center text-center ">
            <div class="col-12">
                <h3>Nossos parceiros</h3>
            </div>
            <div class="col-12 col-lg-10 col-xxl-8 mt-3">
                <p>
                    Faça parte deste grupo de instituições de
                    excelência que primam pela boa saúde
                    bucal dos seus hóspedes.
                </p>
            </div>
        </div>
        <div class="row justify-content-center text-center mx-5 px-5 pt-5">
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="/img/parceiro1.png" class="img-fluid" alt="imagem lar evangelico alice de oliveira">
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/parceiro2.png" class="img-fluid" alt="imagem fênix pensionato">
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/parceiro3.png" class="img-fluid" alt="imagem espaço martini">
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/parceiro4.png" class="img-fluid" alt="imagem vitally care">
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/parceiro5.png" class="img-fluid" alt="imagem residencial amar">
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/parceiro6.png" class="img-fluid" alt="imagem mpsoft">
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/parceiro7.jpg" class="img-fluid" alt="imagem cantinho do sossego">
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/parceiro8.jpg" class="img-fluid" alt="imagem natural life casa de repouso">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<script>
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 6,
        spaceBetween: 30,
        loop: true,
        pagination: false,
        navigation: false,
        autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
        grabCursor: true,
        breakpoints: {
          640: {
            slidesPerView: 2,
            spaceBetween: 20,
          },
          768: {
            slidesPerView: 4,
            spaceBetween: 40,
          },
          1024: {
            slidesPerView: 5,
            spaceBetween: 50,
          },
        }
    });
</script>
