@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;

	}

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('BwNistaGrotesk-Black.woff2') format('woff2'),

        url('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;

	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.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:72px;

	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;

	}



/*==========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;}

.hero-img-mob{ margin:0 auto; width:100%;}



.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: 66px;}

.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;}	



}

div#inner-container {
    height: 500px !important;
}

@media only screen and (max-width:767px){
	div#inner-container {
	    height: 340px!important;
	}
}