<!-- HERO SECTION -->
<div class="w-full h-800 relative mb-minus-400" style="
	background-image:url(http://clients.dotdubstudio.com/newconcept/wp-content/uploads/2023/10/hero-image-newest.jpg);
	background-size:cover;
	background-position:center bottom;
">
	<div class="container h-800 relative z-2 pb-20 flex flex-column justify-start pt-80">
		<div class="flex flex-column-1080 justify-between items-start">
			<div class="w-1-2 w-full-1080 pt-80 text-center-1080 mb-40-1080">
				<p class="text-light-blue mb-10"><?php the_title(); ?></p>
				<h1 class="text-white mb-20">Prozivno-redosledni sistem</h1>
				<p class="text-white mb-40">Q-tronik prozivno-redosledni sistem* razvijen je s namerom da čekanje, koliko je to moguće, učini podnošljivim, manje zamornim.</p>
			</div>
			<div class="w-1-2 w-full-1080 h-full text-center">
			</div>
		</div>
	</div>
</div>
<!-- HERO SECTION END -->

<div class="w-full py-40 relative z-2">
	<div class="container px-40">
		<div class="bg-white br-10 page-content-shadow o-hidden">
			<!-- PAGE CONTENT SECTION -->
			<div class="w-full flex justify-between items-start">
				<div class="w-2-3 w-full-1080 p-20">
					<div class="swiper-page w-full relative o-hidden pb-60">
						<div class="swiper-wrapper">
							<div class="swiper-slide relative">
								<h2 class="text-blue mb-20">Prozivno-redosledni sistemi</h2>
								<img src="http://clients.dotdubstudio.com/newconcept/wp-content/uploads/2023/10/pc-files.png" class="w-full w-max h-auto mb-40" alt="">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget dolor at erat cursus posuere. Vestibulum porttitor, quam at dignissim cursus, nisl quam molestie quam, et facilisis ligula velit et sapien. Fusce blandit erat ligula, id laoreet nunc egestas consequat. Curabitur sapien nisl, lobortis et volutpat eget, euismod ac tellus. Curabitur eros lorem, pretium et nulla sit amet, ultrices aliquet purus. Quisque sit amet tincidunt enim, sed sagittis felis. Vivamus egestas auctor blandit. </p>
								<p> Cras ultrices massa non nisi ullamcorper dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc luctus nulla nec dolor hendrerit pellentesque. Nunc at quam pretium, sagittis erat eu, dapibus mi. Ut auctor mollis quam, non mollis sem consectetur eget. Suspendisse interdum elit pulvinar, posuere neque sit amet, sollicitudin sem. Aliquam erat volutpat. Etiam mattis eros nisl, eu convallis nibh mattis vel. Curabitur at neque volutpat, iaculis diam eget, pharetra nisl. Donec eu varius nibh. Morbi non suscipit mauris, ut fringilla eros. Vivamus elit ante, egestas eu nisl sed, porttitor condimentum lectus. Donec suscipit lorem quis dolor suscipit ornare. Pellentesque sollicitudin turpis vel velit lobortis blandit. Nam placerat aliquet semper. </p>
							</div>
							<div class="swiper-slide relative">
								<h2 class="text-blue">Prozivno-redosledni sistemi</h2>
								<img src="http://clients.dotdubstudio.com/newconcept/wp-content/uploads/2023/10/pc-files.png" class="w-full w-max h-auto mb-40" alt="">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget dolor at erat cursus posuere. Vestibulum porttitor, quam at dignissim cursus, nisl quam molestie quam, et facilisis ligula velit et sapien. Fusce blandit erat ligula, id laoreet nunc egestas consequat. Curabitur sapien nisl, lobortis et volutpat eget, euismod ac tellus. Curabitur eros lorem, pretium et nulla sit amet, ultrices aliquet purus. Quisque sit amet tincidunt enim, sed sagittis felis. Vivamus egestas auctor blandit. </p>
								<p> Cras ultrices massa non nisi ullamcorper dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc luctus nulla nec dolor hendrerit pellentesque. Nunc at quam pretium, sagittis erat eu, dapibus mi. Ut auctor mollis quam, non mollis sem consectetur eget. Suspendisse interdum elit pulvinar, posuere neque sit amet, sollicitudin sem. Aliquam erat volutpat. Etiam mattis eros nisl, eu convallis nibh mattis vel. Curabitur at neque volutpat, iaculis diam eget, pharetra nisl. Donec eu varius nibh. Morbi non suscipit mauris, ut fringilla eros. Vivamus elit ante, egestas eu nisl sed, porttitor condimentum lectus. Donec suscipit lorem quis dolor suscipit ornare. Pellentesque sollicitudin turpis vel velit lobortis blandit. Nam placerat aliquet semper. </p>
							</div>
							<div class="swiper-slide relative">
								<h2 class="text-blue">Prozivno-redosledni sistemi</h2>
								<img src="http://clients.dotdubstudio.com/newconcept/wp-content/uploads/2023/10/pc-files.png" class="w-full w-max h-auto mb-40" alt="">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget dolor at erat cursus posuere. Vestibulum porttitor, quam at dignissim cursus, nisl quam molestie quam, et facilisis ligula velit et sapien. Fusce blandit erat ligula, id laoreet nunc egestas consequat. Curabitur sapien nisl, lobortis et volutpat eget, euismod ac tellus. Curabitur eros lorem, pretium et nulla sit amet, ultrices aliquet purus. Quisque sit amet tincidunt enim, sed sagittis felis. Vivamus egestas auctor blandit. </p>
								<p> Cras ultrices massa non nisi ullamcorper dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc luctus nulla nec dolor hendrerit pellentesque. Nunc at quam pretium, sagittis erat eu, dapibus mi. Ut auctor mollis quam, non mollis sem consectetur eget. Suspendisse interdum elit pulvinar, posuere neque sit amet, sollicitudin sem. Aliquam erat volutpat. Etiam mattis eros nisl, eu convallis nibh mattis vel. Curabitur at neque volutpat, iaculis diam eget, pharetra nisl. Donec eu varius nibh. Morbi non suscipit mauris, ut fringilla eros. Vivamus elit ante, egestas eu nisl sed, porttitor condimentum lectus. Donec suscipit lorem quis dolor suscipit ornare. Pellentesque sollicitudin turpis vel velit lobortis blandit. Nam placerat aliquet semper. </p>
							</div>
						</div>
						<div class="swiper-pagination"></div> <!-- Add this div for pagination bullets -->
					</div>
					<script>
						var swiperPage = new Swiper(".swiper-page", {
							slidesPerView: 1, 
							pagination: {
								el: ".swiper-pagination",
								clickable: true,
							},
						});
					</script>
				</div>
				<div class="w-1-3 w-full-1080 h-full bg-lightest-blue p-20">
					<h2 class="text-black mb-20">Q-Tronik sistemi</h2>
					<ul>
						<li>Lorem ipsum dolor sit amet</li>
						<li>Lorem ipsum dolor sit amet</li>
						<li>Lorem ipsum dolor sit amet</li>
						<li>Lorem ipsum dolor sit amet</li>
						<li>Lorem ipsum dolor sit amet</li>
					</ul>
				</div>
			</div>
			<?php the_content(); ?>
			<!-- PAGE CONTENT SECTION END -->
		</div>
	</div>
</div>