.line-top:before{
    position: absolute;
    /* left: -30px; */
    top: 50px;
    background: #b0d798;
    height: 2px;
    width: 100%;
    justify-self: center;
}
.line-top{
    grid-template-columns: 1fr 1fr;
    position:relative;
}

@media (max-width:991px){
    .line-top:before{
     display:none;
}
.line-top{
    grid-template-rows: 1fr 1fr;
    grid-template-columns: unset
}
    .for-green-liner.small:before{
        display:none;
    }
}

.my-header.fixed{
    background: #372e2e7d;
    z-index:9998;
    /*position: fixed;*/
    padding:unset !important;
    transition:all 200ms ease !important;
}
.my-header.fixed2{
    background:#372e2e7d;
    z-index:99999;
    padding:unset !important;
    /*position: fixed;*/
    transition:all 200ms ease !important;
}
.my-header.fixed .logo, .my-header.fixed2 .logo {
    margin:5px;
}

  .modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }
.media-wrapper {
    background: url(assets/media-bg.png);
    background-size: 100% 80%;
    background-repeat: no-repeat;
}
.box-wrapper-videos .slick-list {
    overflow: hidden;
  }
.media-list span {
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}
  .box-wrapper-videos .slick-track {
    display: flex;
    align-items: center;
  }

 .box-wrapper-videos .slick-slide {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: stretch;
}
  .box-wrapper-videos .slick-dots {
    padding: 0;
    display: flex;
    justify-content: center;
    list-style: none;
}

.box-wrapper-videos .slick-dots button {
    font-size: 0;
    height: 20px;
    width: 20px;
    border-radius: 100px;
    background: #3f3e48;
    margin: 0 10px;
    border: 0;
}


.box-wrapper-videos li.slick-active button {
    background: #ffff;
    border: 1px solid;
}
.box-wrapper-videos .slick-arrow {
    position: absolute;
    top: 40%;
    font-size: 0;
    border: 0;
    background: transparent;
}
.box-wrapper-videos .slick-arrow:before {
    content: "<";
    font-size: 55px;
    color:#afd899
}

.box-wrapper-videos .slick-next {
    right: 20px;
}
.box-wrapper-videos .slick-next:before{
    content: ">";
}

.box-wrapper-videos button.slick-prev.slick-arrow {
    z-index: 1;
    left: 20px;
}

.media-head {
    padding: 50px 100px;
    font-family: 'exodus-regulur';
    color: #fff;
}
.media-head h3{
    color: #fff;
}
.modal-body {
  position:relative;
  padding:0px;
}
.btn-close {
    position: absolute;
    right: 0;
    top: -74px;
    font-size: 32px;
    color: green;
    background:transparent url("assets/cross.svg") center/1em auto no-repeat;
}
.modal-body span {
    position: absolute;
    right: 11px;
    top: -28px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}
    /* Add your custom CSS styles for the boxes and play button here */
    .box-container {
      display: flex;
      justify-content: space-around;
      margin: 20px;
    }
   .box {
    padding: 177px;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: all 0.4s;
}
.slick-slide {
    margin: 0 18px;
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
    .box:hover {
    cursor: pointer;
    filter: brightness(0.9);
    transform: scale(1.02);
}
  .play-button {
    position: absolute;
    top: 43%;
    left: 47%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    height: 50px;
    -webkit-animation: pulse 1s infinite linear;
    animation: pulse 1s infinite linear;
    width: 50px;
    filter: hue-rotate(293deg);
}
    @keyframes pulse{
    0%{
        -webkit-transform:scale(0.75);
        transform:scale(0.75)
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        -webkit-transform:scale(0.75);
        transform:scale(0.75)
    }
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.foot-headings h3 a {
    color: #000;
}
.logo {
    width: 132px;
    margin: 21px;
}
body.who-we-are-header .logo {
    filter: brightness(0);
}
body{
    list-style: none;
    text-decoration: none;
    overflow-x : hidden;
}
.icons-what img
{
        height: 40px;
}
.flow-img {
    overflow: hidden;
}
a{
    text-decoration: none !important;
}
img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    transition: all 2000ms ease-in !important;
  }
.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 2px solid #b6b5b5!important;
}
img{
    width: 100%;
}
@font-face {
    font-family: gg-bold;
    src: url(./fonts/galano-grotesque-alt-cufonfonts/GalanoGrotesqueBold.otf);
}
@font-face {
    font-family: gg-ebold;
    src: url(./fonts/galano-grotesque-alt-cufonfonts/GalanoGrotesqueBold.otf);
}
@font-face {
    font-family: gg-extra-light;
    src: url(./fonts/galano-grotesque-alt-cufonfonts/GalanoGrotesqueExtraLight.otf);

}
@font-face {
    font-family: gg-heavy;
    src: url(./fonts/galano-grotesque-alt-cufonfonts/GalanoGrotesqueHeavy.otf);
}
@font-face {
    font-family: gg-light;
    src: url(./fonts/galano-grotesque-alt-cufonfonts/GalanoGrotesqueLight.otf);
}
@font-face {
    font-family:gg-medium ;
    src: url(./fonts/galano-grotesque-alt-cufonfonts/GalanoGrotesqueMedium.otf);
}
@font-face {
    font-family:gg-regular ;
    src: url(./fonts/galano-grotesque-alt-cufonfonts/GalanoGrotesqueRegular.otf);
}
@font-face {
    font-family:gg-semi-bold ;
    src: url(./fonts/galano-grotesque-alt-cufonfonts/GalanoGrotesqueSemiBold.otf);
}
@font-face {
    font-family: gg-thin;
    src: url(./fonts/galano-grotesque-alt-cufonfonts/GalanoGrotesqueThin.otf);
}


@font-face {
    font-family: exodus-regulur;
    src: url(./fonts/exodus-demo/ExodusDemo-Regular.otf);
}
@font-face {
    font-family: exodus-sharpen;
    src: url(./fonts/exodus-demo/ExodusDemo-Sharpen.otf);
}

@font-face {
    font-family: exodus-Shino;
    src: url(./fonts/exodus-demo/ExodusDemo-Shino.otf);
}
@font-face {
    font-family:exodus-stencil ;
    src: url(./fonts/exodus-demo/ExodusDemo-Stencil.otf);
}
@font-face {
    font-family: exodus-striped;
    src: url(./fonts/exodus-demo/ExodusDemo-Striped.otf);
}
.animate-on-scroll {
    opacity: 0; /* Start with opacity 0 or any other initial state */
    transition: opacity 0.5s ease; /* Add desired transition effect */
  }
  .animate-on-scroll.show {
    opacity: 1; /* Change opacity or any other CSS properties to animate */
  }
  .animate-on-scroll {
    opacity: 0;
    transform: translateY(20px); /* Example animation: move up */
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  .animate-on-scroll.show {
    opacity: 1;
    transform: translateY(0); /* Example animation: move to original position */
  }



.icons-what img
{
        height: 40px;
}


/* top header */

.my-container{
    max-width: 1460px;
    margin: 0 auto;
}
.hamburger {
    display: none !important;
}
.wrapper {
    display: flex;
    justify-content: space-between;
}

.right-link a {
    font-size: 18px;
    font-family: gg-medium;
    color: #382e2e;
}
.left-ico {
    height: auto;
    max-width: 36px;
}
.my-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 60px 0 0 0;
    z-index: 1;
}

.top-header {
    padding-top: 15px;
    height: 58px;
    z-index: 99999999;
    position: relative;
}

.logo h2 {
    font-size: 83px;
    font-family: exodus-sharpen;
    display: inline-block;
    margin: 0;
    color: #ffff;
}

.logo p {
    font-size: 22px;
    font-family: gg-medium;
    margin: 0;
    color: #ffff;
}

.navlinks ul {
    display: flex;
    margin: 0;
}
.navlinks ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background: #ffff;
    transition: 0.5s ease-in-out;
}
.navlinks ul li a:hover:before {
    width: 100%;
}


.navlinks ul li:first-child a {
    padding: 0;
}

.myheader-wraper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navlinks ul li {
    list-style: none;
}

.navlinks ul li a {
    font-family: gg-medium;
    font-size: 18px;
    margin: 0 0 0 80px;
    color: #ffff;
    position: relative;
    display: inline-block;
}


/* section */
section.sec-1 {
    background: url(./assets/BACKGROUND-01-01.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 220px;
    width: 100%;
    padding-bottom: 220px;
      transition: all 0.5s ;;
}



.fa-52 {
    font-size: 52px;
    font-family: exodus-regulur;
    line-height: 1.1;
    color: #372E2E;
}

.fa-22 {
    font-size: 22px;
    font-family: gg-medium;
    color: #372E2E;
}

.plus-anchor a {
    font-size: 26px;
    font-family: gg-medium;
}


.sec1-textcol {
    max-width: 467px;
}
.sec1-textcol p {
    max-width: 412px;
    line-height: 1.3;
    color: #372E2E;
}
.sec1-textcol h1 {
    padding-bottom: 20px;
}


/* section 2 */
.plus-text p {
    font-size: 26px;
    font-family: gg-medium;
    margin: 0;
    color: #372E2E;
}



.maptext h1 {
    font-size: 65px;
    font-family: exodus-regulur;
    color: #372E2E;
}
.pluswrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 300px;
}

.plus {
    max-width: 95px;
    text-align: center;
}

.map-col {
    position: relative;
}

.map-col:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translatey(-50%);
    background: url(./assets/globe.png);
    height: 519px;
    width: 519px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

section.sec-2 {
    position: relative;
    z-index: 9;
    margin-top: -150px;
}

.wrapall {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 460px;
}

.maptext-wrap {
    max-width: 410px;
}
.maptext .fa-22 {
    max-width: 290px;
}
.mapanchor {
    display: flex;
    flex-direction: column;
}

.mapanchor a {
    font-size: 26px;
    font-family: 'gg-medium';
    color: #372E2E;
    text-align: center;
}

.empower{
    background-image: url(./assets/2-main-banner.jpg);
    height: 759px;
     background-size: 115% ;
    /* Set transition property for smooth animation */
    transition: background-size 1s ease;
}
.empower.active {
    /* Set the reduced background size */
    background-size: 103% ;
}
.animation-bg {
    /* Set the reduced background size */
    background-size: 100% ;
}
.fa-52-light {
    font-size: 52px;
    font-family: gg-light;
    margin: 0;
    color: #ffff;
}

.fa-26 {
    font-size: 26px;
    color: #afd899;
}

.empower-text {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding-top: 380px;
    max-width: 970px;
    margin: 0 auto;
}

section.sec-3 {
    padding-top: 70px;
}


.sec-3 .plus {
    max-width: 45px;
    margin-top: -28px;
}

/* section-4 */


/*section.sec-4 {*/
/*    background: url(./assets/sec-4-bg.png);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/
.sec-4 {
    background: url(./assets/sec-4-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all 0.4s;
}
.fa-65 {
    font-size: 65px;
    font-family: 'exodus-regulur';
    color: #372E2E;
}

.what-heading h2 {
    max-width: 250px;
    margin-bottom: 40px;
}

.maptext .fa-22 {
    max-width: 290px;
}

.sec-4img {
    max-width: 470px;
    margin: auto;
    margin-top: -30px;
}


.what-heading .fa-22 {
    max-width: 480px;
}

.before-plus-green:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(./assets/plus-01.png);
    height: 95px;
    width:95px;
    background-size: contain;
    background-repeat: no-repeat;
}
.before-plus-green {
    position: relative;
}

.what-heading .before-plus-green:before {
    left: -50%;
    top: 30%;
}
.icons {
    min-width: 70px;
}
.fa-29 {
    font-size: 24px;
    font-family: gg-regular;
}

.ico-text-wrap {
    display: flex;
    align-items: self-start;
}


.text-icons .fa-29 {
    padding-left: 20px;
}

.ico-col {
    margin: 80px 0;
}

.icons.before-plus-green:before {
    bottom: -100%;
    top: auto;
    height: 45px;
    width: 45px;
    left: 50%;
    transform: translateX(-50%);
}

.link-fa-19 {
    font-size: 19px;
    font-family: 'gg-medium';
    color: #000;
}

.link a {
    font-family: 'gg-medium';
    text-align: center;
    font-size: 15px;
    color: #372E2E;
    text-transform: uppercase;
}

.row.for-pt {
    margin-top: 280px;
    padding-bottom: 460px;
}

/* sec-5 */

.sec-5{
    background-image: url(./assets/3-main-banner.jpg);
    height: 637px;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 1450px;
    margin: 0 auto;
    margin-top: -280px;
    position:relative;
    z-index:999;
    background-size: 105%;
    transition: background-size 1s ease;
}

.theteam {
    display: flex;
    max-width: 640px;
    margin-left: auto;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}


.team-wrap .fa-65 {
    max-width: 340px;
}

.team-wrap .fa-22 {
    max-width: 450px;
}

.sec-5 .right-link {
    margin-top: 160px;
    margin-left: 150px;
}
.team-wrap:before {
    content: "";
    position: absolute;
    left: -21%;
    top: 6%;
    background: url(./assets/se-5-circle.png);
    height: 460px;
    width: 424px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
.team-wrap{
    position: relative;
    z-index: 1;
    padding-top: 100px;
}
.sec-5 .before-plus-green:before {
    left: auto;
    right: 0;
}

.global-text h2 {
    max-width: 270px;
}

.global {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 450px;
    margin-bottom: 50px;
}

.we-are-global {
    max-width: 570px;
}
.mapimg {
    max-width: 640px;
}
section.sec-6 .before-plus-green:before {
    left: auto;
    right: 0;
}

section.sec-6 {
    z-index: 9;
    position: relative;
    margin-bottom: -150px;
}


.for-slider {
    position: relative;
}

.slidermain-head h1 {
    font-size: 47px;
    font-family: 'gg-light';
    color: #fff;
}

p.numbers {
    font-size: 67px;
    font-family: 'gg-regular';
    color: #ffff;
}




.values .fa-22 {
    color:#ffff;
}
.row.for-max {
    max-width: 1180px;
    margin: 0 auto;
}
.values {
    text-align: center;
}

.for-slider {
    background: url(./assets/4-main-banner.jpg);
    /*padding: 170px 0;*/
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-size 1s ease;
    position: relative;
}
.smooth-bg-transition {
    background-size: 100% !important;
}
.slider-wrap {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.slider-wrap {
    margin-bottom: 50px;
}
.for-slider .slick-list {
    overflow: hidden;
  }

  .for-slider .slick-track {
    display: flex;
    align-items: center;
  }

  .for-slider .slick-slide {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .for-slider .slick-dots {
    padding: 0;
    display: flex;
    justify-content: center;
    list-style: none;
}

.for-slider .slick-dots button {
    font-size: 0;
    height: 20px;
    width: 20px;
    border-radius: 100px;
    background: #3f3e48;
    margin: 0 10px;
    border: 0;
}


.for-slider li.slick-active button {
    background: #ffff;
    border: 1px solid;
}
.for-slider .slick-arrow {
    position: absolute;
    top: 40%;
    font-size: 0;
    border: 0;
    background: transparent;
}
.for-slider .slick-arrow:before {
    content: "<";
    font-size: 55px;
    color:#FEF2E3
}

.for-slider .slick-next {
    right: 20px;
}
.for-slider .slick-next:before{
    content: ">";
}

.for-slider button.slick-prev.slick-arrow {
    z-index: 1;
    left: 20px;
}




.my-footer-row {
    display: flex;
    justify-content: space-between;
}

ul.foot-bullet {
    padding: 0;
    list-style: none;
}

ul.foot-bullet li a {
    font-size: 14px;
    font-family: 'gg-medium';
    color: #9EAA9B;
    line-height: 1.9;
}

.foot-headings h3 {
    font-size: 16px;
    font-family: 'gg-medium';
    margin-bottom: 15px;
    text-transform: uppercase;
}

footer.mera-footer {
    background-color: #F4F4F4;
    padding: 260px 0 120px 0;
    margin-top: -150px;
}
.footer-cols {
    flex: 0 0 11%;
}
.foot-logo h2 {
    color: #9EAA9B;
    font-family: 'exodus-sharpen';
    font-size: 47px;
}

.footer-copy p {
    font-size: 15px;
    font-family: 'gg-medium';
    color: #372E2E;
    margin: 0 !important;
    text-transform: uppercase;
}



.foot-links-copy {
    display: flex;
    justify-content: space-between;
    width: 60%;
    margin-left: auto;
}




.footer-copy-padd {
    padding: 20px 0;
}

.line {
    height: 20px;
    width: 1px;
    background: black;
}



/* Who-we-are */
body.who-we-are-header .navlinks ul li a:before {
    background: #000;
}

section.sec-who {
    margin: 203px 0 0 0;
    position: relative;
}
body.who-we-are-header .logo h2,body.who-we-are-header .logo p {
    color: #000;
}
body.who-we-are-header .navlinks ul li a{
    color: #000;
}
.image-who-we-are {
    position: absolute;
    right: 0;
    top: 0;
}
.heading-line:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    height: 3px;
    width: 119px;
    background: #FEF2E3
}

.heading-line {
    position: relative;
}

.image-wrapper-who {
    max-width: 1080px;
}


.heading-who {
    max-width: 545px;
    margin-top: 20px;
}
.heading-who h1 {
    padding: 0 0 20px 0;
}

section.with-global {
    background: #AFD899;
    padding: 200px 0;
}

.global-wrap-image {
    max-width: 608px;
    position: absolute;
    top: 0;
    left: 0;
}

.global-image {
    position: relative;
}
.image-who-we-are.mission {
    position: static;
}
section.our-mission {
    padding: 276px 0;
}
.heading-who.our-mission-head {
    max-width: 680px;
}
.image-wrapper-mission {
    max-width: 668px;
    margin-left: auto;
}


.image-who-we-are.mission.History {
    position: absolute;
    left: 0;
    max-width: 880px;
    top: 50%;
    transform: translateY(-50%);
}

section.our-history {
    position: relative;
}
.heading-who.our-history-head {
    max-width: 100%;
}
.heading-who.our-corposrat-head {
    max-width: 690px;
}
section.corporate {
    padding-top: 175px;
    padding-bottom: 100px;
}

/* what we do  */

section.what-we-do {
    margin: 270px 0 0 0;
}

.what-we-heading {
    margin-top: 20px;
}

.what-we-wrap.heading-line h1 {
    padding-bottom: 20px;
}
.what-images-wrapp {
    display: flex;
}

.what-we-heading {
    max-width: 681px;
}

.what-image-1 {
    margin: 190px 20px 0 0;
    position: relative;
    z-index: 1;
}
.what-image-2 {
    position: relative;
    z-index: 1;
}
.three-images {
    display: flex;
}

section.what-we-do-2 {
    background-color: #AFD899;
    padding-top: 60px;
    padding-bottom: 30px;
    margin-top: -220px;
    position: relative;
}

.what-we-do-para {
    padding-top: 190px;
    position: relative;
    z-index: 1;
}

.for-imge2 {
    margin-top: -110px;
    position: relative;
    z-index: 1;
}

.for-imge1 {
    margin-right: 20px;
}

.bridg-img {
    margin-top: 40px;
}

section.what-we-do-2:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -90px;
    background: url(./assets/circle-asset.png);
    height: 548px;
    width: 469px;
    z-index: 1;
    opacity: 0.4;
    background-size: contain;
    background-repeat: no-repeat;
}

section.enabler {
    padding: 160px 0;
}

.fa-42 {
    font-size: 42px;
    font-family: gg-regular;
    color: #010101;
}

.enable-para {
    padding-bottom: 100px;
    border-bottom: 2px solid #FEF2E3;
    position: relative;
    padding-left: 80px;
}
.enable-wrap h2 {
    max-width: 590px;
}
.enable-para:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 60px;
    background: url(./assets/what-we-iconn.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.icons-col {
    display: flex;
    margin-top: 100px;
    position: relative;
    padding-right: 48px;
}

.icons-what {
    margin-right: 10px;
}

.icons-what img {
    min-height: 60px;
    width: 60px;
}
.for-green-liner:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    background: #FEF2E3;
    height: 515px;
    width: 2px;
}
.for-green-liner {
    position: relative;
}



/* our team  */

.sec-our-main{
    background-image: url(./assets/OUR-TEAM-1-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
    padding-top: 250px;
}

.our-team-heading h1 {
    color: white;
}


.board-of-heading {
    text-align: center;
    position: relative;
}
.line-bothside:before,.line-bothside:after {
    content: "";
    position: absolute;
    left: 100px;
    top: 50%;
    height: 2px;
    width: 276px;
    background: #B0D798;
}
.line-bothside {
    position: relative;
    z-index: 999;
}

.line-bothside:after {
    right: 100px;
    left: auto;
}



.fa-36 {
    font-size: 36px;
    font-family: 'exodus-regulur';
}

.director-dezi {
    font-size: 36px;
    font-family: 'gg-regular';
}


.director-email {
    font-size: 25px;
    font-family: 'gg-regular';
}
.bg-num {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

.green-count {
    font-size: 270px;
    color: #B0D798;
}
.directors {
    margin: 170px 0 0 0;
    text-align: center;
}
section.board-of-D .my-container {
    background: #ffff;
    margin-top: -140px;
    padding-top: 100px;
}


.our-team .for-green-liner {
    position: relative;
}

section.board-of-D {
    padding-bottom: 410px;
}
.mt-top {
    margin-top: 200px;
}
.small.for-green-liner:before {
    height: 125px;
}

.hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-top: 0;
  }

  .line {
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-bottom: 5px;
  }

  .menu {
    display: none;
  }

  .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: white;
    padding: 25px;
  }

  .menu li {
    margin-bottom: 10px;
  }

  .menu a {
    text-decoration: none;
    color: #372e2e;
    font-size: 14px;
    font-family: 'gg-medium';
  }

  /* OUR PROJECTS */
  .our-projects footer.mera-footer{
    margin-top: 0;

  }

  section.sec-our-main.sec-our-projects {
    background-image: url(./assets/our-project-1-01.jpg);
    background-position: center;
}

.project-wrap {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    padding: 40px;
    background: #AFD899;
    margin-top: -30px;
}

.project-wrap .fa-42 {
    font-size: 36px;
    font-family: gg-regular;
    cursor: pointer;
}
.manage-para .fa-26 {
    font-family: gg-light;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    padding: 44px;
}
.green-para .fa-22 {
    text-transform: uppercase;
    padding: 20px 33px;
}
.green-p{
    background: #FEF2E3;

}
.for-bg-green {
    padding: 40px 30px 40px 40px;
    background: #F4F4F4;
}
.clien-list {
    list-style: none;
    padding-left: 100px;

}

.clien-list li {
    padding-bottom: 15px;
}

.ministry-para p {
    line-height: 1.8;
    font-family: 'gg-light';
}
.project-wrap .for-green-liner:before {
    height: 45px;
}
.threediff-col.for-green-liner:before {
    height: 235px;
    left: -50px;
}
.multi-images {
    margin-bottom: 30px;
}

.threediff-col {
    margin-bottom: 60px;
}

section.completed-proj {
    padding-bottom: 200px;
}



/* our client */
.our-clients .sec-our-main.sec-our-projects {
    background-image: url(./assets/clients-main-01.jpg);
    background-position: center;
    height: 100%;
}


.client-textwrap h2 {
    max-width: 580px;
    margin: 50px 0;
}

.client-textwrap p {
    max-width: 700px;
    text-align: justify;
}

.client-textwrap-2 h2 {
    max-width: 650px;
    margin: 50px 0;
}
.our-clients footer.mera-footer {
    margin-top: 0;
}


/* get-in-touch  */

.GET-IN-TOUCH .sec-our-main.sec-our-projects {
    background-image: url(./assets/get-in-touch-bg.webp);
    height: 100%;
}
.label-input label {
    display: block;
    font-size: 15px;
    font-family: 'exodus-regulur';
}

.label-input label input {
    display:block;
}
#userMsg {
    padding: 9px;
    margin-bottom: 27px;
    font-size: 17px;
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    border-bottom: 3px solid #d5cabd;
}
textarea#userMsg:focus-visible {
    outline: 0;
}
.label-input input {
    display: block;
    width: 100%;
    padding: 10px;
    border: 0;
    background: transparent;
    border-bottom: 3px solid #d5cabd;
    margin-bottom: 30px;
    font-size: 18px;
}
.label-input input:focus {
    outline: none;
}

.get-form {
    max-width: 700px;
    padding: 100px 0;
}

.sub-btn {
    background: black;
    color: white;
    padding: 6px 30px;
    margin: 30px 0;
    font-family: 'gg-regular';
    transition: all;

}
.sub-btn:hover {
    background-color: #fff;
    color: #000;
}

.location-heading {
    text-align: center;
}

.fa-25 {
    font-family: 'exodus-regulur';
    font-size: 25px;
}

.locationscol {
    text-align: center;
}

.fa-16 {
    font-size: 16px;
    font-family: 'exodus-regulur';
}

.locations-wrap p {
    font-size: 16px;
    font-family: gg-regular;
}

.locations-wrap {
    margin-top: 40px;
}
.locations-wrap.heading-line:before {
    bottom: -20px;
    top: auto;
    width: 40px;
    left: 50%;
    transform: translateX(-50%);
}


/* code-of conduct  */
.mt-40 {
    margin-top: 40px;
}
.sec-code-of-conduct .fa-22{
    font-family: gg-regular;
    text-align: justify;
}

.intl-tel-input,
.iti
{
    width:100%;
}

.error-message {
        display: none;
        color: red;
        font-size: 14px;
    }
.success-message {
        color: green;
        font-size: 14px;
        display: none;
    }
.tab-content {
    display: none;
  }

  .tab-content.active {
    display: block;
  }
  .active-tab h2 {
    font-family: gg-bold !important;
    color: #FEF2E3;
}

.text-align-justify{
    text-align: justify;
}
/*------------ changes ------------*/

.sec-2 .my-container .map-col, .sec-4img, .mapimg{
    animation: float 4s ease-in-out infinite;
}


.pluswrap:hover .plus, .mapanchor:hover .plus, .plus:hover, .before-plus-green:not(.icons):hover::before  {
transition: transform 500ms ease-in-out;
transform: rotate(180deg);
}
.pluswrap:hover .plus-text p{
    transition: all 200ms ease;
    color: #d5cabd;
}
.global.before-plus-green:hover{
    cursor:pointer;
}

.mapanchor:hover a{
    transition: all 200ms ease-in-out;
    color: #ffffff;
}

.before-plus-green:hover{
    transition: all 200ms ease-in-out;
    color: #d5cabd;
}

.before-plus-green.icons:hover::before{
    transition: filter 300ms ease-in-out;
    filter: hue-rotate(-62deg);
}
.global:hover h2, .global:hover .right-link{
    transition: all 200ms ease-in-out;
    color: #d5cabd;
}

.right-link a{
    position:relative;
    display:inline-block;
}
.right-link a:hover{
     transition: all 200ms ease-in-out;
    color: #d5cabd;
}

.right-link a::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FEF2E3;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.right-link a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.my-footer-row a:hover, .link a:hover{
    color:#777777;
    transition: color 200ms ease ;
}
.board-of-heading{
    margin-top:25px;
}
.board-of-heading.mt-top{
    margin-top:250px;
}

div .projects-images .multi-images .example-image-link:hover{
    transition: filter 400ms ease;
    filter:brightness(0.5);
}

.our-project-col .project-heading:not(.active-tab):hover h2{
    transition: all 200ms ease-in-out;
    color: #5e7452;
}

.slick-arrow:hover{
    transition: filter 400ms ease;
    filter: brightness(1.2);
}
.for-slider ul.slick-dots{
    padding-top:20px;
}
.left-ico{
    visibility:hidden;
}
.green-para p:not(.green-p):hover{
    transition:all 300ms ease;
    background: #d5cabd;
}

#our-mission-head, #our-history, #corporate, #completed{
    scroll-margin-top: 10rem;
}

/*---------------- animations ------------------*/
/* animation floating*/
@keyframes float {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);

}

50% {
    -webkit-transform: translatey(-20px);
    transform: translatey(-20px);

}
100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);

}
}
ul.fa-22.projects-data li {
    height: 30px;
    padding-bottom: 7px;
    font-weight: 300;
    font-family: gg-light;
    color: #000;
    list-style: none;
}
table.clien-table th {
   padding: 10px 40px;
    vertical-align: initial;
}
td {
    border-left: 2px solid #FEF2E3 !important;
    padding-left: 2rem !important;
}
td.fa-22 {
    padding-bottom: 7px;
    font-weight: 300;
    font-family: gg-light;
    color: #000;
    list-style: none;
   vertical-align: top;
   padding-top: 10px;
}