html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;box-sizing: border-box;
	font-family: 'Roboto', sans-serif;background: #f7fcff;
}
.displayFlex{
	display: flex;align-items: center;
}
.displayFlexRight{
	display: flex;align-items: center;justify-content: right;
}
.displayFlexCenter{
	display: flex;align-items: center;justify-content: center;
}
input:focus{
	outline: none;
}

/*=========================== HEADER START ===========================*/

.tp-header{
	width: 100%;background: #2e5185;padding: 0.5vw 9vw;display: flex;justify-content: space-between;
	flex-wrap: wrap;
}
.headerColumn{
	width: 45%;
}
.headerColumn ul li{
	display: inline-block;margin-right: 1vw;
}
.headerColumn ul li a{
	color: #fff;text-decoration: none;font-size: 0.8vw;
}
.headerColumn:last-child{
	display: flex;justify-content: right;
}
.header{
	width: 100%;padding: 0.8vw 9vw;display: flex;justify-content: space-between;flex-wrap: wrap;
	align-items: center;
}
.logo{
	width: 18%;
}
.navbar-menu{
	width: 45%;
}
.navbar-menu ul li{
	display: inline-block;margin: 0 1vw;
}
.navbar-menu ul li a{
	display: inline-block;color: #000;font-size: 0.85vw;text-decoration: none;
}
.enquiryBtn{
	width: 16%;
}
.enquiryBtn a{
	display: block;width: 100%;height: 2vw;background: #edbc1b;border-radius: 25px;text-decoration: none;
	color: #fff;font-size: 0.85vw;display: flex;align-items: center;justify-content: center;
}
.enquiryBtn a:hover{
	background: #eea324;
}

/*============================= HEADER END ===============================*/

/*============================== FOOTER START ============================*/

.footer{
	background: url("images/footer.jpg");padding: 2vw 0vw 1vw 0vw;
	background-position: center top;background-size: cover;overflow: hidden;
}
.footerRow{
	display:flex;justify-content: space-between;padding: 1vw 14vw;
}
.footerColumn1{
	width: 28%;padding-right: 3%;
}
.footerColumn1 h1{
	font-size:1.5vw;font-weight: 600;color: #fff;
}
.footerColumn1 p{
	font-size:0.8vw;font-weight: 400;color: #fff;margin-bottom: 0;
	margin-top: 10px;text-align: justify;
}
.footer-sc-ic{
	margin-top: 20px;
}
.footer-sc-ic a{
	display: inline-block;width: 2vw;height: 2vw;background: #fff;color: #000;
	border-radius: 50%;font-size: 0.9vw;text-align: center;line-height: 2.3;
}
.footer-sc-ic a:hover{
	background: #eda323;
}
.footerColumn2{
	width: 16%;
}
.footerColumn2 h1{
	font-size:1.5vw;font-weight: 600;color: #fff;
}
.footerColumn2 ul li{
	margin-top: 10px;
}
.footerColumn2 ul li a{
	font-size:0.8vw;font-weight: 400;color: #fff;text-decoration: none;
}
.footerColumn2 ul li a:hover{
	color: #eda323;
}
.footerColumn3{
	width: 20%;
}
.footerColumn3 h1{
	font-size:1.5vw;font-weight: 600;color: #fff;
}
.footerColumn3 ul li{
	margin-top: 10px;
}
.footerColumn3 ul li a{
	font-size:0.8vw;font-weight: 400;color: #fff;text-decoration: none;
}
.footerColumn3 ul li a:hover{
	color: #eda323;
}
.footerColumn4{
	width: 36%;padding-right: 3%;
}
.footerColumn4 h1{
	font-size:1.5vw;font-weight: 600;color: #fff;
}
.footerColumn4{
	font-size: 0.9vw;color: #fff;
}
.contICFooter i{
	font-size: 1vw;color: #fff;
}
.copyright{
	text-align: center;color: #fff;font-size: 0.8vw	;
}
button.moveToTop{
	position: fixed;right:2%;bottom: 2%;width: 40px;height: 40px;
	border-radius: 50%;background: #eda323;text-align: center;color: #fff;
	line-height: 2.2;border: none;font-size: 18px;
}
a.whatsapp{
	position: fixed;left: 1.5%;bottom: 2%;width: 40px;height: 40px;
	display: inline-block;animation: bounce 2s infinite;
}
a.whatsapp img{
	width: 100%;
}
@keyframes bounce{
	0%{
		transform: translateY(0px);
	}
	15%{
		transform: translateY(-10px);
	}
	25%{
		transform: translateY(-20px);
	}
	50%{
		transform: translateY(-10px);
	}
	75%{
		transform: translateY(-20px);
	}
	100%{
		transform: translateY(-10px);
	}

}

/*======================== FOOTER END ===========================*/

/*============================ CONTACT START ======================*/

.breadcumb{
	background: url("images/breadcumb-bg.jpg");background-size: cover;
	background-position: center right;padding: 4vw;
}
.breadcumb h1{
	font-size: 3vw;font-weight: 800;color: #fff;text-align: center;
}
.breadcumb h6{
	font-size:1vw;font-weight: 600;color: #fff;text-align: center;
}
.breadcumb h6 a{
	color: #eda323;text-decoration: none;
}
.contact-details{
	padding:3vw 12vw;
}
.contact-details-col{
	text-align: center;
}
.contact-details-col h5{
	font-size: 0.9vw;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;
	color: #fe5716;
}

.contact-details-col span{
	display: inline-block;width: 80px;height: 3px;background: #fe5716;margin-top: -10px;
}
.contact-details-col h1{
	text-transform: capitalize;font-weight:800;font-size:2.7vw;margin-top: 1vw;
}
.contact-form{
	margin-top: 2vw;
}
.contact-form input{
	width: 100%;height: 50px;border-radius: 25px;padding: 15px;border: 1px solid grey;
	background: none;margin: 10px;
}
.contact-form textarea{
	width: 100%;padding: 15px;border-radius: 25px;background: none;
	border: 1px solid grey;margin: 10px;
}
textarea:focus{
	outline: none;
}
.contact-form button{
	width: 100%;height: 50px;border-radius: 25px;background: #2e5185;color: #fff;
	font-size: 0.9vw;font-weight: 600;border: none;margin: 10px 10px 0 10px;
}
.contact-form button:hover{
	background: #eda323;transition: all 0.2s ease-in;
}
.contactBox{
	border-radius: 25px;background: #2e5185;padding:1.5vw;width: 100%;margin-top: 2vw;
}
.contact-ic{
	font-size: 1.5vw;color:#eda323;
}
.contact-text{
	font-size: 0.9vw;color: #fff;
}
.cont_details{
	padding-left: 3vw;
}
.map iframe{
	width: 100%;height: 400px;
}

/*============================ CONTACT END ======================*/

/*============================= BLOGS START =======================*/

.blogs{
	padding: 3vw 12vw;
}
.blog-img{
	border-radius: 25px;overflow: hidden;height: 400px;margin-bottom: 1vw;
}
.blogs-detail h2{
	text-transform: capitalize;font-weight: 600;font-size: 2vw;
}
.blogs-detail p{
	font-size: 0.9vw;
}
a.blog_btn{
	background: #2e5185;padding: 8px 30px;border-radius: 18px;color: #fff;
	text-decoration: none;
}
a.blog_btn:hover{
	background: #eda323;transition: all 0.2s ease-in;
}
.recent-blogs{
	padding-left: 2vw;
}
.recent-blogs-col{
	border: 1px solid grey;border-radius: 35px;padding:1vw 2vw;
}
.recent-blogs-col h2{
	font-size: 1.3vw;font-weight: 600;
}
.blogCover{
	height: 80px;border-radius: 15px;border: 1px solid grey;
}
.blogHeading{
	font-size: 1vw;font-weight: 600;text-transform: capitalize;
}
.blogHeading a{
	font-size: 0.8vw;color: #000;font-weight: 600;text-transform: uppercase;
	color: #eda323;
}

/*============================ BLOGS END ============================*/

/*============================ CERTIFICATIONS START ======================*/

.certifications{
	padding: 3vw;
}

/*=========================== CERTIFICATIONS END =========================*/

/*============================ GALLERY START ======================*/

.gallery{
	padding: 2vw 10vw;
}

/*=========================== GALLERY END =========================*/

/*============================ PRODUCT DETAIL START ======================*/

.product-details{
	padding: 3vw 12vw;
}
.product-column{
	background: #fff;border-radius: 14px;overflow: hidden;margin-top: 10px;margin-bottom: 10px;
}
.product-cont{
	margin-top:1vw;
}
.prod-image{
	width: 100%;background: grey;height: 100%;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;overflow: hidden;
}
.product-info{
	padding: 1vw;background: #fff;border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}
.product-info h3{
	font-size: 1.6vw;font-weight: 600;
}
.product-info p{
	font-size: 1vw;margin-bottom:1vw;margin-top: 1vw;
}
.product-info a{
	text-align: center;background: #2e5185;
	color: #fff;display: inline-block;font-size: 0.9vw;
	text-transform: uppercase;text-decoration: none;border-radius: 25px;
	padding: 0.5vw 4vw;
}
.product-info a:hover{
	background: #eda323;transition: all 0.2s ease-in;
}

/*============================ PRODUCT DETAIL END ======================*/

/*============================ ABOUT DETAILS START ======================*/

.about-details{
	padding: 3vw 12vw;position: relative;
}
img.serviceImg{
	position: absolute;right: -40%;bottom: 8%;border: 13px solid #fff;
}
.abt-cont h6{
	font-size: 0.9vw;text-transform: uppercase;color: #eda323;
}
.abt-cont h2{
	font-size: 2.5vw;font-weight: 600;color: #2e5185;
}
.abt-cont p{
	font-size: 0.9vw;margin-top: 1vw;
}
.abt-cont ul li{
	margin-top: 15px;
}
.abt-cont ul li:first-child{
	margin-top: 2vw;
}
.abt-cont ul li a{
	color: #000;text-decoration: none;
}
.abt-cont ul li a:hover{
	color:#eda323;
}
img.leftLeaf{
	position: absolute;left: 0;bottom: 0;
}
img.rightCircle{
	position: absolute;top: 0;right: 0;
}
.benefits{
	padding: 3vw 12vw;background: #f5fcf7;
}
.benefits h5{
	font-size: 0.9vw;text-transform: uppercase;color: #eda323;text-align: center;
}
.benefits h1{
	font-size: 2.5vw;font-weight: 600;color: #2e5185;text-align: center;
}
.benefits-col{
	text-align: center;margin-top: 1vw;
}
.benefits-col h3{
	font-size: 1.2vw;font-weight: 600;
}
.benefits-col p{
	font-size: 0.9vw;
}
.abt-video{
	width: 100%;border-radius: 25px;height: 300px;
	background:url("images/background.jpg");position: relative;
	background-position: center;background-size: cover;
}
.abt-video a{
	width: 5vw;height: 5vw;background: #2e5185;border-radius: 50%;
	display: inline-block;text-align: center;line-height: 3.2;color: #fff;
	font-size: 1.6vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
	animation: shadow-pulse 1s infinite;
}
.abt-video a i{
	width: 4.2vw;height: 4.2vw;background: #2e5185;border-radius: 50%;border: 4px solid #fff;
	line-height: 2.4;
}
@keyframes shadow-pulse{
	0% {
	  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);
	}
	100% {
	  box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
	}
}
.whatwedo{
	padding: 3vw 12vw;
}
.whatwedo h5{
	font-size: 0.9vw;text-transform: uppercase;color: #eda323;
}
.whatwedo h2{
	font-size: 2.5vw;font-weight: 600;color: #2e5185;
}
.whatwedo p{
	text-align: justify;font-size: 0.9vw;margin-top: 1vw;
}
.whatwedo h3{
	font-size: 1.5vw;font-weight: 600;color: #2e5185;
}
img.pole1{
	position: absolute;top: 10%;left: 32%;z-index: 10;width: 2%;
}
img.fan1{
	position: absolute;top: -9%;left:21%;z-index: 10;width: 25%;
	animation: rotate 3s linear infinite;
}
img.pole2{
	position: absolute;top: 20%;left: 63%;z-index: 10;width:1.5%;
}
img.fan2{
	position: absolute;top: 0%;left:51%;z-index: 10;width: 25%;
	animation: rotate 3s linear infinite;
}
@keyframes rotate{
	100%{
		transform: rotate(360deg);
	}
}
img.mount{
	width:50%;margin-top:15%
}

/*============================ ABOUT DETAILS END ======================*/

/*============================ INDEX STARTED =====================*/

.slider{
	width:100%;height: 70vh;position: relative;
	overflow: hidden;
}
.aboutIndex{
	padding: 3vw 10vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.abtIndexLeft{
	width: 45%;position: relative;
}
.secondImage{
	width:65%;height: 30vh;background: #ebebeb;border-radius: 25px;
	right: 0%;position: absolute;bottom: 5%;
}
.firstImage{
	width: 65%;height: 30vh;background: grey;border-radius: 25px;position: absolute;
	content: '';left: 0;top: 0;z-index: 10;
}
.abtIndexRight{
	width: 50%;
}
.aboutIndex h5{
	font-size: 0.9vw;text-transform: uppercase;color: #eda323;
}
.aboutIndex h1{
	font-size: 2vw;text-transform: capitalize;font-weight: 600;color: #2e5185;
}
.aboutIndex h3{
	font-size: 1.3vw;text-transform: capitalize;font-weight: 600;margin-top: 1.2vw;
}
.aboutIndex p{
	font-size: 0.85vw;text-align: justify;
}
.aboutIndex ul li{
	font-size: 0.85vw;
}
.aboutIndex ul li i{
	color: #eda323;
}
.qualities{
	padding: 0.8vw 10vw;background: #2e5185;
}
.qualities img{
	width:100%;
}
.qualities h3{
	font-size: 1.2vw;color: #fff;font-weight: 600;
}
.qualities p{
	font-size: 0.8vw; color: #fff;margin-bottom: 0;
}
.services{
	padding: 2vw 10vw;background:#fff;background: url("images/bg.jpg");background-size: cover;
	background-position: center;
}
.services h5{
	font-size: 0.9vw;text-transform: uppercase;color: #eda323;text-align: center;
}
.services h2{
	font-size:2vw;text-transform: capitalize;font-weight: 600;color: #2e5185;text-align: center;
}
.services p{
	font-size: 0.9vw;text-align: center;
}
.service-col{
	padding: 2vw;border: 2px solid #e9e9e9;margin-top: 15px;margin-bottom: 15px;
	background: #fff;
}
.service-col:hover{
	transform: translateY(-20px);transition: all 0.3s ease-in;
}
.service-img img{
	width: 80%;
}
.service-detail{
	margin-top: 15px;text-align: center;
}
.service-detail h3{
	font-size: 1.2vw;font-weight: 600;text-align: center;
}
.service-detail p{
	font-size: 0.8vw;
}
.service-detail a{
	background: #eda323;padding: 0.5vw 3vw;border-radius: 25px;color: #fff;text-decoration: none;
}
.service-detail a:hover{
	background: #2e5185;transition: all 0.2s ease-in;
}
.indexContact{
	padding: 0.8vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;
}
.leftIndexContact{
	width: 45%;background: #748eb3;border-radius: 10px;position: relative;overflow: hidden;
}
.leftIndexContact img{
	width: 100%;
}
.rightIndexContact{
	width: 54%;padding:3vw 4vw;background: #d3deed;border-radius: 10px;
}
.indexBottomCol{
	position: relative;width: 80%;top: 10%;left: 10%;
}
.indexBottomCol h1{
	font-size: 2.3vw;font-weight: 600;color: #d3deed;
}
.indexBottomCol p{
	font-size: 0.9vw;color: #d3deed;margin-bottom: -5vw;
}
.indexForm{
	width: 70%;
}
.indexForm h1{
	font-size: 2.5vw;font-weight: 600;
}
.formRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.formCOlumn{
	width: 48%;margin-top: 1vw;
}
.formCOlumn input{
	width: 100%;padding: 0.5vw;border: 1px solid #ebebeb;height: 3vw;border-radius: 5px;font-size: 0.8vw;
}
.formCOlumn textarea{
	width: 100%;padding: 0.5vw;border: 1px solid #ebebeb;border-radius: 5px;height: 10vh;font-size: 0.8vw;
}
.formCOlumn button{
	width: 35%;height: 3vw;border: none;background: #627fa1;color: #fff;font-size: 0.8vw;border-radius: 7px;
}
.formCOlumn button:hover{
	background: #2e5185;
}
.rightIndexBottomImg{
	content: '';position: absolute;right: 0;bottom: 0;width: 20%;
}

/*============================ INDEX ENDED =====================*/

/*=============================== RESPONSIVE =============================*/



@media(max-width:768px){
	.respTPHeader{
		width: 100%;display: flex;align-items: center;
	}
	.respTPHeader a{
		width: 100%;padding: 7px;background: #2e5185;color: #fff;font-size: 14px;text-align: center;
		text-decoration: none;border-right: 1px solid #fff;
	}
	.respTPHeader a:last-child{
		border: none;
	}
	.headerResp{
		width: 100%;display: flex;padding: 10px 15px;
	}
	.respLogo{
		width: 50%;
	}
	.respLogo img{
		width: 100%;
	}
	.respMenu{
		width: 50%;display: flex;align-items: center;justify-content: right;
	}
	.respMenu button{
		width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border:1px solid grey;
		font-size: 18px;background: none;
	}

	/*============================== FOOTER START ============================*/

	.footer{
		padding: 18px 18px 18px 10px;
	}
	.footerRow{
		display:flex;justify-content: space-between;padding:18px;
	}
	.footerColumn1{
		width: 100%;padding-right: 0%;
	}
	.footerColumn1 h1{
		font-size:22px;font-weight: 600;color: #fff;
	}
	.footerColumn1 p{
		font-size:16px;
		margin-top: 10px;
	}
	.footer-sc-ic{
		margin-top: 20px;margin-right:0;
	}
	.footer-sc-ic a{
		display: inline-block;width:40px;height:40px;background: #fff;color: #000;
		border-radius: 50%;font-size:16px;text-align: center;line-height: 2.5;
		margin-right: 10px;
	}
	.footerColumn2{
		width: 100%;margin-top: 18px;
	}
	.footerColumn2 h1{
		font-size:22px;font-weight: 600;color: #fff;
	}
	.footerColumn2 ul li{
		margin-top: 10px;
	}
	.footerColumn2 ul li a{
		font-size:16px;font-weight: 400;color: #fff;text-decoration: none;
	}
	.footerColumn3{
		width: 20%;
	}
	.footerColumn3 h1{
		font-size:1.5vw;font-weight: 600;color: #fff;
	}
	.footerColumn3 ul li{
		margin-top: 10px;
	}
	.footerColumn3 ul li a{
		font-size:0.8vw;font-weight: 400;color: #fff;text-decoration: none;
	}
	.footerColumn4{
		font-size: 16px;color: #fff;
	}
	.footerColumn4{
		width: 100%;padding-right: 0%;margin-top: 18px;
	}
	.footerColumn4 h1{
		font-size:22px;font-weight: 600;color: #fff;
	}
	.contICFooter i{
		font-size: 18px;color: #fff;
	}
	.copyright{
		text-align: center;color: #fff;font-size: 14px;
	}

	/*======================== FOOTER END ===========================*/

	/*============================ CONTACT START ======================*/

	.breadcumb{
		background: url("images/breadcumb-bg.jpg");background-size: cover;
		background-position: center right;padding:40px;
	}
	.breadcumb h1{
		font-size: 32px;font-weight: 800;color: #fff;text-align: center;
	}
	.breadcumb h6{
		font-size:16px;font-weight: 600;color: #fff;text-align: center;
	}
	.breadcumb h6 a{
		color: #eda323;text-decoration: none;
	}
	.contact-details{
		padding:18px;overflow: hidden;
	}
	.contact-details-col{
		text-align: center;
	}
	.contact-details-col h5{
		font-size: 14px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;
		color: #fe5716;
	}

	.contact-details-col span{
		display: inline-block;width: 80px;height: 3px;background: #fe5716;margin-top: -10px;
	}
	.contact-details-col h1{
		text-transform: capitalize;font-weight:800;font-size:28px;margin-top: 1vw;
	}
	.contact-form{
		margin-top: 2vw;
	}
	.contact-form input{
		width: 100%;height: 50px;border-radius: 25px;padding: 15px;border: 1px solid grey;
		background: none;margin: 10px;
	}
	.contact-form textarea{
		width: 100%;padding: 15px;border-radius: 25px;background: none;
		border: 1px solid grey;margin: 10px;
	}
	textarea:focus{
		outline: none;
	}
	.contact-form button{
		width: 100%;height: 50px;border-radius: 25px;background: #2e5185;color: #fff;
		font-size:16px;font-weight: 600;border: none;margin: 10px 10px 0 10px;
	}
	.contact-form button:hover{
		background:#eda323;transition: all 0.2s ease-in;
	}
	.contactBox{
		border-radius: 25px;background: #2e5185;padding:18px;width: 100%;margin-top: 20px;
	}
	.contact-ic{
		font-size:20px;color:#eda323;
	}
	.contact-text{
		font-size: 16px;color: #fff;
	}
	.cont_details{
		padding-left:3vw;
	}
	.map iframe{
		width: 100%;height: 400px;
	}

	/*============================ CONTACT END ======================*/

	/*============================= BLOGS START =======================*/

	.blogs{
		padding:18px;
	}
	.blog-img{
		border-radius: 25px;overflow: hidden;height: 200px;margin-bottom: 1vw;
	}
	.blogs-detail h2{
		text-transform: capitalize;font-weight: 600;font-size: 24px;
	}
	.blogs-detail p{
		font-size:14px;text-align: justify;
	}
	a.blog_btn{
		background: #2e5185;padding: 8px 30px;border-radius: 18px;color: #fff;
		text-decoration: none;
	}
	a.blog_btn:hover{
		background: #eda323;transition: all 0.2s ease-in;
	}
	.recent-blogs{
		padding-left: 2vw;
	}
	.recent-blogs-col{
		border: 1px solid grey;border-radius: 18px;padding:18px;margin-top: 20px;
	}
	.recent-blogs-col h2{
		font-size:22px;font-weight: 600;
	}
	.blogCover{
		height: 60px;border-radius: 15px;border: 1px solid grey;
	}
	.blogHeading{
		font-size: 16px;font-weight: 600;text-transform: capitalize;
	}
	.blogHeading a{
		font-size: 14px;color: #000;font-weight: 600;text-transform: uppercase;
		color: #eda323;
	}

	/*============================ BLOGS END ============================*/

	/*============================ ABOUT DETAILS START ======================*/

	.about-details{
		padding:18px;position: relative;
	}
	img.serviceImg{
		position: absolute;right: -40%;bottom: 8%;border: 13px solid #fff;display: none;
	}
	.abt-cont h6{
		font-size: 15px;text-transform: uppercase;color: #eda323;margin-top: 20px;
	}
	.abt-cont h2{
		font-size:26px;font-weight: 600;color: #2e5185;
	}
	.abt-cont p{
		font-size: 16px;margin-top: 1vw;text-align: justify;
	}
	.abt-cont ul li{
		margin-top: 15px;
	}
	.abt-cont ul li:first-child{
		margin-top: 2vw;
	}
	.abt-cont ul li a{
		color: #000;text-decoration: none;
	}
	.abt-cont ul li a:hover{
		color:#eda323;
	}
	img.leftLeaf{
		position: absolute;left: 0;bottom: 0;
	}
	img.rightCircle{
		position: absolute;top: 0;right: 0;display: none;
	}
	.benefits{
		padding: 18px;background: #f5fcf7;
	}
	.benefits h5{
		font-size:14px;text-transform: uppercase;color: #eda323;text-align: center;
	}
	.benefits h1{
		font-size: 24px;font-weight: 600;color: #2e5185;text-align: center;
	}
	.benefits-col{
		text-align: center;margin-top: 1vw;
	}
	.benefits-col h3{
		font-size:18px;font-weight: 600;
	}
	.benefits-col p{
		font-size:14px;
	}
	.abt-video{
		width: 100%;border-radius: 25px;height: 300px;
		background:url("images/background.jpg");position: relative;
		background-position: center;background-size: cover;display: none;
	}
	.abt-video a{
		width: 5vw;height: 5vw;background: #2e5185;border-radius: 50%;
		display: inline-block;text-align: center;line-height: 3.2;color: #fff;
		font-size: 1.6vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
		animation: shadow-pulse 1s infinite;
	}
	.abt-video a i{
		width: 4.2vw;height: 4.2vw;background: #2e5185;border-radius: 50%;border: 4px solid #fff;
		line-height: 2.4;
	}
	@keyframes shadow-pulse{
		0% {
		  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);
		}
		100% {
		  box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
		}
	}
	.whatwedo{
		padding:18px;
	}
	.whatwedo h5{
		font-size: 14px;text-transform: uppercase;color: #eda323;margin-top: 20px;
	}
	.whatwedo h2{
		font-size:24px;font-weight: 600;color: #2e5185;
	}
	.whatwedo p{
		text-align: justify;font-size:16px;margin-top: 1vw;
	}
	.whatwedo h3{
		font-size: 24px;font-weight: 600;color: #2e5185;
	}
	img.pole1{
		position: absolute;top: 12%;left: 22%;z-index: 10;width: 3%;
	}
	img.fan1{
		position: absolute;top: -9%;left:5%;z-index: 10;width: 38%;
		animation: rotate 3s linear infinite;
	}
	img.pole2{
		position: absolute;top: 20%;left: 70%;z-index: 10;width:2.5%;
	}
	img.fan2{
		position: absolute;top: 3%;left:53.5%;z-index: 10;width: 35%;
		animation: rotate 3s linear infinite;
	}
	@keyframes rotate{
		100%{
			transform: rotate(360deg);
		}
	}
	img.mount{
		width:80%;margin-top:25%
	}

	/*============================ ABOUT DETAILS END ======================*/

	/*============================ INDEX STARTED =====================*/

	.slider{
		width:100%;height: 30vh;position: relative;
		overflow: hidden;
	}
	img.post{
		position: absolute;right: 15%;top:25%;width: 20%;z-index: 7;
	}
	img.solarPanel{
		position: absolute;right: 0;bottom: 0;width:800px;z-index: 15;width: 70%;
	}
	img.fan{
		position: absolute;right: 73px;top:18%;width:200px;z-index:20;
		animation: rotateind 12s linear infinite;
	}
	img.f2{
		position: absolute;right:173px;top:53%;width:100px;z-index:20;
		animation: rotateind 12s linear infinite;
	}
	img.f3{
		position: absolute;right:40px;top:35%;width:120px;z-index:20;
		animation: rotateind 12s linear infinite;
	}
	@keyframes rotateind{
		100%{
			transform: rotate(360deg);
		}
	}
	.sliderText{
		position: absolute;top:27%;left: 1%;transform: translateY(-50%);
	}
	.sliderText h1{
		font-family: 'Bebas Neue', sans-serif;font-size:60px;line-height: 0.8;
	}
	.sliderText h2{
		font-family: 'Bebas Neue', sans-serif;font-size: 20px;line-height: 1;
		margin-bottom: 10px;
	}
	a.sliderBtn{
		display: inline-block;padding: 0.7vw 3vw;background: #eda323;
		color: #fff;font-weight: 400;
	}
	.crousel-ic{
		position: absolute;background: #eda323;z-index: 30;
		right: 0;bottom: 0;
	}
	.crousel-ic a{
		display:inline-block;width: 50px;height: 50px;text-align: center;line-height: 2;
		padding-top: 15px;
	}
	a.arousel-control-prev{
		display:inline-block;width: 50px;height: 50px;
	}
	span.carousel-control-prev-icon{

	}
	.qualities{
		padding: 7px;background: #2e5185;overflow: hidden;
	}
	.qualities img{
		width: 50%;text-align: center;margin-left: 25%;
	}
	.qualities h3{
		font-size: 12px;color: #fff;font-weight: 600;text-align: center;
		margin-top: 10px;
	}
	.qualities p{
		display: none;
	}
	.aboutIndex{
		padding: 15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.abtIndexLeft{
		width: 100%;position: relative;display: none;
	}
	.secondImage{
		width:100%;height: 30vh;background: #ebebeb;border-radius: 25px;
		right: 0%;position: relative;bottom: 0%;
	}
	.firstImage{
		width: 65%;height: 30vh;background: grey;border-radius: 25px;position: absolute;
		content: '';left: 0;top: 0;z-index: 10;display: none;
	}
	.abtIndexRight{
		width: 100%;
	}
	.aboutIndex h5{
		font-size: 14px;text-transform: uppercase;color: #eda323;
	}
	.aboutIndex h1{
		font-size: 24px;text-transform: capitalize;font-weight: 600;color: #2e5185;
	}
	.aboutIndex h3{
		font-size: 18px;text-transform: capitalize;font-weight: 600;margin-top: 1.2vw;
	}
	.aboutIndex p{
		font-size: 15px;text-align: justify;
	}
	.aboutIndex ul li{
		font-size: 15px;
	}
	.aboutIndex ul li i{
		color: #eda323;
	}
	.services{
		padding:18px;background:#fff;background: url("images/bg.jpg");background-size: cover;
		background-position: center;
	}
	.services h5{
		font-size: 14px;text-transform: uppercase;color: #eda323;text-align: center;
	}
	.services h2{
		font-size:28px;text-transform: capitalize;font-weight: 600;color: #2e5185;text-align: center;
	}
	.services p{
		font-size: 15px;text-align: center;
	}
	.service-col{
		padding:10px;border: 2px solid #e9e9e9;margin-top: 15px;margin-bottom: 15px;
		background: #fff;
	}
	.service-col:hover{
		transform: translateY(-20px);transition: all 0.3s ease-in;
	}
	.service-img img{
		width: 80%;
	}
	.service-detail{
		margin-top: 15px;text-align: center;
	}
	.service-detail h3{
		font-size: 14px;font-weight: 600;text-align: center;
	}
	.service-detail p{
		font-size:12px;
	}
	.service-detail a{
		background: #eda323;padding: 5px 20px;border-radius: 25px;color: #fff;text-decoration: none;
	}
	.service-detail a:hover{
		background: #2e5185;transition: all 0.2s ease-in;
	}
	.projectIndex{
		padding:18px;
	}
	.projectHeading h5{
		font-size: 16px;text-transform: uppercase;color: #eda323;
	}
	.projectHeading h2{
		font-size:24px;text-transform: capitalize;font-weight: 600;
		color: #2e5185;
	}
	.projectBtn a{
		width:100%;text-align: center;padding: 0.4vw;font-size:16px;
		background: #2e5185;color: #fff;border-radius: 20px;text-decoration: none;
	}
	.project{
		width: 48%;background: grey;border-radius: 12px;margin-top: 15px;
		overflow: hidden;
	}
	.project img{
		width: 100%;
	}
	.project img:hover{
		transform: scale(1.2);transition: all 0.3s ease-in;
	}
	.lowCost h5{
		font-size:16px;text-transform: uppercase;color: #eda323;margin-top: 20px;
	}
	.lowCost h2{
		font-size:24px;text-transform: capitalize;font-weight: 600;
		color: #2e5185;
	}
	.lowCost p{
		text-align: justify;margin-top: 1vw;font-size: 16px;
	}
	.lowCost ul li{
		font-size:16px;margin-bottom: 7px;text-align: justify;
	}

	.indexContact{
		padding:15px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;
	}
	.leftIndexContact{
		width: 100%;background: #748eb3;border-radius: 10px;position: relative;overflow: hidden;
	}
	.leftIndexContact img{
		width: 100%;
	}
	.rightIndexContact{
		width: 100%;padding:3vw 4vw;background: #d3deed;border-radius: 10px;margin-top: 15px;
	}
	.indexBottomCol{
		position: relative;width: 80%;top: 10%;left: 10%;
	}
	.indexBottomCol h1{
		font-size: 24px;font-weight: 600;color: #d3deed;
	}
	.indexBottomCol p{
		font-size: 15px;color: #d3deed;margin-bottom: -5vw;
	}
	.indexForm{
		width: 70%;z-index: 10;position: relative;
	}
	.indexForm h1{
		font-size: 24px;font-weight: 600;
	}
	.formRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.formCOlumn{
		width: 100%;margin-top: 12px;
	}
	.formCOlumn input{
		width: 100%;padding: 7px;border: 1px solid #ebebeb;height:45px;border-radius: 5px;font-size: 15px;
	}
	.formCOlumn textarea{
		width: 100%;padding: 7px;border: 1px solid #ebebeb;border-radius: 5px;height: 100px;font-size: 15px;
	}
	.formCOlumn button{
		width: 100%;height: 45px;border: none;background: #627fa1;color: #fff;font-size: 15px;border-radius: 7px;
	}
	.formCOlumn button:hover{
		background: #2e5185;
	}
	.rightIndexBottomImg{
		content: '';position: absolute;right: 0;bottom: 0;width: 50%;
	}

	/*============================ INDEX ENDED =====================*/

	/*============================ GALLERY START ======================*/

	.gallery{
		padding:18px;
	}
	.tz-gallery {
		padding: 0px;
	}

	/*=========================== GALLERY END =========================*/

	/*============================ PRODUCT DETAIL START ======================*/

	.product-details{
		padding: 3vw 8vw;
	}
	.product-column{
		background: #fff;border-radius: 14px;overflow: hidden;margin-top: 10px;margin-bottom: 10px;
	}
	.product-cont{
		margin-top:15px;
	}
	.prod-image{
		width: 100%;background: grey;height: 100%;
		border-top-left-radius: 25px;border-top-right-radius: 25px;
		border-bottom-left-radius:0;overflow: hidden;
	}
	.product-info{
		padding: 18px;background: #fff;border-top-right-radius: 0px;
		border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;
	}
	.product-info h3{
		font-size: 22px;font-weight: 600;
	}
	.product-info p{
		font-size: 14px;margin-bottom:20px;margin-top: 1vw;
	}
	.product-info a{
		text-align: center;background: #2e5185;
		color: #fff;display: inline-block;font-size:14px;
		text-transform: uppercase;text-decoration: none;border-radius: 25px;
		padding: 7px 40px;
	}
	.product-info a:hover{
		background: #eda323;transition: all 0.2s ease-in;
	}

	/*============================ PRODUCT DETAIL END ======================*/
	img.poleTwo{
		position: absolute;bottom: 10%;left:55%;z-index: 15;
		transform: translateX(-50%);width:30%;
		
	}
}