@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700;800&display=swap');
/********* Fonts Face CSS End **********/

/******* Common Element CSS Start ******/
body 							{ background-color: #ffffff; font-family: 'Inter', sans-serif; font-weight: 500;}
* 								{-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; }
*, *:before, *:after 			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*								{ margin: 0px; padding: 0px; }
img								{ border: 0px; }
ul,ol							{ list-style: none; }
a 								{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
a,a:hover,a:focus,
a:focus, a:active,a:visited		{ outline: none; border: 0px; text-decoration: none;}
h1								{ font-size: 52px; line-height: 70px; font-family: 'Oswald', sans-serif; margin: 72px 0 44px; color: #ffffff; font-weight: 400;}
p								{ font-size: 20px; line-height: 30px; margin: 0px; color: #d9d9d9; }
.main-banner 					{ background: no-repeat center center / cover; height: 100vh; position: relative; text-align: center;}
.main-banner:before 			{ content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.3; background: #141414; position: absolute; }
.banner-content 				{ padding: 15px; display: flex; align-items: center; justify-content: center; z-index: 1; position: relative; flex-direction: column; height: 100%; }
.banner-content p a 			{ font-size: 24px; color: #FFFFFF; text-align: center; line-height: 36px; margin-top: 10px;}
.banner-content p a:hover 		{ text-decoration: underline;}
.mail-link 						{ margin-top: 10px;}
/* -------- Desktop Device End ------- */
/* -------- Tablet Device Start ------- */
@media (min-width: 768px) and (max-width: 991px) {
	/* -------- Comman Spaciing ------- */	
	h1	{ font-size: 50px; line-height: 60px; }
	p	{ font-size: 18px; line-height: 30px; }
	.banner-content p a	{ font-size: 22px; line-height: 30px; }
	.mail-link { margin-top: 5px; }
	/* -------- //Comman Spaciing ------- */	
}
/* -------- Tablet Device End ------- */
/* -------- Mobile Device Start ------- */
@media (max-width: 767px) {
	/* -------- Comman Spaciing ------- */	
	h1	{ font-size: 40px; line-height: 50px; margin: 50px 0px;}
	p	{ font-size: 14px; line-height: 24px; }
	.banner-content p a	{ font-size: 16px; line-height: 26px; }
	.mail-link { margin-top: 5px; }
	/* -------- //Comman Spaciing ------- */	
}
/* -------- Mobile Device End ------- */
/****** Media-Query CSS End *******/