html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;box-sizing: border-box;
	font-family: 'Roboto', sans-serif;background: #f0f6ff;
}
.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");
	background-position: center top;background-size: cover;overflow: hidden;
}
.callDetailsFooter{
	width: 100%;border-bottom: 1px dotted #ebebeb;
	padding: 2vw 0vw 2vw 0vw;
}
.callDetailsWrapper{
	width: 40%;position: relative;left: 30%;text-align: center;color: #fff;
}
.callDetailsFooter h4{
	font-size: 1.3vw;font-weight: 600;
}
.callDetailsFooter h1{
	font-size: 2.5vw;font-weight: 600;margin-bottom: 1.5vw;
}
.callDetailsFooter a{
	width: 40%;height: 2.5vw;display: block;border-radius: 35px;color: #fff;background: #eda323;
	display: flex;align-items: center;justify-content: center;position: relative;left: 30%;
	font-size: 0.85vw;text-decoration: none;text-transform: uppercase;
}
.footer-menu{
	width: 100%;border-bottom: 1px dotted #ebebeb;
	padding: 2vw 10vw 2vw 10vw;
}
.footerMenuWrapper{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.footercolumnOne{
	width: 28%;
}
.footercolumnTwo{
	width: 18%;
}
.footercolumnOne img{
	width: 70%;
}
.footercolumnOne p{
	color: #fff;font-size: 0.85vw;margin-top: 1.5vh;
}
.footercolumnOne ul li{
	display: inline-block;
}
.footercolumnOne ul li a{
	font-size: 1vw;color: #fff;text-decoration: none;margin-right: 1vw;
}
.footercolumnTwo h3{
	font-size: 1.2vw;font-weight: 600;color: #fff;
}
.footercolumnTwo ul li{
	margin-top: 0.5vw;
}
.footercolumnTwo ul li a{
	font-size: 0.85vw;color: #fff;text-decoration: none;
}
.footercolumnOne h3{
	font-size: 1.2vw;font-weight: 600;color: #fff;
}
.footerContactRow{
	width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 0.7vw;
}
.footerConactIc{
	width:1vw;color: #fff;font-size: 1vw;
}
.footerConactDetail{
	width: 93%;color: #fff;font-size: 0.85vw;
}
.copyright{
	width: 100%;padding: 1.2vw;text-align: center;color: #fff;font-size: 0.8vw;
}
.copyright a{
	color: orange;
}
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 ===========================*/

.breadcumb{
	background: url('images/breadcumb.jpg');
	background-size: cover;display: flex;align-items: center;
	background-position: center;width: 100%;height:20vh;justify-content: center;
}
.breadcumb h1{
	font-size: 2.5vw;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 START ======================*/

.contact-details{
	padding:4vw 10vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftContactDetail{
	width: 40%;
}
.leftContactImg{
	width: 100%;height: 25vh;background: url('images/contactTop.jpg');
	background-size: cover;background-position: center;
}
.contactColumnBox{
	width: 100%;padding: 2vw;border: 1px solid #c8d4e6;
}
.contactColumnRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.contactColumnIc{
	width:3.2vw;height: 3.2vw;background: #2e5185;display: flex;align-items: center;justify-content: center;
	color: #fff;font-size: 1.2vw;border-radius: 50%;
}
.contactColumnDetail{
	width: 83%;display: flex;align-items: center;
}
.contactColumnDetail h3{
	font-size: 1.2vw;font-weight: 600;margin-bottom: 0.2vw;color: #2e5185;
}
.contactColumnDetail p{
	font-size: 0.85vw;margin-bottom: 0;
}
.rightContactDetail{
	width: 55%;
}
.rightContactDetail h5{
	font-size: 0.8vw;text-transform: uppercase;
}
.rightContactDetail h2{
	font-size:2.5vw;font-weight: 700;color: #2e5185;font-family: "Cabin", sans-serif;margin-bottom:0.8vw;
}
.rightContactDetail p{
	font-size: 0.85vw;margin-bottom: -0.6vw;
}
.contactPageForm{
	width: 100%;margin-top: 1vw;
}
.contactPageRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.contactPageCol{
	width: 48%;margin-top: 0.8vw;
}
.contactPageCol label{
	font-size: 0.8vw;font-weight: 500;
}
.contactPageCol input{
	width: 100%;height: 3vw;border: 1px solid #c8d4e6;padding: 0.5vw 0.8vw;font-size: 0.8vw;
	background: transparent;border-radius: 35px;
}
.contactPageCol textarea{
	width: 100%;border: 1px solid #c8d4e6;padding: 0.5vw 0.8vw;font-size: 0.8vw;background: transparent;
	border-radius: 15px;
}
input:focus{
	outline: none;
}
textarea:focus{
	outline: none;
}
.contactPageCol button{
	width: 70%;height:2.7vw;border: none;background: #2e5185;color: #fff;font-size: .8vw;border-radius: 30px;
	text-transform: uppercase;display: flex;align-items: center;justify-content: center;
}
.contactPageCol button:hover{
	background: #eda323;
}
.map{
	width: 100%;height: 40vh;position: relative;
}
.map iframe{
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

/*============================ 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: 3vw 10vw;width: 100%;
}

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

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

.servicesPage{
	padding: 4vw 10vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.servicesPageCol{
	width: 49%;border-radius: 20px;overflow: hidden;border: 1px solid #deebff;margin-top: 1.5vw;background: #fff;
}
.servicesPageCol:nth-child(1){
	margin-top: 0 !important;
}
.servicesPageCol:nth-child(2){
	margin-top: 0 !important;
}
.servicesPageImg{
	width: 100%;height: 30vh;background: #ebebeb;
}
.servicesPageDetail{
	width: 100%;padding: 1.2vw 1.2vw 2vw 1.2vw;
}
.servicesPageDetail h3{
	font-size: 1.3vw;font-weight: 600;color: #2e5185;
}
.servicesPageDetail p{
	font-size: 0.85vw;margin-bottom: 1vw;
}
.servicesPageDetail a{
	padding: 0.5vw 3vw;border-radius: 25px;text-decoration: none;color: #2e5185;font-size: 0.85vw;
	border: 1px solid #607ca1;
}
.servicesPageDetail a:hover{
	background:  #2e5185;color: #fff;
}

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

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

.aboutPage{
	width: 100%;padding: 4vw 10vw;display: flex;justify-content: space-between;flex-wrap: wrap;
	align-items: stretch;background: #f7faff;
}
.abtPgColumnLeft{
	width: 40%;background: #ebebeb;
}
.abtPgColumnRight{
	width: 55%;
}
.abtPgColumnRight h6{
	font-size: 0.9vw;font-weight: 600;text-transform: uppercase;
}
.abtPgColumnRight h1{
	font-size: 1.8vw;font-weight: 600;color: #2e5185;
}
.abtPgColumnRight p{
	font-size: 0.85vw;
}
.abtPgColumnRight ul li{
	font-size: 0.85vw;
}
.advantagesAbt{
	padding: 4vw 10vw;
}
.advantagesAbt{
	width: 100%;padding: 4vw 10vw;
}
.advantagesAbt h5{
	text-align: center;font-size: 0.85vw;text-transform: uppercase;
}
.advantagesAbt h2{
	font-size: 1.8vw;font-weight: 600;text-align: center;color: #2e5185;
}
.advantagePgWrapper{
	width: 100%;
}
.advantagePgWrapper{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.advantagePgColumn{
	width: 23%;margin-top: 1vw;padding: 1vw;border: 1px solid #567297;border-radius: 12px;
}
.advantagePgColumn img{
	width: 30%;position: relative;left: 30%;margin-bottom: 1vw;
}
.advantagePgColumn h3{
	text-align: center;font-size: 1.2vw;font-weight: 600;
}
.advantagePgColumn p{
	font-size: 0.85vw;margin-bottom: 0;text-align: center;
}
.advanatagePgVideo{
	width: 48%;margin-top: 1vw;border: 1px solid #567297;border-radius: 12px;
	display: flex;align-items: center;justify-content: center;
}
.advanatagePgVideo button{
	width: 4.5vw;height: 4.5vw;border-radius: 50%;background: #ebebeb;border: none;
	display: flex;align-items: center;justify-content: center;font-size: 1vw;color: #2e5185;
}
.abtPgTestimonials{
	width: 100%;padding: 3vw 10vw;background: #e3eeff;
}
.abtPgTestimonials h5{
	text-align: center;font-size: 0.85vw;text-transform: uppercase;
}
.abtPgTestimonials h2{
	font-size: 1.8vw;font-weight: 600;text-align: center;color: #2e5185;
}
.abttestimonialRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.abttestimonialColumn{
	width: 24%;background: #fff;padding: 1.2vw;border-radius: 7px;margin-top: 1vw;
	position: relative;
}
.abttestimonialColumn p{
	font-size: 0.85vw;font-style: italic;
}
.abttestimonialColumn h3{
	font-size: 1vw;font-weight: 600;color: #2e5185;margin-bottom: 0;
}
.quotesign{
	width: 100%;font-size: 2vw;margin-bottom: 0.3vw;color: #e8e8e8;
}
.abttestimonialColumn img{
	width:20%;content: '';position: absolute;right: 7%;bottom:8%;
}


/*============================ 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%;
}
.testimonialIndexPg{
	width: 100%;padding: 4vw 10vw;
}
.testimonialHeading{
	text-align: center;width: 100%;
}
.testimonialHeading  h5{
	font-size: 0.9vw;text-transform: uppercase;color: #eda323;text-align: center;
}
.testimonialHeading h2{
	font-size:2vw;text-transform: capitalize;font-weight: 600;color: #2e5185;text-align: center;
}
.testimonialHeading p{
	font-size: 0.9vw;text-align: center;
}
.testimonialIndexWrapper{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.testimonialIndexColumn{
	width: 24%;background: #dfe9f7;border-radius: 7px;padding: 1.5vw;margin-top: 1vw;
}
.solarBulb{
	width: 100%;padding: 4vw 10vw 0 10vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftSideBulb{
	width: 55%;
}
.rightSideBulb{
	width: 40%;display: flex;align-items: center;
}
.solarBulb{
	width: 100%;
}
.leftSideBulb h5{
	font-size: 0.9vw;text-transform: uppercase;color: #eda323;
}
.leftSideBulb h2{
	font-size:2vw;text-transform: capitalize;font-weight: 600;color: #2e5185;margin-bottom: 0;
}
.chooseRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.chooseCol{
	width: 49%;padding: 1.2vw;background: #d3deed;margin-top: 1vw;border-radius: 5px;
}
.chooseCol h3{
	font-size: 1vw;font-weight: 600;
}
.chooseCol p{
	font-size: 0.85vw;margin-bottom: 0;
}

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

.footerBottomNew{
    content:'';position:absolute;width:100%;bottom:0;
}


/*=============================== 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: 12px 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;
	}
	.respDropDown{
		width: 100%;border-top: 1px solid #ebebeb;display: none;
	}
	.respDropDown ul li a{
		display: block;width: 100%;padding: 10px 20px;font-size: 15px;color: #000;text-decoration: none;
	}
	.respDropDown ul li a:hover{
		background: #2e5185;color: #fff;
	}

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

	.footer{
		background: url("images/footer.jpg");
		background-position: center top;background-size: cover;overflow: hidden;
	}
	.callDetailsFooter{
		width: 100%;border-bottom: 1px dotted #ebebeb;
		padding:30px 15px;
	}
	.callDetailsWrapper{
		width: 90%;position: relative;left:5%;text-align: center;color: #fff;
	}
	.callDetailsFooter h4{
		font-size: 16px;font-weight: 600;
	}
	.callDetailsFooter h1{
		font-size:24px;font-weight: 600;margin-bottom:18px;
	}
	.callDetailsFooter a{
		width: 60%;height: 35px;display: block;border-radius: 35px;color: #fff;background: #eda323;
		display: flex;align-items: center;justify-content: center;position: relative;left: 20%;
		font-size: 15px;text-decoration: none;text-transform: uppercase;
	}
	.footer-menu{
		width: 100%;border-bottom: 1px dotted #ebebeb;
		padding: 20px 15px;
	}
	.footerMenuWrapper{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.footercolumnOne{
		width: 108%;
	}
	.footercolumnOne:last-child{
		margin-top: 15px;
	}
	.footercolumnTwo{
		width: 100%;margin-top: 16px;
	}
	.footercolumnOne img{
		width: 70%;
	}
	.footercolumnOne p{
		color: #fff;font-size: 15px;margin-top: 10px;
	}
	.footercolumnOne ul li{
		display: inline-block;
	}
	.footercolumnOne ul li a{
		font-size: 16px;color: #fff;text-decoration: none;margin-right: 10px;
	}
	.footercolumnTwo h3{
		font-size: 18px;font-weight: 600;color: #fff;
	}
	.footercolumnTwo ul li{
		margin-top: 10px;
	}
	.footercolumnTwo ul li a{
		font-size:15px;color: #fff;text-decoration: none;
	}
	.footercolumnOne h3{
		font-size: 18px;font-weight: 600;color: #fff;
	}
	.footerContactRow{
		width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;
	}
	.footerConactIc{
		width:6%;color: #fff;font-size: 16px;
	}
	.footerConactDetail{
		width: 93%;color: #fff;font-size: 15px;
	}
	.copyright{
		width: 100%;padding: 15px;text-align: center;color: #fff;font-size: 14px;
	}
	.copyright a{
		color: orange;
	}
	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.jpg");background-size: cover;
		background-position: center right;height: 120px;
	}
	.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 START -----------------------------*/

	.contact-details{
		padding:15px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.leftContactDetail{
		width: 100%;
	}
	.leftContactImg{
		width: 100%;height: 25vh;background:url('images/contactTop.jpg');
		background-size: cover;background-position: center;
	}
	.contactColumnBox{
		width: 100%;padding: 15px;border: 1px solid #c8d4e6;
	}
	.contactColumnRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.contactColumnIc{
		width:50px;height: 50px;background: #2e5185;display: flex;align-items: center;justify-content: center;
		color: #fff;font-size: 18px;border-radius: 50%;
	}
	.contactColumnDetail{
		width: 83%;display: flex;align-items: center;
	}
	.contactColumnDetail h3{
		font-size: 20px;font-weight: 600;margin-bottom: 0.2vw;color: #2e5185;
	}
	.contactColumnDetail p{
		font-size:15px;margin-bottom: 0;
	}
	.rightContactDetail{
		width: 100%;margin-top: 18px;
	}
	.rightContactDetail h5{
		font-size: 15px;text-transform: uppercase;
	}
	.rightContactDetail h2{
		font-size:28px;font-weight: 700;color: #2e5185;font-family: "Cabin", sans-serif;margin-bottom:0.8vw;
	}
	.rightContactDetail p{
		font-size: 15px;margin-bottom: -0.6vw;
	}
	.contactPageForm{
		width: 100%;margin-top: 1vw;
	}
	.contactPageRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.contactPageCol{
		width:100%;margin-top: 12px;
	}
	.contactPageCol label{
		font-size: 15px;font-weight: 500;
	}
	.contactPageCol input{
		width: 100%;height: 45px;border: 1px solid #c8d4e6;padding:7px 14px;font-size: 15px;
		background: transparent;border-radius: 35px;
	}
	.contactPageCol textarea{
		width: 100%;border: 1px solid #c8d4e6;padding:7px 14px;font-size:15px;background: transparent;
		border-radius: 15px;
	}
	input:focus{
		outline: none;
	}
	textarea:focus{
		outline: none;
	}
	.contactPageCol button{
		width:100%;height:45px;border: none;background: #2e5185;color: #fff;font-size: 15px;border-radius: 30px;
		text-transform: uppercase;display: flex;align-items: center;justify-content: center;
	}
	.contactPageCol button:hover{
		background: #eda323;
	}
	.map{
		width: 100%;height: 35vh;position: relative;
	}
	.map iframe{
		content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	}

	/*------------------------ 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 ======================*/

	.aboutPage{
		width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
		align-items: stretch;background: #f7faff;
	}
	.abtPgColumnLeft{
		width: 100%;background: #ebebeb;height: 20vh;margin-bottom: 15px;
	}
	.abtPgColumnRight{
		width:100%;
	}
	.abtPgColumnRight h6{
		font-size: 15px;font-weight: 600;text-transform: uppercase;margin-bottom: 0;
	}
	.abtPgColumnRight h1{
		font-size: 24px;font-weight: 600;color: #2e5185;
	}
	.abtPgColumnRight p{
		font-size: 15px;text-align: justify;margin-bottom: 0;
	}
	.abtPgColumnRight ul li{
		font-size: 15px;
	}
	.advantagesAbt{
		padding: 15px;
	}
	.advantagesAbt{
		width: 100%;padding:30px 15px;
	}
	.advantagesAbt h5{
		text-align: center;font-size: 15px;text-transform: uppercase;
	}
	.advantagesAbt h2{
		font-size: 24px;font-weight: 600;text-align: center;color: #2e5185;
	}
	.advantagePgWrapper{
		width: 100%;
	}
	.advantagePgWrapper{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.advantagePgColumn{
		width: 48%;margin-top:15px;padding:10px;border: 1px solid #567297;border-radius: 12px;
	}
	.advantagePgColumn img{
		width: 30%;position: relative;left: 30%;margin-bottom: 1vw;
	}
	.advantagePgColumn h3{
		text-align: center;font-size:18px;font-weight: 600;
	}
	.advantagePgColumn p{
		font-size: 15px;margin-bottom: 0;text-align: center;
	}
	.advanatagePgVideo{
		width: 48%;margin-top: 1vw;border: 1px solid #567297;border-radius: 12px;
		display: flex;align-items: center;justify-content: center;display: none;
	}
	.advanatagePgVideo button{
		width: 4.5vw;height: 4.5vw;border-radius: 50%;background: #ebebeb;border: none;
		display: flex;align-items: center;justify-content: center;font-size: 1vw;color: #2e5185;
	}
	.abtPgTestimonials{
		width: 100%;padding:30px 15px;background: #e3eeff;
	}
	.abtPgTestimonials h5{
		text-align: center;font-size:15px;text-transform: uppercase;
	}
	.abtPgTestimonials h2{
		font-size:24px;font-weight: 600;text-align: center;color: #2e5185;
	}
	.abttestimonialRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.abttestimonialColumn{
		width: 100%;background: #fff;padding:15px;border-radius: 7px;margin-top: 12px;
		position: relative;
	}
	.abttestimonialColumn p{
		font-size: 15px;font-style: italic;
	}
	.abttestimonialColumn h3{
		font-size: 18px;font-weight: 600;color: #2e5185;margin-bottom: 0;
	}
	.quotesign{
		width: 100%;font-size: 28px;margin-bottom: 10px;color: #e8e8e8;
	}
	.abttestimonialColumn img{
		width:15%;content: '';position: absolute;right: 7%;bottom:8%;
	}


	/*============================ 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;height:50vh;
	}
	.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%;
	}
	.testimonialIndexPg{
		width: 100%;padding:30px 15px;
	}
	.testimonialHeading{
		text-align: center;width: 100%;
	}
	.testimonialHeading  h5{
		font-size: 15px;text-transform: uppercase;color: #eda323;text-align: center;
	}
	.testimonialHeading h2{
		font-size:24px;text-transform: capitalize;font-weight: 600;color: #2e5185;text-align: center;
	}
	.testimonialHeading p{
		font-size: 15px;text-align: center;display: none;
	}
	.testimonialIndexWrapper{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.testimonialIndexColumn{
		width: 24%;background: #dfe9f7;border-radius: 7px;padding: 1.5vw;margin-top: 1vw;
	}
	.solarBulb{
		width: 100%;padding:15px 15px 0 15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.leftSideBulb{
		width:100%;
	}
	.rightSideBulb{
		width: 100%;display: flex;align-items: center;margin-top: 18px;
	}
	.solarBulb{
		width: 100%;
	}
	.leftSideBulb h5{
		font-size: 15px;text-transform: uppercase;color: #eda323;text-align: center;
	}
	.leftSideBulb h2{
		font-size:24px;text-transform: capitalize;font-weight: 600;color: #2e5185;margin-bottom: 0;text-align: center;
	}
	.chooseRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.chooseCol{
		width: 49%;padding: 15px;background: #d3deed;margin-top: 12px;border-radius: 5px;
	}
	.chooseCol h3{
		font-size: 18px;font-weight: 600;
	}
	.chooseCol p{
		font-size:15px;margin-bottom: 0;
	}

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

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

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

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

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

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

	.servicesPage{
		padding:15px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.servicesPageCol{
		width: 100%;border-radius: 20px;overflow: hidden;border: 1px solid #deebff;margin-top: 12px;
	}
	.servicesPageCol:nth-child(1){
		margin-top: 0 !important;
	}
	.servicesPageCol:nth-child(2){
		margin-top: 0 !important;
	}
	.servicesPageImg{
		width: 100%;height: 25vh;background: #ebebeb;
	}
	.servicesPageDetail{
		width: 100%;padding: 15px 15px 25px 15px;
	}
	.servicesPageDetail h3{
		font-size: 20px;font-weight: 600;color: #2e5185;
	}
	.servicesPageDetail p{
		font-size: 15px;margin-bottom: 15px;text-align: justify;
	}
	.servicesPageDetail a{
		padding: 7px 30px;border-radius: 25px;text-decoration: none;color: #2e5185;font-size: 15px;
		border: 1px solid #607ca1;
	}
	.servicesPageDetail a:hover{
		background:  #2e5185;color: #fff;
	}

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

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