<div id="ecoist-popup">
	<div class="popup" data-id="0">
		<video src=""></video>
		<div class="close-svg">
			<svg xmlns="http://www.w3.org/2000/svg" width="27.21" height="27.21" viewBox="0 0 27.21 27.21">
			  <g id="Group_3164" data-name="Group 3164" transform="translate(23.674 3.536) rotate(90)">
			    <line id="Line_15" data-name="Line 15" x2="20.139" y2="20.139" transform="translate(0 0)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="5"/>
			    <line id="Line_16" data-name="Line 16" y1="20.139" x2="20.139" transform="translate(0 0)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="5"/>
			  </g>
			</svg>
		</div>
	</div>
	<div class="popup" data-id="1">
		<video src=""></video>
		<div class="close-svg">
			<svg xmlns="http://www.w3.org/2000/svg" width="27.21" height="27.21" viewBox="0 0 27.21 27.21">
			  <g id="Group_3164" data-name="Group 3164" transform="translate(23.674 3.536) rotate(90)">
			    <line id="Line_15" data-name="Line 15" x2="20.139" y2="20.139" transform="translate(0 0)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="5"/>
			    <line id="Line_16" data-name="Line 16" y1="20.139" x2="20.139" transform="translate(0 0)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="5"/>
			  </g>
			</svg>
		</div>
	</div>
	<div class="popup" data-id="2">
		<video src=""></video>
		<div class="close-svg">
			<svg xmlns="http://www.w3.org/2000/svg" width="27.21" height="27.21" viewBox="0 0 27.21 27.21">
			  <g id="Group_3164" data-name="Group 3164" transform="translate(23.674 3.536) rotate(90)">
			    <line id="Line_15" data-name="Line 15" x2="20.139" y2="20.139" transform="translate(0 0)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="5"/>
			    <line id="Line_16" data-name="Line 16" y1="20.139" x2="20.139" transform="translate(0 0)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="5"/>
			  </g>
			</svg>
		</div>
	</div>
	<div class="popup" data-id="3">
		<video src=""></video>
		<div class="close-svg">
			<svg xmlns="http://www.w3.org/2000/svg" width="27.21" height="27.21" viewBox="0 0 27.21 27.21">
			  <g id="Group_3164" data-name="Group 3164" transform="translate(23.674 3.536) rotate(90)">
			    <line id="Line_15" data-name="Line 15" x2="20.139" y2="20.139" transform="translate(0 0)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="5"/>
			    <line id="Line_16" data-name="Line 16" y1="20.139" x2="20.139" transform="translate(0 0)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="5"/>
			  </g>
			</svg>
		</div>
	</div>
</div>
<div class="container">
	<div id="ecoist-slider" class="kfn_anim m-t-233">
		<div class="heading">
			<h2 class="kfn_anim k-zoomOut font-55 fira-bold uppercase">#ეკოისტი</h2>
			<div class="kfn_anim k-fadeUp text">ჯანსაღი ცხოვრებით აგროვებ ეკომონეტებს</div>
		</div>
		<div style="position: relative;">
			<div class="slider-container">
				<div class="item" data-item="0">
					<div class="image">
						<img src="{{asset('assets/img/Group 3475.png')}}" alt="">
					</div>
				</div>
				<div class="item" data-item="1">
					<div class="image">
						<img src="{{asset('assets/img/Group 3476.png')}}" alt="">
					</div>
				</div>
				<div class="item" data-item="2">
					<div class="image">
						<img src="{{asset('assets/img/Group 3475.png')}}" alt="">
					</div>
				</div>
				<div class="item" data-item="3">
					<div class="image">
						<img src="{{asset('assets/img/Group 3474.png')}}" alt="">
					</div>
				</div>
			</div>
			<div class="slide-dots">
				<div class="slide-dot">
					<svg xmlns="http://www.w3.org/2000/svg" width="16.757" height="31.569" viewBox="0 0 16.757 31.569">
					  <g id="Group_845" data-name="Group 845" transform="translate(1527.55 2758.708) rotate(180)">
					    <line id="Line_90" data-name="Line 90" x2="14.942" y2="14.811" transform="translate(1511.901 2727.847)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="1"/>
					    <line id="Line_91" data-name="Line 91" y1="15.343" x2="15.343" transform="translate(1511.5 2742.658)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="1"/>
					  </g>
					</svg>
				</div>
				<div class="slide-dot">
					<svg xmlns="http://www.w3.org/2000/svg" width="16.757" height="31.569" viewBox="0 0 16.757 31.569">
					  <g id="Group_845" data-name="Group 845" transform="translate(-1510.793 -2727.14)">
					    <line id="Line_90" data-name="Line 90" x2="14.942" y2="14.811" transform="translate(1511.901 2727.847)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="1"/>
					    <line id="Line_91" data-name="Line 91" y1="15.343" x2="15.343" transform="translate(1511.5 2742.658)" fill="none" stroke="#ee2a7b" stroke-linecap="round" stroke-width="1"/>
					  </g>
					</svg>
				</div>
			</div>
		</div>
		<div class="text-container kfn_anim">
			<div class="text-item" data-id="0">
				<h2 class="font-34 fira-bold">წყალს სვამ? <span>ეკოისტი</span> ხარ!</h2>
				<div class="text noto-regular font-16">
					დალიე დღეში 2 ლიტრი წყალი, მონიშნე აპლიკაციაში MyGPI და დააგროვე ეკომონეტები
				</div>
				<a href="">
					<div>
						<span class="noto-bold font-16">შემოგვიერთდი</span>
					</div>
				</a>
			</div>
			<div class="text-item" data-id="1">
				<h2 class="font-34 fira-bold">წყალს სვამ? <span>ეკოისტი</span> ხარ!</h2>
				<div class="text noto-regular font-16">
					დალიე დღეში 2 ლიტრი წყალი, მონიშნე აპლიკაციაში MyGPI და დააგროვე ეკომონეტები
				</div>
				<a href="">
					<div>
						<span class="noto-bold font-16">შემოგვიერთდი</span>
					</div>
				</a>
			</div>
			<div class="text-item" data-id="2">
				<h2 class="font-34 fira-bold">წყალს სვამ? <span>ეკოისტი</span> ხარ!</h2>
				<div class="text noto-regular font-16">
					დალიე დღეში 2 ლიტრი წყალი, მონიშნე აპლიკაციაში MyGPI და დააგროვე ეკომონეტები
					დალიე დღეში 2 ლიტრი წყალი, მონიშნე აპლიკაციაში MyGPI და დააგროვე ეკომონეტები
					დალიე დღეში 2 ლიტრი წყალი, მონიშნე აპლიკაციაში MyGPI და დააგროვე ეკომონეტები
					დალიე დღეში 2 ლიტრი წყალი, მონიშნე აპლიკაციაში MyGPI და დააგროვე ეკომონეტები
				</div>
				<a href="">
					<div>
						<span class="noto-bold font-16">შემოგვიერთდი</span>
					</div>
				</a>
			</div>
			<div class="text-item" data-id="3">
				<h2 class="font-34 fira-bold">წყალს სვამ? <span>ეკოისტი</span> ხარ!</h2>
				<div class="text noto-regular font-16">
					დალიე დღეში 2 ლიტრი წყალი, მონიშნე აპლიკაციაში MyGPI და დააგროვე ეკომონეტები
				</div>
				<a href="">
					<div>
						<span class="noto-bold font-16">შემოგვიერთდი</span>
					</div>
				</a>
			</div>
		</div>
	</div>
</div>