body{
	background-color:#F5EFE6;
}
.navigation{
	display:flex;
	justify-content:space-between;
	background-color:#fff;
}
.nav-right ul{
	display:flex;
	justify-content:space-between;
	list-style:none;
}
.nav-right li{
	margin:0rem 1rem;
}
.nav-left img{
	width:45px;
	height:45px;
	border-radius:50px;
	border:1px solid #ccc;
}
.hero{
	display:flex;
	background-color:#FFF9F2;
}
.hero-info{
	margin-top:1rem;
	margin-left:2rem;
}
.hero-info h2{
	font-size:2.5rem;
}
.hero-info button{
	padding:0.6rem 2rem;
	background-color:#8FAF8A;
	border:none;
	color:white;
	border-radius:8px;
	cursor:pointer;
}
.hero-info button:hover{
	background-color:#6F8F6A;
}
.hero-img img{
	width:800px;
	height:350px;
}
.why{
	justify-content:space-evenly;
	display:flex;
	
}
.profile{
	display:flex;
}
.profile img{
	width:10%;
	height:6vh;
	margin-right:1rem;
	margin-top:1rem;
	border-radius:50px;
}
.why-img img{
	width:100%;
	
}
.why-1 button{
	padding:0.8rem 5rem;
	font-size:1rem;
	border-radius:10px 60px 30px;
	border:none;
	background-color:#6F8F6A;
	margin:0.8rem 0;
}
.why-2 button{
	padding:0.8rem 5rem;
	font-size:1rem;	
	border-radius:10px 60px 30px;
	border:none;
	background-color:#6F8F6A;
	margin:0.8rem 0;
	margin-left:3rem;
}
.choose h2{
	text-align:center;
	
}
.why li{
	margin:0.3rem 2rem;
	font-size:1.3rem;
}
.customers{
	background-color:#FFF9F2;
	height:40vh;
	margin-top:2.5rem;
	padding:1rem 2rem;
}
.typecards{
	background-color:#FFF9F2;
	padding:1rem 0;
}
.skinty{
	display:flex;
	justify-content:space-evenly;
}
.cards{
	background-color:#DDE8D5;
	text-align:center;
	border:0.5px solid gray;
	padding:1.5rem 1rem;
	width:200px;
}
.cards2{
	background-color:#DDE8D5;
	text-align:center;
	border:0.5px solid gray;
	padding:1.5rem 1rem;
	width:200px;
}
.cards3{
	background-color:#DDE8D5;
	text-align:center;
	border:0.5px solid gray;
	padding:1.5rem 1rem;
	width:200px;
}
.cards4{
	background-color:#DDE8D5;
	text-align:center;
	border:0.5px solid gray;
	padding:1.5rem 1rem;
	width:200px;
}
.cards5{
	background-color:#DDE8D5;
	text-align:center;
	border:0.5px solid gray;
	padding:1.5rem 1rem;
	width:200px;
}
.cards{
	background-color:#DDE8D5;
	text-align:center;
	border:0.5px solid gray;
	padding:1.5rem 1rem;
	width:200px;
}
.cards h4{
	font-size:1.3rem;
	
}
.cards2 h4{
	font-size:1.3rem;
	
}
.cards3 h4{
	font-size:1.3rem;
	
}
.cards4 h4{
	font-size:1.3rem;
	
}
.cards5 h4{
	font-size:1.3rem;
	
}
.cards button{
	padding:0.5rem 3rem;
	background-color:transparent;
	border:3px solid #8FAF8A;
	color:#8FAF8A;
	border-radius:8px;
	cursor:pointer;
	font-weight:600;
	font-size:1rem;
}
.cards button:hover{
	background-color:#8FAF8A;
	color:#fff;
}
.cards2 button{
	padding:0.5rem 3rem;
	background-color:transparent;
	border:3px solid #8FAF8A;
	color:#8FAF8A;
	border-radius:8px;
	cursor:pointer;
	font-weight:600;
	font-size:1rem;
}
.cards2 button:hover{
	background-color:#8FAF8A;
	color:#fff;
}
.cards3 button{
	padding:0.5rem 3rem;
	background-color:transparent;
	border:3px solid #8FAF8A;
	color:#8FAF8A;
	border-radius:8px;
	cursor:pointer;
	font-weight:600;
	font-size:1rem;
}
.cards3 button:hover{
	background-color:#8FAF8A;
	color:#fff;
}
.cards4 button{
	padding:0.5rem 3rem;
	background-color:transparent;
	border:3px solid #8FAF8A;
	color:#8FAF8A;
	border-radius:8px;
	cursor:pointer;
	font-weight:600;
	font-size:1rem;
}
.cards4 button:hover{
	background-color:#8FAF8A;
	color:#fff;
}
.cards5 button{
	padding:0.5rem 3rem;
	background-color:transparent;
	border:3px solid #8FAF8A;
	color:#8FAF8A;
	border-radius:8px;
	cursor:pointer;
	font-weight:600;
	font-size:1rem;
}
.cards5 button:hover{
	background-color:#8FAF8A;
	color:#fff;
}
/*---------------Clicked button----------------*/

.learn-btn{
	padding:0.5rem 3rem;
	background-color:transparent;
	border:3px solid #8FAF8A;
	color:white;
	border-radius:8px;
	cursor:pointer;
	font-weight:600;
	font-size:1rem;
}.learn-btn:hover{
	background-color:#6fa89c;
}
.skin-details{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#f5faf8;
	z-index:1000;
	overflow-y:auto;
	/*padding:30px;*/
}
.skin-details:target{
	display:block;
}
.skin-details .content{
	max-width:1200px;
	margin:auto;
	background-color:white;
	/*padding:30px;*/
	border-radius:15px;
}
.close-btn{
	display:inline-block;
	margin-top:20px;
	text-decoration:none;
	color:#6fa89c;
	font-weight:bold;
}
/*hidden Products*/
.four-pro{
	
	
}
.product{
	background-color:#F9FAF2;
	padding:10px;
	border-radius:20px;
	margin:0.7rem 3rem;
	border:1px solid #D9E2C5;
	width:300px;
}
.product img{
	width:100px;
	height:150px;
}
.flex{
	display:flex;
	
}
.pro-center img{
	width:500px;
	height:500px;
	position:absolute;
	left:31%;
	top:15%;
}
.four-col{
	display:flex;
	gap:250px;
	margin-left:3rem;
}

.pro-btn{
	padding:0.5rem 3rem;
	background-color:transparent;
	border:3px solid #8FAF8A;
	color:#8FAF8A;
	border-radius:8px;
	cursor:pointer;
	font-weight:600;
	font-size:1rem;
}
/*--------------Remedies and TIPs--------------*/
.tip-home{
	display:flex;
}
.remedies{
	display:flex;
	background-color:#F9FAF2;
	padding:10px;
	border-radius:20px;
	width:100%;
}
.remedies img{
	width:100px;
	height:150px;
}
.tips img{
	width:500px;
	height:200px;
}

.see-tips{
	background-color:#D0F0C0;
	padding:10px;
	width:90%;
	margin-left:3rem;
	
}
.see-tips li{
border-bottom:2px solid #ddd;
padding:10px;
}
 .ver-line{
	 position:absolute;
	 top:1250px;
	 left:37.8%;
	 width:4px;
	 height:150px;
	 background-color:#ccc;
 }
.routine{
	display:flex;
	margin-left:10rem;
}
.two-col{
	display:flex;
	background-color:#fff;
}
.two-col p{
	margin-left:2rem;
}
.h4{
	display:flex;
	justify-content:space-between;
}
.h4 h4{
	margin-left:5rem;
}
.rou-card{
	
	background-color:#fff;
	padding:1rem 1rem;
}
.rou-card img{
	width:150%;
	height:100px;
}
.start {
	margin-left:3rem;
}
.start ul{
	background-color:#FFF9F2;
	border:1px solid gray;
	padding:1rem 1rem;
}
.start img{
	width:130%;
	height:20vh;
	
}
.health{
	background-color:#FFF9F2;
	padding:1rem 0;
}
.healtyskin{
	display:flex;
	text-align:center;
	padding:1rem 0;
	margin-left:5rem;
}
.healthy-cards {
	margin:0rem 2rem;
}
.healthy-cards img{
	width:80%;
	height:15vh;
	border-radius:50%;
}
.doc{
	display:flex;
	background-color:#F5EFE6;
	border-radius:200px;
	margin:0.4ren 2rem;
	border:3px solid #ddd;
}
.pic img{
	width:10vw;
	height:20vh;
	border-radius:50px;
	
	margin:1rem 2rem;
}
.docinfo p {
	font-size:1.6rem;
	font-weight:bold;
	
}
.docinfo small{
	font-size:1rem;
}
.sidepic img{
	width:35vw;
	height:25vh;
	margin-left:5rem;
}
.faq-sec{
	
}
.section-title{
	display:flex;
	align-items:center;
	text-align:center;
	gap:16px;
}
.section-title::before,
.section-title::after{
	content:"";
	flex:1;
	height:2.1px;
	background-color:#ccc;
}
.faq-items{
	width:100%;
	box-sizing:border-box;
	background-color:#F9FAF2;
	border:1px solid #D9E2C5;
	border-radius:15px;
	
	transition:all 0.3s ease;
}
.faq-items summary{
	font-size:18px;
	background-color:#F9FAF2;
	border:1px solid #D9E2C5;
	padding:0.4rem 0.6rem;
	margin:0.4rem 0.4rem;
	font-weight:600;
	color:#2F3E1E;
	cursor:pointer;
	font-size:22px;
	color:#6F8F3C;
	float:left;
	list-style:none;
}
details
,details[open]{
	width:100%;
}
.faq-items img{
	width:270px;
	height:50px;
	
}
 .faq-items p {
  margin-top: 14px;
  font-size: 15px;
  color: #5F6F4A;
  line-height: 1.6;
  
}
.footer{
	display:flex;
	justify-content:space-evenly;
	margin-top:30px;
	
	/*Multicolumn*/
	column-count:5	;
	column-gap:20px;
	height:300px;
	width:100%;
	
	  background-color: #EFE3C8;
  padding: 10px 40px 20px;
  font-family: 'Poppins', sans-serif;
  color: #3E3E3E;
	
}
.foot{
	font-size:22px;
	margin-right:40px;
}
.foot ul li a {
  text-decoration:none;
  color: #555;
  font-size: 18px;
  
}

.foot ul{
	list-style:none;
}
.foot ul li a:hover {
  color: #9C7A3F;
}
.newsletter-box input {
  border: none;
  padding: 10px 15px;
  outline: none;
  flex: 1;
}

.newsletter-box button {
  background-color: #C89B3C;
  border: none;
  padding: 0 18px;
  font-size: 18px;
  cursor: pointer;
  color: white;
}

/* Bottom */
.footer-bottom {
  text-align: center;
  margin-top: 40px;
  font-size: 20px;
  color: #666;
}