body{
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-style: normal;
  padding: 0;
  margin: 0;
}
.wrapper{
	width: 1120px;
	margin: auto;
}
.top-section{
	font-size: 12px;
	font-weight: 400;
	padding: 10px 0;
	background: #ECF0F4;
}
.top-section-link{
	margin: auto;
	text-align: center;
}
.top-section-link li{
	list-style-type: none;
	display:inline-block;
	margin: 0 20px;
}
.top-section-link li i{
	font-size: 16px;
    vertical-align: text-top;
}
nav{
	background: #fff;
	padding: 20px 0;
}
.logo{
	float: left;
}
.logo img{
	max-width: 200px;
}
.navigation{
	float: right;
}
.navigation ul{}
.navigation ul li{
	list-style-type: none;
	display:inline-block;
	margin: 0 20px;
}
.navigation ul li a{
	text-decoration: none;
	color: #0D1F39;
}
.navigation ul li a:hover{
	color: #F8980B;
}
#active{
	color: #F8980B;
}
.hero{
	position: relative;
}
.hero img{
  display: block;
  max-height: 500px;
  min-width: 100%;
  object-fit: cover;
}
.hero2{
	position: relative;
}
.hero2 img{
  display: block;
  max-height: 100px;
  min-width: 100%;
  object-fit: cover;
}
.hero-content{
	position: absolute;
	top: 10%;
	left: 13%;
}
.hero-content h1{
	color: #0D1F39;
	font-size: 60px;
	margin: 0;
}
.hero-content h2{
	color: #0D1F39;
	font-size: 40px;
	font-weight: 200;
	margin: 0;
}
.hero-content-sub h6{
	color: #0D1F39;
	font-size: 20px;
	font-weight: 300;
	margin: 50px 0;
	line-height: 30px;
}
.hero-content-sub{
	width: 300px;
	position: absolute;
	left: 13%;
	top: 50%;
}
.button{
	background: #F8980B;
	padding: 20px 40px;
	border-radius: 50px;
	text-decoration: none;
	color: #0D1F39;
}
.main-body{
	text-align: center;
	background: #ECF0F4;
	padding: 60px 0 90px 0;
}
.main-body h4{
	width: 60%;
	font-size: 30px;
	margin: 20px auto;
	color: #F8980B;
}
.main-body p{
	width: 60%;
	margin: auto;
	font-weight: 300;
	line-height: 28px;
	color: #0D1F39;
	font-size: 18px;
}
.why-choose-us{
	margin: 60px auto;
}
.why-choose-us-container{
	background: #0D1F39;
	border-radius: 30px;
	padding: 20px;
}
.why-choose-us-container h4{
	text-align: center;
	font-size: 30px;
	margin: 20px auto;
	color: #fff;
}
.why-choose-us-container ul{
	padding: 0;
	display: flex;
	margin-top: 50px;
}
.why-choose-us-container li{
	list-style-type: none;
	background: #fff;
	border-radius: 20px;
	display:inline-block;
	margin: 0 10px;
	width: 20%;
	padding: 20px;
	min-height: 150px;
	font-size: 25px;
	font-weight: 200;
	vertical-align: bottom;
	align-self: flex-end;
	line-height: 35px;
	color: #0D1F39;
}
.why-choose-us-container li i{
	font-size: 30px;
}
.products{
	margin: 60px auto;
}
.products h4{
	font-size: 30px;
	margin: 20px auto;
	color: #F8980B;
	text-align: center;
}
.product-card{
	float: left;
	position: relative;
}
.mr{
	margin-right: 30px;
}
.product-image{
}
.product-image img{
	min-width: 350px;
	border-radius: 30px;
}
.product-text{
	position: absolute;
	top: 10px;
	background: #fff;
	border-radius: 20px;
	width: 290px;
	left: 10px;
	padding: 20px;
}
.product-text h5{
    color: #F8980B;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.product-text p{
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	color: #959595;
}
.services{
	margin: 60px 0;
}
.services h4{
	font-size: 30px;
	margin: 20px auto;
	color: #F8980B;
}
.services-image{
	width: 40%;
	float: left;
}
.services-image img{
	max-width: 450px;
	border-radius: 10px;
}
.services-text{
	width: 55%;
	float: right;
}
.services-section{}
.services-section h5{
	   color: #F8980B;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.services-section p{
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	color: #959595;
}
.about-us{
	margin: 60px auto;
}
.about-us h4{
	font-size: 30px;
	margin: 20px auto;
	color: #F8980B;
}
.about-us p{
	padding: 20px 0px;
	margin: 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	color: #959595;
}
.our-story{
	border-radius: 30px;
	margin-bottom: 40px;
	font-size: 25px;
	font-weight: 200;
	line-height: 35px;
}
.our-story p{
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	color: #959595;
}
.mission{
	background: #EBF3F5;
	border-radius: 30px;
	padding: 25px;
	width: 26%;
	float: left;
	font-size: 20px;
	font-weight: 200;
	min-height: 250px;
	line-height: 30px;
}
.mission p{
	padding: 0;
	margin: 0;
}
.mission p i{
	font-size: 30px;
}
.vision{
	background: #F2F4EA;
	border-radius: 30px;
	padding: 25px;
	width: 26%;
	float: left;
	font-size: 20px;
	font-weight: 200;
	min-height: 250px;
	line-height: 30px;
}
.vision p{
	padding: 0;
	margin: 0;
}
.vision p i{
	font-size: 30px;
}
.team{
	background: #FEF3E2;
	border-radius: 30px;
	padding: 25px;
	width: 26%;
	float: left;
	font-size: 20px;
	font-weight: 200;
	min-height: 250px;
	line-height: 30px;
}
.team p{
	padding: 0;
	margin: 0;
}
.team p i{
	font-size: 30px;
}
.our-clients{
	margin: 60px auto;
}
.our-client-text{
	width: 20%;
	float: left;
}
.our-client-text h4{
	font-size: 30px;
	margin: 20px auto;
	color: #F8980B;
}
.our-client-text p{
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	color: #959595;
}
.our-client-logo{
	width: 75%;
	float: right;
	margin-top:0px;
}
.our-client-logo img{
	max-width: 180px;
}
.sub-footer{
	background: #1E1E1E;
	padding: 20px;
}
.footer-content{
	width: 32%;
	display: inline-block;
	vertical-align: text-top;
	padding: 5px;
	color: #fff;
}
.footer-content p{
	font-weight: 300;
	line-height: 25px;
	color: #fff;
}
.footer-content p a{
	color: #fff;
	text-decoration: none;
}
footer{
	background: #1E1E1E;
	padding: 10px;
}
footer p{
	color: #959595;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
}
footer p a img{
	border-radius: 100px;
	max-width: 20px;
	vertical-align: middle;
}
.contact-us{
	margin: 60px auto;
}
.contact-text{
	float: left;
	width: 45%;
}
.contact-map{
	float: right;
	width: 50%;
}
.contact-text h2{
	font-size: 34px;
	color: #F8980B;
}
.contact-text h4{
	font-weight: 300;
	font-size: 24px;
	line-height: 38px;
	color: #000;
}
.contact-text h4 a{
	color: #000;
}
.contact-text h4 a:hover{
	color: #F8980B;
}
.clear{
	clear: both;
}
.spacer{
	margin: 40px 0;
}
.services-inner{
	margin: 60px 0;
}
.services-inner p{
	padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  color: #959595;
}
.services-inner h4{
	font-size: 30px;
	margin: 20px auto;
	color: #F8980B;
}
.services-image-inner{
	width: 40%;
	float: left;
}
.services-image-inner img{
	max-width: 400px;
	border-radius: 10px;
}
.services-text{
	width: 55%;
	float: right;
}
.services-section-inner{}
.services-section-inner h5{
	   color: #F8980B;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.services-text-inner p{
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	color: #959595;
}
.services-image-inner-right{
	width: 40%;
	float: right;
}
.services-text-inner-left{
	width: 54%;
	float: left;
}
.services-text-inner-left p{
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	color: #959595;
}
.services-image-inner-right img{
	max-width: 400px;
	border-radius: 10px;
}
.products-inner{
	margin: 60px auto;
}
.products-inner h4{
	font-size: 30px;
	margin: 20px auto;
	color: #F8980B;
	text-align: left;
}
.products-inner-text{}
.products-inner-text h5{
	color: #F8980B;
  font-size: 18px;
  margin: 0;
  padding: 0;
}
.products-inner-text p{
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	color: #959595;
}
.products-inner-image-text{
	  background: #EBF3F5;
	  padding: 20px;
	  float: left;
	  width: 18%;
	  text-align: center;
	  border-radius: 10px;
}

@media screen and (max-width: 750px) {

body { width: 100vw; height: 100vh; }
.wrapper{
	width: 100%;
}
.top-section-link li{
	list-style-type: none;
	display:inline-block;
	margin: 0 5px;
	line-height: 20px;
}
.top-section-link{
	margin: 0;
	padding: 0;
}
.logo{
	float: none;
	width: 200px;
	margin: auto;
}
.navigation{
	float: none;
	text-align: center;
}
.navigation ul{
	padding: 0;
}
.navigation ul li{
	margin: 0 10px;
}
.hero img{
	width: auto;
	max-width:100%;
}
.hero-content h2{
	font-size: 20px;
}
.hero-content h1{
	font-size: 35px;
}
.hero-content-sub h6{
	font-size: 18px;
	margin: 0 0 30px 0;
}
.button{
	padding: 10px 30px;
}
.main-body h4{
	width: 90%;
	font-size: 24px;
}
.main-body p{
	width: 90%;
	font-size: 14px;
	line-height: 24px;
}
.mr{
	margin: 0;
}
.products{
	text-align: center;
}
.product-card{
	float: none;
}
.product-text{
	left:50px;
}
.product-image img{
	height: 450px;
}
.services h4{
	text-align: center;
}
.services-image{
	width: 100%;
	float: none;
}
.services-image img{
	max-width: 100%;
}
.services-text{
	width: 100%;
	float: none;
}
.services-section{
	margin: 10px auto;
	width: 90%;
}
.why-choose-us-container ul{
	display: block;
}
.why-choose-us-container li{
	width: auto;
	margin-bottom: 10px;
	min-height: 110px;
}
.about-us h4{
	text-align: center;
}
.our-story p{
	text-align: center;
	width: 90%;
	margin: auto;
  font-size: 14px;
  line-height: 24px;
}
.mission{
	width: auto;
	margin-bottom: 10px;
	min-height: 170px;
}
.vision{
	width: auto;
	margin-bottom: 10px;
	min-height: 170px;
}
.team{
	width: auto;
	margin-bottom: 10px;
	min-height: 170px;
}
.our-client-text{
	width: auto;
	float: none;
	text-align: center;
}
.our-client-text p{
	text-align: center;
	width: 90%;
	margin: auto;
  font-size: 14px;
  line-height: 24px;
}
.our-client-logo{
	width: auto;
	float: none;
	margin: auto;
	text-align: center;
}
.our-client-logo img{
	max-width: 80px;
}
.footer-content{
	width: 90%;
	display: block;
}
.footer-content p{
	font-size: 14px;
}
contact-us{
	margin: 60px auto;
}
.contact-text{
	float: none;
	width: 100%;
	margin: 0 20px;
}
.contact-map{
	float: 100%;
	width: auto;
	overflow: hidden;
}
.contact-text h2{
	font-size: 24px;
	color: #0D1F39;
}
.contact-text h4{
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #000;
}
.contact-text h4 a{
	color: #000;
}
.contact-text h4 a:hover{
	color: #F8980B;
}
.hero2 .hero-content{
	top: 22%;
}
.about-us p{
	width: 90%;
	margin: auto;
  font-size: 14px;
  line-height: 24px;
}
.services-inner h4{
	text-align: center;
}
.services-image-inner{
	width: 100%;
	float: none;
}
.services-inner p{
	text-align: center;
}
.services-text-inner .services-section p{
	text-align: left;
}
.services-image-inner img{
	max-width: 100%;
}
.services-text-inner{
	width: 100%;
	float: none;
}
.services-section-inner{
	margin: 10px auto;
	width: 90%;
}
.services-image-inner-right{
	width: 100%;
	float: none;
}
.services-text-inner-left{
	width: 100%;
	float: none;
}
.services-text-inner-left p{
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	color: #959595;
}
.services-image-inner-right img{
	max-width: 400px;
	border-radius: 10px;
}
.products-inner{
	width: 90%;
}
.products-inner-image-text{
	float: none;
	width: 90%;
	margin: 0 0 10px 0;
}
.product-inner-image-text-text h5{
	font-size: 18px;
}

}