*{
    padding: 0;
    margin:0;
    box-sizing: border-box;
    font-family: "Noto Sans", sans-serif;
}

:root{
    --color-1:#000;
    --color-2:#fff;
    --color-3:#FFD64C;
    --color-4:#84BAE5;
    --color-5:#F27690;
    --color-6:#7AB98D;
    --color-7:#FF9A4F;
}
html {
    scroll-behavior: smooth;
  }
body{
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    overflow-x:hidden;
    /* width:480px; */
}
h1,h2,h3,h4,h5,h5{
    padding:0;
    margin:0;
}

a{
    color:#000;
    cursor: pointer;
    text-decoration: none;
}
li{
    list-style: none;
}
img{
    pointer-events: none;
}
.container{
    max-width:1512px;
    width:90%;
    margin:0 auto;
}

.width-100{
    width:100%;
}
/* font-size */
.heading-1{
    font-size: 72px;
    font-style: normal;
    font-weight: 800;
    line-height: 106%;
    letter-spacing: -5.04px;
    font-style:italic;
}
.heading-2{
    font-size: 52px;
    font-weight: 800;
    line-height: 90%; /* 46.8px */
    letter-spacing: -3.64px;
    font-style:italic;
}
.heading-3{
    font-size: 30px;
    
    font-weight: 800;
    line-height: 120%;
    letter-spacing: -1.5px;
    font-style:italic;
}
.heading-4{
    font-size: 42px;
    font-style: italic;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: -2.1px;
}
.body-1{
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
    letter-spacing: -0.54px;
}
.title-1{
    font-size: 22px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%; 
    letter-spacing: -1.1px;
}
.label-1{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    letter-spacing: -0.48px;
}
/* italic */
.italic{
    font-style: italic!important;
}
/* font weight */
.fw-800{
    font-weight: 800!important;
}
.fw-700{
    font-weight: 700!important;
}
.fw-500{
    font-weight: 500!important;
}
/* padding */
.pt-xl{

}
.tac{
    text-align: center;
}
/* color */
.white-text{
    color: var(--color-2);
}
/* gradients */
.white-gradient{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 100%);
    height:150px;
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
}
.white-gradient-top{
    background: linear-gradient(180deg, #FFFFFF 27% , rgba(255, 255, 255, 0.00) 100%);
    height:150px;
    position:absolute;
    top:0;
    width:100%;
    left:0;
}
/* position */
.absolute{
    position:absolute;
}
/* button */
.mainbtn{
    display: flex;
    padding: 14px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.48px;
    min-width:200px;
}
.primarybtn{
 background: var(--color-1);
 color: var(--color-2);
 border:1px solid var(--color-1);
}

.secondarybtn{
    background: transparent;
    color: var(--color-1);
    border:1px solid var(--color-1);
}
/* header*/
.mainheader{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:9999999;
}
.headerlinkwrap{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:15px;

}
.headerwrap{
    padding:30px 0;
    display:flex;
    justify-content: space-between;
    gap:20px;
    align-items:center;
    position:relative;
}
.language-dropdown-wrap{
    position:absolute;
    right:0;
    bottom:-88px;
    max-width: 196px;
    width:100%;
    opacity:0;
    z-index:-1;
    pointer-events:none;
}
.language-dropdown{
    display:flex;
    flex-direction:column;
}
.lang-btn-link{
    padding:20px 10px;
    background-color:var(--color-2);
    display:flex;
    align-items:center;
    gap:10px;
    transition:background-color 0.6s ease;
}
.lang-btn-link:hover{
    background-color:#D9D9D9;
    transition:background-color 0.6s ease;
}
.showdropdown{
    background-color:var(--color-2) !important;
}
.showlangdropdown{
opacity:1;
z-index:9;
pointer-events:all;
}
.flag{
    width:20px;
}
[data-lang-content] {
    display: none;
}

.language-switch {
    cursor: pointer;
    display: flex;
    gap: 10px;
    justify-content:center;
    height:50px;
    width:100px;
    padding:14px 0;
    background-color:transparent;
    transition:background-color 0.6s ease;
    display:flex;
}
.language-switch:hover{
    background-color:var(--color-2);
    transition:background-color 0.6s ease;
}

.lang-btn {
    /* padding: 5px 0; */
    border-radius: 3px;
}
.flag-image-wrap{
    display:flex;
}
.lang-flag{
    width:30px;
}
.hamburgermenu{
    display:none;
}
.language-btn{
    display:flex;
    align-items:center;
    gap:5px;
    justify-content:center;
}
.cloud-desktop-right{
    position:absolute;
    top:0;
    right:0;
    width: 38%;
}
.cloud-desktop-left{
    position:absolute;
    top:0;
    left:0;
    width: 60%;
}
.sequestration-sec{
    background: var(--color-7);
    height:1200px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    position:relative;
}
.sequestration-text-wrap{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap:18px;
    color: var(--color-2);
    /* margin-top: -80px; */
}
.sequestration-text-wrap p{
    max-width: 960px;
}
.bottomtextwrap{
 
    position:absolute;
    bottom: 0px;
    z-index:5;
    color:var(--color-2);
    width: 100%;
}
.bottomtextwrapcontainer{
    position:relative;
    display:flex;
    flex-direction: column;
    gap:2px;
    align-items: center;
    justify-content: center;
}
.svggradient{
    position:absolute;
    bottom:0px;
    left:0;
    width:100%;
    height:150px;
    z-index:-1;
    pointer-events:none;
}
.titlewrap{
    background: var(--color-2);
    color: var(--color-1);
}
.titlewrap span{
    color: var(--color-7);
}
.ricefarmer{
    background: var(--color-3);
}
.descriptionwrap{
    display:flex;
    flex-direction: column;
    gap:20px;
    align-items: center;
    justify-content: center;
    padding-top:15px;
}
.descriptionwrap p{
    text-align: center;
    max-width:276px;
    width:100%;
}
.actionbtnwrap{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:20px;
    padding-top:20px;
    position:relative;
}
.sharestorybtn{
    display:flex;
    gap:10px;
    width:200px;
    border: none;
    justify-content:center;
    align-items: center;
    background:transparent;
    cursor:pointer;
   
}
.actionbtn{
    margin-top:20px;
}
.takeactionbtn{
    width:200px;
}

.modal {
    position: fixed; 
    z-index: -1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0, 0, 0, 0.5);
    opacity:0;
  }
  .modal-content {
    background-color: #FEBA11;
    margin: 8% auto; 
    border-radius: 11px;
    width: 500px; 
    position:relative;
  }
  .close {
    color: #aaa;
    float: right;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    position:absolute;
    top:10px;
    right:10px;
  }
  .social-buttons button {
    margin: 5px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background:transparent;
  }
 .copylinkwrap{
    margin-top:10px;
    display:flex;
    gap:10px;
    align-items: center;
    justify-content:center;
    flex-direction:column;
 }
 .copybtn{
    border-radius:100px;
    border:1px solid transparent;
    max-width:220px !important;
    width:220px !important;
    align-items:center;
    justify-content:center;
}
.copied{
    opacity:0;
}
.share-mediawrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 26px;
    padding:20px 0;
}
.open-popup{
    opacity:1;
    z-index:10000;
}
.farmerstorywrap{
    background: var(--color-3);
    padding-top:40px;
    min-height: 800px;
    position:relative;
    display:flex;
    justify-content:center;
    flex-direction: column;
    align-items: flex-end;
}
.farmerstorywrapleft{
    align-items: flex-start;
}
.storybottomtextwrap span{
    color: var(--color-7);
}
.storybtn{
    width:100%;
    border: none;
    gap:10px;
    border-radius:100px
}
.storybtnorange{
    background-color:#F08C43;
}
.storybtnblue{
    background: #69A3D2;
}
.storybtngreen{
    background: #589F6D;
}
.storybtnpink{
    background: #DD6D84;
}
.story-wrap{
    background: var(--color-3);
 
    position:relative;

}
.story-container{
    display:flex;
    flex-direction: column;
    align-items: center;
}
.storyspace{
    display:flex;
    flex-direction: column;
    gap:20px;
    align-items: center;
    justify-content: center;
    margin-top:0px;
    opacity:1;
    transition: all 0.6s ease;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    z-index:4;
    
}
.storyspace p{
 pointer-events: none;
}
.fullheight .storyspace{
    opacity:1;
    max-height:1000px;
    transition: max-height 0.6s ease;
}
.circlesvg{
    transform: rotate(0deg);
    transition: transform 0.6s ease;
}
.rotatesvg{
    transform: rotate(-180deg);
    transition: transform 0.6s ease;
}
.btn-text-container{
    display:flex;
    flex-direction: column;
    gap:46px;
    align-items: center;
    justify-content: center;
    padding-top:150px;
}
.btn-text{
    max-width:277px;
    width:100%;
}
.btn-text-wrap{
    display:flex;
    flex-direction: column;
    gap:20px;
}
.btn-mb-sec{
    display:none;
}
.future-shape{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:10px;
    padding-top:60px;
}
.future-shape-text{
    max-width: 940px;
    width:100%;
    text-align: center;
}
.storystart-wrap{
    display:flex;
    justify-content: center;
    align-items: center;
}
.storystart{
    display:flex;
    padding-top:46px;
    max-width:100%;
}

/* water security */
.water-security-wrap{
    padding-top:100px;
    background: var(--color-4);
    position:relative;
}
.water-security-heading-wrap{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    gap:30px;
}
.water-security-heading-wrap p{
  max-width:624px;
}

.water-security-heading{
    text-align: center;
    max-width:100%;
    width:100%;
}
.water-security-img{
    display:block;
}
.blue-gradient{
    background: linear-gradient(180deg, rgba(132, 186, 229, 0.00) 0%, #84BAE5 100%);
    height:150px;
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
    margin-bottom:-2px;
    opacity:1;
    transition: opacity 0.6s ease;
    pointer-events:none;
}
.water-security-descwrap{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    /* position:absolute; */
    bottom:-60px;
    width:100%;
    z-index:4;
    height: 260px;
    background: var(--color-6);
    
}
.water-security-descwrap p{
   max-width:315px;
   width:100%;
   text-align: center;
   color: var(--color-2);
}
.bg-blue{
    background: var(--color-4);
}
.bg-green{
    background: var(--color-6);
}
.bg-pink{
    background: var(--color-5);
}
.bg-yellow{
    background: var(--color-3);
}
.bg-orange{
    background: var(--color-7);
}
.farmerstorycontainer{
    padding-top:100px;
    /* background: var(--color-6); */
    
}
.storybtn-white{
    /* border-bottom:1px solid var(--color-2); */
    color: var(--color-2);
}

.energy-security-text-wrap{
    height:320px;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
}
.energy-security-text{
    display:flex;
    flex-direction: column;
    gap:30px;
    align-items: center;
    justify-content: center;
    padding-top:30px;
    position:relative;
    z-index:4;
}
.energy-security-text p{
  max-width:991px;
  width:100%;
}
.energy-security-cloud1{
    position:absolute;
    top:130px;
    left:0;
    width: 30%;
    z-index:3;
}
.energy-security-cloud2{
    position:absolute;
    top:-60px;
    right:0;
    width: 30%;
    z-index:3;
}

.energy-imgwrap{
    position:relative;
    height:680px;
    z-index:1;
}
.energy-security-desc{
    height:340px;
    background: var(--color-4);
}
.energy-security-desc{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:20px;
    
}
.energy-security-textwrap{
    display:flex;
    align-items: center;
    justify-content: center;
    padding-top: 135px;
}
.energy-security-textwrap p{  
      max-width: 335px;
}
.energystories{
    margin-top:-1px;
}
.quotetext{
    max-width:270px;
    width:100%;
    text-align: center;
}
/* climate */
.climate-content-sec{
    height:1000px;
    background: var(--color-6);
    position:relative;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.climatecenter{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:100%;
    z-index:1;
}
.climateleaf1{
    top:35%;
    z-index:2;
    pointer-events:none;
}
.climateleaf2{
    top:55%;
    z-index:2;
    pointer-events:none;
}
.blackdiv{
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.0) 100%);
    height:600px;
}
.climateheading{
    top:45%;
    z-index:3;
    max-width: 500px;
    text-align: center;
}
.climatebtn{
    z-index:3;
    background: var(--color-2);
    width:20%;
    top:55%;
}
.greenspace-desc{
    position:relative;
}
/* soil section */
.soil-banner{
    height:250px;
    background: var(--color-6);
    display:flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}
/* biodiversity section */
.biodiversity-banner{
    height:250px;
    /* background: var(--color-6); */
    display:flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}
.biodiversity-heading{
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    gap:30px;
}

.biodiversity-heading p{
    max-width:930px;
    width:100%;
    text-align: center;
}
.bio-diversity-imgwrap{
    height:700px;
    /* background-color: var(--color-6); */
    position:relative;
    z-index:9;
}
.bio-cloud{
    top:-30%!important;
}
.bio-cloud2{
    top: -82% !important;
    width: 25% !important;
}
.soil-imgwrap{
    height:1100px;
    /* background-color: var(--color-6); */
    position:relative;
    z-index:1;
}
.bio-diversity-desc{
    height:400px;
    /* background: var(--color-5); */
    display:flex;
    align-items: flex-end;
    justify-content: center;
}
.soil-diversity-desc{
    height:400px;
    /* background: var(--color-5); */
    display:flex;
    align-items: flex-end;
    justify-content: center;
}
.bio-diversity-desc-wrap{
    display:flex;
    flex-direction: column;
    gap:20px;
    align-items: center;
    justify-content: center;
}
.bio-diversity-desc-wrap p{
    max-width:280px;
    width:100%;
    text-align: center;
}
/* footer */
.footer{
    /* background: var(--color-6); */
    margin-top:-1px;
    padding-bottom:40px;
}
.linkcontainer{
    display:flex;
    gap:14px;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    
}
.socialmedialinks{
    display:flex;
    gap:20px;
}
.footertext{
    display:flex;
    align-items: center;
    justify-content: center;
    padding-top:40px;
}
.footertextpara{
    max-width:280px;
    width:100%;
    text-align: center;
}
    .hamburgermenu{
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .menuwrap{
        display:none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:16px;
        position: absolute;
        top:100%;
        left:0;
        width:100%;
        background: var(--color-3);
        padding:20px 0;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
    }
    .show{
        display:flex;
    }
    
    /* landing page */
        .bannersection{
            /* background: var(--color-6); */
            height:1200px;
            position:relative;
            overflow:hidden;
            background-image:url(./assets/landing-page-banner.webp);
            background-position:center;
            background-size:cover;



        }
        .banner-vector{
            position:absolute;
            bottom:-5px;
            left:0;
            width:100%;
        }
        .banner-vector img{
            width:100%;
        }
        .birds{
            position:absolute;
            top:50px;
            right:-10px;
            object-fit: cover;
            z-index:1;
            width:26%;
        }
        .cloud-mb {
            position: absolute;
            top: 8%;
            left: 0;
        }
        .banner-mb{
            position:absolute;
            bottom: -14rem;
            left: 0;
            z-index: 3;
            height: auto;
        }
        .personwrap{
            position:absolute;
            top:75%;
            left:50%;
            transform: translate(-50%,-50%);
            width:100%;
        }
        .personcontainer{
            position:relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .farmerimgcombo{
            width:70%;
        }
        .personimg1{
            position:absolute;
            top:0;
            left:50%;
            transform: translateX(-50%);
            width:auto;
            z-index:2;
        }
        .personimg2{
            position:absolute;
            top:0;
            left: 40%;
            transform: translateX(-50%);
            width:auto;
        }
        .personimg3{
            position:absolute;
            top: 13px;
            left: 60%;
            transform: translateX(-50%);
            width: auto;
        }
        .bannertextwrap{
            position:absolute;
            bottom:13%;
            left:50%;
            transform: translateX(-50%);
            text-align: center;
            z-index:4;
            width:100%;
            color: var(--color-2);
            display:flex;
            flex-direction:column;
            justify-content: center;
            align-items: center;
            gap:20px;
        }
        .bannertitle {
        max-width:1130px;
        width:100%;
        padding-bottom:100px;
        margin-top: -120px;
        }
        .bannersubtitle{
            max-width: 942px;
            width:100%;
        }
        .greenspace{
            /* height:200px; */
            background: var(--color-6);
            position:relative;
            padding-bottom:280px;
            z-index:99;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
          

        }
        .greengradient{
            height:65% !important;
            position:absolute;
            bottom: 0;
            z-index: 3;
            width: 100%;
            pointer-events:none;
        }
        .greenspace-desc-wrap{
            display:flex;
            flex-direction: column;
            gap:20px;
            align-items: center;
            justify-content: center;
        }
        .video-text-wrap{
            display:flex;
            align-items:center;
            justify-content:center;
            padding-top:25px;
        }
        .video-text{
            max-width:1000px;
            width:100%;
        }
        .action-section{
            display:flex;
            gap:30px;
            align-items: center;
            justify-content: center;
            padding-top:60px;
            width:85%;

        }
        .action-container{
            display:flex;
            gap:10px;
            align-items: center;
            justify-content: space-between;
            width:100%;
        }
        .action-content{
            display:flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            gap:20px;
        }
        .action-content-end{
            align-items: flex-end;
            justify-content: flex-end;
        }
        .action-content-end .actiontext{
            text-align: right;
            max-width:400px;
        }
        .action-content-center{
            align-items:center;
        }
        .actiontext{
            max-width:333px;
            width:100%;
        }
        .leaveswrap{
            position:absolute;
            bottom:-15rem;
            left:0;
            width:100%;
            display:flex;
            justify-content: space-between;
            align-items: center;
            z-index:3;
        }
        .leavescontainer{
            position:relative;
            width:100%;
        }
        .right-leaves{
            position:absolute;
            bottom:0;
            right:0;
            width:70%
        }
        .left-leaves{
            position:absolute;
            bottom:0;
            left:0;
            width:70%
        }
        .leaves{
            width:100%;
            position:absolute;
            bottom:-8rem;
            z-index:4;
        }
        .cloud-img1{
            position:absolute;
            top: 72%;
            left: 0;
            width: 30%;
            z-index:3;
        }
        .cloud-img2{
            position:absolute;
            top:5%;
            right:0;
            width: 20%;
        }
        .singlebird{
            position: absolute;
            top: 93%;
            right: 13rem;
            width: 15%;
            z-index:3;
           
        }
        .frond-img{
            position:absolute;
            bottom: 0px;
            z-index: 4;
        }
        .back-img{
            position:absolute;
            bottom:0;
            right:0;
            z-index:2;
            width: 35%;
        }
        .woman-farmer{
            position: absolute;
            bottom: 4rem;
            z-index: 3;
            left: 5%;
            width: 50%;
        }
        .persondetailwrap{
            display:flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap:2px;
            padding-top:50px;
            top:20%;
            right:5%;
            width:60%;
            margin-top:-100px;
        }
        .mbpersondetail{
            padding:20px 0;
            display:flex;
            flex-direction: column;
            gap:15px;
            align-items: center;
            justify-content: center;
        }
        .mbpersondetail p{
          max-width:600px;
          width:100%;
        }
        .farmerstoryimg{
            position:absolute;
            bottom:9rem;
            width:50%;
            z-index:3;
            transform: translate(-50%);
        }
        .ghg-container{
            background:var(--color-7);
            /* height:500px; */
            display:flex;
            align-items: flex-end;
            justify-content: center;
            position:relative;
            padding-top:50px;
            /* margin-top:-15rem; */
        }
        .imagefront{
            position:absolute;
            bottom:-28px;
            left:0;
            width:100%;
            z-index:4;
        }
        .flipped {
            transform: scaleX(-1);  
          }
          .back-image-right{
          left:0;
          right:unset;
          }
        .btn-mb-sec{
            display:flex;
            background: var(--color-7);
        }
        .persondetailstorysec{
            padding-top:0;
        } 
        
        .water-imgwrap{
            height:950px;
            position:relative;
            z-index:1;
}
.greengradient{
    background: linear-gradient(180deg, rgba(122, 185, 141, 0.00) 39.38%, #7AB98D 99.96%);
    height:150px;
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
    margin-bottom:-2px;
}
.growth-point-wrap{
    display:flex;
    flex-direction: column;
    gap:30px;
    align-items: center;
    justify-content: center;
    padding-top:40px;
}
.growth-point{
    display:flex;
    flex-direction: column;
    gap:10px;
    align-items: center;
    justify-content: center;
}
.growth-point-desc{
    max-width: 274px;
    width:100%;
    text-align: center;
}
.award-section{
    background: var(--color-3);
    position:relative;
    padding:250px 0 50px;
}
.award-detail{
    display:flex;
    flex-direction: column;
    gap:10px;
    align-items: center;
    justify-content: center;
}
.award-wrap{
    display:flex;
    flex-direction: column;
    gap:50px;
    align-items: center;
    justify-content: center;
}
.bird-inner-fly{
    position:absolute;
    top:0;
    right:0;
    width:50%;
}
.video-wrap{
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
}
.video-wrap svg{
    pointer-events:none;
}
.playbtn{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    max-width: 72px;
}
.playbtn:hover{
    opacity: .9;
}
.support-section-imagesec{
    background: var(--color-3);
    height:400px;
    position:relative;
}
.support-section-birds{
    width:50%;
    right:0;
    top:0px;
}
.support-section-cloud1{
    position:absolute;
    bottom:70px;
    left:0;
    width: 40%;
}
.support-team-wrap{
    background: var(--color-3);
    height:350px;
    position:relative;
}
.support-team{
    position:absolute;
    bottom:0;
}
.support-sec-bg{
    position:absolute;
    bottom:0;
}
/* form section */
.form-section{
    position:relative;
    background: var(--color-3);
    padding-top:300px;
}
.form-section-desc-wrap{
    display:flex;
    flex-direction: column;
    gap:20px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.form-section-desc-wrap p{
    max-width: 292px;
    width:100%;
}
.form-section-tag{
    padding-top:20px;
}
.form-container {
    padding: 20px;
  }
  .form-input-item{
    display: flex;
    align-items: baseline;
    gap: 10px;
  }
  .form-input-item input{
    width: 100%;
  }
  .register-form {
    display: flex;
    flex-direction: column;
    gap: 10px;

    padding:20px 0 40px;
  }
  
  .register-form input,
  .register-form select {
    padding: 10px;
    border: none;
    outline: none;
    background-color: white;
    font-size: 14px;
    border-radius: 5px;
  }
  .register-form select  {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
    background-color: white;
    padding-right: 30px;
    /* background-image:url('/assets/selectarrow.png'); */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
  }
  .register-form button {
    background-color: black;
    color: white;
    padding: 12px;
    border: none;
    font-size: 15px;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 20px;
    width: 300px;
  }
  
  .register-form button:hover {
    opacity: 0.9;
  }
  .rightcloud{
    position:absolute;
    width:70%;
    top:0rem;
    right:0;
  }
  .white-gradient-thick{
    background: #FFFFFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 136, 51, 0.0) 64%);
    height:150px;
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
    z-index:2;
  }
  .bg-yellow{
    background: var(--color-3);
  }
  .form-heading{
    max-width:290px;
    width:100%;
  }
  .form-sec-singlebird{
    position: absolute;
    top: 0;
    right: unset;
    left: 0;
    width: 66%;
    z-index: 2;
  }
  .disclaimer-text{
    width: 440px;
    margin: 0 auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
    letter-spacing: -0.42px;
    margin-top: 10px;
  }
  .hidedesktop{
    display:none;
}
.hidemobile{
    display:flex;

}
.bottomtextwrapleft{
    left: 8rem;
    bottom: 7rem;
    width: auto;
}
.farmerstoryimgright{
    bottom:3rem;
    right:6rem;
    transform: unset;
}
.persondetailwrapleft{
    left:5%;
    right:unset
}
.bottomtextwrapright{
    right: 8rem;
    bottom: 7rem;
    width: auto;
}
.work{
    padding-top:8px;
}
.energy-heading{
max-width:100%;
}
.farmerstoryimgleft{
    position: absolute;
    bottom:3rem;
    width: 47%;
    z-index: 3;
    transform: unset;
    left: 7rem;
}
.img-size-dt{
    width:47%;
}
.size-dt{
    width:46%;
}
.soil-health-heading{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:30px;
}
.soil-health-heading p{
    max-width: 842px;
    width:100%;
}
.black-gradient-middle{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.0) 100%);
    height:500px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    width:100%;
    left:0;
    z-index:2;
}
.black-gradient{
    opacity: 0.5;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
height:40%;
width:100%;
position:absolute;
left:0;
bottom:0;
z-index:4;
pointer-events:none;
}
.climate-quote-section{
    position:relative;
}
.climate-quote-wrap{
    position:relative;
    z-index:3;
    display:flex;
    
    flex-direction: column;
    gap:20px;
    align-items: center;
    justify-content: center;
    /* height:250px; */
    padding-bottom:60px;
}
.climate-quote-wrap p{
    max-width:385px;
    width:100%;
    text-align: center;
}
.horizontal-line{
    width:60%;
    height:1px;
    background: var(--color-2);
    opacity:0.5;
    margin-top:60px;

   
}
.black-text{
    color: var(--color-1);
}
.climate-quote-wrap p span{
    color: var(--color-1);
}
.svgquote{
    position:absolute;
    top:-40px;
    left:40%;
    transform: translateX(-50%);
}
.soil-cloud2{
    position:absolute;
    top:-62%;
    right:0;
    width: 30%;
}
.soil-cloud1{
    position:absolute;
    top:-9%;
    left:0;
    width: 30%;
}
.video-banner{
    margin-top:30px;
    border-radius:8px;
    width: 90%;
}
.video{
    width:100%;
    border-radius:8px;
}
.iframevideo{
    width:100%;
    height:315px;
}
.orange-gradient{
    display:none;
}
.tab-menuwrap{
    position:relative;
}
.tab-container{
    top:3rem;
    left:0;
    width:100%;
    z-index:9;
    padding-bottom:100px;
    position: relative;
    z-index: 2;
}
.tabs{
  padding-top:90px;
  display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    white-space:nowrap;
    flex-wrap:wrap;
}
.tabspt{
    white-space:wrap;
    display:grid;
    grid-template-columns:repeat(5,1fr);
}
.tabspt .tab{
    height:60px;
    opacity:1;
    transition :opacity 0.6s ease;
}
.tabspt .tab:hover{
    opacity:0.8;
    transition :opacity 0.6s ease;
}
.tab{
    padding:9px 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    background:var(--color-2);
    border-radius:100px;
}
.tab span{
    max-width:230px;
}
.tab-menu{
    display:none;
}
.tab-modal{
    display:none;
}
.thank-you-section{
    height: 100vh;
    background-image: url(./assets/thank_you_bg_img.webp);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.thank-you-content{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:30px;
}
.thank-you-content p{
    max-width:800px;
    width:100%;
    text-align:center;
}
.copy-link-btn{
    background:var(--color-2);
}
.energy-imgwrap {
    height: 1450px;
}
.farmerstorycontainer .farmerstorywrap{
    min-height:1400px;
}

.farmerstorywrap{
    min-height:1400px;
}
.cop30-logo{
    padding-bottom:50px;
    display:none;
}
.headerlogowrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
}
.logo-divider{
    width: 1px;
height: 32px;
background:#000;
}
@media(max-width:3000px){
    .energy-imgwrap{
        height:1400px;
    }
    /* .farmerstorywrap{
        min-height:1200px;
    } */

}
@media(max-width:2500px){
    .energy-imgwrap{
        height:900px;
    }
    .farmerstorywrap{
        min-height:1100px;
    }
    .farmerstorycontainer .farmerstorywrap{
        min-height:1200px;
    }
    .water-imgwrap{
        height:700px;
    }
   
    .soil-imgwrap{
        height:700px;
    
    }
    .bio-diversity-imgwrap{
        height:400px;
    }
  
}
@media(max-width:2000px){
    .farmerstorycontainer .farmerstorywrap{
        min-height:1200px;
    }
    .farmerstorywrap{
        min-height:1100px;
    }
    .energy-imgwrap{
        height:830px;
    }
    .bannersection{
        height:600px;
        background-position: 83%;
    }
    .water-imgwrap{
        height:500px;
    }

    .soil-imgwrap{
        height:700px;
    
    }
    .water-imgwrap{
        height:500px;
    }
    .bio-diversity-imgwrap{
        height:400px;
    }
   
}
@media(max-width:1800px){
    .farmerstorywrap{
        min-height:950px;
    }
    .energy-imgwrap{
        height:830px;
    }
    .leaveswrap{
        bottom:-11rem;
    }
    .img-size-dt{
        width:47%;
    }
    .farmerstorycontainer .farmerstorywrap {
        min-height: 950px;
    }

    .bio-diversity-imgwrap{
        height:400px;
    }
   
    .sequestration-sec{
        height:1000px;
    }
    

}
@media(max-width:1600px){
    .farmerstorywrap{
        min-height:820px;
    }
    .energy-imgwrap{
        height:690px;
    }
    .leaveswrap{
        bottom:-11rem;
    }

    .farmerstorycontainer{
        padding-top:60px;
    }
    .bio-diversity-imgwrap{
        height:280px;
    }
    .soil-imgwrap{
        height:500px;
    
    }
    .bio-cloud2{
        top: -86% !important;
    }
}
@media(max-width:1500px){

    .energy-imgwrap{
        height:680px;
    }
}
@media(max-width:1450px){
    .farmerstorycontainer .farmerstorywrap {
        min-height: 800px;
    }
    .farmerstorywrap{
        min-height:800px;
    }
    .energy-imgwrap{
        height:680px;
    }
}
@media(max-width:1200px){
    .soil-imgwrap{
        height:400px;
    }
}
@media(max-width:991px){
    .soil-imgwrap{
        height:330px;
    }
}

@media(max-width:768px){
    .hidemobile{
        display:none !important;
    }
    /* font size mobile */
    .heading-1-md{
        font-size: 42px;
        font-style: normal;
        font-weight: 800;
        font-style:italic;
        line-height: 90%;
        letter-spacing: -2.44px;
    }
    .heading-2-md{
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        font-style:italic;
        line-height: 90%; 
        letter-spacing: -2.24px;
    }
    .heading-3-md{
        font-size: 22px;
        font-weight: 800;
        font-style:italic;
        line-height: 120%;
        letter-spacing: -0.66px;
    }
    .title-1-md{
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.54px;
    }
    .title-2-md{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.6px;
    }
    .body-1-md{
        font-family: "Noto Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .label-1-md{
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; 
        letter-spacing: -0.45px;
    }
    .label-2-md{
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; 
        letter-spacing: -0.45px;
    }
    .hidedesktop{
        display:flex;
    }
    .personimg1{
        width:70%;
    }
    .personimg2{
        top:0;
        left:0;
        width: 53%;
    }
    .personimg3{
        top: 13px;
        right: 0;
        width: 53%;
    }
    .bannertitle{
        max-width:370px;
        padding-bottom: 50px;
    }
    .birds{
        width:55%;
    }
    .banner-mb{
     height:62%;
     bottom:-64px;
    }
    .bannersubtitle{
        max-width: 350px;
    }
    .future-shape-text{
        max-width: 240px;
    }
    .farmerstoryimg{
        position:unset;
        /* bottom:0; */
        bottom:-9px;
        z-index:3;
        left: 50%;
        transform: unset;
    }
    .imagesize{
        width:100%;
    }
    .smallsize{
        width:100%;
    }
    .cloud-img1{
        position:absolute;
        top: 14%;
        left: 0;
        width: 66%;
    }
    .cloud-img2{
        position:absolute;
        top:2%;
        right:0;
        width: 50%;
    }
    .singlebird{
        position:absolute;
        top: 22%;
        right: 45px;
        width:60px;
    }
    .ghg-container{
       height:450px;
    }
    .bottomtextwrapleft{
   bottom:0;
   left: 50%;
   transform: translate(-50%);
    }
    .width-mb-100{
        width:100%;
    }
    .storystart{
        display:flex;
        padding-top:0px;
        max-width:278px;
    }
    .storyspace p{
        padding-bottom:20px;
    }
    .bottomtextwrapright{
       bottom:0;
       left: 50%;
       transform: translate(-50%);
       right:unset;
       width:100%;
    }
    .woman-farmer{
        position: unset;
        bottom: -9px;
        z-index: 3;
        left: 14px;
        width: 85%;
    }
    .energy-heading{
        /* max-width:270px; */
        width:100%;
        text-align: center;
    }
    .energy-security-cloud1{
     
        width: 60%;
    }
    .energy-security-cloud2{
   
        width: 50%;
    }
    .energy-imgwrap{
        height:250px;
    }
    .energy-security-text-wrap{
        background:var(--color-4);
      height:250px;
      color:var(--color-2);
      padding-top:50px;
    }
    .energy-security-text{
        padding-top:0px;
    }
    .water-security-heading{
        text-align: center;

    }
    .water-security-heading-container{
        background:var(--color-6);
    }
    .biodiversity-banner{
        height:auto;
        background-color:var(--color-6);
    }
    .bio-diversity-imgwrap{
        height:auto;
    }
    .climate-content-sec{
        height:530px;
    }
    .climateheading{
        top:40%;
        z-index:3;
        max-width: 200px;
        padding-bottom:15px;
        text-align: center;
    }
    .climatebtn{
        z-index:3;
        background: var(--color-2);
        width:50%;
        top:55%;
    }
    .black-gradient-middle{
        height:340px;
    }
    .climateleaf1{
        top:25%;
    }
    .climateleaf2 {
        top: 58%;
    }
    .soil-cloud2{
        position:absolute;
        top:-15%;
        right:0;
        width: 50%;
    }
    .soil-cloud1{
        position:absolute;
        top:0%;
        left:0;
        width: 40%;
    }
    .modal-content{
        position: absolute;
        left: 0;
        bottom:0;
        width:100%;
        transform:translateY(120%);
    }
    .open-popup .modal-content{
        transform:translateY(11%);
        transition:transform 0.6s ease;
    }
    .farmerstorywrap{
        min-height: 500px;
        align-items: center;
    }
    .sequestration-sec {
        justify-content:flex-start;
        height:auto;
    }
    .persondetailwrap{
        position:unset;
        margin-top:0;
     }
     .actionbtnwrap {
        padding-top:15px;
     }
     .water-imgwrap {
        height:auto;
     }
     .greenspace{
        padding-bottom:190px;
     }
     .lang-menu {
        left:-20px;
     }
     .farmerimgcombo{
        width:100%;
        scale:1.4;
     }
     .personwrap{
        top:70%;
     }
.personimgwrap{
    width:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    position:relative;
    flex-direction: column;
    overflow:hidden;
}
.ghg-story-wrap{
    /* background: var(--color-3); */
    color: var(--color-1);
}
.frond-img{
    bottom:0;
}
.descriptionwrap{
    padding:0px 0;
}
.farmerstoryimgleft{
    position: unset;
}
.storyspace{
    opacity:1;
    max-height:100px;
    display:block;
    padding-bottom:30px;
    transition: max-height 0.6s ease;
}
.story-container{
    max-height:150px;
    transition: max-height 0.6s ease;
}

.bottomtextwrap{
    position:unset;
    transform: unset;
    margin-top:-80px;
    padding-bottom:20px;
}
.quotetext {
    max-width: 340px;
    height:40px;
}
.persondetailwrap{
    width:100%;
}
.energy-security{
    display:flex;
    flex-direction:column-reverse;
}
.energy-security-desc{
    height:130px;
}
.energy-security-textwrap {
    padding-top:10px;
}
/* .story-wrap{
    max-height:200px;
    transition: max-height 0.6s ease;
   
} */
.fullheight{
    max-height:1000px;
    transition: max-height 1s ease;
}
.fullheight .story-container{
    max-height:1000px;
    transition: max-height 1s ease;
}

.fullheight .story-container .storyspace .mb-gradient{
    opacity:0;
    transition: opacity 1s ease;
}
.mbpersondetail{
    padding: 30px 0;
}
.orange-gradient{
    display:flex;
    position:absolute;
    pointer-events:none;
    height:100%;
    width:100%;
    bottom:0;
 left:0;
    background: linear-gradient(180deg, rgba(255, 154, 79, 0.00) 0%, #FF9A4F 100%);
    opacity:1;
    transition: opacity 0.6s ease;
}
.pink-gradient{
    display:flex;
    position:absolute;
    pointer-events:none;
    height:100%;
    width:100%;
    bottom:0;
    left:0;
    background: linear-gradient(180deg, rgba(242, 118, 144, 0.00) 0%, #F27690 100%);
    opacity:1;
    transition: opacity 0.6s ease;
}
.mobile-column{
    display:flex;
    flex-direction:column-reverse;
}
.water-security-descwrap{
    height:130px;
    justify-content:center;
}
.water-security-wrap {
    padding-top:50px;
}
.greengradientmb{
    height:100% !important;
    opacity:1;
    transition: opacity 0.6s ease;
}
.soil-content-mb{
    display:flex;
    flex-direction:column-reverse;
}
.soil-imgwrap{
    height:auto;
}
.soil-banner{
    height:auto;
    background-color:var(--color-5);
}
.biodiversity-banner-container{
    display:flex;
    flex-direction:column-reverse;
}
.share-mediawrap{
    padding:20px 0 40px;
}
.tab-container{
    display:none;
}
.tab-menu{
    display:flex;
    position:fixed;
    bottom:0px;
    right:20px;
    z-index:9999;
    cursor:pointer;
    border:none;
    width: 90%;
    background: white;
    display: flex;
    align-items: center;
    justify-content:center;
    padding: 20px 16px;
    border-radius: 100px;
    transform: translateY(150%);
    transition:transform 0.6s ease;
    color:var(--color-1);
    background:#FEBA11;
}
.tab-menusvg{
    position:absolute;
    top:50%;
    transform:translateY(-30%);
    left:2rem;
}
.tab-menu.slide-down {
    transform: translateY(150%) !important;
    transition: transform 0.6s ease;
}
.scrolled-tab-menu{
    transform: translateY(-30%) !important;
    transition:transform 0.6s ease;
}

.tab-modal{
    position: fixed; 
    z-index: -1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    background-color: rgba(0, 0, 0, 0.5);
    opacity:0;
    display:flex;
}
.opentab {
    opacity:1;
    z-index:99999;
}
.tab-modal-content-wrap{
    position: absolute;
    left: 0;
    bottom:0;
    width:100%;
    transform:translateY(120%);
    transition:transform 0.6s ease;
    background:var(--color-2);
    padding: 40px 20px 60px;
    border-radius:8px;
}
.opentab .tab-modal-content-wrap{
    transform:translateY(8%);
    transition:transform 0.6s ease;
}
.tab-link-wrap{
    display:flex;
    flex-direction:column;
}
.section-tab{
    padding:20px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.tab-close-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
}
.future-shape{
    padding-top:30px;
    width:90%;
}
.soil-health-heading{
    gap:20px;
}
.biodiversity-heading{
    gap:20px;
}
.bannersection {
    height:520px;
}
.bio-cloud{
    top:-12%!important;
}
.bio-cloud2{
    top: -15% !important;
    width: 45% !important;
}
.namewrap{
    width:90%;
}
 .video-banner{
        width: 100%;
        margin-bottom: 30px;
        background-color: #000;
    }
    .farmerstorycontainer{
        padding-top:0px;
    }
}
@media(max-width:475px){
    .width-mb-smallscreen{
        width:90%;
    }
    .soil-imgwrap{
        height:auto;
    }
    .imagesize-mb{
      width:100%;
    }
    .imagewrapmb{
        display:flex;
        align-items: center;
        justify-content:center;

    }
    .smallsize {
        width: 90%;
    }
    .imagesize{
        width:90%;
    }
    .width-mb-100{
        width:90%;
    }
   
    .bio-diversity-desc{
        height:170px;
    }
    .soil-diversity-desc{
        height:240px;
    }
    .action-container{
        flex-direction:column;
        gap:40px;
    }
    .action-content{
        align-items:center;
    }
    .actiontext{
        text-align:center !important;
    }

}
@media(max-width:375px){
    .personimg{
        top:6%;
    }
    .cloud-mb{
        top:14%;
    }
    .blackdiv{
        height:250px;
    }
    .energy-imgwrap{
        height:260px;
    }
  
    .sequestration-text-wrap p{
        max-width: 290px;
    }
    .sequestration-sec {
        justify-content:flex-start;
        /* height:500px; */
    }
   
    .farmerstorywrap{
        min-height: 500px;
    }
    .smallsize {
        width: 100%;
    }
    .imagesize{
        width:100%;
    }
    .width-mb-100{
        width:100%;
    }
   
}
@media(max-width:360px){
   
    .cloud-mb{
        top:14%;
    }
    .banner-mb {
        /* bottom: -70px; */
    }
    .energy-imgwrap{
        height:250px;
    }
    .width-mb-smallscreen{
        width:100%;
    }
}
.heading-highlighted{
    background: #ffd64d;
    color: #000;
    padding: 10px 20px;
    border-radius: 8px;
}