/* Bwlow code in style.css */
/* Common CSS for All components : Start */
 
::after,
::before,	
* {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 14px; background:var(--white);
	letter-spacing: 0; line-height: normal;
	 font-family: 'Gotham';
	font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
p{ margin: 0; padding: 0; color:#fff; }
.main-wapper{ overflow:hidden; }
.landing-page{ position: relative; width: 100%; display: block; height: 100vh;  }
.landing-page .main-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.landing-page .main-bg img{ position: absolute; object-fit: cover; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.landing-contain-outer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex ;align-items: center; justify-content: center; z-index: 5; }

.landing-text{ max-width: 900px; margin: 0 auto; display: block;  width: 100%; text-align: center; }
.landing-text .logo{ display: flex; align-items: center; justify-content: center;  }
.landing-text .logo img{ max-height: 130px; }
.landing-text .comeing-text{ margin: 0 0 48px; position: relative; font-family: 'Gotham'; font-weight: 900; font-size: 124px;  padding: 64px 0 48px 0; color: #fff; }
.landing-text .comeing-text::after{ width: 146px; height: 4px; bottom: 0; background: #fff; content: ''; position: absolute; left: 50%; transform: translateX(-50%);} 
.landing-text h1{ padding: 0 0 36px; font-weight: bold; font-size: 36px;}
.landing-text p{   font-size: 24px; text-align: center; }
.landing-text p a{ color: #fff; text-decoration: none;}
.landing-text p i{ font-style: normal; margin: 0 10px;}
.social-links{ display: flex; gap: 20px; padding: 30px 0 0 0; align-items: center; justify-content: center;}
.social-links a{ width: 48px; transition: all 0.3s ease-in-out; display: flex ;align-items: center; justify-content: center; height:48px; border-radius: 100px; border: #fff  solid 2px; }
.social-links a img{ max-width: 24px;transition: all 0.3s ease-in-out; max-height: 24px; width: auto; height: auto; }
.social-links a:hover{ background: #fff; }
.social-links a:hover img{ filter: brightness(1) invert(1); }

@media (min-width: 1600px) and (max-width: 1740px) {
.landing-text .logo img{ max-height: 120px; }	 
.landing-text .comeing-text{ padding: 54px 0 24px; font-size: 110px; }
.landing-text h1{ font-size: 32px;;}
.social-links a{ width: 44px; height: 44px;}
.landing-text p{font-size: 24px;}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	.landing-text .logo img{ max-height: 120px; }	 
.landing-text .comeing-text{ padding: 54px 0 32px; font-size: 110px; }
.landing-text h1{ font-size: 32px;;}
.social-links a{ width: 52px; height: 52px;} 
.landing-text p{font-size: 24px;}
}

@media (min-width: 1231px) and (max-width: 1399px) {
	.landing-text .logo img{ max-height: 90px; }	 
.landing-text .comeing-text{ padding: 54px 0 26px; font-size: 90px; }
.landing-text h1{ font-size: 30px;;}
.social-links a{ width:48px; height: 48px;} 
.landing-text p{font-size: 22px;}
}
 
@media (min-width: 992px) and (max-width: 1230px) {
	.landing-text .logo img{ max-height: 80px; }	 
.landing-text .comeing-text{ padding: 48px 0 20px; font-size: 72px; }
.landing-text h1{ font-size: 24px;;}
.social-links a{ width: 36px; height: 36px;} 
.landing-text p{font-size: 20px;}
.social-links a img{ max-width: 18px; max-height: 18px; }	 
}
@media (min-width: 768px) and (max-width: 991px) {
	.landing-text .logo img{ max-height: 80px; }	 
.landing-text .comeing-text{ padding: 48px 0 20px; font-size: 72px; }
.landing-text h1{ font-size: 24px;;}
.social-links a{ width: 36px; height: 36px;} 
.landing-text p{font-size: 20px;}
.social-links a img{ max-width: 18px; max-height: 18px; }	 
 
} 
@media (max-width: 767px) {
	.landing-text{ padding: 0 20px; }
	.landing-text .logo img{ max-height: 64px; }	 
.landing-text .comeing-text{ margin: 0 0 24px; padding: 32px 0 20px; font-size: 54px; }
.landing-text h1{ font-size: 24px; line-height: 1.3;}
.social-links a{ width: 42px; height: 42px;} 
.landing-text p { font-size: 18px;}
.landing-text p i{ font-size: 0; width: 100%; display: block; height: 10px; opacity: 0; }
.social-links a img{ max-width: 18px; max-height: 18px; }
.landing-text .comeing-text::after{ width: 80px;  height: 2px;;}	
.social-links{ padding: 20px 0 0 0; } 
}


@media (min-width: 568px) and (max-width: 767px) {
}
@media (min-width: 240px) and (max-width: 567px) {
}