html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;box-sizing: border-box;background: #ecf2f6;
	font-family: "Outfit", sans-serif;overflow-x: hidden;
}

/*--------------------------- HEADER START --------------------------------*/
.header{
	padding: 1vw 4vw;width: 100%;display: flex;align-items: center;justify-content: space-between;
}
.logo{
	width: 18%;
}
.logo a img{
	width: 100%;
}
.menu{
	width: 50%;display: flex;align-items: center;justify-content: center;
}
.menu ul{
	display: flex;align-items: center;
}
.menu ul li{
	display: inline-block;font-size: 0.9vw;font-weight: 600;text-transform: uppercase;margin: 0 1.5vw;
}
.menu ul li a{
	color: #000;text-decoration: none;
}
.menu ul li a:hover{
	color: #23498a;
}
.numberEnquiry{
	display: flex;align-items: center;justify-content: right;width: 30%;
}
.numberEnquiry ul{
	display: flex;align-items: center;width: 100%;
}
.numberEnquiry ul li{
	font-size: 1vw;font-weight: 600;text-transform: uppercase;margin:;width:45%;
}
.numberEnquiry ul li:first-child{
	display: flex;align-items: center;width: 50%;
}
.numberEnquiry ul li:first-child a:hover{
	color:#23498a;
}
.numberEnquiry ul li a{
	color: #000;text-decoration: none;display: flex;align-items: center;justify-content: center;
}
.numberEnquiry ul li:first-child i{
	border-radius: 50%;background: #ebebeb;border-radius: 50%;display: flex;align-items: center;justify-content: center;
	font-size: 1vw;margin-right:0.5vw;width: 2.5vw;height: 2.5vw;border-radius: 50%;
}
.numberEnquiry ul li:last-child{
	padding: 0.5vw 2vw;background: linear-gradient(294deg,rgba(30, 136, 196, 1) 13%, rgba(37, 52, 119, 1) 100%);
	border-radius: 25px;width:48%;text-align: center;font-size: 0.9vw;
}
.numberEnquiry ul li:last-child a{
	color: #fff;
}

/*--------------------------- HEADER END --------------------------------*/
/*--------------------------- FOOTER START --------------------------------*/

.footerContact{
	width: 80%;margin-left:10%;border-radius: 7px;background: #52d3ff;
	display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 1;
}
.footerContactColumn{
	width:30%;padding: 1vw 3vw;
}
.footerContactColumn img{
	width: 100%;
}
.footer{
	padding:18vw 10vw 2vw 10vw;width: 100%;text-align: center;margin-top: -5vw;position: relative;
}
.footer::before{
	position: absolute;top: 0;left: 0;width: 100%;content: '';height: 100%;z-index: -1;
	background: url('../images/footer.png');background-size: cover;background-position: center;
}
.footerLogo{
	width:26%;display: block;position: relative;left: 37%;margin-bottom: 2vw;
}
.footerLogo img{
	width: 100%;
}
.footer p{
	font-size: 0.9vw;width:60%;left: 20%;position: relative;color: #fff;margin-bottom: 2vw;
}
.footer ul li{
	display: inline-block;margin: 0 0.2vw;
}
.footer ul li a{
	display: inline-block;width: 2.5vw;height: 2.5vw;border-radius: 50%;background: #fff;color: #002c8f;
	font-size: 1.2vw;display: flex;align-items: center;justify-content: center;text-decoration: none;
}
.footer ul li a:hover{
	background: #52d3ff;
}
.copyright{
	width: 100%;background: #002579;padding: 1.7vw;text-align: center;font-size: 0.9vw;color: #fff;
}
.whatsappBtn{
	width: 2.5vw;height: 2.5vw;border-radius: 50%;border: none;
	display: flex;align-items: center;justify-content: center;font-size: 1.3vw;
	background: #338c2e;text-decoration: none;color: #fff;
	color: #fff;position: fixed;left: 2%;bottom: 3%;z-index: 10;
}
.whatsappBtn:hover{
	color: #fff;text-decoration: none;
}
.moveToTop{
	width: 2.5vw;height: 2.5vw;border-radius: 50%;border: none;
	display: flex;align-items: center;justify-content: center;font-size: 1vw;
	background: linear-gradient(294deg,rgba(30, 136, 196, 1) 13%, rgba(37, 52, 119, 1) 100%);
	color: #fff;position: fixed;right: 2%;bottom: 3%;z-index: 10;
}

/*--------------------------- FOOTER END --------------------------------*/
/*--------------------------- INDEX START --------------------------------*/

.slider{
	width: 100%;height:95vh;background: url('../images/sliderBg.jpg');background-size: cover;
	background-position: center top;margin-top: -5.2vw;position: relative;
}
.bottleJar{
	content: '';position: absolute;right:7%;top: 55%;transform: translateY(-50%);
}
.leftContent{
	width:40%;left:12%;top:50%;transform: translateY(-50%);content: '';position: absolute;
}
.leftContent h5{
	padding: 0.4vw 1vw;background: #fff;color: #000;text-transform: uppercase;width: 34%;font-size: 0.9vw;
	border-radius: 25px;text-align: center;
}
.leftContent h2{
	font-size:3.8vw;font-weight: 700;
}
.leftContent p{
	font-size: 0.9vw;margin: 1.5vw 0;
}
.leftContent ul li{
	display: inline-block;margin-right: 1vw;width:30%;
}
.leftContent ul li a{
	font-size: 0.9vw;text-transform: uppercase;text-decoration: none;
	display: block;width: 100%; height: 2.5vw;background: #fff;border-radius: 25px;display: flex;align-items: center;
	justify-content: center;
}
.leftContent ul li:first-child a{
	background: #266db9;color: #fff;
}
.leftContent ul li:last-child a{
	background: #fff;color: #266db9;
}
.indexService{
	padding:0 10vw 5vw 10vw;
}
.indexServiceHeading{
	text-align: center;
}
.indexServiceHeading h5{
	padding: 0.4vw 1vw;background: #fff;color: #000;text-transform: uppercase;width: 15%;font-size: 0.9vw;
	border-radius: 25px;text-align: center;position: relative;left: 50%;transform: translateX(-50%);
}
.indexServiceHeading h2{
	font-size:2.5vw;font-weight: 600;
}
.serviceIndexRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.serviceIndexColumn{
	width: 23%;padding: 1.5vw;background: #fff;border-radius: 20px;margin-top: 1.5vw;
	position: relative;
}
.serviceIndexImg{
	width: 10vw;height: 10vw;border-radius: 50%;background: #ebebeb;
}
.serviceIndexColumn h3{
	font-size: 1.2vw;font-weight: 600;margin-top: 1.5vw;
}
.serviceIndexColumn p{
	font-size: 0.9vw;
}
.serviceIndexColumn a{
	display: block;font-size: 0.9vw;width: 50%;height: 2vw;border-radius: 25px;background: #2874b8;
	color: #fff;display: flex;align-items: center;justify-content: center;
}
.serviceIndexColumn h2{
	content: '';position: absolute;right: 7%;top: 3%;font-size: 2.2vw;font-weight: 600;
	-webkit-text-fill-color: transparent;
  	-webkit-text-stroke: 1px #bdbdbd;
}
.indexAbout{
	width: 100%;padding: 0 10vw 5vw 10vw;
}
.indexAboutROw{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.indexAboutCol{
	width: 48%;
}
.indexAboutCol:last-child{
	border-left: 1px solid #c1d1e0;
}
.indexAbtColPadd{
	padding: 0 0 1.5vw 2.5vw;border-bottom: 1px solid #c1d1e0;
}
.indexAbtColPadd h5{
	font-size: 0.9vw;text-transform: uppercase;width: 25%;height: 2vw;border-radius: 25px;
	display: flex;align-items: center;justify-content: center;border-radius: 25px;background: #fff;
}
.indexAbtColPadd h2{
	font-size:2vw;font-weight: 600;margin-top: 0.5vw;margin-bottom: 1vw;
}
.indexAbtColPadd p{
	font-size: 0.9vw;margin-bottom: 0;
}
.indexEnquiry{
	padding: 2vw 0 0 2vw;display: flex;
}
.indexEnquiry a{
	width: 30%;display: block;height: 2.5vw;background: linear-gradient(294deg,rgba(30, 136, 196, 1) 13%, rgba(37, 52, 119, 1) 100%);text-decoration: none;color: #fff;
	font-weight: 600;margin-right: 1vw;border-radius: 25px;display: flex;align-items: center;justify-content: center;
}
.waterTank{
	width: 100%;background: #d5e2eb;padding: 5vw 8vw;
}
.waterTank h5{
	font-size: 1vw;font-weight: 600;
}
.waterTank h1{
	font-size: 2.5vw;font-weight: 600;text-align: center;margin-bottom: 2vw;
}
.waterROw{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.waterColumn{
	width: 23%;text-align: left !important;
}
.waterColumnMiddle{
	width: 43%;position: relative;
}
.waterTreatmentPng{
	width: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
}
.waterinsideColumn{
	margin-top:4vw;
}
.waterinsideColumn h2{
	font-size: 1.6vw;font-weight: 600;
}
.waterinsideColumn h5{
	font-size: 1vw;font-weight: 600;
}
.waterinsideColumn p{
	font-size: 0.9vw;margin-bottom: 0;
}
.waterColumn:last-child{
	text-align: right !important;
}
.videoRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding:5vw;
	background: #e1edf5;
}
.videoIndex{
	width: 100%;text-align: center;
}
.videoIndex h5{
	font-size: 1vw;font-weight: 600;
}
.videoIndex h2{
	font-size: 2.5vw;font-weight: 600;text-align: center;
}
.testimonialRowIndex{
	width: 100%;display: flex;justify-content: space-between;
}
.testimonialReview{
	width: 32%;margin-top: 1.5vw;padding: 2vw;background: #f7fcff;border-radius: 12px;margin-top: 1.5vw;
}
.testimonialReview p{
	font-size: 0.9vw;text-align: center;
}
.testimonialReview h3{
	font-size: 1.1vw;font-weight: 600;display: flex;align-items: center;text-align: center;
	justify-content: center;margin-top: 0.7vw;
}
.admin{
	width: 20%;
}
.videoOriginal{
	width: 100%;padding: 5vw 8vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.videoBox{
	width: 47%;background: #fff;
}
.imgBox{
	width: 47%;
}
.imgBox h2{
	font-size: 2.4vw;width: 70%;
}
.knowledeg{
	width: 100%;margin-top: 1vw;display: flex;justify-content: space-between;
}
.knowledgeIc{
	font-size:3.5vw;width: 10%;color: #2165a3;
}
.knowledgeColumn{
	width: 88%;
}
.blogRow{
	width: 100%;padding: 0 8vw 3vw 8vw;
}
.blogRow h5{
	font-size: 1vw;font-weight: 600;text-align: center;
}
.blogRow h2{
	font-size: 2.5vw;font-weight: 600;text-align: center;
}
.blogWrapper{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.blogIndividualColumn{
	width: 31%;margin-top: 1.5vw;
}
.blogImage{
	width: 100%;height: 30vh;background: #fff;border-radius: 12px;
}
.blogIndividualColumn h3{
	margin-top: 1vw;font-size: 1.5vw;margin-bottom: 1vw;
}
.blogIndividualColumn a{
	font-size: 1vw;color: #000;text-decoration: none;
}
.blogIndividualColumn a:hover{
	color: #22428d;
}

/*--------------------------- INDEX END --------------------------------*/

.breadcumb{
	width: 100%;padding:7vw 10vw 4vw 10vw;text-align: center;margin-top: -5vw;
	background:linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),url("../images/breadcumb.jpg");background-size: cover;background-position: center;
}
.breadcumbContent h1{
	font-size: 3vw;font-weight: 600;color: #1d87c3;
} 
.breadcumbContent h5{
	font-size: 1vw;font-weight: 400;
} 
.breadcumbContent h5 a{
	color: #000;text-decoration: none;
}
/*----------------------------- CONTACT START ---------------------------------*/
.contact{
	width: 100%;padding: 5vw 10vw;
}
.contactFormRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.contactLeftRow{
	width: 50%;
}
.contactLeftRow h1{
	font-size: 2.2vw;font-weight:700;font-family: "Merriweather", serif;color: #1d87c3;
}
.contactLeftRow p{
	font-size: 0.9vw;margin-bottom: 0;margin-top: 1.5vw;
}
.contactDERow{
	width: 100%;display: flex;margin-top: 0.7vw;
}
.contactDeIc{
	width: 8%;font-size: 1.5vw;color: #1d87c3;
}
.contactDeDetail{
	width: 88%;display: flex;align-items: center;font-size: 1vw;
}
.contactDeDetail h3{
	font-size: 1.2vw;font-weight: 600;color: #1d87c3;
}
.contactDeDetail p{
	margin-top:0.3vw !important;font-size: 0.9vw !important;
}
.contactRightRow{
	width: 30%;padding:2vw;background: #dfeef7;border-radius: 7px;
}
.contactColumn{
	width: 100%;
}
.contactColumn label{
	font-size: 0.9vw;margin-bottom: 0.5vw;
}
.contactColumn input{
	font-size: 0.9vw;width: 100%;border-radius: 25px;border: none;padding: 0.5vw;height:3vw;
	margin-bottom: 1vw;margin-top: 0.5vw;
}
.contactColumn textarea{
	font-size: 0.9vw;width: 100%;border-radius: 25px;border: none;padding: 0.5vw;
	margin-bottom: 1vw;margin-top: 0.5vw;
}
.contactColumn button{
	width: 100%;height: 2.5vw;border-radius: 25px;background: #1d87c3;border: none;
	font-size: 0.9vw;text-align: center;color: #fff;text-transform: uppercase;
}
.contactColumn button:hover{
	background: #2164a3;
}
.map{
	width: 90%;height: 40vh;background: #ebebeb;margin-left: 5%;margin-bottom: 3vw;position: relative;
}
.map iframe{
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

/*----------------------------- CONTACT END ---------------------------------*/
/*----------------------------- FAQ's START ---------------------------------*/

.faq{
	width: 100%;padding: 3vw 10vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.faqLeft{
	width: 50%;
}
.faqRight{
	width: 35%;
}
#accordion button{
	display: block;width: 100%;height:3vw;border: none;background: #dfeef7;text-align: left;
	padding-left: 1vw;font-size: 0.9vw;
}
.accordionCOlumn{
	margin-top: 0.9vw;
}
.card-body{
	font-size: 0.9vw;border: 1px solid #c1d1e0;border-top: none;
}

/*----------------------------- FAQ's END ---------------------------------*/
/*----------------------------- CLIENTS START ---------------------------------*/

.clients{
	width: 100%;padding: 4vw 10vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.clientColumn{
	width: 23%;margin-top: 1.5vw;border: 1px solid #c1d1e0;padding: 1vw;
}

/*----------------------------- CLIENTS END ---------------------------------*/
/*----------------------------- ABOUT START ---------------------------------*/

.about{
	width: 100%;padding: 4vw 10vw;overflow: hidden;position: relative;
}
.abtFirst{
	content: '';position: absolute;bottom:-5%;width: 40%;right: 5%;
}
.leftAbout{
	width: 48%;
}
.rightAbout{
	width: 48%;
}
.leftAbout h6{
	font-size: 0.9vw;text-transform: uppercase;
}
.leftAbout h2{
	font-size: 2.5vw;font-weight: 600;margin-top: -0.5vw;color: #1e8bca;
}
.leftAbout h4{
	margin-top: 1vw;font-size: 1vw;font-style: italic;font-weight: 600;
}
.leftAbout p{
	text-align: justify;margin-top: 1vw;font-size: 0.9vw;
}
.whatwedeliver{
	width: 100%;padding: 5vw 10vw 5vw 10vw;text-align: center;background: #edf8ff;
}
.whatwedeliver h6{
	font-size: 0.9vw;font-weight: 600;
}
.whatwedeliver h2{
	font-size: 2.5vw;font-weight: 600;margin-top: -0.5vw;color: #1e8bca;
}
.delievrRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	margin-top: 2vw;
}
.deleiverCOlumn{
	width: 27%;
}
.deliverImgColumn{
	width: 40%;display: flex;align-items: center;justify-content: center;position: relative;
}
.deliverImgColumn::before{
	content: '';position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);
	height: 410px;background: url('../images/circles.png');background-size: cover;
	background-position: center;
}
.delivereachCol{
	width: 100%;text-align: left;margin: 2vw 0;
}
.deleiverCOlumn:last-child .delivereachCol{
	text-align: right;
}
.delivereachCol h3{
	font-size: 1.4vw;font-weight: 600;color: #1e8bca;
}
.delivereachCol h5{
	font-size: 1vw;font-weight: 600;
}
.delivereachCol p{
	margin-top: 1vw;margin-bottom: 0;font-size: 0.9vw;
}
.deliverImgColumn img{
	width: 60%;position: relative;z-index: 1;
}
.factory{
	width: 100%;padding: 3vw 10vw;background: #dfeef7;display: flex;justify-content: space-between;
	flex-wrap: wrap;
}
.factoryColOne{
	width: 60%;display: flex;align-items: center;
}
.factoryColOne h2{
	font-size: 2vw;font-weight: 600;
}
.factoryColOne h4{
	font-size:1vw;font-style: italic;
}
.factoryColOne p{
	font-size: 0.9vw;margin-bottom: 0;margin-top: 1vw;line-height: 1.7;
}
.factoryColTwo{
	width: 30%;height: 28vh;background: #fff;
}
.testimonialAbout{
	padding: 4vw 10vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.testimonialColumn{
	width: 47%;position: relative;
}
.testimonialColumn h2{
	font-size: 1.9vw;font-weight: 600;
}
.testimonialColumn p{
	font-size: 0.9vw;
}
.testimonialCarousel{
	width: 100%;padding: 1vw;border-radius: 20px;background: #dfeef7;
}
.testimonialCarousel p{
	font-size: 0.9vw;margin-bottom: 0;
}
.testimonialCUstomer{
	width: 100%;display: flex;align-items: center;margin-top: 1vw;
}
.testimonialCUstomer img{
	width: 7%;margin-right: 0.6vw;
}
.testimonialCUstomer h3{
	font-size: 1vw;font-weight: 600;
}
.googleReview{
	content: '';position: absolute;right: 0;bottom:0%;width: 15%;
} 

/*----------------------------- ABOUT END ---------------------------------*/
/*----------------------------- SERVICES START ---------------------------------*/

.services{
	width: 100%;padding: 5vw 10vw;
}
.sericeEach{
	width: 100%;margin-top: 2vw;
}
.sericeEach:first-child{
	margin-top: 0vw;
}
.services h2{
	font-size: 2vw;font-weight: 600;color: #1e8bca;
}
.serviceImg{
	width: 100%;height: 40vh;background: #ebebeb;margin: 1vw 0;color: #1d87c3;border-radius: 8px;
}
.services p{
	font-size: 1vw;margin-bottom: 1vw;
}
.services-row{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.serviceColumn{
	width: 32%;height: 30vh;background: #ebebeb;border-radius: 8px;
}
.sericeEach h4{
	font-size: 1vw; font-weight: 600;
}
.sericeEach ul{
	margin-bottom: 2vw !important;
}
.sericeEach ul li{
	font-size: 0.9vw;
}

/*----------------------------- SERVICES END ---------------------------------*/

/*---------------------------------------------RESPONSIVE -------------------------------------------------*/

@media(max-width: 768px){

	/*--------------------------- HEADER START --------------------------------*/
	.respHeader{
		width: 100%;padding:12px 15px;display: flex;justify-content: space-between;border-bottom: 1px solid #ebebeb;
	}
	.respLogo{
		width: 48%;
	}
	.respMenuBtn{
		width: 48%;display: flex;align-items: center;justify-content: right;
	}
	.respMenuBtn button{
		width: 45px;height: 45px;border: 1px solid grey;background: transparent;color: grey;
		display: flex;align-items: center;justify-content: center;font-size: 18px;
	}
	.slideMenu{
		width: 70%;height: 100vh;background: #fff;left: 0;top: 0;position: fixed;display:none;
		z-index: 1000;border-right: 1px solid #ebebeb;
	}
	.sideLogo{
		width: 70%;margin: 8% 15%;
	}
	.sideLogo img{
		width: 100%;
	}
	.slideMenu ul li a{
		display: block;width: 100%;padding: 15px;border: 1px solid #ebebebeb;text-decoration: none;
		color: #000;
	}
	.slideMenu ul li a:hover{
		background: linear-gradient(294deg,rgba(30, 136, 196, 1) 13%, rgba(37, 52, 119, 1) 100%);
		color: #fff;
	}
	.closeBtn{
		position: absolute;right: -5%;top: 2%;width: 35px;height: 35px;border-radius: 50%;border: none;
		background: #01aae3;color: #fff;font-size: 15px;
	}
	.closeBtn:hover{
		background: #002c8f;
	}
	/*--------------------------- HEADER END --------------------------------*/
	/*--------------------------- FOOTER START --------------------------------*/
	.footerContact{
		width: 100%;margin-left:0%;border-radius: 0px;background: #52d3ff;
		display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 0;
	}
	.footerContactColumn{
		width:32%;padding: 15px;
	}
	.footerContactColumn img{
		width: 100%;
	}
	.footer{
		padding:150px 0 30px 0;width: 100%;text-align: center;margin-top:0vw;position: relative;overflow: hidden;
	}
	.footer::before{
		position: absolute;top: -40%;left: 0;width: 100%;content: '';height: 160%;z-index: -1;
		background: url('../images/footer.jpg');background-size: cover;background-position: center;
	}
	.footerLogo{
		width:48%;display: block;position: relative;left: 26%;margin-bottom: 18px;
	}
	.footerLogo img{
		width: 100%;
	}
	.footer p{
		font-size: 15px;width:86%;left: 7%;position: relative;color: #fff;margin-bottom: 18px;
	}
	.footer ul li{
		display: inline-block;margin: 0 0.2vw;
	}
	.footer ul li a{
		display: inline-block;width: 45px;height: 45px;border-radius: 50%;background: #fff;color: #002c8f;
		font-size: 18px;display: flex;align-items: center;justify-content: center;text-decoration: none;
	}
	.footer ul li a:hover{
		background: #52d3ff;
	}
	.copyright{
		width: 100%;background: #002579;padding: 15px 0;text-align: center;font-size: 14px;color: #fff;
	}
	.moveToTop{
		width: 45px;height: 45px;border-radius: 50%;border: none;
		display: flex;align-items: center;justify-content: center;font-size: 20px;
		background: linear-gradient(294deg,rgba(30, 136, 196, 1) 13%, rgba(37, 52, 119, 1) 100%);
		color: #fff;position: fixed;right: 2%;bottom: 3%;z-index: 10;
	}
	.whatsappBtn{
		width: 45px;height: 45px;border-radius: 50%;border: none;
		display: flex;align-items: center;justify-content: center;font-size: 20px;
		background: #338c2e;text-decoration: none;color: #fff;
		color: #fff;position: fixed;left: 2%;bottom: 3%;z-index: 10;
	}
	.whatsappBtn:hover{
		color: #fff;text-decoration: none;
	}

	/*--------------------------- FOOTER END --------------------------------*/
	/*--------------------------- INDEX START --------------------------------*/

	.slider{
		width: 100%;height: 30vh;background: #ebebeb;
	}

	/*--------------------------- INDEX END --------------------------------*/
	.breadcumb{
		width: 100%;padding:30px;text-align: center;
		background:linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),url("../images/breadcumb.jpg");background-size: cover;background-position: center;margin-top: 0;
	}
	.breadcumbContent h1{
		font-size: 30px;font-weight: 600;color: #1d87c3;
	} 
	.breadcumbContent h5{
		font-size: 15px;font-weight: 400;
	} 
	.breadcumbContent h5 a{
		color: #000;
	}
	
	/*----------------------------- CONTACT START ---------------------------------*/
	.contact{
		width: 100%;padding: 15px;
	}
	.contactFormRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.contactLeftRow{
		width: 100%;
	}
	.contactLeftRow h1{
		font-size: 32px;font-weight:700;font-family: "Merriweather", serif;color: #1d87c3;
	}
	.contactLeftRow p{
		font-size: 15px;margin-bottom: 0;margin-top: 14px;
	}
	.contactDERow{
		width: 100%;display: flex;margin-top: 15px;
	}
	.contactDeIc{
		width: 8%;font-size: 20px;color: #1d87c3;
	}
	.contactDeDetail{
		width: 88%;display: flex;align-items: center;font-size: 15px;
	}
	.contactDeDetail h3{
		font-size: 18px;font-weight: 600;color: #1d87c3;
	}
	.contactDeDetail p{
		margin-top:10px !important;font-size: 15px !important;
	}
	.contactRightRow{
		width: 100%;padding:18px;background: #f1f6fb;border-radius: 7px;margin-top: 20px;
	}
	.contactColumn{
		width: 100%;
	}
	.contactColumn label{
		font-size: 15px;margin-bottom: 0.5vw;
	}
	.contactColumn input{
		font-size: 15px;width: 100%;border-radius: 25px;border: none;padding:8px;height:45px;
		margin-bottom: 10px;margin-top: 10px;
	}
	.contactColumn textarea{
		font-size: 15px;width: 100%;border-radius: 25px;border: none;padding: 8px;
		margin-bottom: 10px;margin-top: 10px;
	}
	.contactColumn button{
		width: 100%;height: 45px;border-radius: 25px;background: #1d87c3;border: none;
		font-size:15px;text-align: center;color: #fff;text-transform: uppercase;

	}
	/*----------------------------- CONTACT END ---------------------------------*/
	/*----------------------------- FAQ's START ---------------------------------*/

	.faq{
		width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.faqLeft{
		width: 100%;
	}
	#accordion button{
		display: block;width: 100%;height:45px;border: none;background: #f1f6fb;text-align: left;
		padding-left:10px;font-size: 14px;
	}
	.accordionCOlumn{
		margin-top: 12px;
	}
	.card-body{
		font-size:14px;border: 1px solid #ebebeb;
	}
	.faqRight{
		width:80%;margin-left: 10%;margin-top: 30px;margin-bottom: -18px;
	}

	/*----------------------------- FAQ's END ---------------------------------*/
	/*----------------------------- CLIENTS START ---------------------------------*/

	.clients{
		width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.clientColumn{
		width: 48%;margin-top: 18px;border: 1px solid #ebebeb;padding:12px;
	}

	/*----------------------------- CLIENTS END ---------------------------------*/
	/*----------------------------- SERVICES START ---------------------------------*/

	.services{
		width: 100%;padding:15px;
	}
	.sericeEach{
		width: 100%;margin-top: 18px;
	}
	.sericeEach:first-child{
		margin-top: 0vw;
	}
	.services h2{
		font-size: 24px;font-weight: 600;color: #1e8bca;
	}
	.serviceImg{
		width: 100%;height: 30vh;background: #ebebeb;margin: 18px 0;color: #1d87c3;
	}
	.services p{
		font-size: 15px;margin-bottom: 15px;text-align: justify;
	}
	.services-row{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.serviceColumn{
		width: 100%;height: 30vh;background: #ebebeb;margin-top: 12px;
	}
	.sericeEach h4{
		font-size: 16px; font-weight: 600;
	}
	.sericeEach ul{
		margin-bottom: 18px !important;
	}
	.sericeEach ul li{
		font-size: 13px;
	}

	/*----------------------------- SERVICES END ---------------------------------*/
	/*----------------------------- ABOUT START ---------------------------------*/

	.about{
		width: 100%;padding:15px 15px 0 15px;position: relative;
	}
	.abtFirst{
		content: '';position: relative;bottom:-15%;width: 90%;left: 50%;transform: translateX(-50%);
	}
	.leftAbout{
		width: 100%;
	}
	.rightAbout{
		width: 100%;
	}
	.leftAbout h6{
		font-size: 15px;text-transform: uppercase;
	}
	.leftAbout h2{
		font-size: 32px;font-weight: 600;margin-top: -0.5vw;color: #1e8bca;
	}
	.leftAbout h4{
		margin-top: 12px;font-size: 15px;font-style: italic;font-weight: 600;
	}
	.leftAbout p{
		text-align: justify;margin-top: 15px;font-size: 15px;
	}
	.whatwedeliver{
		width: 100%;text-align: center;background: #edf8ff;padding:30px 0;
	}
	.whatwedeliver h6{
		font-size: 15px;font-weight: 600;
	}
	.whatwedeliver h2{
		font-size: 24px;font-weight: 600;margin-top:-10px;color: #1e8bca;
	}
	.delievrRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
		margin-top: 2vw;
	}
	.deleiverCOlumn{
		width: 100%;padding:0 15px;
	}
	.deliverImgColumn{
		width: 100%;display: flex;align-items: center;justify-content: center;position: relative;
	}
	.deliverImgColumn::before{
		content: '';position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);
		height: 410px;background: url('../images/circles.png');background-size: contain;
		background-position: center;background-repeat: no-repeat;
	}
	.delivereachCol{
		width: 100%;text-align: left;margin: 2vw 0;
	}
	.deleiverCOlumn:last-child .delivereachCol{
		text-align: left;margin-top: 20px;
	}
	.delivereachCol h3{
		font-size: 24px;font-weight: 600;color: #1e8bca;
	}
	.delivereachCol h5{
		font-size: 18px;font-weight: 600;
	}
	.delivereachCol p{
		margin-top: 12px;margin-bottom: 0;font-size: 15px;
	}
	.deliverImgColumn img{
		width: 60%;position: relative;z-index: 1;
	}
	.factory{
		width: 100%;padding:15px;background: #dfeef7;display: flex;justify-content: space-between;
		flex-wrap: wrap;
	}
	.factoryColOne{
		width: 100%;display: flex;align-items: center;
	}
	.factoryColOne h2{
		font-size: 28px;font-weight: 600;
	}
	.factoryColOne h4{
		font-size:18px;font-style: italic;
	}
	.factoryColOne p{
		font-size: 15px;margin-bottom: 0;margin-top: 12px;line-height: 1.7;text-align: justify;
	}
	.factoryColTwo{
		width: 100%;height: 28vh;background: #fff;margin-top: 15px;
	}
	.testimonialAbout{
		padding:15px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.testimonialColumn{
		width:100%;position: relative;
	}
	.testimonialColumn h2{
		font-size: 28px;font-weight: 600;
	}
	.testimonialColumn p{
		font-size: 15px;
	}
	.testimonialCarousel{
		width: 100%;padding:30px 15px;border-radius: 20px;background: #edf8ff;
	}
	.testimonialCarousel p{
		font-size: 15px;margin-bottom: 0;
	}
	.testimonialCUstomer{
		width: 100%;display: flex;align-items: center;margin-top: 18px;
	}
	.testimonialCUstomer img{
		width:15%;margin-right: 15px;
	}
	.testimonialCUstomer h3{
		font-size: 18px;font-weight: 600;
	}
	.googleReview{
		content: '';position: absolute;right: 0;bottom:4%;width: 22%;
	} 
	.testimonialColumn:last-child{
		margin-top: 18px;
	}

	/*----------------------------- ABOUT END ---------------------------------*/
	/*--------------------------- INDEX START --------------------------------*/

	.slider{
		width: 100%;height:35vh;background: url('../images/sliderBg.jpg');background-size: cover;
		background-position: center top;margin-top:0;position: relative;
	}
	.bottleJar{
		content: '';position: absolute;right:0%;top: 50%;transform: translateY(-50%);width: 45%;
	}
	.leftContent{
		width:60%;left:5%;top:50%;transform: translateY(-50%);content: '';position: absolute;
	}
	.leftContent h5{
		padding: 6px 15px;background: #fff;color: #000;text-transform: uppercase;width:70%;font-size: 14px;
		border-radius: 25px;text-align: center;
	}
	.leftContent h2{
		font-size:28px;font-weight: 700;
	}
	.leftContent p{
		font-size: 12px;margin: 1.5vw 0;display: none;
	}
	.leftContent ul li{
		display: inline-block;margin-right: 1vw;width:40%;
	}
	.leftContent ul li a{
		font-size: 14px;text-transform: uppercase;text-decoration: none;
		display: block;width: 100%; height:36px;background: #fff;border-radius: 25px;display: flex;
		align-items: center;justify-content: center;
	}
	.leftContent ul li:first-child a{
		background: #266db9;color: #fff;
	}
	.leftContent ul li:last-child a{
		background: #fff;color: #266db9;
	}
	.indexService{
		padding:0 15px 15px 15px;
	}
	.indexServiceHeading{
		text-align: center;
	}
	.indexServiceHeading h5{
		padding: 7px 15px;background: #fff;color: #000;text-transform: uppercase;width: 40%;font-size: 14px;
		border-radius: 25px;text-align: center;position: relative;left: 50%;transform: translateX(-50%);
	}
	.indexServiceHeading h2{
		font-size:28px;font-weight: 600;
	}
	.serviceIndexRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.serviceIndexColumn{
		width: 48%;padding: 18px;background: #fff;border-radius: 20px;margin-top: 15px;
		position: relative;
	}
	.serviceIndexImg{
		width: 100px;height: 100px;border-radius: 50%;background: #ebebeb;
	}
	.serviceIndexColumn h3{
		font-size: 22px;font-weight: 600;margin-top: 15px;
	}
	.serviceIndexColumn p{
		font-size: 14px;
	}
	.serviceIndexColumn a{
		display: block;font-size: 15px;width: 100%;height: 40px;border-radius: 25px;background: #2874b8;
		color: #fff;display: flex;align-items: center;justify-content: center;text-decoration: none;
	}
	.serviceIndexColumn h2{
		content: '';position: absolute;right: 7%;top: 3%;font-size: 28px;font-weight: 600;
		-webkit-text-fill-color: transparent;
	  	-webkit-text-stroke: 1px #bdbdbd;
	}
	.indexAbout{
		width: 100%;padding: 15px 15px 30px 15px;
	}
	.indexAboutROw{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.indexAboutCol{
		width: 100%;
	}
	.indexAboutCol:last-child{
		border-left:none;
	}
	.indexAbtColPadd{
		padding: 0;border-bottom: 1px solid #c1d1e0;
	}
	.indexAbtColPadd h5{
		font-size: 14px;text-transform: uppercase;width: 30%;height: 30px;border-radius: 25px;
		display: flex;align-items: center;justify-content: center;border-radius: 25px;background: #fff;
	}
	.indexAbtColPadd h2{
		font-size:28px;font-weight: 600;margin-top: 12px;margin-bottom:7px;
	}
	.indexAbtColPadd p{
		font-size: 15px;margin-bottom: 10px;text-align: justify;
	}
	.indexEnquiry{
		padding: 10px 0 0 10px;display: flex;
	}
	.indexEnquiry a{
		width: 50%;display: block;height: 40px;background: linear-gradient(294deg,rgba(30, 136, 196, 1) 13%, rgba(37, 52, 119, 1) 100%);text-decoration: none;color: #fff;
		font-weight: 600;margin-right: 1vw;border-radius: 25px;display: flex;align-items: center;justify-content: center;
	}
	.waterTank{
		width: 100%;background: #d5e2eb;padding:30px 15px;
	}
	.waterTank h5{
		font-size: 15px;font-weight: 600;
	}
	.waterTank h1{
		font-size: 32px;font-weight: 600;text-align: center;margin-bottom: 0px;
	}
	.waterROw{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.waterColumn{
		width:100%;text-align: left !important;
	}
	.waterColumnMiddle{
		width: 100%;position: relative;margin-top: 18px;
	}
	.waterTreatmentPng{
		width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
	}
	.waterinsideColumn{
		margin-top:18px;
	}
	.waterinsideColumn h2{
		font-size: 28px;font-weight: 600;text-align: center;
	}
	.waterinsideColumn h5{
		font-size: 16px;font-weight: 600;text-align: center;
	}
	.waterinsideColumn p{
		font-size: 15px;margin-bottom: 0;text-align: center;
	}
	.waterColumn:last-child{
		text-align: right !important;
	}
	.videoRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding:5vw;
		background: #e1edf5;
	}
	.videoIndex{
		width: 100%;text-align: center;
	}
	.videoIndex h5{
		font-size: 15px;font-weight: 600;
	}
	.videoIndex h2{
		font-size: 22px;font-weight: 600;text-align: center;
	}
	.testimonialRowIndex{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.testimonialReview{
		width: 100%;margin-top: 15px;padding: 15px;background: #f7fcff;border-radius: 12px;
		margin-top: 15px;
	}
	.testimonialReview p{
		font-size: 15px;text-align: center;
	}
	.testimonialReview h3{
		font-size: 18px;font-weight: 600;display: flex;align-items: center;text-align: center;
		justify-content: center;margin-top: 0.7vw;
	}
	.admin{
		width: 20%;
	}
	.videoOriginal{
		width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.videoBox{
		width: 100%;background: #fff;height: 250px;
	}
	.imgBox{
		width: 100%;margin-top: 20px;
	}
	.imgBox h2{
		font-size: 28px;width: 100%;margin-bottom: 18px;
	}
	.knowledeg{
		width: 100%;margin-top: 1vw;display: flex;justify-content: space-between;
	}
	.knowledgeIc{
		font-size:30px;width: 10%;color: #2165a3;
	}
	.knowledgeColumn{
		width: 88%;
	}
	.knowledgeColumn h3{
		font-size: 18px;
	}
	.knowledgeColumn h5{
		font-size: 15px;
	}
	.blogRow{
		width: 100%;padding: 0 15px 15px 15px;
	}
	.blogRow h5{
		font-size: 14px;font-weight: 600;text-align: center;
	}
	.blogRow h2{
		font-size: 28px;font-weight: 600;text-align: center;
	}
	.blogWrapper{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.blogIndividualColumn{
		width:100%;margin-top: 15px;
	}
	.blogImage{
		width: 100%;height: 30vh;background: #fff;border-radius: 12px;
	}
	.blogIndividualColumn h3{
		margin-top: 12px;font-size: 20px;margin-bottom: 15px;
	}
	.blogIndividualColumn a{
		font-size: 15px;color: #000;text-decoration: none;
	}
	.blogIndividualColumn a:hover{
		color: #22428d;
	}

	/*--------------------------- INDEX END --------------------------------*/
}