@charset "ISO-8859-1";
.logo{
position: absolute;
top: 20px;
left: 25px;
width: 123px;
height: 64px;
flex-shrink: 0;
}

ol, ul {
    list-style: none;
}
li {
    display: inline-block;
    padding: 20px 0 20px;
    vertical-align: middle;
}
a:hover, a:focus, a:active {
    color: #012E05;
    text-decoration: none;
}
a {
    
    text-decoration: none;
    transition: color 0.1s, background-color 0.1s;
}
a {
    position: relative;
    display: block;
    padding: 16px 0;
    margin: 0 12px; 
    transition: color 0.1s,background-color 0.1s,padding 0.2s ease-in;
    color: #012E05;
}
a::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: color 0.1s,transform 0.2s ease-out;
}
a:active::before {
    background-color: #000;
}
/* Set initial width to full for the Home link */
/* li:first-child a::before {
    width: 100%;
    transform: scale(1, 1);
} */


a:hover::before, a:focus::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
  .menu {
    position: static;
    width: auto;
    text-align: center;
    padding: 10px; /* Adjust as needed */
  }

  .nux-h1 {
    font-size: 30px;
  }

  .research-h5 {
    font-size: 28px;
  }

  /* Add more adjustments as needed */
}

/* Media query for tablets and small desktop screens */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* Adjust styles for tablets */
}

/* Media query for larger desktop screens */
@media only screen and (min-width: 1024px) {
  /* Adjust styles for larger desktop screens */
}


.menu{
position: absolute;
top: 42px;
left: 429px;
width: 920px;
height: 22px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 24px;
}
 
.active-menu-font{
color: #012E05; 
/* font-family: Nunito Sans Regular; */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.menu-font{
color: #012E05; 
/* font-family: Nunito Sans Regular; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.nux-span{
position: absolute;
top: 138px;
left: 92px;
width: 145px;	
height: 19px;
Opacity: 80%;

color: #012E05;

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.nux-h1{
position: absolute;
top: 165px;
left: 92px;
width: 497px;	
height: 136px;
Opacity: 80%;

color: #012E05;

/* font-family: Nunito; */
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.5px;
}

.nux-desc{
position: absolute;
top: 162px;
left: 915px;
width: 404px;	
height: 65px;	
	
color: #323232;

text-align: right;
/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21.5px; /* 134.375% */
letter-spacing: -0.444px;
}

.nux-desc-green{ 
opacity: 0.8;
color: #012E05;
/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 21.5px;
letter-spacing: -0.444px;
}

.nux-desc-line{
position: absolute;
top: 268px;
left: 1165px;
width: 154px;	 
Border: 1px;
background: #006D2F;
height: 1px;
}

.btn-div{
position: absolute;
top: 301px; 
width: 360px;
height: 204px;
background: #ffffff; 
}

.start-btn{
position: absolute;
top: 30px;
left: 92px;	
display: flex;
width: 117.574px;
height: 44px;
padding: 16px 12px;
justify-content: center;
align-items: center;
gap: 6px;
flex-shrink: 0;
border: none;
border-radius: 2px;
background: #FDBB26;
/* color: #000; */

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.more-btn{
position: absolute;
top: 30px;
left: 218.43px;	
display: flex;
width: 120.574px;
height: 44px;
padding: 16px 12px;
justify-content: center;
align-items: center;
gap: 6px;
flex-shrink: 0;
border-radius: 2px;
border: 1px solid #006D2F;

color: #006D2F;

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;	
}

.gene-background{
position: absolute;
z-index: 0;
top: 380px;
width: 1349px;
height: 424px;
flex-shrink: 0;
}

.arrow-span{
position: absolute;
top: 135px;
left: 288px;	
display: flex;
width: 45px;
border: 1px;
stroke-width: 1px;
stroke: #000;	
}

.research-span{
position: absolute;
top: 830px;
width: 389px;
height: 379px;
flex-shrink: 0;
background: linear-gradient(125deg, rgba(58, 198, 153, 0.50) 29.38%, rgba(93, 209, 75, 0.28) 107.76%);
}

.research-img{
position: absolute;
top: 0px;
z-index: -1;
width: 391px;
height: 379px; 
}

.research-line{
position: absolute;
top: 910px;
left: 450px;	
width: 90px;
height: 1px;
background: #6CE75D;
border: 1px solid #6CE75D	
}

.research-h3{
position: absolute;
top: 884px;
left: 545px;
width: 275px;
color: #012E05;

/* font-family: Nunito; */
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.research-h5{
position: absolute;
top: 920px;
left: 450px;
width: 500px;
color: #012E05;

/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.research-p{
position: absolute;
top: 980px;
left: 590px;
width: 604px; 
color: #686868;

/* font-family: Nunito Sans; */
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 162%; /* 32.4px */	
}

body, html {
    height: 100%;
    margin: 0; /* Remove default margin to ensure full height */
}

#includedContent {
    height: 100%; /* Take up full height */
}

.footer{
position: relative;
top: 850px; 	
bottom: 0;
width: 1349px;
height: 522px;
flex-shrink: 0;
background: #114434;
}


.nux-span-footer{
position: absolute;
top: 150px;
left: 94px;
width: 420px;
height: 33px; 
	
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.nux-para-footer{
position: absolute;
top: 190px;
left: 92px;
width: 280px;
height: 130px; 
	
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px;	
}

.nux-con-footer{
position: absolute;
top: 150px;
left: 423px;
width: 64px;
height: 22px;
	
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1px;	
}

.nux-address-footer{
position: absolute;
top: 190px;
left: 423px;
width: 205px;
height: 38px;

display: -webkit-box;
width: 205px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; 
overflow: hidden;

color: #FFF;

text-overflow: ellipsis;
/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;	
}
.nux-mail-footer{
position: absolute;
top: 230px;
left: 423px;
width: 136px;
height: 38px;	
	
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; 
overflow: hidden;
color: #FFF;

text-overflow: ellipsis;
/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;	
}
.nux-ph-footer{
position: absolute;
top: 275px;
left: 423px;
width: 205px;
height: 50px;

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
color: #FFF;

text-overflow: ellipsis;
/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;	
}

.footer-h1{
position: absolute;
top: 125px;
left: 735px;
height: 148px;
width: 595px;

color: #FFF;

/* font-family: Nunito Sans; */
font-size: 54px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 5px;
}

.footer-text{
position: absolute;
top: 285px;
left: 735px;
width: 400px;
border: 0;
border-bottom: 2px solid white;
outline: 0;
font-size: 1.3rem;
color: white;
padding: 7px 0;
background: transparent;
transition: border-color 0.2s;


}

.footer-text::placeholder {
	 color: transparent;
}
 .footer-text:placeholder-shown ~ .form__label {
	 font-size: 1.3rem;
	 cursor: text;
	 top: 20px;
}
 .form__label {
	 position: absolute;
	 top: 278px;
     left: 735px;
	 display: block;
	 transition: 0.2s;
	 font-size: 1.2rem;
	 color: white;
}
 .footer-text:focus {
	 padding-bottom: 6px;
	 font-weight: 700;
	 border-width: 3px;
	 border-image: linear-gradient(to right, #11998e, #38ef7d);
	 border-image-slice: 1;
}
 .footer-text:focus ~ .form__label {
	 position: absolute;
	 top: 285px;
	 display: block;
	 transition: 0.2s;
	 font-size: 1rem;
	 color: #11998e;
	 font-weight: 700;
}
/* reset input */
 .footer-text:required, .footer-text:invalid {
	 box-shadow: none;
}

.subscribe-btn{
position: absolute;
top: 340px;
left: 735px;
display: flex;
width: 117.574px;
height: 44px;
padding: 16px 12px;
justify-content: center;
align-items: center;
gap: 6px;
flex-shrink: 0;
border: none;
border-radius: 2px;
background: #FDBB26;
color: #000;
/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

 #includedContent {
        min-height: 400px; /* Set a minimum height */
        overflow: auto;   /* Add scroll if content overflows */
    }

.aboutus-div{
position: absolute;
top: 150px;
width: 1349px;
height: 1184px;
flex-shrink: 0;
background: #012E05;	 
}

.insight-line{
position: absolute;
top: 100px;	
left: 92px;
width: 90px;
height: 1px;
background: #89DE38;	
border: 1px solid #89DE38;
}
.insight-text{
position: absolute;
top: 94px;	
left: 200px;
width: 72px;
height: 16px;
color: #6CE75D;

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 114.286% */
letter-spacing: 0.922px;	
}

.about-h4{
position: absolute;
top: 115px;	
left: 92px;
width: 300px;
height: 48px;	
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 133.333% */
letter-spacing: -1.048px;	
}

.abt-rec1{
position: absolute;
top: 250px;	
left: 130px;
radius: 2px;
width: 372px;
height: 372px;
flex-shrink: 0;
border-radius: 2px;
border: 1px solid #6CE75D;
}

.abt-rec2{
position: absolute;
top: 250px;	
left: 534px;
radius: 2px;
width: 372px;
height: 372px;
flex-shrink: 0;
border-radius: 2px;
border: 1px solid #6CE75D;
}


.abt-rec3{
position: absolute;
top: 250px;	
left: 938px;
radius: 2px;
width: 372px;
height: 372px;
flex-shrink: 0;
border-radius: 2px;
border: 1px solid #6CE75D;
}

.abt-rec4{
position: absolute;
top: 660px;	
left: 130px;
radius: 2px;
width: 372px;
height: 372px;
flex-shrink: 0;
border-radius: 2px;
border: 1px solid #6CE75D;
}

.abt-rec5{
position: absolute;
top: 660px;	
left: 534px;
radius: 2px;
width: 372px;
height: 372px;
flex-shrink: 0;
border-radius: 2px;
border: 1px solid #6CE75D;
}


.abt-rec6{
position: absolute;
top: 660px;	
left: 938px;
radius: 2px;
width: 372px;
height: 372px;
flex-shrink: 0;
border-radius: 2px;
border: 1px solid #6CE75D;
}

.abt-lable1{
position: absolute;
top: 110px;
left: 40px;
	
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 31.2px */	
}

.abt-p1{
position: absolute;
top: 160px;
left: 40px;
	
width: 266px; 
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 23.2px */	
}

.abt-readmore{
position: absolute;
top: 260px;
left: 40px;
	
color: #6CE75D;

/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 23.2px */	
cursor: pointer;
}

.copy-right{
position: absolute;
top: 475px;
left: 93px;
width: 167px; 
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;	
}

.tech-div{
position: absolute;
top: 100px;
width: 1349px;
height: 1184px;
flex-shrink: 0; 		
}

.tech-span2 {
position: absolute;
top: 140px;
z-index: 1;
left: 50px;;
width: 90px;
height: 1px;
background: #6CE75D;
border: 1px solid #6CE75D;
}

.tech-p1 {
position: absolute;
top: 133px;
left: 150px;
z-index: 1;
width: 130px;
height: 16px;
color: #6CE75D;
/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.922px;
text-transform: uppercase;
}

.tech-span{
position: absolute;
top: 0px; 
width: 100%;
height: 669px;
flex-shrink: 0; 
background: linear-gradient(125deg, rgba(58, 198, 153, 0.50) 29.38%, rgba(93, 209, 75, 0.28) 107.76%);
}

.tech-img{ 
position: absolute;
top: 0px;
width: 1349px;
z-index: -1;
}

.tech-div1{
position: absolute;
top: 80px; 
left: -2px;
width: 860px;
height: 485px;
flex-shrink: 0;
border-radius: 0px 10px 10px 0px;
background: rgba(17, 68, 52, 0.80);

backdrop-filter: blur(6px);
}

.tech-h5{
position: absolute;
top: 80px; 
left: 50px;	
height: 204px;
width: 650px; 
color: #FFF;

/* font-family: Nunito; */
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.5px;	
}

.tech-p{
position: absolute;
top: 280px; 
left: 150px;		
height: 86px;
width: 487px;
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21.5px; /* 134.375% */
letter-spacing: -0.444px;
opacity: 0.8;	
}

.tech-div2{
position: absolute;
top: 670px;
width: 1349px;
height: 579px;
flex-shrink: 0;
background: rgba(255, 255, 255, 0.74);	
}

.tech-span1{
position: absolute;
top: 60px;
right: 0px;
width: 389px;
height: 379px;
flex-shrink: 0;
background: linear-gradient(125deg, rgba(58, 198, 153, 0.50) 29.38%, rgba(93, 209, 75, 0.28) 107.76%);
}

.tech-img1{ 
position: absolute;
top: 0px;
z-index: -1;
width: 391px;
height: 379px; 
}

.tech1-h5{
position: absolute;
top: 120px;
left: 92px;	
width: 255px;
height: 55px;
color: #012E05;

/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;	
}
 
.tech1-p{
position: absolute;
top: 220px;
left: 92px;	
width: 604px;
height: 128px;
width: 604px;
color: #686868;

/* font-family: Nunito Sans; */
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 162%; /* 32.4px */	
}

.tech2-p{
position: absolute;
top: 370px;
left: 92px;
width: 80px;
height: 23px;
color: #006D2F;

/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 23.2px */	
cursor: pointer;
}

.products-div{
position: absolute;
top: 100px;
width: 1349px;
height: 1184px;
flex-shrink: 0;
background: #fff;
}

.products-span1{
position: absolute;
top: 50px;
left: 70px;
width: 90px;
height: 1px;
background: #006D2F;	
border: 1px solid #006D2F;
}
.products-span2{
position: absolute;
top: 50px;
left: 750px;
width: 90px;
height: 1px;
background: #006D2F;	
border: 1px solid #006D2F;
}

.products-p{
position: absolute;
top: 44px;
left: 165px;
width: 130px;
height:16px;	
color: #006D2F;

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 114.286% */
letter-spacing: 0.922px;
text-transform: uppercase;
}

.products-h6{
position: absolute;
top: 60px;
left: 70px;
width: 545px;
color: #012E05;

text-align: left;
/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 48.8px */
}

.products-div1{
position: absolute;
top: 220px;
left: 70px;	
width: 496px;
height: 402px;
flex-shrink: 0;
border-radius: 10px 0px 0px 10px;
background: #114434;	
}

.products-h5{
position: absolute;
top: 50px;
left: 50px;	 
height:94px;
width: 304.756px;
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 34.371px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.products-p1{
position: absolute;
top: 230px;
left: 50px;	 
height:89px;
width: 425px;
color: #FFF;

/* font-family: Montserrat; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 29.447px; /* 184.045% */
letter-spacing: -0.498px;	
}

.products-img{
position: absolute;
top: 220px;
left: 565px;
width: 759px;
height: 402px;
flex-shrink: 0;
border-radius: 0px 10px 10px 0px; 
}

.products-img1{
position: absolute;
top: 680px;
left: 70px;	
width: 398px;
height: 209px;
flex-shrink: 0;
border-radius: 10px 10px 0px 0px; 
}

.products-img2{
position: absolute;
top: 680px;
left: 500px;	
width: 398px;
height: 209px;
flex-shrink: 0;
border-radius: 10px 10px 0px 0px; 
}


.products-img3{
position: absolute;
top: 680px;
left: 925px;	
width: 398px;
height: 209px;
flex-shrink: 0;
border-radius: 10px 10px 0px 0px; 
}

.products-div2{
position: absolute;
top: 880px;
left: 70px;	
width: 399px;
height: 212px;
flex-shrink: 0;
border-radius: 0px 0px 10px 10px;
background: #114434;	
}

.products-div3{
position: absolute;
top: 880px;
left: 500px;
width: 399px;
height: 212px;
flex-shrink: 0;
border-radius: 0px 0px 10px 10px;
background: #114434;	
}	
.products-div4{
position: absolute;
top: 880px;
left: 925px;
width: 399px;
height: 212px;
flex-shrink: 0;
border-radius: 0px 0px 10px 10px;
background: #114434;
}

.products-div2-h5{
position: absolute;
top: 5px;
left: 25px;	
width: 410px;
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;	
}

.products-div2-p1{
position: absolute;
top: 100px;
left: 25px;	
width: 348px;
color: #FFF;

/* font-family: Montserrat; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24.4px; /* 152.5% */
letter-spacing: -0.498px;	
}

.products-div3-h5{
position: absolute;
top: 5px;
left: 25px;	
width: 304.756px;
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;	
}

.products-div3-p1{
position: absolute;
top: 100px;
left: 25px;	
width: 348px;
color: #FFF;

/* font-family: Montserrat; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24.4px; /* 152.5% */
letter-spacing: -0.498px;	
}

.products-div4-h5{
position: absolute;
top: 5px;
left: 25px;	
width: 304.756px;
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;	
}

.products-div4-p1{
position: absolute;
top: 100px;
left: 25px;	
width: 348px;
color: #FFF;

/* font-family: Montserrat; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24.4px; /* 152.5% */
letter-spacing: -0.498px;	
}

.services-div{
position: absolute;
top: 150px;
width: 1349px;
height: 1184px;
flex-shrink: 0;
background: #fff;	 
}

.services-div1{
position: absolute;
top: 50px;
left: 60px;
width: 1254px;
height: 575px;
flex-shrink: 0;
border-radius: 20px;
background: #114434;	 
}

.services-line{
position: absolute;
top: 100px;	
left: 50px;
width: 90px;
height: 1px;
background: #6CE75D;	
border: 1px solid #6CE75D;
}

.services-text{
position: absolute;
top: 94px;	
left: 145px;
width: 200px;
height: 19px;

color: #6CE75D;

/* font-family: Nunito; */
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}

.services-h4{
position: absolute;
top: 110px;	
left: 50px; 
height: 165px;	
width: 600px;
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;	
}

.services-p{
position: absolute;
top: 250px;	
left: 145px; 
height: 160px;	
width: 504.039px;
color: #FFF;

/* font-family: Nunito Sans; */
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 162%; /* 32.4px */	 
}

.services-img{
position: absolute;
top: 55px;
left: 771px;
width: 562.504px;
height: 520px;
flex-shrink: 0;
}

.services-span1{
position: absolute;
top: 680px;
left: 525px;	
width: 90px;
height: 1px;
background: #006D2F;
border: 1px solid #006D2F;	
}

.services-span2{
position: absolute;
top: 680px;
left: 740px;	
width: 90px;
height: 1px;
background: #006D2F;	
border: 1px solid #006D2F;	
}

.services1-p{
position: absolute;
top: 680px;
left: 620px;
color: #006D2F;

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 114.286% */
letter-spacing: 0.922px;
text-transform: uppercase;
}

.services-h6{
position: absolute;
top: 700px;
left: 345px;

width: 667px;
color: #012E05;

text-align: center;
/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 48.8px */
}

.services-h3{
position: absolute;
top: 785px;
left: 180px;	
width: 69px;
height: 31px;
color: #000;

/* font-family: Nunito Sans; */
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 31.2px */
}

.services2-p{
position: absolute;
top: 840px;
left: 180px;
width: 266px;
height: 69px;
color: #000;

/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 23.2px */
}

.contact-div{
position: absolute;
top: 100px;
width: 1349px;
height: 1184px;
flex-shrink: 0;
background: #fff;	 
}

.contact-h6{
position: absolute;
top: 30px;
left: 380px;
width: 667px;
color: #012E05;

text-align: center;
/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 48.8px */	
}

.contact-p{
position: absolute;
top: 90px;
left: 410px;
height: 78px;	
width: 606px;
color: #000;

text-align: center;
/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 162%; /* 25.92px */	
}

.contact-h3{
color: #114434;

text-align: center;
/* font-family: Nunito Sans; */
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 29.28px */	 
}

.contact1-p{
color: #030303;
width: 161px;
text-align: left;
/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.5;	
}

.contact-span1{
position: absolute;
top: 590px;
left: 540px;	
width: 90px;
height: 1px; 
background: #006D2F;	
border: 1px solid #006D2F;
}

.contact-span2{
position: absolute;
top: 590px;
left: 750px;	
width: 90px;
height: 1px; 
background: #006D2F;	
border: 1px solid #006D2F;	
}

.contact2-p{
position: absolute;
top: 583px;
left: 640px;	
color: #006D2F;

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 114.286% */
letter-spacing: 0.922px;
text-transform: uppercase;	
}

.contact-div2{
position: absolute;
top: 700px;
left: 205px;
width: 572px;
height: 400px;;
flex-shrink: 0;
border-radius: 10px 0px 0px 10px;
border: 1px solid #6CE75D;	
}

.contact-name{
position: absolute;
top: 30px;
left: 45px;
width: 475px;
height: 45px;
flex-shrink: 0;
border-radius: 10px;
border: 1px solid rgba(1, 46, 5, 0.60);

background: #FFFEFE;	


color: #B3B3B3;

/* font-family: Nunito Sans; */
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 28px */
padding: 10px;
}

.contact-mail{
position: absolute;
top: 90px;
left: 45px;
width: 475px;
height: 45px;
flex-shrink: 0;
border-radius: 10px;
border: 1px solid rgba(1, 46, 5, 0.60);

background: #FFFEFE;	


color: #B3B3B3;

/* font-family: Nunito Sans; */
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 28px */
padding: 10px;
}

.contact-subject{
position: absolute;
top: 150px;
left: 45px;
width: 475px;
height: 45px;
flex-shrink: 0;
border-radius: 10px;
border: 1px solid rgba(1, 46, 5, 0.60);

background: #FFFEFE;	


color: #B3B3B3;

/* font-family: Nunito Sans; */
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 28px */
padding: 10px;
}

.contact-message{
position: absolute;
top: 210px;
left: 45px;
width: 475px;
height: 100px;
flex-shrink: 0;
border-radius: 10px;
border: 1px solid rgba(1, 46, 5, 0.60);

background: #FFFEFE;	


color: #B3B3B3;

/* font-family: Nunito Sans; */
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 28px */
padding: 10px;
}

.contact-submit{
position: absolute;	
top: 330px;
left: 350px;
width: 160px;
height: 50px;	 
flex-shrink: 0;
border: none;
border-radius: 10px 2px 2px 10px;
background: #8CE46D;

color: #012E05;

/* font-family: Nunito Sans; */
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 52px; /* 260% */
text-transform: uppercase;	
}

.contact-img{
position: absolute;	
top: 700px;
left: 688px;
width: 586px;
height: 400px;
flex-shrink: 0;
border-radius: 0px 10px 10px 0px;
opacity: 1.8;	 
}

.contact-span{
position: absolute;	
top: 700px;
left: 688px;
width: 586px;
height: 400px;
flex-shrink: 0;
border-radius: 0px 10px 10px 0px; 
background: linear-gradient(125deg, rgba(58, 198, 153, 0.50) 29.38%, rgba(93, 209, 75, 0.28) 107.76%); 
}

.ngs-div{
position: absolute;
top: 100px;
width: 1349px;
height: 1184px;
flex-shrink: 0;
background: #fff;
}

.ngs-span1{
position: absolute;
top: 50px;
left: 70px;
width: 90px;
height: 1px;
background: #006D2F;	
border: 1px solid #006D2F;
}
 

.ngs-p{
position: absolute;
top: 44px;
left: 165px;
width: 130px;
height:16px;	
color: #006D2F;

/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 114.286% */
letter-spacing: 0.922px;
text-transform: uppercase;
}

.ngs-h6{
position: absolute;
top: 60px;
left: 70px;
width: 545px;
color: #012E05;

text-align: left;
/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 48.8px */
}

.ngs-div1{
position: absolute;
top: 200px;
left: 0px;	
width: 335px;
height: 804px;
flex-shrink: 0;
opacity: 0.8;
/* background: #89DE38; */
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.45%, rgb(161 229 96) 100%);
backdrop-filter: blur(4px);	
z-index: 1;
}

.ngs-div2{
position: absolute;
top: 200px;
left: 335px;	
width: 335px;
height: 804px;
flex-shrink: 0;
opacity: 0.8;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.45%, rgba(31, 31, 31, 0.40) 100%);
z-index: 1; 
backdrop-filter: blur(4px);	
}


.ngs-div3{
position: absolute;
top: 200px;
left: 670px;	
width: 335px;
height: 804px;
flex-shrink: 0;
opacity: 0.8;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.45%, rgba(31, 31, 31, 0.40) 100%);
z-index: 1;
backdrop-filter: blur(4px);	
}


.ngs-div4{
position: absolute;
top: 200px;
left: 1005px;	
width: 335px;
height: 804px;
flex-shrink: 0;
opacity: 0.8;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.45%, rgba(31, 31, 31, 0.40) 100%);
z-index: 1; 
backdrop-filter: blur(4px);	
}

.ngs-img1{
position: absolute;
top: 200px;
left: 0px;	
width: 335px;
height: 804px; 
}

.ngs-img2{
position: absolute;
top: 200px;
left: 335px;	
width: 335px;
height: 804px; 
}


.ngs-img3{
position: absolute;
top: 200px;
left: 670px;	
width: 335px;
height: 804px;
}
.ngs-img4{
position: absolute; 
top: 200px;
left: 1005px;	
width: 335px;
height: 804px;	
}

.ngs-h4{
position: absolute;
top: 800px;
left: 58px;
width: 190px;
height: 48px;	
color: #012E05;
z-index: 1; 
/* font-family: Nunito Sans; */
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 150% */
letter-spacing: -0.271px;	
}

.ngs-p1{
position: absolute;
top: 870px;
z-index: 1;
left: 58px; 
height: 48px;	
width: 277px;
color: #012E05;

/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: -0.341px;	
}

.geonomic-popup1{
position: absolute;
top: 370px;
z-index: 1;
left: 58px;
width: 1242px;
height: 600px;
flex-shrink: 0;
background: #FFF;
}

.geonomic-div{
position: absolute;
top: 0px;
z-index: 1;
left: 0px;
width: 455px;
height: 600px;
flex-shrink: 0; 
opacity: 0.8;
background: linear-gradient(125deg, rgba(58, 198, 153, 0.50) 29.38%, rgba(93, 209, 75, 0.28) 107.76%);	
}

.geo-img1 {
position: absolute;
top: 0px;
left: 0px;
width: 455px;
height: 600px;
}

.geonomic-h4{
position: absolute;
top: 120px;
left: 500px;	
color: #000;

/* font-family: Montserrat; */
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 22.025px; /* 68.829% */
letter-spacing: -0.271px;	
}

.geonomic-p{
position: absolute;
top: 180px;
left: 500px;	
width: 604px;
color: #686868;

/* font-family: Poppins; */
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
letter-spacing: 0.2px;	
}