<template>
    <div id="preloader" class="preloader">
		<div class="animation-preloader">
			<div class="spinner"></div>
			<div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
					data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
					class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
				</span><span data-text-preloader="A" class="letters-loading">A </span></div>
			<p class="text-center">Loading</p>
		</div>
		<div class="loader">
			<div class="row">
				<div class="col-3 loader-section section-left">
					<div class="bg"></div>
				</div>
				<div class="col-3 loader-section section-left">
					<div class="bg"></div>
				</div>
				<div class="col-3 loader-section section-right">
					<div class="bg"></div>
				</div>
				<div class="col-3 loader-section section-right">
					<div class="bg"></div>
				</div>
			</div>
		</div>
	</div>
</template>