<div class="swiper">    
	<div class="swiper-wrapper">
		<div class="swiper-slide">
			<img class="block w-full rounded-md" src="assets/images/big/img1.jpg" alt="First slide">
		</div>
		<div class="swiper-slide">
			<img class="block w-full rounded-md" src="assets/images/big/img2.jpg" alt="First slide">
		</div>
		<div class="swiper-slide">
			<img class="block w-full rounded-md" src="assets/images/big/img3.jpg" alt="First slide">
		</div>
	</div>	
	<div class="pagination">
		<div class="swiper-button-prev btn-prev "></i></div>
		<div class="swiper-button-next btn-next "></i></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-md" src="assets/images/big/img2.jpg" alt="First slide">
				<div class="carousel-caption bg-[#00000099] 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-white">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-md" src="assets/images/big/img3.jpg" alt="Second slide">
				<div class="carousel-caption bg-[#00000099] 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-white">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-md" src="assets/images/big/img4.jpg" alt="Third slide">
				<div class="carousel-caption bg-[#00000099] 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-white">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-md" src="assets/images/big/img3.jpg" alt="First slide"></div>
		<div class="swiper-slide"><img class="block w-full rounded-md" src="assets/images/big/img4.jpg" alt="First slide"></div>
		<div class="swiper-slide"><img class="block w-full rounded-md" 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-md" src="assets/images/big/img4.jpg" alt="First slide"></div>
		<div class="swiper-slide"><img class="block w-full rounded-md" src="assets/images/big/img5.jpg" alt="First slide"></div>
		<div class="swiper-slide"><img class="block w-full rounded-md" src="assets/images/big/img6.jpg" alt="First slide"></div>
	</div>	
	<div class="pagination">
		<div class="swiper-button-prev btn-prev "></i></div>
		<div class="swiper-button-next btn-next "></i></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-md" src="assets/images/big/img5.jpg" alt="First slide">
				<div class="carousel-caption bg-[#00000099] 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-white">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
				</div>
			</div>
		</div>
		<div class="swiper-slid
			<div class="carousel-item">
				<img class="block w-full rounded-md" src="assets/images/big/img6.jpg" alt="Second slide">
				<div class="carousel-caption bg-[#00000099] 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-white">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-md" src="assets/images/big/img7.jpg" alt="Third slide">
				<div class="carousel-caption bg-[#00000099] 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-white">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
				</div>
			</div>
		</div>
		<div class="pagination">
			<div class="swiper-button-prev btn-prev "></i></div>
			<div class="swiper-button-next btn-next "></i></div>
		</div>
		<div class="swiper-pagination "></div>
	</div>
</div>