body{
	font-family:"Nunito", sans-serif; 
	height: 100%;
	width: 100%; 
	margin: 0;
}  

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300&family=Pavanam&family=Quicksand:wght@300&display=swap');





/*styling for animation */
.loader{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
} 
.loads{
	height: 100px;
	width: 100px;
	opacity: 1;
	animation: opaque 2s; 
}

@keyframes opaque{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	} 
}

.main_show{
	opacity: 1;
	animation: opaque 3s;
}

 
/* styling for animation ends*/






















.resp_nav{
   	display: none;
}  
.navbar{
	height: 8vh;
	background: white;
}
.navbar img{
	height: 12vh;
	width: 12vh;
}
.navbar a{
	text-decoration: none;
	color: #262626;
	transition: 0.3s ease-in-out;	
}
.navbar-nav li>a:hover{
	background: none;
}
.navbar-right a:hover{
	color: #6a8e4e;
	transition: 0.3s ease-in-out;
}
.active a{
	color: #6a8e4e;
	font-weight: bold;
}





/* styling for landing page */

.landing{
	margin-top: 8vh;
	height: 65vh;
	background: linear-gradient(rgba(106, 142, 78, 0.6), rgba(106, 142, 78, 0.6)), url(../img/ojj.jpg);
	background-position: center;
	background-size: cover;
	color: white;
}
.land-text{
	margin-top: 35vh;
}
.landing span{
	color:#d3852d;
}
.landing p{
	font-size: 20px;
}
.landing h1{ 
	font-size: 65px; 
	font-weight: bold;
}
.landing a{
	text-decoration: none;
	color: white;
	background: #d3852d;
	padding: 10px 30px;
	border-radius: 10px;
	font-size: 15px;
	transition: 0.3s ease-in-out;
	margin-top: 5vh;
}
.landing a:hover{
	background: #532d17;
	transition: 0.3s ease-in-out;
}  

 














/* styling for about begins */

.about{ 
	padding: 20px;
	padding-bottom: 10vh; 
}
.about h1{
	font-weight: bold;
	margin-top: 10vh;
	color: #6a8e4e;
} 
.brands{  
	margin-top: 5vh; 
} 
.brands .col-sm-4{
	margin-top: 4vh;
}
.topics{
	height: 350px;
	border-radius: 25px;
	border: 2px solid #d3852d;
	color: white;
	background: #d3852d;
}
.topics h4{
	font-size: 25px;
} 
.topics div:nth-child(1){
	height:70%;
	width: 100%;
}
.topics div:nth-child(2){
	height:30%;
	width: 100%;
	padding: 10px 20px;
}
.topics img{
	height: 100%;
	width: 100%;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	object-fit: cover;
}
/*styling for about section ends*/
 
/* Animation */
.fade-in-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in-up.show {
  opacity: 1;
  transform: translateY(0);
}





.about-us{ 
	padding: 40px;
	background: #f6ffee;
}
.about-us h1{
	font-weight: bold;
	margin-bottom: 5vh;
	color: #6a8e4e;;
}  
.about-us p{
	font-size: 16px;
}
.about-us a{ 
	text-decoration: none;
	color: red;
	float: right;
	font-size: 18px;
	transition: 0.3s ease-in-out;
}
.about-us a:hover{
	color: #532d17;
	transition: 0.3s ease-in-out;
}  

.about-us span{
	font-size: 12px;;
	color: #6a8e4e;
}


.buondi{
	margin-top: 4vh;
	background: white;
	padding: 30px;
} 
.buondi h1{
	font-weight: bold;
	margin-bottom: 5vh;;
	color: #6a8e4e;
}   
.buondi p{
	font-size: 16px;
}
.buondi img{
	height: 50vh;
	width: 50vh;
	object-fit: cover;
	border-radius: 6px;
}
.buondi a{
	text-decoration: none;
	color: red;
	float: right;
	font-size: 18px;
	transition: 0.3s ease-in-out;
}
.buondi a:hover{
	color: #532d17;
	transition: 0.3s ease-in-out;
}  
.buondi span{
	font-size: 12px;;
	color: #6a8e4e;
}
.shop img{
	height: 50vh;
	width: 50vh;
	object-fit: cover;
	border-radius: 6px;
}

.faq{
	margin-top: 4vh; 
	padding: 30px;
	font-size: 16px;
} 
.faq h1{
	font-weight: bold;
	margin-bottom: 5vh;;
	color: #6a8e4e;
}  
.faq a{
	text-decoration: none;
	color: red;
	float: right;
	font-size: 18px;
	transition: 0.3s ease-in-out;
}
.faq a:hover{
	color: #532d17;
	transition: 0.3s ease-in-out;
}   
.qt{
	background:#f6ffee;
	padding: 10px 30px;
	border-radius: 10px;
	height: 250px;
}
.qt h4{
	font-weight: bold;
}

.test{
	margin-top: 4vh; 
	padding: 30px;
	font-size: 14px;
	background: #f6ffee;
}
.test h1{
	font-weight: bold;
	margin-bottom: 5vh;
	color: #6a8e4e;
}  

.blog{
	margin-top: 4vh; 
	padding: 30px;
	font-size: 16px;
} 
.blog h1{
	font-weight: bold;
	margin-bottom: 5vh;
	color: #6a8e4e;
}  
.log{
	margin-top: 4vh;
	padding: 10px;
	border-radius: 9px;
	box-shadow: 10px 10px 30px #bebebe, -10px -10px 30px #ffffff;
	height: 350px;
	transition: 0.3s ease-in-out;
	font-weight: bold;
}
.log:hover{
	background: #6a8e4e;
	color: white;
	transition: 0.3s ease-in-out;
}
.log img{
	height: 70%;
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 1vh;
}
.blog a{ 
	text-decoration: none;
	color: #262626;  
} 
.more_art{
	display: flex;
	margin-top: 3vh;
}
.more_art a{
	position: absolute; 
	right: 5vh; 
	color: red;
}  

.footer{
	background: #262626;
	color: white;
	padding: 50px 20px;
}
.footer li{
	list-style: none;
	margin-top: 2vh;
}
.footer a{
	color: white;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
.footer a:hover{
	transition: 0.3s ease-in-out;
	color: #6a8e4e;
}
.footer .row{
	border-bottom: 1px solid #6a8e4e;
	padding-bottom: 5vh;
	margin-bottom: 4vh;
}



 
.shp{
	margin-top: 4vh;
	padding: 10px;
	border-radius: 9px;
	height: 300px;
} 
.shp img{
	height: 75%;
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 3vh;
}
.shp p{
	font-weight: bold;
}
.shp li{
	list-style: none;
	display: inline;
	margin-right: 4vh;
}
.shp a{
	text-decoration: none;
	color: #d3852d;
}
.shp button{
	border: none;
	background: none;
	color: #d3852d;
}

.blog_art{
	margin-top: 15vh;
	margin-bottom: 6vh;
}
.blog_art a{
	text-decoration: none;
	color: #d3852d;
}
.blog_art h1{
	font-size: 65px;
	font-weight: bold;
	margin-bottom: 2vh;
}
.blog_art img{
	margin-bottom: 3vh;
}






.pages{
	margin-top: 8vh;
	height: 60vh;
	color: white;
}
.land-text{
	margin-top: 25vh;
}
.pages span{
	color:#d3852d;
}
.pages p{
	font-size: 20px;
}
.pages h1{ 
	font-size: 65px; 
	font-weight: bold;
}


.about_page{
	background: linear-gradient(rgba(106, 142, 78, 0.6), rgba(106, 142, 78, 0.6)), url(../img/values.jpg);
	background-position: center;
	background-size: cover;
}

.buondi_cf{
	background: linear-gradient(rgba(106, 142, 78, 0.6), rgba(106, 142, 78, 0.6)), url(../img/service.jpg);
	background-position: center;
	background-size: cover;
}

.faqg{
	background: linear-gradient(rgba(106, 142, 78, 0.6), rgba(106, 142, 78, 0.6)), url(../img/bg.jpg);
	background-position: center;
	background-size: cover;
}

.loggg{
	background: linear-gradient(rgba(106, 142, 78, 0.6), rgba(106, 142, 78, 0.6)), url(../img/logg.jpg);
	background-position: center;
	background-size: cover;
}

.ctc{
	background: linear-gradient(rgba(106, 142, 78, 0.6), rgba(106, 142, 78, 0.6)), url(../img/cot.jpg);
	background-position: center;
	background-size: cover;
}