@import url('css2-Quicksandwght300400500600700_swap.css');

body {
	font-family: 'Quicksand', sans-serif;
}

.headerimg {
	height: 60% !important;
	min-height: 450px;
}

.overlaycontainer {
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 0% 9%;
	background: linear-gradient(to top, rgb(1 8 8 / 90%), rgb(48 52 52 / 40%), rgb(87 89 89 / 30%));
}

.overlaybottomtextcontainer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 1% 9%;
	font-size: 1.2rem;
	line-height: 4rem;
}

.overlaytextcontainer {
	top: 10%;
}

.headertext {
	font-size: 3rem !important;
	line-height: 4rem !important;
	letter-spacing: 2px !important;
}

.sectionbkg {
	background-size: cover;
	background-repeat: no-repeat;
}

.divwrapper {
	padding: 1.5% !important;
}

.curved {
	border-radius: 25px !important;
}
.aboutusheadertext{
	margin-top: 100px;
	width:100%;
}
.max1000 {
	max-width: 1000px;
	margin: 0 auto;
}

.max1200 {
	max-width: 1200px;
	margin: 0 auto;
}

.max1300 {
	max-width: 1300px;
	margin: 0 auto;
}

.max1400 {
	max-width: 1400px;
	margin: 0 auto;
}

.max1500 {
	max-width: 1500px;
	margin: 0 auto;
}

.max1600 {
	max-width: 1600px;
	margin: 0 auto;
}

nav ul li a {
	text-transform: uppercase !important;
}

.transparent {
	background: transparent !important;
}

.widthauto {
	width: auto !important;
}

.width100perc {
	width: 100% !important;
}

.width90perc {
	width: 90% !important;
}

.width80perc {
	width: 80% !important;
}

.width75perc {
	width: 75% !important;
}

.width60perc {
	width: 60% !important;
}

.width50perc {
	width: 50% !important;
}

.width40perc {
	width: 40% !important;
}

.flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

h4,
h5,
.bold {
	font-weight: 600 !important;
}

.padding0px {
	padding: 0px !important;
}

.margin0px {
	margin: 0px !important;
}

.absolute {
	position: absolute !important;
}

.relative {
	position: relative !important;
}

.wrap {
	display: flex;
}

.el {
	position: relative;
	margin: 40px;
	outline-offset: 10px;
	width: 250px;
	height: 350px;
	padding-top: 340px;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
}

.el img {
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
	height: 350px;
	width: auto;
	margin: auto;
	transform-origin: 50% 0;
	transform: scale(1);
	transition: transform .3s ease-out;
	width: 100%;
	height:auto;
}

.el:hover img {
	transform: scale(1);
}

.carddivtitle {
	transition: 0.5s;
	height: 320px;
	transform: translateY(80%);
	bottom: 0px !important;
	background-color: #1B2721 !important;
	margin: 0px !important;
	border-radius: 25px 25px 1px 1px !important;
	padding-bottom: 15px !important;
}

.cardheader {
	font-size: 1.1rem !important;
	padding: 0.5rem 1rem 1rem 1rem !important
}

.a2 {
	transition: 0.5s;
	transform: translateY(-100%);
}

.el:hover .carddivtitle {
	transform: translateY(0);
}

.onediv,
.threediv,
.fivediv,
.sevendiv {
	padding-left: 10% !important;
}

.twodiv,
.fourdiv,
.sixdiv,
.eightdiv {
	padding-right: 10% !important;
}

.btn {
	background-color: #08a357 !important;
	border-radius: 1rem !important;
	text-transform: capitalize !important;
	height: 2.6rem !important;
	line-height: 2.6rem !important;
}

nav {
	height: 80px !important;
	line-height: 80px !important;
}

.logoicon {
	height: 64px;
	margin: 10px !important;
}

.tagline {
	font-size: 14px !important;
}

.contactcards {
	height: 200px !important;
}

.contactinfocards {
	position: absolute;
	z-index: 9999999;
	left: 70px !important;
	margin-top: 50px;
}

.menuItems li {
	display: block;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
	text-align: center;
}

.menuItems li .navmenu:after,
.menuItems li .navmenu:before {
	content: "";
	position: absolute;
	display: block;
	border: 0px solid transparent;
	width: 0%;
	height: 0%;
	transition: all 0.3s ease;
}

.menuItems li .navmenu:after {
	width: 0%;
	height: 0%;
	left: 5px;
	top: 15px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
}

.menuItems li .navmenu:before {
	width: 0%;
	height: 0%;
	right: 5px;
	bottom: 15px;
	border-bottom: 2px solid transparent;
	border-right: 2px solid transparent;
}

.menuItems li .navmenu:hover::before,
.menuItems li .navmenu:hover::after {
	width: 15px;
	height: 15px;
	border-color: #08a357;
}

nav ul a:hover {
	background-color: transparent !important;
	font-weight: bold !important;
	color: #08a357 !important;
}


.inlineblock {
	display: inline-block !important;
}

.goog-logo-link {
	display: none !important;
}

#google_translate_element img {
	display: none !important;
}

.goog-logo-link,
.goog-te-gadget span {
	display: none !important;
}

.goog-te-gadget {
	font-size: 0px !important;
}

.usaimg,
.chainaimg,
.langimg,
.flag {
	width: 100% !important;
	height: 100% !important;
}

.btn-floating.btn-large,
.lngbtn {
	width: 30px !important;
	height: 30px !important;
}

.fixed-action-btn {
	bottom: 0px !important;
}

.fixed-action-btn.horizontal ul {
	right: -100px !important;
	top: 120% !important;
	width: 500px !important;
}

nav ul a.btn,
nav ul a.btn-large,
nav ul a.btn-large,
nav ul a.btn-flat,
nav ul a.btn-floating {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.fixed-action-btn.horizontal ul li {
	margin: 15px 0px 0 0 !important;
}

#ieifooter {
	position: relative !important;
}

.footer {
	margin-top: 100px !important;
	background-color: #1B2721 !important;
}

h4 {
	font-size: 2rem !important;
}
.signupsection{
	background-repeat: no-repeat !important;   
	background-size: cover !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: -90px !important;
	margin: auto !important;
	border-radius: 25px !important;
	padding: 40px 20px 0px 20px !important;
}
.w100{
	width:100% !important;
}
.h100{
	height:100% !important;
}
#subsNewsletrEmailid{
	background: transparent !important;
	border: 1px solid #fff !important;
	border-radius: 1rem !important;
}
.signup{
	top: 5% !important;
	right: 15px !important;
}
@media only screen and (min-width: 1200px) {
	.contactcards {
		height: 200px !important;
	}

	.overlaycontainer {
		padding: 0% 0% !important;
	}

	.overlaybottomtextcontainer {
		padding: 0% 0% !important;
		font-size: 1rem !important;
	}
}

@media only screen and (min-width: 1300px) {
	.overlaycontainer {
		padding: 0% 0% !important;
	}

	.overlaybottomtextcontainer {
		padding: 0% 0% !important;
		font-size: 1rem !important;
	}
}

@media only screen and (min-width: 1400px) {
	.contactcards {
		height: 200px !important;
	}

	.onediv,
	.twodiv,
	.threediv,
	.fourdiv,
	.fivediv,
	.sixdiv,
	.sevendiv,
	.eightdiv {
		/* font-size: 16px; */
	}
}

@media only screen and (min-width: 1500px) {
	.contactcards {
		height: 200px !important;
	}

	.onediv,
	.twodiv,
	.threediv,
	.fourdiv,
	.fivediv,
	.sixdiv,
	.sevendiv,
	.eightdiv,
	html {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1600px) {
	.contactcards {
		height: 200px !important;
	}

	.onediv,
	.twodiv,
	.threediv,
	.fourdiv,
	.fivediv,
	.sixdiv,
	.sevendiv,
	.eightdiv,
	html {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1700px) {

	.onediv,
	.twodiv,
	.threediv,
	.fourdiv,
	.fivediv,
	.sixdiv,
	.sevendiv,
	.eightdiv,
	html {
		font-size: 17px;
	}

	.tagline {
		font-size: 15px !important;
	}
}

@media only screen and (min-width: 1800px) {
	.onediv,
	.twodiv,
	.threediv,
	.fourdiv,
	.fivediv,
	.sixdiv,
	.sevendiv,
	.eightdiv,
	html {
		font-size: 17px;
	}

	.tagline {
		font-size: 15px !important;
	}
}

@media only screen and (min-width: 1900px) {
	.onediv,
	.twodiv,
	.threediv,
	.fourdiv,
	.fivediv,
	.sixdiv,
	.sevendiv,
	.eightdiv,
	html {
		font-size: 18px;
	}

	.tagline {
		font-size: 15px !important;
	}

	.tagline {
		font-size: 15px !important;
	}

	nav {
		height: 90px !important;
		line-height: 90px !important;
	}

	.logoicon {
		height: 70px;
	}
}

@media only screen and (min-width: 2000px) {
	.contactcards {
		height: 225px !important;
	}

	.onediv,
	.twodiv,
	.threediv,
	.fourdiv,
	.fivediv,
	.sixdiv,
	.sevendiv,
	.eightdiv,
	html {
		font-size: 19px;
	}

	.tagline {
		font-size: 16px !important;
	}

	nav {
		height: 100px !important;
		line-height: 100px !important;
	}

	.logoicon {
		height: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.headerimg {
		height: auto !important;
		min-height: auto !important;
	}

	.headertext {
		line-height: 3rem !important;
		font-size: 2rem !important;
	}

	.droplets {
		width: 100% !important;
	}

	.overlaycontainer {
		padding: 0% 2% !important;
	}
}

#contactusForm {
	padding: 2rem !important;
}

.contactformparentdiv {
	padding: 2% 2% 2% 10% !important;
	margin-right: 50px !important;
}
.subscribetext{
	margin: 0.5rem !important;
	font-size:1.5rem !important;
}
.material-symbols-outlined{
	font-weight:bold !important;
}
@media only screen and (max-width: 600px) {
	.contactformparentdiv {
		margin-right: 0px !important;
	}
	.signupsection{
		padding:10px !important;
	}
	#subscribeForm{
		margin: 0px !important;
	}
	#subscribeForm input{
		margin: 0px !important;
	}
	.aboutusheadertext{
		margin-top: 0px;
		width:100%;
	}
	.fixed-action-btn.horizontal ul {
		right: 0px !important;
		top: 130% !important;
		width: 100px !important;
	}
	.google_translate_element{
		height:70px !important;
	}
	.subheadingtext {
		font-size: 1rem !important;
	}

	.newsletterflex {
		display: block !important;
	}

	.signup {
		height: 37px !important;
		line-height: 37px !important;
		top: 8% !important;
	}

	.subscribetext {
		text-align: center !important;
	}

	.contactformparentdiv {
		padding: 2% 2% 2% 2% !important;
	}

	#contactusForm {
		padding: 0rem !important;
	}

	.headertext {
		line-height: 1.5rem !important;
		font-size: 1rem !important;
	}

	.headertitle {
		font-size: 1.5rem !important;
	}

	.headerimg {
		height: auto !important;
		min-height: auto !important;
	}

	.logoicon {
		height: 56px;
	}

	.droplets {
		width: 100% !important;
	}

	.overlaycontainer {
		padding: 0% !important;
	}

	.onediv,
	.threediv,
	.fivediv,
	.sevendiv {
		padding-left: 2% !important;
	}

	.twodiv,
	.fourdiv,
	.sixdiv,
	.eightdiv {
		padding-right: 2% !important;
	}

	.subheading {
		font-size: 2rem !important;
	}

	.divwrapper {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
	}

	.twodiv,
	.fourdiv,
	.sixdiv,
	.eightdiv {
		order: 2;
	}

	.twodivimg,
	.fourdivimg,
	.sixdivimg,
	.eightdivimg {
		order: 1;
		margin-top: 20px;
	}

	.wrap {
		display: block !important;
	}

	.order1 {
		order: 1;
	}

	.order2 {
		order: 2;
		margin-top: 20px;
	}

	.flexblock {
		display: block !important;
	}

	nav {
		height: 70px !important;
		line-height: 70px !important;
	}

	nav .button-collapse i {
		height: 70px;
		line-height: 70px;
	}

	.menuredirect.btn {
		margin-bottom: 20px !important;
	}

	.contactinfocards {
		position: relative;
		left: 0px !important;
		margin-top: 0px;
		margin-top: 20px !important;
	}
}

.margin0auto {
	margin: 0 auto !important;
}

.headertitle {
	bottom: 10px;
	color: white;
	font-size: 5rem;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.imgicon:hover {
	cursor: pointer;
}

.imgicon:hover .coloricon1 {
	display: block;
	cursor: pointer;
}

.imgicon:hover .coloricon2 {
	display: block;
	cursor: pointer;
}

.imgicon:hover .coloricon3 {
	display: block;
	cursor: pointer;
}

.imgicon:hover .coloricon4 {
	display: block;
	cursor: pointer;
}

.imgicon:hover .coloricon5 {
	display: block;
	cursor: pointer;
}

.imgicon:hover .coloricon6 {
	display: block;
	cursor: pointer;
}

.imgicon:hover .coloricon7 {
	display: block;
	cursor: pointer;
}

.imgicon:hover {
	color: #289444 !important;
}

.coloricon1,
.coloricon2,
.coloricon3,
.coloricon4,
.coloricon5,
.coloricon6,
.coloricon7 {
	display: hidden;
	position: absolute;
	top: 24px;
}


.card-container {
	display: flex;
	flex-flow: row wrap;
}

.card-wrap {
	display: flex;
	padding: 10px;
}


.margintop20px {
	margin-top: 20px;
}

.marginbottom20px {
	margin-bottom: 20px;
}

.showbullets:not(.browser-default)>li {
	list-style-type: disc !important;
}

.showbullets {
	padding-left: 20px !important;
}

p {
	text-align: justify !important;
}

.carddivtitle {
	text-align: unset !important;
}

.padding15px {
	padding: 15px !important;
}

.fa-arrow-up {
	rotate: 45deg !important;
	font-size: 2rem !important;
	-webkit-text-stroke: 4px white !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.contactinfocards {
		left: 50px !important;
	}

	.contactcards {
		height: 170px !important;
	}

	.contactformparentdiv {
		margin-right: 25px !important;
	}
}
.footertitle{
	font-size:1.5rem !important;
	    margin: 10px 0px !important;
}
.footer p,
.cursor {
	cursor: pointer;
}

.footer p {
	text-align: left !important;
}
.angledoubleright{
	font-size:1.5rem !important;
	margin-right:10px;
}

.progress{
	background-color: #fff !important;
	    height: 3px !important;
}
.progress .determinate {
	background-color: #08a357 !important;
}