:root {
	--len-at-3: 0;
}
body{
	font-family:Arial, Helvetica, sans-serif!important;
	font-size:18px;
}
h1,h2,h3,h4,h5,h6{
	font-family:Arial, Helvetica, sans-serif!important;
}

nav{
	background-color:#fff;
}
nav img{
	height:80px!important;
	width:auto!important;
}
nav a.nav-link,
nav a.nav-link:hover,
nav a.nav-link:active{
	font-family:Arial, Helvetica, sans-serif!important;
	color:#3b8744!important;
	font-weight:bold;
}
nav #navbarmenu{
	width:80%;
}
.navbar-toggler{
	background-color:#fff;
	float:right;
}
ul.navbar-nav{
	flex-direction:row;
	justify-content:center!important;
	gap:2rem;
}
.nav-item{
	display:inline;
	font-size:22px;
}

footer{
	background-color:#5d9f52;
}



.nfcontent{
	min-height:100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nfcontent div{
}

.gradient{
	width:100%;
	height:100px;
	svg{
		height:100%;
		width:100%;
		.main{
			fill:#5d9f52;
		}
	}
}
.top{
	/*height: var(--len-at-3);
	transform: skewY(-3deg);
	transform-origin: top left;*/
}
.gtop{
	svg{
		.main{
			fill:#5d9f52;
		}
	}
}
.top,
.aboutus{
	background-color:#5d9f52;
}
.ourbrands{
	background-color:#fff;
}
.gaboutus{
	svg{
		.main{
			fill:#5d9f52;
		}
	}
}
.contact{
	background-color:#fff;
}
.contact .bg-body-tertiary{
	background-color:#5d9f52!important;
}


.logos img{
	padding-bottom:2rem;
}


.animation{
	--mdb-animation-delay-1s: 1s;
    --mdb-animation-delay-2s: 3s;
    --mdb-animation-delay-3s: 3s;
    --mdb-animation-delay-4s: 4s;
    --mdb-animation-delay-5s: 5s;
    --mdb-animation-fast-duration: 800ms;
    --mdb-animation-faster-duration: 500ms;
    --mdb-animation-slow-duration: 2s;
    --mdb-animation-slower-duration: 3s;
}



.carousel,
.carousel-item{
	min-height:80vh;
	background-color:#fff;
	color:#000;
}
.carousel-caption{
	bottom:unset;
	top:50%;
	transform:translate(0, -50%);
}
.carousel-control-next,
.carousel-control-prev,
.carousel-caption{
	color:#000!important;
}
.carousel-indicators button{
	background-color:#000!important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
	background-color:#fff;
}