*{
	margin:0;
	padding:0;
	box-sizing:boder-box;
	font-family:Lato, sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700;900&display=swap');

/* Header */
header{
	width:100%;
	height:400px;
	background:url(../images/banner.jpg);
	background-size:cover;
	position:relative;
	overflow:hidden;
	
}
.overlay{
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:600px;
	 background:rgba(36,26,128,.8);
}
/* Navbar */
nav{
	width:100%;
	height:30px;
	padding:0 20px;
	margin:10px 0;
}
.nav-inner{
	width:100%;
	height:100%;
	background:transparent;
}
.nav-inner ul li{
	display:inline-block;
	list-style:none;
	
}

.nav-inner ul li a{
	text-decoration:none;
	padding: 0 20px;
	color:white;
}
.logo{
	width:60%;
	font-size: 20px;
	padding: 0 0 0 10px;
}
/* Banner Text */
.banner-inner{
	position:absolute;
	top:170px;
	left:310px;
	margin:0px auto;
	text-align:center;
}

.banner-inner h1{
	font-size:45px;
	font-weight:700;
	font-family:Lato, sans-serif;
	color:#ffffff;
	line-height:54px;
	padding:0px 0px 0px 0px;
}
.banner-inner p{
	font-size:20px;
	font-weight:400;
	font-family:Lato, sans-serif;
	color:#ffffff;
	line-height:54px;
	padding:0px 0px 0px 0px;
}

input[type=text]{
	width:90%;
	height:50px;
	border-radius: 25px;
	padding: 0 20px;
}

.fa-magnifying-glass{
	position: absolute;
    right: 50px;
    top:135px;
	font-size: 18px;
	color:#6C757D;
	border:none;
	background:transparent;
}

h2{
	margin:70px 0 0 0;
	text-align:center;
	font-size:40px;
	font-weight:700;
}
.answer{
	display:inline-block;
	text-align:center;
	width:100%;
	margin-top:25px;
	/* line-height:25px; */
	/* align-items:center; */
}
.answer ul li{
	list-style:none;
	width:25%;
	height:200px;
	margin:2% 2% 0 3%;
	/* border: 1px solid #cccccc; */
	box-shadow:1px 1px 20px -5px gray;
	float:left;
	clear:right;
	padding:10px;
}
.answer ul li h3{
	font-size: 25px;
	font-weight:700;
	padding:0 0 10px 0;
}

.answer ul li p{
	font-size: 15px;
	font-weight:400;
	line-height:20px;
}	
.fa-sliders{
	width:20%;
	font-size:45px;
	border: 5px solid #02007E;
	padding:5px;
	margin:12px auto;
	color:#02007E;
}
.fa-credit-card{
	font-size:55px;
	padding:5px;
	margin:12px auto;
	color:#02007E;
}
.fa-cube{
	font-size:55px;
	padding:5px;
	margin:12px auto;
	color:#02007E;
}

/* Lower Main Section */

.lower-main{
	display:inline-block;
	text-align:center;
	width:95%;
}
.contact{
	text-align:center;
	background:#fff;
	width:95%;
	height:200px;
	margin:80px auto;
	box-shadow:1px 1px 30px -5px gray;
}
.contact h3{
	font-size: 25px;
	font-weight:700;
	padding:30px 0 10px 0;
}
.contact p{
	font-size: 15px;
	font-weight:400;
	line-height:20px;
}
button{
	margin-top: 40px;
	border:none;
}
button a{
	padding:15px;
	text-decoration:none;
	color:#fff;
	font-size:15px;
	font-weight:600;
	background:#02007E;
}

/* Footer */
footer{
	width:95%;
	height:30px;
	padding:0 20px;
	margin:20px auto;
}
.footer-inner{
	width:100%;
	height:100%;
}
.footer-inner ul li{
	display:inline-block;
	list-style:none;
	
}

.footer-inner ul li a{
	text-decoration:none;
	padding: 0 25px;
	color:#636363;
	font-size:20px;
}
.copy{
	width:73%;
	font-size: 15px;
	padding: 0 0 0 10px;
	font-weight:400;
	color:#636363;
}