@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,200;1,300;1,400;1,600;1,700&display=swap');

body{
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: 'Nunito Sans', sans-serif;
	overflow-x:hidden;
}
#banner-section{background: url(../images/banner2.png) no-repeat;; height: 80vh; width: 100%; background-size: cover;}
.main-nav{position: absolute; width: 100%; background: #363d3d4d;}
.main-nav .navbar-nav li a{color: #fff !important;}
.navbar-brand{color: #fff !important; font-weight: bold; font-size: 30px;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem; padding-left: 1rem;}
.contact-menu-btn{border: 1px solid #ccc; border-radius: 4px;}
.contact-us-button{width: 218px;
	height: 46px;
	border: 1px solid #495057;
	border-radius: 4px;
	color: #000;
	display: inline-block; 
    text-align: center;
    padding: 8px;
    text-decoration: none;
}
.banner-text-wrap{text-align: center; padding-top: 15%; display: block; color: #fff;}
.banner-text-wrap h1{text-shadow: 1px 18px 14px #000; font-size: 58px;}
.about-below-banner{
	padding: 50px 7%;
    box-shadow: 0px 8px 28px 0px #cccccc91;
    margin-top: -100px;
    background: #fff;
    border-radius: 10px;
}
.about-below-banner p{font-size: 26px;font-weight: 300; margin-bottom: 0px;}
.font-spread{
	letter-spacing: 3px;
    font-size: 15px;
    color: #ED1C24;
}
.companies-section{}
.gray-bg{background-color: #F1F5FC;}
.about-section{padding: 100px 0px;}
.about-box{margin-top: 30px; padding-left: 20px;}
.about-box h2{font-size: 40px; color: #000E25; margin-bottom: 30px;}
.about-box p{line-height: 30px; font-size: 18px;}
.fast-grow-bg{position: relative;height: 356px;
	background: transparent linear-gradient(247deg, #0046BA 0%, #65BBFA 100%) 0% 0% no-repeat padding-box; 
	border-bottom-right-radius: 250px; display: flex; align-items: center;}
.fast-grow-bg h2{color: #fff; font-size: 60px; letter-spacing: 1.2px;}
.fast-grow-bg p{font-size: 22px; color: #fff;}
.down-arrow{
	width: 73px;
    height: 73px;
    background: #0046BA;
    border-radius: 100px;
    position: absolute;
    bottom: -36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-wrapper{padding: 100px 15px;}
.brand-box h4{margin-top: 20px;}
.brand-box p{color: #495057; font-size: 17px; padding-right: 30px;}
.learn-more-link{letter-spacing: 4.2px;
color: #000E25; text-decoration: none;}

.companies-section{padding: 100px 0px;}
.companies-logo-wrap{
	background: #FFFFFF;
	box-shadow: 0px 2px 4px #00000029;
	border-radius: 10px;
	margin-bottom: 25px;
	padding: 40px;
	text-align: center;
	height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    
}
.a{
    text-decoration:none;
}
.companies-logo-wrap figcaption{font-size: 24px; color: #001C4A;}

.location-section{padding: 100px 0px;}
.map-box{border: 3px solid #fff; border-radius: 10px; overflow: hidden; box-shadow: 0px 1px 3px #00000029;}
.location-address{
	background: #00487C;
    box-shadow: 0px 1px 3px #00000029;
    border-radius: 10px;
    height: 150px;
    width: 60%;
    z-index: 1;
    position: relative;
    margin: 0px auto;
    margin-top: -75px;
    color: #ffffff;}
.sec-header-wrapper{margin-bottom: 30px;}
.footer-bg{background: #002641 0% 0% no-repeat padding-box; padding-top: 100px; color: #fff;}
.footer-bg ul li a{color: #eeeeeead; text-decoration: none;}
.footer-bg ul li{line-height: 36px; list-style: none;}
.footer-bg ul{padding-left: 0px;}
.foot-bar{margin-top: 100px;
    border-top: 1px solid #aaaaaa52;
    padding: 20px 0px;}
.foot-bar span{width: 49.6%; display: inline-block; color: #aaa;}
.foot-bar span:last-child{text-align: right;}
.foot-bar span a{color: #fff;}
.widget-title{font-size: 19px; margin-bottom: 20px;}
.location-address span img{margin-top: -28px; margin-bottom: 15px;}

ul li.address {
    background: url(../images/address.png) no-repeat 0 5px;
    padding: 0 0 7px 30px;
}
ul li.email {
    background: url(../images/mail.png) no-repeat 0 5px;
    padding: 0 0 7px 30px;
}
ul li.call {
    background: url(../images/call.png) no-repeat 0 5px;
    padding: 0 0 7px 30px;
}
.social-foot-ul li{display: inline-block; margin-right: 10px;}
img.logo-img {
    width: 140px;
    margin-left: -10px;
}
.card {
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
 border:none;
}
.columns {
  float: left;
  width: 25%;
   
 }

/* Clear floats after the columns */
.rows:after {
  content: "";
  display: table;
  clear: both;
  
}

#banner-section-inner{background: url(../images/contact-banner.jpg) no-repeat; height: 240px; width: 100%; background-size: cover;}
.banner-text-wrap-inner{text-align: center; padding-top: 130px; display: block; color: #fff;}
.contact-address {padding-left: 40px;position: relative; margin-bottom: 20px;}
.contact-address img {position: absolute;left: 0;top: 0;vertical-align: middle;}
.contact-section{padding: 100px 0px 0px 0px;}
#about-banner{background: url(../images/banner2.png) no-repeat; height: 240px; width: 100%; background-size: cover;}
.about-box-inner{margin-top: 30px;}


/*Media query*/

@media (max-width: 768px){
	.brand-box {
	    margin-bottom: 25px;
	    text-align: center;
	}
	.brand-box p{padding-right: 0px;}
	.about-box {margin-top: 15px; margin-bottom: 20px; }
	.about-section, .companies-section, .location-section, .brand-wrapper {padding: 40px 0px;}
	.fast-grow-bg{border-bottom-right-radius: 50px; padding: 20px; height: inherit;}
	.fast-grow-bg h2 {color: #fff; font-size: 32px;}
	.location-address{width: 90%; padding: 0px 10px;}
	.foot-bar span {width: 100%; text-align: center !important;}
	.foot-bar{margin-top: 40px;}
	.footer-bg {padding-top: 40px;}
	.banner-text-wrap h1 {font-size: 38px; padding: 15px;}
	.banner-text-wrap {padding-top: 50%;}
	.main-nav {background: #0e0e0ede;}
	.contact-section {padding: 20px 0px 0px 0px;}

body {
  font-family: Arial, Helvetica, sans-serif;

}

/* Float four columns side by side */
.column {
  float: left;
  width: 25%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding in columns */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the counter cards */
.card {
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
border: none;
  text-align: center;  
margin-bottom: 20px;
}
.rows{
	display: flex;
    text-align: center;
    margin: auto;
    margin-top: 0px;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;

}
.columns {
    float: left;
    width: 100%;
}
.about-box h2{font-size: 28px; color: #000E25; margin-bottom: 30px;}

}