@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


a {
	transition: all 0.5s ease-in 0s;
	text-decoration: none !important;
	outline: none;
	color: #000;
}

a:focus,
a:active,
a,
focus,
select {
	border: 0px;
	outline: none;
}

body {
	color: #000;
	font-family: poppins;
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
}

html {
	scroll-behavior: smooth;
}


header {
	background-color: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10;
	width: 100%;
	box-shadow: 0px 2px 4px 0px #aaa;
}

.logo-left {
	float: left;
	display: inline-block;
	margin: 10px 15px;
}

.logo-left img {
	margin: 0px;
	display: block;
	height: 60px;
}


.logo-right {
	float: right;
	display: inline-block;
	margin: 10px 15px;
}

.logo-right img {
	margin: 0px;
	display: block;
	height: 60px;
}




footer {
	background-color: #fff;
	position: fixed;
	z-index: 10;
	left: 0px;
	bottom: 0px;
	width: 100%;
	box-shadow: 0px -2px 4px 0px #aaa;
}


.copyright {
	display: inline-block;
	float: left;
	font-size: 11px;
	color: #444;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 50px;
	padding: 0px 10px;
}

.designedby {
	display: inline-block;
	float: right;
	font-size: 11px;
	color: #444;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 50px;
	padding: 0px 10px;
}

.designedby img {
	width: 120px;
	margin: 13px 10px;
	float: right;

}


.explore-button {
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 150px;
	z-index: 10;
	text-align: center;
}


.explore-button a {
	display: block;
	margin: auto;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	border: 2px solid #fff;
	padding: 10px;
	width: 200px;
}

.explore-button a:hover {
	background-color: #b3c605;
	color: #000;
	border: 2px solid #b3c605;
}


.xl\:h-screen {
	height: 103vh !important;
}













/*  1680px  */

@media all and (max-width: 1800px) {}



/*  1350px  */

@media all and (max-width: 1479px) {}




/*  1240px  */

@media all and (max-width: 1339px) {}





/*  980px  */

@media all and (max-width: 1239px) {}



/*  768px  */

@media all and (max-width: 979px) {}


/*  640px  */

@media all and (max-width: 767px) {}



/*  480px  */

@media all and (max-width: 639px) {

	.designedby {
		float: none;
		width: 315px;
		margin: auto;
		display: block;
		line-height: 25px;
		margin-top: 20px;
	}

	.designedby img {
		margin: 0px 5px;
	}

	.copyright {
		float: none;
		width: 320px;
		margin: auto;
		display: block;
		text-align: center;
		line-height: 20px;
		margin-bottom: 20px;
	}

}



/*  360px  */

@media all and (max-width: 479px) {

	.h-\[50vh\] {
		height: 120vh !important;
	}

	.copyright {
		font-size: 10px;
	}

	.designedby {
		clear: both;
		font-size: 10px;
	}

	.hero_Section.relative.bg-\[\#dae6f7\] {
		margin-top: -40px !important;
	}



}