*{
		margin:0px;
	}
	html, body{
		min-height: 400px;
		height:100%;
	}
	body{
		width:100%;
		display:flex;
		flex-wrap: wrap;
		justify-content:flex-start;
		align-items: center;
		overflow:hidden;
	}
	.coverBanner{
		width:100%;
		height:100%;
		z-index: 4;
		overflow: hidden;
		display:flex;
		justify-content: center;
		align-items: center;
		transform: translateY(-450%);
		/*background-color: red;*/
	}
	.cover{
		width:150%;
		height:200%;
		scale:1.2;
		background-color: #3a7861;
		border-radius: 50%;
		display:flex;
		flex-direction:column;
		justify-content: center;
		align-items: center;
	}
	.cover img{
		width:20%;
		min-width: 200px;
		animation:scaleLoad 1s ease infinite;
	}
	@keyframes closeCover{
		0%{
			scale: 1.2;
		}
		50%{
			scale:0.6;
		}
		100%{
			scale: 0;
			opacity:0%;
		}
	}
	@keyframes scaleLoad{
		0%{
			scale:1;
		}
		50%{
			scale:1.1;
		}
		100%{
			scale:1;
		}
	}
	.banner1{
		width:100%;
		height:100%;
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background-image: url();
		background-position: center;
		background-size:cover;
		background-repeat: no-repeat;
	}
	.navBar{
		width: 100%;
		height:13%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		opacity:100%;
		z-index:2;
	}
	.navBar.roll{
		height:50%;
		backdrop-filter: blur(10px);
		background-color: rgba(255, 255, 255, .3);
	}
	.navBar.active{
		backdrop-filter: blur(10px);
		background-color: rgba(255, 255, 255, .3);
	}
	.navBar img{
		width:15%;
		min-width:150px;
		margin-left:30px;
	}
	.navBar .navCont{
		width:65%;
		height:100%;
		display:flex;
		justify-content: space-evenly;
		align-items: center;
		/*background-color:blue;*/
	}
	.navBar .navCont > i{
		width:15%;
		min-width:120px;
		display:none;
		font-size:30px;
		color: #6fc380;
	}
	.navCont .navElem{
		width:15%;
		min-width:120px;
		height:70%;
		max-height:55px;
		display:flex;
		justify-content:center;
		align-items: center;
		font-size:14px;
		font-size:clamp(10px,1.1vw,16px);
		font-family:'Montserrat',sans-serif;
		border-radius:7px 7px 0px 0px;
		/*background-color:blue;*/
		border-bottom:2px solid #7a7f7e;
		color:#e6e6e6;
		cursor: pointer;
		transition:all .5s ease;
		/*margin-left:40px;*/
	}
	.navBar a{
		width:100%;
		height:100%;
		display:flex;
		justify-content:center;
		align-items: center;
		text-decoration: none;
		color:#e6e6e6;
	}
	.navBar.active .navElem{
		background-color: rgba(0, 0, 0, .3);
	}
	.navElem:hover{
		background-color:rgba(24, 78, 64,.3);
		backdrop-filter: blur(6px);
	}
	.navElem.active{
		border-bottom:2px solid #5f9b84;
		font-weight: bolder;
		color:white;
	}
	.navElem i{
		font-size: 18px;
		margin-left: 10px;
	}
	.bannerCont{
		width: 100%;
		height:90%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		background-image:;
	}
	.bannerCont > p:nth-child(1){
		font-size:18px;
		font-size:clamp(15px,1.3vw,22px);
		font-family:'Montserrat',sans-serif;
		color:rgba(255,255,255,.5);
		margin-top:100px;
		opacity: 0%;
		transform: translateX(-35%);
	}
	.bannerCont > p:nth-child(2){
		width:40%;
		min-width:300px;
		font-family: 'Montserrat-Medium',sans-serif;
		font-size:40px;
		font-size: clamp(30px,3.1vw,50px);
		color:rgba(255,255,255,.9);
		margin-top:15px;
		text-transform: capitalize;
		opacity: 0%;
		transform: translateX(-35%);
		/*background-color: red;*/
	}
	.bannerCont > p:nth-child(3){
		width:40%;
		min-width:300px;
		font-family: 'Montserrat',sans-serif;
		font-size:18px;
		font-size:clamp(15px,1.3vw,22px);
		color:rgba(255,255,255,.6);
		text-align: justify;
		margin-top:20px;
		opacity: 0%;
		transform: translateX(-35%);
	}
	.bannerCont button{
		width:17%;
		min-width:200px;
		height:9%;
		max-height:50px;
		background-color:#3b8891;
		color:rgba(255, 255, 255, .8);
		font-family: 'Comfortaa',sans-serif;
		font-size:15px;
		font-size:clamp(12px,1.1vw,18px);
		font-weight: bolder;
		margin-top:40px;
		display:flex;
		justify-content: center;
		align-items: center;
		border:none;
		outline: none;
		border-radius:30px;
		cursor: pointer;
		transition: all .5s ease;
		opacity: 0%;
		transform: translateX(-35%);
	}
	.bannerCont button:hover{
		box-shadow: 0px 0px 9px 8px rgba(15, 149, 163, .4),0px 0px 2px 2px rgba(0, 0, 0, .2);
	}
	.bannerCont button i{
		margin-left:10px;
	}
	.banner2{
		width: 100%;
		height:100%;
		display:flex;
		justify-content: space-evenly;
		align-items: center;
		background-color:#e0ebe8;
	}
	.banner2 .imgCont{
		width:30%;
		height:70%;
		background-image:  ;
		background-size:cover;
		background-position: center;
		background-repeat: no-repeat;
		box-shadow:0px 0px 1px #1c7d6d;
		display:flex;
		justify-content: center;
		align-items: center;
		opacity: 0%;
	}
	.imgCont p{
		font-family:'Montserrat-SemiBold',sans-serif;
		font-size:45px;
		font-style:italic;
		color:#a0c5bc;
	}
	.banner2 .banner2Text{
		width:55%;
		height:60%;
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		opacity:0%;
		scale:.5;
		/*background-color: blue;*/
	}
	.banner2Text p:nth-child(1){
		width:100%;
		text-align: center;
		font-size:40px;
		font-size: clamp(20px,3.1vw,50px);
		font-family:'Montserrat-Medium',sans-serif;
		color:rgba(0, 0, 0, .7);
		margin-bottom:20px;
	}
	.banner2Text p{
		text-align: justify;
		font-size:18px;
		font-size:clamp(10px,1.3vw,20px);
		font-family:'Montserrat',sans-serif;
		color:rgba(0, 0, 0, .7);
		line-height:30px;
	}
	.banner2Text2{
		width:85%;
		height:90%;
		display:none;
		flex-direction: column;
		justify-content: center;
		align-items:center;
		background-image:;
		background-size:cover;
		background-position: center;
		background-repeat: no-repeat;
		box-shadow: 20px -15px 1px #1c7d6d;
		opacity:0%;
		scale:.5;
	}
	.banner2Text2 p:nth-child(1){
		font-size:40px;
		font-size: clamp(30px,3.1vw,50px);
		font-family: 'Comfortaa',sans-serif;
		color:#3fa67a;
		font-style: italic;
	}
	.banner2Text2 p:nth-child(2){
		width:85%;
		margin-top:20px;
		font-size:20px;
		font-size:clamp(10px,1.6vw,24px);
		font-family: 'Montserrat',sans-serif;
		color:#daf1e7;
		text-align: center;
		line-height:25px;
	}
	.banner3{
		width:100%;
		height:100%;
		display:flex;
		justify-content: space-evenly;
		align-items: center;
		background-color: #d0e1dd;
	}
	.banner3 .infoBanner{
		width:27%;
		height:75%;
		display:flex;
		justify-content:center;
		align-items: flex-end;
		border-radius:10px;
		background-image: url();
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		overflow: hidden;
		opacity:0%;
		transform:translateX(-45%);
	}

	.infoBanner .infoCont{
		width:100%;
		height:50%;
		display:flex;
		flex-direction: column;
		justify-content:flex-end;
		align-items:flex-start;
		background-image: linear-gradient(180deg, rgba(0,0,0,.0) 10%,rgba(0,0,0,.2) 20%, rgba(0,0,0,.9) 60%);
		transition: all .5s ease;
	}
	.infoBanner.active .infoCont{
		height:100%;
	}
	.infoCont p:nth-child(1){
		font-size:25px;
		font-size: clamp(20px,1.95vw,30px);
		font-family:'Comfortaa',sans-serif;
		font-weight: bolder;
		color:rgba(255,255,255,.7);
		text-transform: uppercase;
		margin-left:25px;
		margin-bottom:0px;
		transition: all .5s ease;
	}
	.infoBanner.active .infoCont p:nth-child(1){
		margin-bottom:20px;
	}
	.infoCont p:nth-child(1) i{
		margin-right:10px;
		color: #dda66e;
	}
	.infoCont p:nth-child(2){
		width:75%;
		font-size:14px;
		font-size: clamp(12px,1.05vw,18px);
		font-family: 'Comfortaa',sans-serif;
		color:rgba(255,255,255,.6);
		margin-left:25px;
		font-style: italic;
		text-align: justify;
		margin-bottom:0px;
		opacity:0%;
		transition: all .5s ease;
	}
	.infoBanner.active .infoCont p:nth-child(2){
		opacity:100%;
		margin-bottom:60px;
	}
	.banner4{
		width:100%;
		height:100%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		background-color: #e0ebe8;
	}
	.statsCont{
		width:9%;
		height:80%;
		display: flex;
		flex-direction:column;
		justify-content: space-evenly;
		align-items: center;
		/*background-color:orange;*/
	}
	.statsElem{
		width:90%;
		height:20%;
		display:flex;
		flex-wrap: wrap;
		justify-content:center;
		align-items: flex-start;
		background-color: #e6e6e6;
		box-shadow:0px 0px 5px 2px rgba(0, 0, 0, .3);
		border-radius:5px;
		overflow:hidden;
		opacity:0%;
	}
	.statsElem span:nth-child(1){
		width:100%;
		height: 100%;
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		z-index: 2;
	}
	.statsElem span:nth-child(1) p:nth-child(1){
		font-size: 10px;
		margin-top:20px;
		font-family: 'Comfortaa',sans-serif;
		color:#e6e6e6;
	}
	.statsElem span:nth-child(1) p:nth-child(2){
		font-size: 42px;
		font-family: 'Comfortaa',sans-serif;
		font-weight: bolder;
		color:#e6e6e6;
		margin-top:10px;
	}
	.statsElem:nth-child(2) span:nth-child(1) p:nth-child(2){
		font-size:20px;
	}
	.statsElem span:nth-child(2){
		width: 100%;
		height:0%;
		transform: translateY(-100%);
		z-index:1;
		background-color: #e69d00;
		transition:all .5s ease;
	}
	.statsElem:hover span:nth-child(2){
		height:100%;
	}
	.banner4 .projects{
		width:70%;
		height:80%;
		display:flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-items:flex-end;
		/*background-color: orange;*/
	}
	.projects > p{
		width:100%;
		font-size:40px;
		font-size: clamp(30px,3.1vw,50px);
		text-align: center;
		font-family: 'Montserrat-Medium',sans-serif;
	}
	.projects .projBox{
		width: 40%;
		min-width:310px;
		height:80%;
		display:flex;
		flex-direction: column;
		justify-content:flex-start;
		align-items:flex-start;
		background-color:#265a46;
		border-radius:10px;
		overflow: hidden;
		opacity:0%;
		transform: translateX(-30%);
	}
	.projBox span:nth-child(1){
		width:100%;
		height:55%;
		background-image: url("./images/gavi.jpg");
		background-size:cover;
		background-position:center;
		background-repeat: no-repeat;
	}
	.projBox:nth-child(3){
		transform: translateX(30%);
	}
	.projBox:nth-child(3) span:nth-child(1){
		background-image: url("./images/anrin.jpg");
	}
	.projBox p:nth-child(2){
		font-family: 'Montserrat-Medium',sans-serif;
		font-size:20px;
		margin-left:20px;
		margin-top:10px;
		color: rgba(165, 217, 197,.9);
	}
	.projBox p:nth-child(3){
		font-family: 'Montserrat',sans-serif;
		font-size:14px;
		text-align: justify;
		width:85%;
		margin-bottom:30px;
		margin-top:10px;
		margin-left:20px;
		color: rgba(165, 217, 197,.6);
	}
	.projects button{
		width:13%;
		min-width:120px;
		height:8%;
		background-color: transparent;
		border-radius:10px;
		border:2px solid #26594d;
		font-size:12px;
		font-family:'Comfortaa',sans-serif;
		font-weight: bolder;
		cursor: pointer;
		transition: all .5s ease;
		animation: appear .5s ease;
	}
	.projects button:hover{
		background-color: #26594d;
		color: #c9e8e1;
	}
	.footer{
		width:100%;
		height:50%;
		background-image: linear-gradient(90deg, rgba(11, 91, 71,.9), rgba(11, 91, 71,.9)),url("./images/footerbg.jpg");
		background-size:cover;
		background-position: center;
		background-repeat:no-repeat;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-evenly;
		align-items: center;
	}
	.footer .sect{
		width: 30%;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
		align-items:flex-start;
		/*background-color:red;*/
	}
	.footer .sect p{
		font-size:16px;
		font-size: clamp(12px,1.25vw,20px);
		font-family:'Comfortaa',sans-serif;
		/*font-weight: bolder;*/
		color:rgba(255, 255, 255, .7);
		transition: all .3s ease;
		margin:10px 0px;
		line-height:30px;
	}
	.footer .sect p:hover{
		color:rgba(255, 255, 255, 1.0);
	}
	.footer .sect p:nth-child(1){
		font-size:25px;
		font-size: clamp(18px,1.95vw,30px);
		color: rgba(255, 255, 255, 1.0);
		margin-top:30px;
		font-weight: bolder;
	}
	.footer .sect:nth-child(2){
		width:20%;
	}
	.footer .sect:nth-child(2) i{
		margin-right:10px;
	}
	.footer .sect:nth-child(3){
		/*background-color: yellow;*/
	}
	.footer .sect:nth-child(3) input{
		width:80%;
		height:15%;
		min-height:50px;
		border-radius:10px;
		outline:none;
		border:2px solid #3cddb4;
		background-color: rgba(125, 232, 205,.4);
		font-family:'Montserrat-Medium',sans-serif;
		padding-left:10px;
		margin-top: 10px;
	}
	.footer .sect:nth-child(3) input::placeholder{
		color:#0b4135;
	}
	.footer .sect:nth-child(3) button{
		width:40%;
		height:14%;
		min-height:47px;
		border-radius:20px;
		border:none;
		font-family:'Comfortaa',sans-serif;
		font-weight: bolder;
		margin-top:15px;
		background-color: #40a59f;
		color: #b6e2df;
		cursor: pointer;
		transition: all .5s ease;
	}
	.footer .sect:nth-child(3) button a{
		width:100%;
		text-decoration: none;
		color: #b6e2df;
	}
	.footer .sect:nth-child(3) button:hover{
		color: #edf8f7;
		background-color: #40a579;
	}
	.banner5{
		width:100%;
		height:100%;
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		background-image: ;
		background-position: center;
		background-size:cover;
		background-repeat: no-repeat;
		transform: translateY(0%);
	}
	.banner5 .contactPage{
		width:100%;
		height: 87%;
		display:flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items:flex-start;
	}
	.contactPage form{
		width:100%;
		height:100%;
		display:flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items:flex-start;
	}
	.contactPage p{
		font-size:40px;
		font-size: clamp(20px,3.1vw,50px);
		font-family:'Comfortaa',sans-serif;
		font-weight:bolder;
		margin-left:50px;
		color:rgba(255, 255, 255, .9);
	}
	.contactPage input{
		width:40%;
		height: 10%;
		margin-top:10px;
		margin-left:50px;
		outline:none;
		border:3px solid #2acf98;
		border-radius:5px;
		background-color: rgba(107, 225, 185,.5);
		color:#10231d;
		font-size:18px;
		font-size:clamp(13px,1.3vw,22px);
		padding-left:10px;
		font-family: 'Montserrat',sans-serif;
		font-weight:bolder;
		backdrop-filter: blur(7px);
	}
	.contactPage input::placeholder{
		color:#10231d;
		font-style: italic;
	}
	.contactPage textarea{
		width:40%;
		height: 30%;
		margin-top:10px;
		margin-left:50px;
		outline:none;
		border:3px solid #2acf98;
		border-radius:5px;
		background-color: rgba(107, 225, 185,.5);
		color:#10231d;
		font-size:18px;
		padding-left:10px;
		padding-top: 20px;
		font-family: 'Montserrat',sans-serif;
		font-weight:bolder;
		backdrop-filter: blur(7px);
	}
	.contactPage textarea::placeholder{
		color:#10231d;
		font-style: italic;
	}
	.contactPage button{
		width:20%;
		min-width:250px;
		height:10%;
		border-radius:30px;
		border:none;
		outline: none;
		background-color: #258e8c;
		color:#9ae5e4;
		font-family: 'Montserrat-Medium',sans-serif;
		font-size:15px;
		margin-top:20px;
		margin-left:50px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		transition: all .5s ease;
	}
	.contactPage button:hover{
		background-color: #499c78;
		color: #dcefe6;
	}
	.contactPage button i{
		font-size:30px;
		color:white;
		margin-left:10px;
		animation: sendAnime 2s ease infinite;
	}
	@keyframes appear{
		0%{
			opacity: 0%;
		}
		100%{
			opacity:100%;
		}
	}
	@keyframes sendAnime{
		0%{
			transform: rotate(-360deg);
		}
		50%{
			transform: rotate(0deg);
		}
		100%{
			transform: rotate(360deg);
		}
	}
	@media (max-width: 600px){
		.navBar{
			align-items:flex-start;
		}
		.navBar img{
			margin-top:10px;
		}
		.navCont .navElem{
			display:none;
			margin-top:10px;
			opacity:0%;
		}
		.navBar.roll .navCont .navElem{
			display:flex;
		}
		.navBar .navCont{
			flex-direction: column;
			align-items:flex-end;
			justify-content:flex-start;
		}
		.navBar .navCont > i{
			display:block;
			margin-top:20px;
		}
		.bannerCont > p:nth-child(1){
			margin-left: -15px;
		}
		.bannerCont > p:nth-child(2){
			margin-top: 5px;
		}
		.bannerCont > p:nth-child(3){
			margin-top: 5px;
		}
		.bannerCont > button{
			margin-left: -15px;
		}
		.banner2 .imgCont{
			display: none;
		}
		.banner2 .banner2Text{
			display: none;
		}
		.footer{
			flex-wrap: wrap;
			height: auto;
		}
		.footer .sect{
			width:90%;
			min-height:200px;
		}
		.footer .sect:nth-child(2){
			width:90%;
		}
		.footer .sect p{
			line-height: 20px;
		}
		.footer .sect:nth-child(3) button{
			width:80%;
		}
		.banner3 .infoBanner{
			width: 15%;
			transition: all .2s linear;
		}
		.infoBanner.active{
			width:60%;
		}
		.infoBanner .infoCont{
			align-items: center;
		}
		.infoCont p:nth-child(1){
			margin-left:0px;
			opacity:0%;
			transition: all .5s ease .5s;
		}
		.infoBanner.active .infoCont p:nth-child(1){
			opacity:100%;
		}
		.infoCont p:nth-child(2){
			margin-left:0px;
			transition: all .5s ease .5s;
		}
		.banner4{
			flex-wrap: wrap-reverse;
		}
		.statsCont{
			width:90%;
			height:20%;
			flex-direction: row;
		}
		.statsElem{
			width:30%;
			height:70%;
		}
		.statsElem span:nth-child(1) p:nth-child(1){
			font-weight: bolder;
		}
		.banner4 .projects{
			justify-content:center;
		}
		.projBox:nth-child(3){
			display: none;
		}
		.banner2Text2{
			display:flex;
		}
		.banner5 .contactPage{
			align-items: center;
		}
		.contactPage p{
			margin:0px;
		}
		.contactPage input{
			width:80%;
			margin:0px;
			margin-top:30px;
			border-radius:20px;
		}
		.contactPage textarea{
			width:80%;
			margin:0px;
			margin-top:20px;
			border-radius:20px;
		}
		.contactPage button{
			margin-left:0px;
		}
		.coverBanner{
			transform: translateY(-491%);
			
		}
	}