<div class="swiper">    
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img class="block w-full rounded-lg" src="assets/images/big/img1.jpg" alt="First slide">
        </div>
        <div class="swiper-slide">
            <img class="block w-full rounded-lg" src="assets/images/big/img2.jpg" alt="First slide">
        </div>
        <div class="swiper-slide">
            <img class="block w-full rounded-lg" src="assets/images/big/img3.jpg" alt="First slide">
        </div>
    </div>	
    <div class="pagination">
        <div class="swiper-button-prev btn-prev"></div>
        <div class="swiper-button-next btn-next"></div>
    </div>
    <div class="swiper-pagination "></div>
</div>
														
													

														
<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="carousel-item active">
                <img class="block w-full rounded-lg" src="assets/images/big/img2.jpg" alt="First slide">
                <div class="carousel-caption bg-[#00000099] [text-shadow:2px_2px_4px_rgba(0,0,0,0.78)] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
                    <h5 class="mb-2 text-[1.8rem] text-white">First slide label</h5>
                    <p class="text-[rgba(255,255,255,.7)]">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="carousel-item">
                <img class="block w-full rounded-lg" src="assets/images/big/img3.jpg" alt="Second slide">
                <div class="carousel-caption bg-[#00000099] [text-shadow:2px_2px_4px_rgba(0,0,0,0.78)] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
                    <h5 class="mb-2 text-[1.8rem] text-white">Second slide label</h5>
                    <p class="text-[rgba(255,255,255,.7)]">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="carousel-item">
                <img class="block w-full rounded-lg" src="assets/images/big/img4.jpg" alt="Third slide">
                <div class="carousel-caption bg-[#00000099] [text-shadow:2px_2px_4px_rgba(0,0,0,0.78)] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
                    <h5 class="mb-2 text-[1.8rem] text-white">Third slide label</h5>
                    <p class="text-[rgba(255,255,255,.7)]">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>
            </div>
        </div>
    </div>	
</div>
														
													

														
<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img class="block w-full rounded-lg" src="assets/images/big/img3.jpg" alt="First slide"></div>
        <div class="swiper-slide"><img class="block w-full rounded-lg" src="assets/images/big/img4.jpg" alt="First slide"></div>
        <div class="swiper-slide"><img class="block w-full rounded-lg" src="assets/images/big/img5.jpg" alt="First slide"></div>
    </div>	
</div>
														
													

														
<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img class="block w-full rounded-lg" src="assets/images/big/img4.jpg" alt="First slide"></div>
        <div class="swiper-slide"><img class="block w-full rounded-lg" src="assets/images/big/img5.jpg" alt="First slide"></div>
        <div class="swiper-slide"><img class="block w-full rounded-lg" src="assets/images/big/img6.jpg" alt="First slide"></div>
    </div>	
    <div class="pagination">
        <div class="swiper-button-prev btn-prev"></div>
        <div class="swiper-button-next btn-next"></div>
    </div>
    <div class="swiper-pagination "></div>
</div>
														
													

														
<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="carousel-item active">
                <img class="block w-full rounded-lg" src="assets/images/big/img5.jpg" alt="First slide">
                <div class="carousel-caption bg-[#00000099] [text-shadow:2px_2px_4px_rgba(0,0,0,0.78)] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
                    <h5 class="mb-2 text-[1.8rem] text-white">First slide label</h5>
                    <p class="text-[rgba(255,255,255,.7)]">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="carousel-item">
                <img class="block w-full rounded-lg" src="assets/images/big/img6.jpg" alt="Second slide">
                <div class="carousel-caption bg-[#00000099] [text-shadow:2px_2px_4px_rgba(0,0,0,0.78)] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
                    <h5 class="mb-2 text-[1.8rem] text-white">Second slide label</h5>
                    <p class="text-[rgba(255,255,255,.7)]">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="carousel-item">
                <img class="block w-full rounded-lg" src="assets/images/big/img7.jpg" alt="Third slide">
                <div class="carousel-caption bg-[#00000099] [text-shadow:2px_2px_4px_rgba(0,0,0,0.78)] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
                    <h5 class="mb-2 text-[1.8rem] text-white">Third slide label</h5>
                    <p class="text-[rgba(255,255,255,.7)]">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="pagination">
        <div class="swiper-button-prev btn-prev"></div>
        <div class="swiper-button-next btn-next"></div>
    </div>
    <div class="swiper-pagination bottom-[20px]"></div>
</div>