body{font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4,h5{font-family: 'Poppins', sans-serif;}

ul{padding-left: 0;}
li{list-style: none;}
a{text-decoration: none;}

/* header */
.header-top{background: #074b9d; color:#fff.banner h3; padding: 6px 0;}
.header-top p{text-align: center; font-weight: 900; font-size: 20px; margin-bottom: 0;font-family: inherit;
font-family: "Poppins",sans-serif;
font-weight: 500;
font-size: 16px;}
.navbar-brand{width: 17rem;}
.bk-btn,.ca-btn{padding:15px 30px; color: #fff;}
.bk-btn{background: #f25708; margin-right: 15px;}
.ca-btn{background: #074b9d;}
.nav-link{color: #074b9d;}
.header-top{
	color: white!important;
}
/* banner */
.banner{background: url(hero-electriccity.jpg); width: 100%; height: 100%; background-size: cover; padding: 10rem 0; background-repeat: no-repeat; background-position: top center; color: #fff;overflow: hidden;}
.banner-title{text-align: center;}
.banner h1{font-size: 70px; font-weight: 700;}
.banner h3{font-size: 30px;
margin-top: 20px;
font-weight: 500;}
.b1-btn,.b2-btn{padding: 12px 23px; color: #fff; font-size: 20px;}
.btn-group{margin-top: 32px;}
.b1-btn{background: #f25708; margin-right: 20px;}
.b2-btn{background: #074b9d;}
.van-img{ position: relative; margin-top: -50px;}

.hero1 img{position: absolute; width: 100%; height: 100%;}
/* about */
.about{padding: 2rem 0;}
.about h1{font-size: 40px; color: #074b9d; font-weight: bold;}
.about a{color: #f25708;}
.about h3{font-size: 22px; color: #074b9d; font-weight: 700;}
.about-img1 img, .about-image2 img{border-radius: 10px;}
.about-contact{margin: 2rem 0;}
.br{background: url(gradient.jpg); background-position: center; background-size: cover; 
	background-repeat: no-repeat; padding: 30px 30px ; border-radius: 10px; color: #fff;}
.br h5{font-size: 30px; font-weight: 700;}
.br p{margin-bottom: 0;}
.about-button{margin: 50px 0;}
.abt-btn{background: #f7f7f7; color: #074b9d !important; padding: 15px 20px;}

/* services */
.services{background: linear-gradient(rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.833)), url(service.jpg); 
	padding: 4rem 0; background-position: center;  color: #fff;}
.services-title{text-align: center; padding: 0 50px; margin-bottom: 30px;}
.services-title h3{font-size: 30px; font-weight: 700; margin-bottom: 15px;}
.services-title p{margin-bottom: 25px;}
.service-button{margin-top: 15px;}
.s-btn{padding: 12px 18px; font-size: 18px; color: #fff; background: #074b9d; margin-top: 15px;}
.vcx{background: url(s1.jpg); background-position: center; background-size: cover !important; background-repeat: no-repeat; height: 360px; border-radius: 5px; padding: 20px; margin-bottom: 20px;}
.s-img{width: 100px; margin: 0 auto;}
.s-img img{width: 100%; height: auto;}
.s-desc{margin-top: 15px; text-align: center; color: #fff;}
.s-desc h5{font-size: 25px; color: #fff; font-weight: 900;}

/* better */
.better{background: #ececec; padding: 4rem 0; color: #636363;}
.better h3{font-size: 1.8rem; font-weight: 600; color: #074b9d;}
.better a{color: #f25708;}
.better p{font-size: 15px; margin-top: 20px; padding: 0 0;}
.b-img{width: 100px; margin: 0 auto;}
.b-img img{width: 100%; height: auto;}
.b-info{text-align: center; margin-top: 15px; }
.b-info h5{color: #f25708;font-size: 20px;
font-weight: 600;
margin-bottom: 0;}
.b-info p{margin-top: 10px;}
.better-btn{margin-top: 25px; text-align: center; }
.b-btn{font-size: 20px; color: #fff !important; background: #074b9d; padding: 14px 24px;}
/* contact */
.contact{background: linear-gradient(rgba(0, 0, 0, 0.788),rgba(0, 0, 0, 0.568)), url(c.jpg) !important; padding: 35px 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat; color: #fff;}
.contact h3{font-weight: 900; font-size: 33px;}
.contact p{font-size: 17px;}
.contact-button{text-align: center; margin: 40px 0;}
.c-btn{background: #f25708; color: #fff; padding: 13px 20px; font-size: 20px;}

/* footer */
.footer-top{background: #074b9d; padding: 4rem 0; color: #fff;}
.footer-top .logo{ display: block; margin: 0 auto;}
.footer-top .logo img{height: 100%;}
.footer-top h3{font-size: 20px;
font-weight: 600;}
.footer-top li a{color: #fff; font-size: 15px;}
.footer-top .fa-brands{height: 40px; width: 35px; display: block; background: #f25708; line-height: 36px; text-align: center; margin-top: 20px;}
.footer-top .f-btn{background: #f25708; color: #fff; padding: 12px 23px; font-size: 20px;}
.footer-top .f-btn i{margin-right: 9px;}
.footer-bottom{padding: 15px 0; color: #fff; background: #052e61;}
.footer-bottom p{margin-bottom: 0; margin-left: 10px; font-size: 12px;}
.footer-bottom a{color: #fff;}
.header-top p,#clock{
	display: inline-block;
}
.header-top{
	text-align: center;
}
.header-top p{
	font-size: 17px;
font-weight: 500;
}
.header-bottom .nav-item{
	padding: 0;
}.header-bottom .nav-item{
	padding: 0 7px!important;
}
.navbar-expand-lg .navbar-nav .nav-link
{
	font-size: 17px;
}
.bk-btn, .ca-btn{
	padding: 15px 22px;
}
.banner h1{
	font-weight: 700;    font-family: 'Poppins', sans-serif;
}
.about h1{
	 font-family: 'Poppins', sans-serif;
	 font-weight: 600;font-size: 35px;
}
.about p{font-family: 'Poppins', sans-serif;
	font-size: 15.4px;
	color: #636363;
}
.br h5{
	 font-family: 'Poppins', sans-serif;
	 font-weight: 600;
}
.br p{
	color: white;
}
@media(min-width:900px){
	.banner{
		padding-bottom: 5rem;
	}
	.container{
		max-width: 983px;
	}
	.services-title h3{
		 font-family: 'Poppins', sans-serif;
  font-weight: 600;
	}
	.services-title p{
			 
			 font-family: 'Poppins', sans-serif;
font-size: 14px;
	}
	.services-title p span{ 
		color: #f0580a;
	}
	.about h3{
		   font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 0px;font-size: 1.1rem;
	}
	.van-img img{
		width: 170%;
	}
	.van-img{
		position: relative;
margin-top: -50px;
left: -4rem;
	}
	.about .container{
		max-width: 1040px;
	}
	.about-img1 img{
		width: 98% !important;
margin: auto;
	}
	.services-title{
		padding: 0 11rem!important;
	}
	.s-btn{
		padding: 15px 24px;
font-size: 18px;
color: #fff;
background: #074b9d;
margin-top: 1px;
display: inline-block;
	}
.vcx{
	height: 334px;
}
}
	.s-desc h5{
		font-size: 1.1rem;
color: #fff;
font-weight: bold;
	}
	.s-desc p{
		font-size: 0.9rem;
	}
	.better-btn  .b-btn{
		font-size: 16px;
color: #fff !important;
background: #074b9d;
padding: 11px 24px;
	}
	.contact h3{
		font-weight: 600;
font-size: 27px;
	}
	.contact p{
		font-size: 15px;
	}
	.contact-button{
		text-align: right;
	}
	.c-btn{
		font-size: 15px;
	}
	.footer-top .f-btn i
	{
		margin-right: 10px;
	}
	.footer-top .f-btn{
		padding: 12px 15px;
font-size: 17px;
	}