/* Hide and disable preloader */
#preloader,
#preloader * {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	height: 0 !important;
	width: 0 !important;
	position: absolute !important;
	z-index: -9999 !important;
}





/*if preloader should load use here starts here*/

/*

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	flex-direction: column;
}
.maintenance-container {
	text-align: center;
}
.animation {
	width: 100px;
	height: 100px;
	margin: 0 auto 20px;
	border: 10px solid #3498db;
	border-top: 10px solid #f3f3f3;
	border-radius: 50%;
	animation: spin 2s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.loader-container {
	position: relative;
	width: 200px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo {
	position: absolute;
	width: 150px;
	height: auto;
	animation: logoMorph 2s infinite alternate;
}
@keyframes logoMorph {
	0% {
		transform: scale(1);
		filter: brightness(1.2);
	}
	50% {
		transform: scale(1.1);
		filter: brightness(1.5);
	}
	100% {
		transform: scale(0.9);
		filter: brightness(1);
	}
}
.loading-text {
	font-size: 1.5rem;
	color: #ecf0f1;
	letter-spacing: 1px;
	margin-top: 20px;
	animation: fadeInText 2s ease-out forwards;
}
@keyframes fadeInText {
	100% {
		opacity: 1;
	}
}
#content {
	display: none;
	text-align: center;
	padding: 20px;
	font-family: Arial, sans-serif;
	background-color: #fff;
	color: #2c3e50;
}
#content h1 {
	font-size: 2.5rem;
}
#content p {
	font-size: 1.2rem;
	color: #7f8c8d;
}
#canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100vh;
}
h1 {
	color: #2c3e50;
}
p {
	color: #7f8c8d;
}

*/
/*if preloader should load use here ends here*/
/*
body {
	font-family: 'Arial', sans-serif;
	background-color: #ecf0f1;
}
*/