html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;box-sizing: border-box;
	font-family: "Poppins", sans-serif;
}
/*----------------------- HEADER START -----------------------------*/
.tp-header{
	padding: 0.4vw 8vw;background: #e0b12d;
}
.social-media{
	display: flex;align-items: center;justify-content: right;
}
.social-media ul li{
	display: inline;
}
.social-media ul li:first-child{
	margin-right:0vw;border-right: 1px solid #000;padding-right: 0.9vw;
}
.social-media ul li:nth-child(2){
	margin-right:1vw;border-right: 1px solid #000;padding-right: 0.9vw;
}
.social-media{
	text-align: right;
}
.social-media a{
	color: #000;font-size: 0.9vw;margin-left: 1vw;text-decoration: none;
}
.header{
	padding: 0.4vw 8vw;border-bottom: 1px solid #ebebeb;
}
.navMenu{
	display: flex;align-items: center;justify-content: center;
}
.navMenu ul li{
	display: inline-block;margin-right: 1.5vw;
}
.navMenu ul li a{
	color: #000;font-weight: 600;font-size: 0.85vw;text-decoration: none;
	text-transform: uppercase;
}
/*----------------------------- HEADER END --------------------------*/
/*----------------------- FOOTER START -----------------------------*/
.movetotop{
	display: flex;align-items: center;justify-content: center;width: 2.5vw;
	height: 2.5vw;background: #e0b12d;color: #000;font-size: 1.3vw;border-radius: 50%;
	border: none;position: fixed;right: 2%;bottom: 2%;
}
.whatsapp{
	display: flex;align-items: center;justify-content: center;width: 2.5vw;
	height: 2.5vw;background: #26ca43;color: #fff;font-size: 1.3vw;border-radius: 50%;
	border: none;position: fixed;left: 2%;bottom: 2%;
}
.whatsapp:hover{
	color: #fff;text-decoration: none;
}
.footer{
	background: #454545;padding: 3vw 16vw;
}
.footer-contactRow{
	display: flex;justify-content: space-between;margin-bottom: 2vw;
}
.footer-contactColumn{
	width: 30%;display: flex;;
}
.footerContIc{
	width:4vw;height: 4vw;background: #e0b12d;border-radius: 7px;
	display: flex;align-items: center;justify-content: center;
	font-size: 2vw;
}
.footerContDetail{
	width: 74%;margin-left: 1vw;
}
.footerContDetail h3{
	color: #fff;font-weight: 600;font-size: 1.2vw;text-transform: uppercase;
}
.footerContDetail p{
	color: #fff;font-weight: 200;font-size:0.8vw;margin-bottom: 0;
}
.footerColumnRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2vw;
}
.footerColOne{
	width:30%;
}
.footerColOne h3{
	font-size: 1.3vw;color: #fff;font-weight: 600;margin-bottom: 0.5vw;
}
.footerColOne p{
	font-size: 0.8vw;text-align: justify;color: #fff;
}
.footerSocialMedia{
	display: flex;
}
.footerSocialMedia a{
	width: 2vw;height: 2vw;background: #e0b12d;text-decoration: none;
	color: #000;font-size: 1vw;display: flex;align-items: center;
	justify-content: center;border-radius: 4px;margin-right: 0.7vw;
}
.footerColTwo{
	width:15%;
}
.footerColTwo h3{
	font-size: 1.3vw;color: #fff;font-weight: 600;
}
.footerColTwo ul li{
	margin-top: 0.5vw;
}
.footerColTwo ul li a{
	color: #fff;font-size: 0.8vw;text-decoration: none;
}
.footerColThree{
	width:15%;
}
.footerColThree h3{
	font-size: 1.3vw;color: #fff;font-weight: 600;
}
.footerColThree ul li{
	margin-top: 0.5vw;
}
.footerColThree ul li a{
	color: #fff;font-size: 0.8vw;text-decoration: none;
}
.footerColFour{
	width: 30%;
}
.footerColFour h3{
	font-size: 1.3vw;color: #fff;font-weight: 600;
}
.footerColFour p{
	color: #fff;font-size: 0.8vw;
}
.inputField{
	margin-top: 1vw;position: relative;
}
.inputField input{
	width: 100%;padding: 0.6vw;border-radius: 12px;border: none;font-size: 0.8vw;
}
input:focus{
	outline: none;
}
button.inputBtn{
	content: '';position: absolute;top: 0;right: 0;width: 15%;height: 100%;
	background: #e0b12d;border-bottom-right-radius: 12px;border-top-right-radius: 12px;
	border: none;
}
.copyright{
	padding: 0.8vw;background: #303030;color: #fff;font-weight:400;font-size: 0.8vw;
	text-align: center;
}
/*----------------------- FOOTER END -----------------------------*/
/*----------------------- SLIDER START -----------------------------*/
.slider{
	width: 100%;position: relative;
}
.slider-content{
	content: '';position: absolute;top: 50%;transform: translateY(-50%);
	left: 9%;width: 40%;
}
.slider-content h1{
	font-size:5vw;font-weight: 700;font-family: "Cinzel", serif;
}
.slider-content p{
	font-size:1.1vw;font-weight: 500;margin-bottom: 2.5vw;line-height: 2;
}
.slider a{
	padding: 0.6vw 3vw;background: #492798;border-radius:25px;color: #fff;font-weight: 600;text-decoration: none;font-size: 0.8vw;
}
/*----------------------- SLIDER END -----------------------------*/
/*------------------------ INDEX ABOUT PAGE START ----------------*/
.aboutUs{
	padding: 3vw 16vw;
}
.pictureRow{
	display: flex;justify-content: space-between;
}
.firstPictureColumn{
	width:60%;
}
.firstPictureColumn{
	padding: 0.8vw 0 0.8vw 0.8vw;border-top: 2px dashed #e0b12d;border-radius: 12px;
	border-bottom: 2px dashed #e0b12d;border-left: 2px dashed #e0b12d;position: relative;
}
.firstPictureColumn::before{
	content: '';position: absolute;left: 0;bottom: 0;width:50%;height: 25%;
	background:#e0b12d;border-bottom-left-radius: 12px;
}
.firstPictureColumn img{
	border-top-left-radius : 12px;border-bottom-left-radius : 12px;position: relative;
	z-index: 10;
}
.secondPictureColumn{
	width: 35%;display: flex;flex-direction: column;justify-content: space-between;
}
.secondPictureColumn img{
	border-radius: 15px;
}
.twoPic{
	width: 100%;height: 47%;background: #ebebeb;border-radius: 12px;
}
.aboutUsDetail{
	padding-left: 3vw;
}
.aboutUs h4{
	font-size: 1.1vw;font-weight: 600;text-transform: uppercase;
}
.aboutUs h2{
	font-size:2vw;font-weight: 600;
}
.aboutUs h5{
	font-size:1vw;font-weight: 600;
}
.aboutUs p{
	font-size: 0.8vw;margin-top: 1vw;line-height: 1.7;text-align: justify;
}
/*------------------------ INDEX ABOUT PAGE END ----------------*/
/*------------------------ INDEX PRODUCT PAGE START ----------------*/
.productIndex{
	padding: 4vw 16vw;background: #f5f5f5;position: relative;
}
.productIndex h4{
	font-size: 1.1vw;font-weight: 600;text-transform: uppercase;
}
.productIndex h2{
	font-size:2vw;font-weight: 600;text-transform: capitalize;
}
.productIndex p{
	font-size: 0.8vw;margin-top: 1vw;line-height: 1.7;text-align: justify;
}
.productIndex ul li{
	margin-bottom: 0.8vw;font-size: 0.8vw;
}
.productIndex ul li:last-child{
	margin-bottom: 0;
}
.big-circle{
	position: absolute;content: '';top: 50%;right: 14%;transform: translateY(-50%);
	width:25vw;height:25vw;background: #e0b12d;border-radius: 50%;padding-right: 1vw;
}
.inner-circle{
	width: 100%;height: 100%;border-radius: 50%;background: #fff;
}
.small-circle{
	position: absolute;content: '';top: 70%;right:33%;transform: translateY(-50%);
	width:15vw;height:15vw;background: #e0b12d;border-radius: 50%;padding-right: 0.5vw;
}
/*------------------------ INDEX PRODUCT PAGE END ----------------*/
/*------------------------ INDEX FAQ PAGE START ----------------*/
.faq{
	padding: 3vw 16vw;position: relative;
}
.faq h4{
	font-size: 1.1vw;font-weight: 600;text-transform: uppercase;
}
.faq h2{
	font-size:2vw;font-weight: 600;text-transform: capitalize;
}
.faq p{
	font-size: 0.8vw;margin-top: 1vw;line-height: 1.7;text-align: justify;
	margin-bottom: 0;
}
#accordion button{
	display: block;width: 100%;text-align: left;padding:0.6vw 1vw;
	margin-top: 0.5vw;font-size: 0.8vw;background: #f5f5f5;border: none;
}
.card{
	border: none;
}
.card-body{
	border: 1px solid #ebebeb;font-size: 0.8vw;
}
.testimonialCarousel{
	padding: 1vw;background: #ebebeb;margin-top: 1vw;
}
.testimonialCarousel p{
	font-size: 0.8vw;margin-top: 0vw;line-height: 1.7;text-align: justify;
	margin-bottom: 0.5vw;
}
.testimonialCarousel h5{
	font-size: 1vw;font-weight: 600;
}
.ecoFriend{
	content: '';position: absolute;bottom: 0;right: 17%;width: 26%;
}
/*------------------------ INDEX FAQ PAGE END ----------------*/
/*------------------------ CONTACT PAGE START ----------------*/
.contact{
	padding: 3vw 16vw;background: #fcf1d2;position: relative;
}
.contact h4{
	font-size: 1.1vw;font-weight: 600;text-transform: uppercase;
}
.contact h2{
	font-size:2vw;font-weight: 600;text-transform: capitalize;
}
.contact p{
	font-size: 0.8vw;margin-top: 0.5vw;line-height: 1.7;text-align: justify;
	margin-bottom: 0;
}
.contact label{
	width: 100%;font-size: 0.8vw;margin-top: 0.5vw;
}
.contact input{
	width: 100%;padding: 0.5vw;border: none;border-radius: 8px;font-size: 0.8vw;
}
.contact textarea{
	width: 100%;padding: 0.5vw;border: none;border-radius: 8px;font-size: 0.8vw;
}
textarea:focus{
	outline: none;
}
.contact button{
	padding: 0.5vw;display: block;width: 100%;color: #000;background: #e0b12d;
	border: none;margin-top: 0.8vw;border-radius: 8px;text-transform: uppercase;
	font-weight: 600;
}
.contactPhoto{
	content: '';position: absolute;bottom: 0;left:10%;width: 45%;
}
/*------------------------ CONTACT PAGE END ----------------*/

/*-------------------------------------- RESPONSIVE MOBILE -----------------------------*/
@media(max-width:768px){
	/*----------------------- HEADER START -----------------------------*/
	.respoTopHeader{
		background: #e0b12d;display: flex;
	}
	.respoTopHeader a{
		display: block;width: 100%;text-align: center;color: #000;text-decoration: none;
		padding:5px;border-right: 1px solid #000;font-size: 14px;
	}
	.respoTopHeader a:nth-child(3){
		border: none;
	}
	.respHeader{
		padding: 10px 30px;
	}
	.logoResp{
		width: 20%;
	}
	.logoResp a img{
		width: 100%;
	}
	.navResp{
		width: 80%;text-align: right;display: flex;align-items: center;
		justify-content: right;
	}
	.navResp button{
		font-size:30px;background: none;border: none;
	}
	a.nav-link{
		padding-left: 15px !important;color: #000;font-size: 14px;
		border-bottom: 1px solid #ebebeb;
	}
	a.nav-link:hover{
		background:#e0b12d;
	}
	/*----------------------------- HEADER END --------------------------*/
	/*----------------------- FOOTER START -----------------------------*/
	.movetotop{
		display: flex;align-items: center;justify-content: center;width: 40px;
		height: 40px;background: #e0b12d;color: #000;font-size: 18px;border-radius: 50%;
		border: none;position: fixed;right: 15px;bottom: 15px;
	}
	.whatsapp{
		display: flex;align-items: center;justify-content: center;width: 40px;
		height: 40px;background: #26ca43;color: #fff;font-size: 18px;border-radius: 50%;
		border: none;position: fixed;right: 15px;bottom: 15px;
	}
	.footer{
		background: #454545;padding: 18px;
	}
	.footer-contactRow{
		display: flex;justify-content: space-between;margin-bottom: 2vw;flex-wrap: wrap;
	}
	.footer-contactColumn{
		width: 100%;display: flex;
	}
	.footer-contactColumn:nth-child(2){
		margin-top: 10px;
	}
	.footer-contactColumn:nth-child(3){
		margin-top: 10px;
	}
	.footerContIc{
		width:30px;height: 30px;
		font-size: 14px;
	}
	.footerContDetail{
		width: 74%;margin-left: 15px;
	}
	.footerContDetail h3{
		font-size: 16px;margin-bottom: 8px;
	}
	.footerContDetail p{
		font-size:14px;margin-bottom: 0;margin-top: -5px;
	}
	.footerColumnRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2vw;
	}
	.footerColOne{
		width:100%;
	}
	.footerColOne h3{
		font-size: 18px;margin-bottom: 10px;
	}
	.footerColOne p{
		font-size: 14px;text-align: justify;
	}
	.footerSocialMedia{
		display: flex;
	}
	.footerSocialMedia a{
		width: 30px;height: 30px;background: #e0b12d;
		color: #000;font-size: 15px;margin-right: 10px;
	}
	.footerColTwo{
		width:100%;margin-top: 15px;
	}
	.footerColTwo h3{
		font-size: 18px;
	}
	.footerColTwo ul li{
		margin-top: 8px;
	}
	.footerColTwo ul li a{
		color: #fff;font-size: 14px;text-decoration: none;
	}
	.footerColThree{
		width:100%;margin-top: 15px;
	}
	.footerColThree h3{
		font-size: 18px;
	}
	.footerColThree ul li{
		margin-top: 8px;
	}
	.footerColThree ul li a{
		color: #fff;font-size: 14px;
	}
	.footerColFour{
		width: 100%;margin-top: 15px;
	}
	.footerColFour h3{
		font-size: 18px;color: #fff;font-weight: 600;
	}
	.footerColFour p{
		color: #fff;font-size:14px;
	}
	.inputField{
		margin-top:10px;position: relative;
	}
	.inputField input{
		width: 100%;padding:8px;font-size: 14px;
	}
	button.inputBtn{
		width: 40px;height: 100%;
	}
	.copyright{
		padding:12px 0;font-size: 14px;
	}
	/*----------------------- FOOTER END -----------------------------*/
	/*----------------------- SLIDER START -----------------------------*/
	.slider{
		width: 100%;position: relative;
	}
	.slider-content{
		content: '';position: absolute;top: 50%;transform: translateY(-50%);
		left: 6%;width: 60%;
	}
	.slider-content h1{
		font-size:5vw;font-weight: 700;font-family: "Cinzel", serif;
	}
	.slider-content p{
		font-size:10px;font-weight: 500;margin-bottom: 2.5vw;line-height: 2;
	}
	.slider a{
		padding: 0.6vw 3vw;background: #492798;border-radius:25px;color: #fff;font-weight: 600;font-size: 14px;
	}
	/*----------------------- SLIDER END -----------------------------*/
	/*------------------------ INDEX ABOUT PAGE START ----------------*/
	.aboutUs{
		padding: 18px;
	}
	.pictureRow{
		display: flex;justify-content: space-between;
	}
	.firstPictureColumn{
		width:60%;
	}
	.firstPictureColumn{
		padding: 0.8vw 0 0.8vw 0.8vw;border-top: 2px dashed #e0b12d;border-radius: 12px;
		border-bottom: 2px dashed #e0b12d;border-left: 2px dashed #e0b12d;position: relative;
	}
	.firstPictureColumn::before{
		content: '';position: absolute;left: 0;bottom: 0;width:50%;height: 25%;
		background:#e0b12d;border-bottom-left-radius: 12px;
	}
	.firstPictureColumn img{
		border-top-left-radius : 12px;border-bottom-left-radius : 12px;position: relative;
		z-index: 10;
	}
	.secondPictureColumn{
		width: 35%;display: flex;flex-direction: column;justify-content: space-between;
	}
	.secondPictureColumn img{
		border-radius: 15px;
	}
	.twoPic{
		width: 100%;height: 47%;background: #ebebeb;border-radius: 12px;
	}
	.aboutUsDetail{
		padding-left: 3vw;
	}
	.aboutUs h4{
		font-size: 16px;margin-top: 18px;
	}
	.aboutUs h2{
		font-size:20px;font-weight: 600;
	}
	.aboutUs h5{
		font-size:16px;font-weight: 600;
	}
	.aboutUs p{
		font-size: 14px;margin-top: 15px;
	}
	/*------------------------ INDEX ABOUT PAGE END ----------------*/
	/*------------------------ INDEX PRODUCT PAGE START ----------------*/
	.productIndex{
		padding: 18px 18px 0 18px;
	}
	.productIndex h4{
		font-size: 16px;
	}
	.productIndex h2{
		font-size:20px;
	}
	.productIndex p{
		font-size: 14px;margin-top: 15px;
	}
	.productIndex ul li{
		margin-bottom: 10px;font-size: 14px;
	}
	.big-circle{
		position: relative;top: 0%;right: 0%;left: 65%;transform: translateX(-50%);
		width:250px;height:250px;padding-right: 1vw;bottom: -40px;
	}
	.inner-circle{
		width: 100%;height: 100%;border-radius: 50%;background: #fff;
	}
	.small-circle{
		position: relative;top: 0%;right:0%;transform: translateY(-50%);
		width:180px;height:180px;left: 7%;bottom: -40px;
	}
	/*------------------------ INDEX PRODUCT PAGE END ----------------*/
	/*------------------------ INDEX FAQ PAGE START ----------------*/
	.faq{
		padding: 18px;position: relative;
	}
	.faq h4{
		font-size: 16px;
	}
	.faq h2{
		font-size:22px;
	}
	.faq p{
		font-size: 14px;margin-top: 15px;
	}
	#accordion button{
		display: block;width: 100%;text-align: left;padding:10px;
		margin-top:10px;font-size: 14px;background: #f5f5f5;border: none;
	}
	.card{
		border: none;
	}
	.card-body{
		border: 1px solid #ebebeb;font-size: 0.8vw;
	}
	.testimonialCarousel{
		padding: 15px;background: #ebebeb;margin-top: 15px;
	}
	.testimonialCarousel p{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.testimonialCarousel h5{
		font-size: 18px;font-weight: 600;
	}
	.ecoFriend{
		content: '';position: relative;bottom: -20px;right: 00%;width: 100%;
	}
	.marResp15{
		margin-top: 15px;
	}
	/*------------------------ INDEX FAQ PAGE END ----------------*/
	/*------------------------ CONTACT PAGE START ----------------*/
	.contact{
		padding: 18px;background: #fcf1d2;position: relative;
	}
	.contact h4{
		font-size:16px;
	}
	.contact h2{
		font-size:22px;
	}
	.contact p{
		font-size: 14px;margin-top: 12px;line-height: 1.7;
	}
	.contact label{
		width: 100%;font-size: 14px;margin-top:12px;
	}
	.contact input{
		width: 100%;padding: 8px;border: none;border-radius: 8px;font-size: 14px;
	}
	.contact textarea{
		width: 100%;padding: 8px;border: none;border-radius: 8px;font-size:14px;
	}
	textarea:focus{
		outline: none;
	}
	.contact button{
		padding: 8px;margin-top: 12px;
	}
	.contactPhoto{
		display: none;
	}
	/*------------------------ CONTACT PAGE END ----------------*/
}