@extends('frontend.layouts.main')

@section('styles')
	<!-- Fonts -->

	<!-- Swiper Slider -->
	<link rel="stylesheet" href="{{ asset('build/frontend/assets/css/swiper-bundle.min.css') }}" />
	<!-- AOS Animation CSS -->
	<link href="{{ asset('build/frontend/assets/css/aos.css') }}" rel="stylesheet" />
	<!-- Style CSS -->
	<link rel="stylesheet" href="{{ asset('build/frontend/assets/css/style.css') }}" />

	<style>
		.out-team .swiper-slide img {
			height: 390px;
		}

		.out-team .swiper-slide.swiper-slide-prev img,
		.out-team .swiper-slide.swiper-slide-next img {
			height: 478px;
		}

		.out-team .swiper-slide.swiper-slide-active img {
			height: 566px;
		}

		@media screen and (max-width: 1200px) {
			.out-team .swiper-slide img {
				height: 300px;
			}

			.out-team .swiper-slide.swiper-slide-prev img,
			.out-team .swiper-slide.swiper-slide-next img {
				height: 400px;
			}

			.out-team .swiper-slide.swiper-slide-active img {
				height: 500px;
			}
		}

		@media screen and (max-width: 767px) {
			.out-team .swiper-slide img {
				height: 300px !important;
			}
		}
	</style>
@endsection

@section('content')
	<div class="-mt-[82px] flex-grow overflow-x-hidden lg:-mt-[106px]">
		<div class="relative overflow-hidden bg-black bg-cover bg-center bg-no-repeat">
			<img src="build/frontend/assets/images/insurance/banner_shap.png" alt=""
				class="absolute inset-y-0 right-0 object-cover" />
			<div class="container relative z-[1]">
				<div class="flex flex-col md:flex-row">
					<div class="flex-1 text-center  ltr:md:text-left rtl:md:text-right pb-12 lg:py-40 xl:py-52" data-aos="fade-right"
						data-aos-duration="1000">
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<h1 class="text-secondary font-extrabold text-4xl lg:text-5xl pt-5 pb-1">
							Eclectica Capital a.d.
						</h1>
						<h2 class="!text-white mb-12">Društvo za upravljanje investicionim fondovima</h2>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
					</div>
					<div class="hidden xl:flex flex-1 items-end" style="align-items: center;" data-aos="fade-left"
						data-aos-duration="1000">

						<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
							x="0px" y="0px" viewBox="0 0 250 350" style="enable-background:new 0 0 250 350;"
							class="w-full max-w-[250px] xl:ml-60" xml:space="preserve">
							<style type="text/css">
								.st0 {
									fill: none;
								}

								.st1 {
									fill: #D1AC68;
								}
							</style>
							<g id="Layer_x0020_1">
								<rect x="8.6" y="6.6" class="st0" width="240.8" height="337.8" />
								<path class="st1"
									d="M236,92.5c5.6-1.9,1.9-9.3,0.9-15.9c0.9,1.9,6.6,5.6,7.5,7.5v-6.6c-0.9-4.7-3.7-9.3-7.5-13.1
																	c3.7-1.9,3.7,0,7.5,0l0,0c-5.6-14-16.8-0.9-25.2-2.8c-5.6,0-10.3,0.9-14,7.5c0,0.9-10.3,18.6-14,25.2c2.8,5.6,8.4,6.6,14,7.5
																	c4.7-8.4,4.7-12.1,9.3-20.5c0.9,6.6,5.6,16.8,14.9,14.9c-0.9-0.9-3.7-4.7-4.7-7.5c-1.9-4.7-1.9-9.3,0-8.4
																	C232.3,83.1,236,83.1,236,92.5z M168.8,22.4c3.7,0,6.6,1.9,6.6,2.8c0,1.9-2.8,2.8-6.6,2.8c-3.7,0-6.6-0.9-6.6-2.8
																	C162.3,24.3,165.1,22.4,168.8,22.4z M204.3,35.5c2.8,0,5.6-0.9,7.5-0.9c4.7-0.9,9.3-0.9,15.9,1.9c3.7,1.9,8.4,1.9,14,2.8
																	c-6.6,5.6-25.2-1.9-28,0.9c-6.6,5.6-6.6,14.9,0.9,16.8c-3.7-2.8-5.6-7.5,4.7-12.1c5.6-1.9,19.6,6.6,25.2,7.5V32.7
																	c-8.4,0-11.2,0-17.7-1.9c7.5,0,14-4.7,17.7-10.3V8.5c-2.8,7.5-15.9,10.3-18.6,0c0.9,14,3.7,15.9-14.9,24.2
																	C208.9,33.7,206.2,34.6,204.3,35.5z M131.5,311.7c-1.9,3.7-3.7,7.5-7.5,12.1c-1.9,1.9-4.7,4.7-7.5,7.5c-2.8,1.9-5.6,3.7-8.4,5.6
																	c-4.7,0.9-8.4,1.9-13.1,1.9c-8.4,0.9-16.8-1.9-24.2-7.5c-7.5-4.7-13.1-12.1-15.9-21.4c-4.7-16.8,0-29.9,4.7-44.8
																	c3.7-12.1,7.5-24.2,7.5-28.9c0-4.7-0.9-9.3-2.8-14C55,203.5-1,203.5,40.1,277.3c-4.7-0.9-10.3-2.8-15.9-6.6
																	c-4.7-2.8-8.4-6.6-11.2-12.1c-3.9-5.6-5.7-12.1-6.7-18.7c-0.9-2.8-0.9-4.7-0.9-6.6c0-4.7,0.9-9.3,2.8-14
																	c1.9-5.6,6.6-13.1,12.1-18.6c19.6-18.6,49.4-12.1,60.6,12.1c3.7,6.6,5.6,14.9,5.6,23.3c0,7.5-3.7,21.4-8.4,35.5
																	c-2.8,9.3-7.5,21.4-4.7,30.8c2.8,9.3,11.2,15.9,21.4,14.9c10.3,0,18.6-9.3,18.6-20.5c0.9-4.7-4.7-14-9.3-22.4
																	c-9.3-17.7-8.3-27.1-0.9-51.3c2.8-11.2,5.6-18.6,11.2-30.8c7.5-10.3,50.4-33.6,61.6-35.5c10.3-1.9,20.5-1.9,25.2,8.4
																	c10.3,22.4-9.3,38.3-23.3,42c-7.5,1.9-14,3.7-15.9,7.5c0,1.9,0.9,3.7,1.9,3.7c0,0,13.1-5.6,14.9-5.6c10.3-2.8,58.8-27.1,65.3-9.3
																	v7.5c-2.8,0.9-6.6-2.8-11.2-1.9c5.6,3.7,9.3,6.6,7.5,15.9c-3.7-6.6-9.3-8.4-16.8-8.4c11.2,2.8,13.1,19.6,2.8,19.6
																	c5.6-8.4-5.6-10.3-12.1-12.1c-5.6-1.9-55.1,11.2-61.6,14.9c-2.8,0-6.6-1.9-8.4-4.7c-6.6-6.6-3.7-15.9-1.9-24.2
																	c-0.9,1.9-14,18.6-19.6,28.9C109.1,261.4,141.8,279.1,131.5,311.7z M88.6,258.5c-2.8,11.2-17.7,41.1,0.9,50.4
																	c4.7,1.9,17.7,0,18.6-20.5c-0.9,0-5.6,15.9-15.9,14.9C83,301.5,86.7,267,88.6,258.5z M53.1,268.8c0-7.5,8.4-24.2,5.6-36.4
																	c-3.7-16.8-32.7-16.8-28.9,8.4c0.9,0,6.6-17.7,16.8-14C55,229.6,55,239.9,53.1,268.8z M171.6,242.7c10.3,1.9,32.7,12.1,42,17.7
																	c2.8,1.9,14.9,9.3,20.5,11.2c-24.2,7.5-67.2-24.2-68.1-24.2c10.3,17.7,18.6,22.4,40.1,29.9c10.3,2.8,21.4,5.6,36.4,10.3
																	c0.9-3.7,1.9-6.6,1.9-10.3v-13.1c-14-3.7-23.3-3.7-31.7-10.3c6.6,1.9,27.1,1.9,31.7-2.8v-15.9c-8.4,10.3-18.6,11.2-22.4,11.2
																	c-13.1,0-16.8-4.7-12.1-14C195.9,238,184.7,239.9,171.6,242.7z M126.8,256.7c8.4,4.7,38.3,70,47.6,75.6
																	c5.6-3.7-16.8-22.4-18.6-34.5c-1.9-10.3,3.7-17.7,14.9-3.7c-21.4-8.4,14,31.7,19.6,38.3c-8.4,2.8-16.8,4.7-25.2,6.6
																	c-2.8-3.7-6.6-14-8.4-15.9c-1.9-3.7-0.9-6.6-6.6-7.5c2.8,5.6,6.6,19.6,2.8,25.2c-9.3,0.9-18.6,1.9-28,1.9c-2.8,0-5.6,0-9.3,0
																	c19.6-11.2,26.1-28,25.2-45.7C139.9,282.8,132.4,268.8,126.8,256.7z M49.3,278.1c-1.9,1.9-2.8,4.7-4.7,6.6
																	c-1.9,4.7-4.7,8.4-12.1,11.2c-3.7,1.9-7.5,4.7-12.1,8.4c-0.9-10.3,11.2-12.1,10.3-17.7c-1.9-9.3-16.8-18.6-20.5-15.9
																	c5.6,0,14,4.7,12.1,16.8c-1.9,5.6-9.3,4.7-13.1,7.5c3.7,6.6,8.4,13.1,14.9,18.6c9.3-8.4,6.6-12.1,18.6-14.9
																	c-3.7,4.7-11.2,16.8-6.6,22.4c7.5,4.7,16.8,8.4,26.1,12.1c-14-14.9-18.6-27.1-14.9-48.5C48.4,282.8,48.4,280,49.3,278.1z
																	M207.1,161.5c0,0,3.7,6.6,10.3,11.2c7.5,5.6,18.6,10.3,22.4,12.1c-10.3,2.8-26.1-10.3-26.1-10.3c0.9,0.9,1.9,7.5-1.9,13.1
																	c-0.9,2.8-5.6,8.4-7.5,9.3c18.6-3.7,17.7-6.6,40.1-3.7v-13.1c-5.6-0.9-6.6-1.9-10.3-4.7c2.8,0.9,7.5,0.9,10.3,0v-9.3
																	c-4.7,1.9-18.6,6.6-15.9,0C222.9,168,212.7,160.6,207.1,161.5z M195.9,136.3c0,4.7-3.7,11.2-5.6,14.9c-1.9-1.9-11.2,0-14.9,0
																	c-15.9,2.8-40.1,18.6-54.1,28.9c-1.9,0.9-3.7,2.8-4.7,3.7c0.9-2.8,1.9-5.6,2.8-8.4c2.8-4.7,28.9-57.9,28-59.7
																	c-1.9,0.9-4.7,1.9-6.6,2.8c0-4.7,0-9.3,0.9-13.1c-4.7,0-3.7-0.9-9.3,3.7c0-5.6,0.9-10.3,1.9-15.9c-3.7,0.9-6.6,0.9-9.3,2.8
																	c1.9-10.3,3.7-14,5.6-19.6c-3.7,0.9-6.6,0-9.3,0c3.7-8.4,5.6-8.4,8.4-16.8c-2.8,0-6.6-6.6-9.3-7.5c3.7-2.8,7.5-6.6,9.3-11.2
																	c-0.9-1.9-5.6-6.6-7.5-8.4c4.7-1.9,7.5-2.8,11.2-4.7c-6.4-8.4-6.4-5.6-8.3-19.6c5.6,0,15.9,0,32.7,0c0.9,0,1.9,4.7,5.6,8.4
																	c0-4.7,0-6.6,0-8.4c1.9,0.9,7.5,5.6,9.3,7.5c0.9-3.7,0-4.7,1.9-7.5c4.7,6.6,4.7,7.5,12.1,5.6c10.3-1.9,9.3-4.7,11.2-5.6
																	c3.7,0,4.7,0,6.6,0c0.9,7.5,1.9,17.7-0.9,24.2c-3.7-4.7-1.9-2.8-3.7-5.6c-0.9,1.9-2.8,3.7-3.7,5.6c-0.9-0.9-2.8-1.9-3.7-2.8
																	c-4.7,4.7-7.5,3.7-10.3,8.4c5.6,1.9,7.5,4.7,12.1,0c0.9,1.9,1.9,2.8,2.8,4.7c1.9-1.9,3.7-3.7,5.6-4.7c0.9,10.3,0.9,14-4.7,21.4
																	c-0.9-3.7-0.9-2.8-2.8-6.6c-3.7,4.7-3.7,6.6-8.4,7.5c0.9-2.8,1.9-3.7,1.9-7.5c-4.7-2.8-4.7-0.9-9.3,1.9
																	c-5.6,2.8-20.5-6.6-21.4-13.1c0-0.9-0.9-1.9-1.9-1.9c-1,0-1.9,1.9-1.9,2.8c0.9,7.5,10.3,14,14.9,16.8c0.9,21.4,12.1,28,16.8,34.5
																	c2.8,10.3,13.1,12.1,20.5,13.1c4.7,0.9,15.9,0.9,18.6,2.8c5.6,3.7,18.6,14,19.6,25.2v10.3c-0.9-1.9-3.7-5.6-4.7-7.5
																	c-1.9,6.6,6.6,20.5-5.6,23.3c2.8-12.1,0.9-14.9-2.8-22.4c0.9,9.3-0.9,24.2-11.2,19.6c4.7-6.6,4.7-4.7,0.9-24.2
																	c-3.7,0-7.5,13.1-6.6,19.6c-12.1-15.9,2.8-19.6-1.9-27.1c-2.8-2.8-35.5,9.3-40.1,11.2c-0.9,0.9-1.9,2.8-0.9,4.7
																	c0.9,2.8,18.6-6.6,24.2-7.5C195.9,136.3,195.9,136.3,195.9,136.3z M91.4,240.8c0,0,0.9-3.7,0.9-4.7c0-14-4.7-28-14.9-38.3
																	c-0.9-0.9-2.8-2.8-3.7-3.7c0,0.9,22.4-39.2,24.2-46.6c0.9-0.9,0.9-2.8,0-2.8c-6.6-4.7-31.7,39.2-37.3,42
																	c-10.3-3.7-22.4-2.8-32.7,1.9c-8.4,3.7-14.9,10.3-19.6,17.7c-0.9,1.9-1.9,3.7-2.8,5.6c0-6.6,0-15.9,0-21.4
																	c0-13.1,63.5-65.3,76.5-75.6c0.9-0.9,0-2.8-0.9-3.7c-6.5-6.6-67.1,33.5-75.6,41.9v-34.5c26.1-18.6,40.1-28,70.9-42.9
																	c0.9-0.9,1.9-1.9,0.9-3.7C75.5,65.4,12,89.6,5.5,91.5V61.6c28-10.3,45.7-14.9,72.8-23.3c0.9,0,1.9-1.9,0.9-2.8
																	c0-1.9-0.9-2.8-1.9-1.9c-28-0.9-45.7,1.9-71.9,0c0-8.4,0-16.8,0-25.2H109c-3.7,27.1-11.2,116.7,28.9,119.5
																	c-7.5,13.1-18.6,39.2-21.4,45.7c-4.7,10.3-9.3,20.5-12.1,29.9C102.5,210,94.2,235.2,91.4,240.8z M154.8,244.6
																	c13.1,24.2,27.1,32.7,51.3,38.3c13.1,2.8,28,7.5,23.3,26.1c-0.9,0.9-2.8,1.9-3.7,2.8c0-0.9-1.9-9.3-1.9-11.2
																	c-0.9-5.6-2.8-4.7-3.7-3.7c-2.8,1.9,0,3.7,0.9,10.3c0,3.7-0.9,8.4-2.8,11.2l0,0c-0.9-2.8-5.6-17.7-8.4-15.9
																	c-3.7,2.8,7.5,14-1.9,21.4l0,0c-0.9-14.9-4.7-10.3-13.1-15.9c-4.7,4.7,2.8,14,3.7,20.5l0,0c-15.9-7.5-15.9-22.4-16.8-26.1
																	c-2.8-8.4-9.3-15.9-15.9-20.5c-2.8-2.8-32.7-27.1-39.2-32.7c-1.9-6.6,4.7-15.9,10.3-21.4C138,235.2,145.5,246.4,154.8,244.6z" />
							</g>
						</svg>
					</div>
				</div>
			</div>
		</div>

	</div>
@endsection

@section('scripts')
	<!-- AOS Animation JS -->
	<script src="{{ asset('build/frontend/assets/js/swiper-bundle.min.js') }}"></script>
	<script src="{{ asset('build/frontend/assets/js/vanilla-counter.js') }}"></script>
	<script src="{{ asset('build/frontend/assets/js/aos.js') }}"></script>
	<script src="{{ asset('build/frontend/assets/js/fancybox.umd.js') }}"></script>
	<script src="{{ asset('build/frontend/assets/js/custom.js') }}"></script>
	<script>
		// Logo Slider
		var swiper = new Swiper('.LogoSlider', {
			loop: true,
			slidesPerView: 2,
			spaceBetween: 30,
			speed: 2500,
			autoplay: {
				delay: 0,
				disableOnInteraction: false,
			},
			breakpoints: {
				640: {
					slidesPerView: 3,
				},
				1024: {
					slidesPerView: 4,
				},
				1142: {
					slidesPerView: 7,
				},
			},
		});

		// Blog Slider
		var swiper = new Swiper('.blog-slider', {
			loop: true,
			slidesPerView: 'auto',
			spaceBetween: 30,
			autoplay: {
				delay: 3000,
				disableOnInteraction: false,
			},
			navigation: {
				nextEl: '.blog-slider-button-next',
				prevEl: '.blog-slider-button-prev',
			},
			breakpoints: {
				640: {
					slidesPerView: 2,
				},
				1024: {
					slidesPerView: 3,
				},
			},
		});

		// Testimonial Slider
		var swiper = new Swiper('.mySwiper', {
			loop: true,
			slidesPerView: 'auto',
			spaceBetween: 30,
			speed: 1000,
			autoplay: {
				delay: 3000,
				disableOnInteraction: false,
			},
			navigation: {
				nextEl: '.testimonial-swiper-button-next',
				prevEl: '.testimonial-swiper-button-prev',
			},
		});

		// Counter Js
		VanillaCounter();

		//  Filter

		const filters = document.querySelectorAll('.filter');

		filters.forEach((filter) => {
			filter.addEventListener('click', function() {
				let selectedFilter = filter.getAttribute('data-filter');
				let itemsToHide = document.querySelectorAll(
					`.projects .project:not([data-filter='${selectedFilter}'])`);
				let itemsToShow = document.querySelectorAll(`.projects [data-filter='${selectedFilter}']`);

				if (selectedFilter == 'all') {
					itemsToHide = [];
					itemsToShow = document.querySelectorAll('.projects [data-filter]');
				}

				filterMenu = document.querySelectorAll('.filters li.filter');
				filterMenu.forEach((el) => {
					el.classList.remove('active');
				});
				filter.classList.add('active');

				itemsToHide.forEach((el) => {
					el.classList.add('hidden');
					el.classList.remove('block');
				});

				itemsToShow.forEach((el) => {
					el.classList.remove('hidden');
					el.classList.add('block');
				});
			});
		});
	</script>
@endsection