@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@500;600&display=swap');
/*----------------
RESET CSS
-----------------*/
body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#000000;
	text-align:center;
	font-family: 'Inter', sans-serif;
	/*font-family: 'Oswald', sans-serif;*/
	font-weight: normal;
	position: relative;
	}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border:0;}
a{outline: none; color:inherit; text-decoration:none;}
a:hover {}
img {border:none;}
li {list-style:none;}
*{box-sizing:border-box;}
.img-full{max-width:100%;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}
.forMob,.forTab{ display:none ;}
.fl{ float:left;}
.fr{ float:right;}

/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width:1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
	
@font-face {
    font-family: 'Bw Nista Grotesk';
    src: url('../fonts/BwNistaGrotesk-Black.woff2') format('woff2'),
        url('../fonts/BwNistaGrotesk-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/*==============banner===============*/
.banner{
	float:left;
	width:100%;
	/*background:url(../images/banner.jpg) no-repeat center top;*/
	background:none;
	overflow:hidden;
	background-size:cover;
	}
.banner-container{
	margin: 0 auto;
    max-width: 1170px;
    width: 100%;
	min-height:100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: start;
	}
.banner-left{
	float:left;
	width:100%;
	max-width:650px;
	background:#187795;
	padding:30px 0;
	text-align:center;
	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	}
.logo{
	display:inline-block;
	vertical-align:middle;
	width:220px;
	}
.main-heading{
	font-size:55px;
	line-height:58px;
	letter-spacing:0.5px;
	padding:0 15px;
	color:#ffffff;
	font-weight:500;
	font-family: 'Oswald', sans-serif;
	}
.banr-list-row{
	float:left;
	width:100%;
	background:#146c88;
	padding:18px 15px;
	margin-top:15px;
	}
.bnr-list-hdng{
	font-size:24px;
	line-height:28px;
	letter-spacing:0.5px;
	color:#ffffff;
	font-weight:600;
	}
.banr-list-row ul{
	display:inline-block;
	vertical-align:top;
	margin:5px 0 0;
	}
.banr-list-row ul li{
	text-align:left;
	background:url(../images/cross_1.png) no-repeat left top;
	font-size:22px;
	line-height:30px;
	color:#ffffff;
	font-weight:600;
	padding-left:45px;
	margin:13px 0 0;
	}
.come-chk-text{
	float:left;
	width:100%;
	font-size:26px;
	line-height:32px;
	color:#ffffff;
	padding:0 15px;
	font-weight:600;
	margin:15px 0;
	}
.down-arw{
	display:block;
	margin:0 auto;
	
	animation-name: tadda;
	-webkit-animation-name: tadda;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes tadda {
0% {transform:translateY(0px)}
50% {transform: translateY(15px);}
100% {transform: translateY(0px);}
}
.button{
	display:inline-block;
	vertical-align:middle;
	width:90%;
	max-width:428px;
	height:70px;
	background:#00bf31;
	border-radius:50px;
	box-shadow:0 2px 9px 1px rgba(0,0,0,0.1);
	text-align:center;
	border:none;
	outline:none;
	font-size:30px;
	line-height:38px;
	color:#ffffff;
	font-weight:900;
	font-family: 'Bw Nista Grotesk';
	text-transform:uppercase;
	margin-top:30px;
	text-shadow:0 0 5px rgba(0,0,0,0.3);
	}
.button img{
	display:inline-block;
	vertical-align:middle;
	margin:-8px 8px 0 0;
	}
.banner-right{
	float:right;
	width:40%;
	position:relative;
	}
    
.hero-img-desk {
    position: absolute;
    top: 0;
    left: -1330px;
    height: 100vh;
    width: auto;
    z-index: -1;
    max-width: fit-content;
    max-width: -webkit-fit-content;
}

/*==========footer===================*/
.footer{
	float:left;
	width:100%;
	padding:50px 0;
	text-align:center;
	}
.warning{
	font-size:13px;
	line-height:22px;
	letter-spacing:0.3px;
	color:#000000;
	padding:0 50px;
	margin-bottom:25px;
	}
.ftr-txt1{
	font-size:16px;
	line-height:22px;
	color:#333333;
	margin:10px 0 0;
	}
.ftr-txt1 a{ color:#333333; padding:0 3px;}


/*==============Media=============*/


@media only screen and (max-width:1200px){
.container{ width:1004px;}

.banner{ background-position:63% top;}
.banner-left{max-width: 600px;}



}

@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}

.banner{ background:#187795;}
.banner-left{ max-width:100%; padding:20px 0;}
.logo{ margin-bottom:10px;}
.banner-right{display:none;}
.hero-img-mob{ margin:0 auto; width:100%;}
.hero-img-desk{display:none;}
.warning{ padding:0;}
}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 15px;}

.forMob{ display:block;}
.hide-mob{ display:none;}

.banner-container{ min-height:auto;}
.banner-left{ padding:10px 0 25px;}
.logo{ width:140px;margin-bottom: 5px;}
.main-heading{font-size: 35px;line-height: 40px; margin-top:5px;}
.banr-list-row{margin-top: 10px;padding: 13px 10px;}
.bnr-list-hdng{font-size: 16px; line-height: 22px;}
.banr-list-row ul {margin-top: 4px;}
.banr-list-row ul li{font-size: 16px;line-height: 24px;margin: 7px 0 0;padding-left: 28px; background-size:17px; background-position:left 3px;}
.come-chk-text{ font-size: 18px; line-height: 22px;margin: 12px 0 10px;}
.down-arw{ width:18px;}
.button{font-size: 22px;margin-top: 20px;height: 65px;line-height: 28px;}
.button img {margin: -4px 8px 0 0;width: 20px;}

.footer{ padding:30px 0;}
.warning{font-size: 12px;line-height: 20px;}
.ftr-txt1{font-size: 14px; line-height: 24px;}


@keyframes tadda {
0% {transform:translateY(0px)}
50% {transform: translateY(10px);}
100% {transform: translateY(0px);}
}
}

@media only screen and (max-width:360px){
.main-heading {font-size: 30px;line-height: 34px;}	

}

#app_common_modal {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    background: #333;
    background: rgba(255, 255, 255, .8);
    display: none;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}
#app_common_modal .app_modal_body {
    max-width: 600px;
    -webkit-background-clip: padding-box;
    font-family: Verdana, Geneva, sans-serif;
    box-sizing: border-box;
    outline: 0
}
#app_common_modal_close {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #FFF;
    background-color: #333;
    border: 2px solid #FFF;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700;
    line-height: 30px;
    padding: 0;
    margin: 0
}
#app_common_modal .app_modal_body {
    margin: 100px auto;
    min-width: inherit;
    width: 95%;
    min-height: 400px;
    padding: 2.5%;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}
#app_common_modal .app_modal_body iframe {
    min-height: 400px;
    width: 100%;
    border: 1px solid #d5d6ef
}

.popupWrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	display: none;
	z-index: 9999;
}
.popupWrap .popupBox {
	max-width: 600px;
	width: 100%;
	background: #fff;
	padding: 1rem;
	height: 400px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
}
.popupWrap .popupBox .popupContent {
	border: 1px solid #ccc;
	width: 100%;
	height: 100%;
	/*padding: 1rem;*/
	/*overflow-y: scroll;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.popupWrap .popupBox .popupContent iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.popupWrap .popupBox button.close_btn {
	background: #fff;
	border: transparent;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	cursor: pointer;
	padding: initial;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	position: absolute;
	top: -12px;
	right: -12px;
}
.popupWrap .popupBox button.close_btn:hover, .popupWrap .popupBox button.close_btn:focus {
	background: #fff;
}
.popupWrap .popupBox button.close_btn img {
	width: 100%;
	border: transparent;
	border-radius: 50%;
}
@media screen and (max-width: 639px) {
	.popupWrap .popupBox {
		width: 90%;
	}
}
@media screen and (max-width: 895px) and (orientation: landscape) {
	.popupWrap .popupBox {
		height: 280px;
	}
}
a.button:hover {
    background: #30ba0c!important;
}
ul.ftrlist.footer-text li {
    display: inline-block;
}
#app_common_modal .app_modal_body iframe {
    min-height: 400px;
    width: 100%;
    border: 1px solid #d5d6ef;
}
#app_common_modal_close, #error_handler_overlay_close {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #fff;
    background-color: #333;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700;
    line-height: 30px;
    padding: 0;
    margin: 0;
}
#app_common_modal_close, #error_handler_overlay_close {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
#app_common_modal .app_modal_body, #error_handler_overlay .error_handler_body {
    max-width: 600px;
    -webkit-background-clip: padding-box;
    font-family: Verdana,Geneva,sans-serif;
    box-sizing: border-box;
    outline: 0;
}
#app_common_modal .app_modal_body {
    margin: 100px auto;
    min-width: auto !important;
    width: 95%;
    min-height: 400px;
    padding: 2.5% !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#app_common_modal .app_modal_body {
    margin: 60px auto;
}


.banner {
    float: left;
    width: 100%;
    background: url(../images/banner.jpg) no-repeat center top !important;
    background: none;
    overflow: hidden;
    background-size: cover !important;
}
.hero-img-desk {
    display: none;
}
@media only screen and (max-width: 1021px){
   .banner {
        background: #187795 !important;
    }
}