/* 
body {

	background:#1321e9 url(../images/bg-img.jpg) no-repeat right top;
	background-size: cover;
	height: 100vh;
	position: relative;

	
}
.lgo{
	padding: 150px 0 0 0;
}
.lgo img{
	height: 120px;
}

.ftr-txt{
	padding-top: 200px;
}

h1, p{
	color: #fff !important;
	font-family: 'Folito' !important;
}

h1{
	font-size: 45px !important;
}

p{
	font-size: 22px;
	letter-spacing: 0.25px;
}

p a{
	color: #fff;
	text-decoration: none;
}

p a:hover, p a:focus{
	color: #fff;
	text-decoration: underline;
}

 


@font-face {
    font-family: 'Folito';
    src: url('../font/Folito-Regular.eot');
    src: local('../font/Folito Regular'), local('Folito-Regular'),
        url('../font/Folito-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Folito-Regular.woff2') format('woff2'),
        url('../font/Folito-Regular.woff') format('woff'),
        url('../font/Folito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}









@media (max-width:1199px) {


	.lgo{
		padding: 100px 0 0 0;
	}
	
	
	.ftr-txt{
		padding-top: 150px;
	}
	
}

@media (max-width:767px) {
	.lgo img {
		height: 91px;
	  }
}

@media (max-width:575px) {
	.lgo img {
		height: 91px;
	  }

	  body{
		
		background:#1321e9 url(../images/bg-img.jpg) no-repeat right top !important; 
		background-size: contain !important; 
	  }

	  .ftr-txt {
		padding-top: 100px;
	  }

	  .lgo {
		padding: 120px 0 0 0;
	  }

	  h1{
		font-size: 30px !important;
	}
	
	p{
		font-size: 17px;
		letter-spacing: 0.25px;
	}

	  
	} */



	@font-face {
		font-family: 'Folito';
		src: url('../font/Folito-Regular.eot');
		src: local('../font/Folito Regular'), local('Folito-Regular'),
			url('../font/Folito-Regular.eot?#iefix') format('embedded-opentype'),
			url('../font/Folito-Regular.woff2') format('woff2'),
			url('../font/Folito-Regular.woff') format('woff'),
			url('../font/Folito-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}


	body {

		background:#1321e9  !important;
		background-size: contain;
		height: 100vh;
	}

	.wrper{
		background: url(../images/bg-img.jpg) no-repeat center center;
		background-size: contain;
		height: 100vh;
		position: relative;
	}

	.crcle{
		background: url(../images/white-circle.png) no-repeat right top;
		background-size: contain;
		/* height: 100%; */
		height: 600px;

	}

	.logo{
		position: absolute;
		left: 10%;
		top: 20%;
	}

	.logo img{
		height: 200px;
	}

	h1, p{
		color: #fff !important;
		font-family: 'Folito' !important;
	}
	
	h1{
		font-size: 42px !important;
		font-weight: 400 !important;
	}
	
	p{
		font-size: 22px;
		letter-spacing: 0.25px;
	}
	
	p a{
		color: #fff;
		text-decoration: none;
	}
	
	p a:hover, p a:focus{
		color: #fff;
		text-decoration: underline;
	}


	.cming-son{
		position: absolute;
		bottom: 4%;
		left: 10%;
	}


	@media (max-width:1199px) {

		.crcle{
			height: 40%;
	
		}
	}





	@media (max-width:991px) {

		.crcle{
			height: 30%;
	
		}
	}


	@media (max-width:767px) {

		.crcle{
			height: 40%;
	
		}

		.logo{
			position: absolute;
			left: auto;
			top: 45%;
			width: 100%;
			padding: 35px;
		}

		h1{
			font-size: 35px !important;
		}
		
		p{
			font-size: 17px;
		}

		.cming-son{
			position: absolute;
			bottom: 5%;
			left: 5%;
		}

	}


	@media (max-width:575px) {

		.crcle{
			height: 40%;
	
		}

		.logo{
			position: absolute;
			left: auto;
			top: 45%;
			width: 100%;
			padding: 35px;
		}

		.logo img{
			height: auto;
		}

		h1{
			font-size: 35px !important;
		}
		
		p{
			font-size: 17px;
		}

		.cming-son{
			position: absolute;
			bottom: 5%;
			left: 5%;
		}

		.wrper{
			background: url(../images/bg-img.jpg) no-repeat top center;
			background-size: contain;
			
		}
	}