html {
  overflow-x: hidden;
  scroll-behavior: smooth; }
body{
	  font-family: "Figtree", sans-serif;
}
.mc4wp-response{
	padding-top:20px;
}
.modal-is-opened {
  display: flex !important; }
.anchor-btn{
	cursor:pointer;
}
.trp-language-switcher > div{
	background-color:transparent;
	transition: all 0.3s;
	border: 0px !important;
	background-image:none;

}
.trp-ls-shortcode-language.trp-ls-clicked{
	background-color:#FFFFFF;
}
.trp-ls-shortcode-language.trp-ls-clicked a{
	color:#004752;
}



.trp-ls-shortcode-current-language{
	max-width:70px !important;
	transition: all 0.5s !important;
}


.trp-language-switcher > div > a {
	color:#fff;
}

.privacy-policy {
  min-height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 400px;
  color: #FFFFFF;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.9px; }
  .privacy-policy .container {
    z-index: 1;
    padding-top: 100px; }
    .privacy-policy .container p {
      padding: 10px 0;
      font-size: 14px; }
    .privacy-policy .container h6 {
      padding: 11px 0;
      font-size: 16px;
      text-decoration: underline; }
    .privacy-policy .container h5 {
      padding: 12px 0;
      font-size: 18px;
      text-decoration: underline; }
    .privacy-policy .container h3 {
      padding: 12px 0;
      font-size: 20px;
      text-decoration: underline; }
    .privacy-policy .container h2 {
      padding: 15px 0;
      font-size: 22px;
      text-decoration: underline; }
    .privacy-policy .container h1 {
      padding: 20px 0;
      font-size: 24px;
      text-decoration: underline; }

.careers-bottom-text {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 450px;
  justify-content: center;
  line-height: 36px;
  font-size: 26px;
  color: #FFFFFF;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  letter-spacing: 1.3px;
  margin-top: 56px; }
  .careers-bottom-text a {
    text-decoration: underline;
    color: #87C45E; }

.pp-graphic-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 40px;
  flex-direction: column;
  align-items: flex-end; }

.pp-graphic {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 250px;
  align-items: center; }
  .pp-graphic > div {
    width: 33.3%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .pp-graphic > div img {
      max-width: 100%; }
    .pp-graphic > div:last-child {
      align-items: flex-start; }
    .pp-graphic > div:nth-child(2) {
      align-items: center; }
    .pp-graphic > div .text {
      text-align: center;
      max-width: 300px;
      margin: 10.5px;
      font-size: 14px;
      line-height: 20px;
      color: #ffffff;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      letter-spacing: 0.42px; }
      .pp-graphic > div .text:hover {
        color: #87c45e;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05); }

.scrollbar-track-x {
  display: none !important; }

.get-in-touch {
  width: 100%;
  height: fit-content;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 300px;
  align-items: center;
  justify-content: center; }
  .get-in-touch .container {
    padding-top: 50px;
    padding-bottom: 200px; }
    .get-in-touch .container .git-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 30px;
      border-radius: 10px;
      background-color: rgba(255, 255, 255, 0.18); }
    .get-in-touch .container .left {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      max-width: 660px;
      padding-right: 20px; }
      .get-in-touch .container .left .buttons {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center; }
      .get-in-touch .container .left .title {
        font-size: 38px;
        font-family: "Figtree", sans-serif;
        font-weight: 600;
        color: #fff;
        margin-bottom: 30px;
        line-height: 28px;
        letter-spacing: 0.8px;
        position: relative; }
      .get-in-touch .container .left .desc {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 0.7px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 40px; }
    .get-in-touch .container .right {
      padding-left: 20px;
      max-width: 500px; }
      .get-in-touch .container .right > div {
        width: 250px;
        height: 250px;
        border-radius: 50%; }
        .get-in-touch .container .right > div img {
          max-width: 100%;
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 50%;
          object-position: right; }

.entry-general-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  position: relative;
  justify-content: center;
  min-height: 100vh; }
  .entry-general-section > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .entry-general-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 100px 0;
    z-index: 1;
    min-height: 100vh; }
    .entry-general-section .container .title {
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      line-height: 68px;
      font-size: 58px;
      color: #ffffff;
      margin-bottom: 9.5px;
      max-width: 710px; }
    .entry-general-section .container .text {
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      line-height: 28px;
      font-size: 18px;
      color: #ffffff;
      max-width: 566px;
      margin-bottom: 31px;
      letter-spacing: 0.9px;
      letter-spacing: 1.74px; }

.bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  object-position: center; }

.green-bttn {
  width: 100%;
  width: 200px;
  height: 50px;
  padding: 20px;
  z-index: 11;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #87c45e;
  border-radius: 23px;
  border: 1px solid transparent;
  margin-right: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .green-bttn:hover {
    background-color: transparent;
    border: 1px solid #fff; }
    .green-bttn:hover p {
      transform: translateX(-6px); }
    .green-bttn:hover img {
      transform: translateX(6px);
      opacity: 1; }
  .green-bttn img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0; }
  .green-bttn p {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.65px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Figtree", sans-serif;
    font-weight: 400;
    text-transform: capitalize; }

.white-bttn {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  min-width: 200px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 25px;
  padding: 15px 35px; }
  .white-bttn span {
    font-size: 14px;
    font-family: "Figtree", sans-serif;
    font-weight: 400;
    border-radius: 30px;
    color: #d4fcff;
    letter-spacing: 0.7px;
    line-height: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    transform: translateX(7.6px); }
  .white-bttn img {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .white-bttn:hover {
    background-color: #87c45e;
    border: 1px solid #87c45e; }
    .white-bttn:hover span {
      color: #ffffff;
      transform: translateX(-5px); }
    .white-bttn:hover img {
      opacity: 1;
      transform: translateX(5px); }
  .white-bttn:not(:last-child) {
    margin-right: 20px; }

.green-subtitle {
  color: #87c45e;
  font-size: 18px;
  margin-bottom: 13px;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.9px;
  line-height: 22px; }

.faq-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  padding: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgba(249, 254, 255, 0.1);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 10px; }
  .faq-item .drop-arrow {
    transform: rotate(180deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .faq-item.opened {
    background-color: #ffffff; }
    .faq-item.opened .question {
      color: #004752 !important; }
    .faq-item.opened .drop-arrow path {
      stroke: #004752 !important; }
    .faq-item.opened .drop-arrow {
      transform: rotate(0deg); }
  .faq-item:not(:last-child) {
    margin-bottom: 30px; }
  .faq-item .faq-item__question {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    align-items: center; }
    .faq-item .faq-item__question .question {
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      font-size: 22px;
      letter-spacing: 1.1px;
      line-height: 38px;
      color: #ffffff; }
  .faq-item .faq-item__answer {
    margin-top: 26px;
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #004752;
    opacity: 0.81;
    display: none; }

.surrounding {
  height: 100vh;
  overflow-y: hidden !important;
  overflow-x: hidden !important; }

.preloader-logo {
  position: absolute;
  top: -100px; }

.home-body {
  position: fixed;
  width: 100%; }
  .home-body .background-1 canvas {
    opacity: 0; }
  .home-body #menu,
  .home-body .scroll-line {
    opacity: 0; }

.o-1 {
  order: 1; }

.o-2 {
  order: 2; }

.container {
  width: 90%;
  height: 100%;
  max-width: 1300px; }

.container-lg {
  width: 90%;
  max-width: 1700px; }

.row {
  width: 100%;
  height: fit-content;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -ms-flex-wrap: wrap; }

.end-1 {
  width: 100%;
  position: relative;
  justify-content: end;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.start {
  width: 100%;
  position: relative;
  justify-content: start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.mg-top-50 {
  margin-top: 50px; }

.mg-top-30 {
  margin-top: 30px; }

.col-20 {
  -ms-flex: 20%;
  flex: 20%; }

.col-25 {
  -ms-flex: 25%;
  flex: 25%; }

.col-50 {
  -ms-flex: 50%;
  flex: 50%; }

.col-75 {
  -ms-flex: 75%;
  flex: 75%; }

.col-100 {
  -ms-flex: 100%;
  flex: 100%; }

.container-sm-1 {
  width: 95%;
  max-width: 1300px; }

.container-xs {
  max-width: 95%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column; }

.elips {
  clip-path: ellipse(60% 30% at center bottom);
  background-color: transparent;
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  margin-bottom: 100px; }

body::-webkit-scrollbar {
  width: 4px;
  color: #fff;
  opacity: 0;
  z-index: -1;
  display: none; }

.scrollbar-track-y {
  display: none !important; }

.earth1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  right: 0;
  position: absolute;
  bottom: -50%; }
  .earth1 canvas {
    position: absolute;
    top: 0;
    box-shadow: 2px -11px 13px 4px #227987 inset;
    border-radius: 100%; }

.section-1 {
  height: 100vh !important; }
  .section-1 .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }

.earth {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%; }

.sm-row {
  position: relative;
  justify-content: flex-start;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px; }

body {
  position: relative;
  overflow-x: hidden;
  z-index: 1; }
  body #my-scrollbar {
    width: 100%;
    height: 100%;
    overflow: auto; }
  body .preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    z-index: 999999;
    background-color: #004752;
    overflow: hidden;
    pointer-events: none; }
    body .preloader .earth img {
      width: 100%; }
    body .preloader .logo {
      position: relative;
      width: 100%;
      justify-content: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin-top: 20%;
      padding-bottom: 50px;
      max-width: 300px !important;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      transition: width 2s; }
      body .preloader .logo img {
        width: 100%; }
    body .preloader .animate-bottom-1 {
      position: relative;
      -webkit-animation-name: animatebottom;
      -webkit-animation-duration: 2.5s;
      animation-name: animatebottom;
      animation-duration: 3s;
      animation-delay: 1.2s;
      opacity: 0; }
    body .preloader .animate-bottom {
      position: relative;
      -webkit-animation-name: animatebottom;
      -webkit-animation-duration: 2.5s;
      animation-name: animatebottom;
      animation-duration: 2s;
      animation-delay: 0.7s;
      opacity: 0; }

@-webkit-keyframes animatebottom {
  from {
    bottom: -200px;
    opacity: 0; }
  to {
    bottom: 0px;
    opacity: 1; } }

@keyframes animatebottom {
  from {
    bottom: -200px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }
  body nav {
    align-items: center;
    position: fixed;
    margin: 0 auto;
    width: 100%;
    z-index: 999;
    height: 50px;
    background-color: #004752;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
    display: none;
    /* Rotate first bar */
    /* Fade out the second bar */
    /* Rotate last bar */ }
    body nav .logo img {
      max-width: 100%; }
    body nav .right {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
    body nav .green-bttn {
      height: auto;
      padding: 5px 12px;
      min-width: auto;
      width: auto; }
      body nav .green-bttn p {
        font-size: 14px; }
    body nav .hamburger {
      display: inline-block;
      cursor: pointer; }
      body nav .hamburger .hamburger1,
      body nav .hamburger .hamburger2,
      body nav .hamburger .hamburger3 {
        height: 2px;
        width: 35px;
        margin: 5px 0;
        transition: 0.4s;
        background-color: #87c45e; }
    body nav .change .hamburger1 {
      transform: rotate(-405deg) translate(-5px, 5px); }
    body nav .change .hamburger2 {
      transform: translateX(100px); }
    body nav .change .hamburger3 {
      transform: rotate(405deg) translate(-5px, -6px); }
    body nav .title {
      text-transform: uppercase; }
  body .menutwo {
    display: none;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    height: 100%;
    position: fixed;
    z-index: 111;
    width: 100%;
    transition: 0.5s;
    align-items: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #004752;
    list-style: none; }
    body .menutwo.menu-show {
      display: block; }
    body .menutwo > ul {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      body .menutwo > ul .hidden-link {
        display: none; }
    body .menutwo .ul-container {
      width: 100%;
      height: 100%; }
    body .menutwo .current > a {
      color: #87c45e; }
    body .menutwo li {
      padding: 10px 10px;
      z-index: 5; }
    body .menutwo a {
      color: white;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 28px;
      font-family: "Figtree", sans-serif;
      font-weight: 400; }
      body .menutwo a:hover {
        color: #87c45e; }
  body main {
    z-index: -1;
    margin: 80px 20px;
    position: absolute; }
  body .scroll-line {
    position: fixed;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 81vh;
    right: 50px;
    z-index: 98;
    top: 70px;
    justify-content: center;
    mix-blend-mode: difference;
    color: #fff;
    border-radius: 10%; }
    body .scroll-line .progressbar {
      position: relative;
      width: 2px;
      color: #fff !important;
      background-color: white;
      z-index: 2;
      height: 0px;
      border-radius: 5px; }
      body .scroll-line .progressbar::before {
        position: absolute;
        background-color: white;
        content: "";
        z-index: 1111;
        height: 81vh;
        width: 2px;
        border-radius: 5px;
        opacity: 0.4;
        z-index: 3;
        overflow: hidden; }
    body .scroll-line p {
      color: #fff !important;
      transform: rotate(270deg);
      position: absolute;
      font-size: 10px;
      line-height: 14px;
      bottom: -55px;
      text-transform: uppercase;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      letter-spacing: 1px; }
  body .background-1 {
    background-repeat: no-repeat;
    position: fixed;
    background-color: #004752 !important;
    background-size: cover;
    width: 100%;
    z-index: 0;
    height: 100vh;
    overflow-x: hidden; }
    body .background-1 .wrap-2 {
      position: fixed;
      z-index: -30;
      top: 0;
      left: 0;
      overflow: hidden;
      height: 100%;
      width: 100%;
      margin: auto; }
    body .background-1 canvas {
      width: 100vw;
      height: 100%;
      opacity: 0.02; }
  body #menu {
    width: 100%;
    height: 60px;
    position: fixed;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-top: 0;
    background-color: transparent;
    z-index: 99 !important; }
    body #menu .lg-container-menu {
      width: 96%;
      max-width: 1750px;
      justify-content: space-between;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
      body #menu .lg-container-menu .logo-and-links {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        position: relative;
        height: 100%; }
        body #menu .lg-container-menu .logo-and-links .links {
          padding-left: 52px;
          position: relative;
          height: 100%; }
          body #menu .lg-container-menu .logo-and-links .links ul {
            max-width: 700px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            height: 100%; }
            body #menu .lg-container-menu .logo-and-links .links ul > li {
              color: #fff;
              cursor: pointer;
              font-size: 14px;
              font-family: "Figtree", sans-serif;
              font-weight: 500;
              margin-left: 40px;
              position: relative;
              height: 100%;
              line-height: 19px;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              align-items: center;
              text-transform: uppercase; }
              body #menu .lg-container-menu .logo-and-links .links ul > li:first-child {
                margin-left: 0 !important; }
              body #menu .lg-container-menu .logo-and-links .links ul > li:hover {
                color: #87c45e; }
                body #menu .lg-container-menu .logo-and-links .links ul > li:hover::before {
                  opacity: 1;
                  transform: scaleX(1);
                  -webkit-transform: scaleX(1);
                  -moz-transform: scaleX(1);
                  -ms-transform: scaleX(1);
                  -o-transform: scaleX(1); }
              body #menu .lg-container-menu .logo-and-links .links ul > li::before {
                content: "";
                width: 100%;
                height: 2px;
                border-radius: 1px;
                background-color: #87c45e;
                position: absolute;
                bottom: 30%;
                opacity: 0;
                transform-origin: 50% 50%;
                transform: scaleX(0);
                -webkit-transform: scaleX(0);
                -moz-transform: scaleX(0);
                -ms-transform: scaleX(0);
                -o-transform: scaleX(0);
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s; }
              body #menu .lg-container-menu .logo-and-links .links ul > li span {
                display: block;
                height: 100%; }
            body #menu .lg-container-menu .logo-and-links .links ul .dropdown {
              position: relative;
              height: 100%; }
              body #menu .lg-container-menu .logo-and-links .links ul .dropdown .dropdown-content {
                display: none;
                position: absolute;
                background-color: #fff;
                min-width: 340px;
                height: 150px;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                max-width: 100%;
                box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
                padding: 20px;
                margin-top: 100px;
                top: 0;
                z-index: 1;
                border-radius: 5px; }
                body #menu .lg-container-menu .logo-and-links .links ul .dropdown .dropdown-content a {
                  position: relative;
                  font-size: 14px;
                  color: #004752;
                  line-height: 19px;
                  font-family: "Figtree", sans-serif;
                  font-weight: 500;
                  text-transform: capitalize;
                  display: -webkit-box;
                  display: -moz-box;
                  display: -ms-flexbox;
                  display: -webkit-flex;
                  display: flex;
                  align-items: center; }
                  body #menu .lg-container-menu .logo-and-links .links ul .dropdown .dropdown-content a:not(:last-child) {
                    padding-bottom: 20px; }
                  body #menu .lg-container-menu .logo-and-links .links ul .dropdown .dropdown-content a .text {
                    -webkit-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    transition: all 0.3s;
                    padding-left: 10px;
                    position: relative;
                    margin-right: 20px;
                    border-left: 2px solid transparent; }
                  body #menu .lg-container-menu .logo-and-links .links ul .dropdown .dropdown-content a img {
                    opacity: 0;
                    -webkit-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    transition: all 0.3s; }
                  body #menu .lg-container-menu .logo-and-links .links ul .dropdown .dropdown-content a:hover img {
                    opacity: 1;
                    transform: translateX(8px); }
                  body #menu .lg-container-menu .logo-and-links .links ul .dropdown .dropdown-content a:hover .text {
                    color: #87c45e;
                    border-left: 2px solid #87c45e; }
              body #menu .lg-container-menu .logo-and-links .links ul .dropdown:hover .dropdown-content {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                flex-direction: column;
                justify-content: flex-start; }
      body #menu .lg-container-menu .slide-top {
        -webkit-animation: slide-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
        animation: slide-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); } }

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); } }
      body #menu .lg-container-menu .right-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        height: 100%; }
        body #menu .lg-container-menu .right-menu .btn-btn {
          width: 100%;
          width: 150px;
          height: 30px;
          padding: 20px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          position: relative;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          align-items: center;
          justify-content: center;
          background-color: #87c45e;
          border-radius: 18px;
          margin-right: 30px; }
          body #menu .lg-container-menu .right-menu .btn-btn:hover {
            background-color: transparent;
            border: 1px solid #fff; }
            body #menu .lg-container-menu .right-menu .btn-btn:hover p {
              transform: translateX(-6px); }
            body #menu .lg-container-menu .right-menu .btn-btn:hover img {
              transform: translateX(6px);
              opacity: 1; }
          body #menu .lg-container-menu .right-menu .btn-btn img {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0; }
          body #menu .lg-container-menu .right-menu .btn-btn p {
            font-size: 13px;
            line-height: 16px;
            letter-spacing: 0.65px;
            color: #fff;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            font-family: "Figtree", sans-serif;
            font-weight: 400;
            text-transform: capitalize; }
        body #menu .lg-container-menu .right-menu .language-drop-down {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 20px; }
          body #menu .lg-container-menu .right-menu .language-drop-down .dropdown-language {
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center; }
          body #menu .lg-container-menu .right-menu .language-drop-down .dropdown-language span {
            cursor: pointer;
            color: #fff;
            font-size: 14px;
            line-height: 16px;
            font-family: "Figtree", sans-serif;
            font-weight: 400;
            margin-left: 7.5px;
            border: none;
            margin-right: 16.3px;
            letter-spacing: 0.7px;
            outline: none; }
  body .section-1 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    align-items: center;
    justify-content: center; }
    body .section-1 .satelit {
      opacity: 0;
      -webkit-transform: translateY(-250px) translateX(130px);
      -moz-transform: translateY(-250px) translateX(130px);
      -ms-transform: translateY(-250px) translateX(130px);
      -o-transform: translateY(-250px) translateX(130px);
      transform: translateY(-250px) translateX(130px);
      z-index: 2;
      animation: myfirst 6s linear 4s infinite; }

@keyframes myfirst {
  0% {
    margin-top: 0px; }
  25% {
    margin-top: 5px;
    margin-left: 15px; }
  50% {
    margin-top: 10px;
    margin-left: 30px; }
  75% {
    margin-top: 5px;
    margin-left: 15px; }
  100% {
    margin-top: 0px;
    margin-left: 0px; } }
    body .section-1 .head-row {
      position: relative;
      justify-content: flex-start;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      opacity: 0;
      height: 100%;
      align-items: center;
      flex-wrap: wrap; }
      body .section-1 .head-row .head-text {
        max-width: 625px; }
        body .section-1 .head-row .head-text h2 {
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          color: #ffff;
          font-size: 58px;
          width: 100%;
          letter-spacing: 2.9px;
          line-height: 68px; }
          body .section-1 .head-row .head-text h2 span {
            color: #87c45e; }
        body .section-1 .head-row .head-text p {
          color: #ffff;
          font-size: 20px;
          padding-top: 28px;
          padding-bottom: 8px;
          width: 100%;
          max-width: 554px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          letter-spacing: 1px;
          line-height: 30px; }
        body .section-1 .head-row .head-text .span-1 {
          font-size: 20px;
          letter-spacing: 1px;
          line-height: 30px;
          color: #87c45e;
          position: relative;
          font-family: "Inter", sans-serif;
          font-weight: 400; }
        body .section-1 .head-row .head-text .bttn-bttn {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          color: #fff;
          margin-top: 42px; }
          body .section-1 .head-row .head-text .bttn-bttn > a {
            min-width: auto; }
  body .section-2 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    flex-direction: column;
    align-items: center; }
    body .section-2 #ball-offset {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      opacity: 0; }
    body .section-2 .white-bttn {
      min-width: auto;
      width: fit-content;
      margin-top: 30px; }
    body .section-2 .paragraph-1 {
      width: calc(50% - 20px);
      margin-right: 20px;
      max-width: 570px;
      padding-bottom: 122px;
      position: relative; }
      body .section-2 .paragraph-1 .text-1 {
        color: #fff;
        max-width: 565px;
        font-size: 28px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        letter-spacing: 1.4px;
        line-height: 38px; }
    body .section-2 .paragraph-2 {
      width: calc(50% - 20px);
      margin-left: 20px;
      max-width: 570px;
      position: relative; }
      body .section-2 .paragraph-2 .text-2 {
        font-size: 18px;
        width: 100%;
        max-width: 565px;
        color: #fff;
        position: relative;
        font-family: "Inter", sans-serif;
        font-weight: 300;
        line-height: 26px;
        letter-spacing: 0.8px; }
        body .section-2 .paragraph-2 .text-2 strong {
          font-weight: 300;
          color: #87C45E; }
    body .section-2 .layer-1 {
      margin-bottom: 400px;
      width: 170px;
      height: 170px;
      margin-top: 120px;
      border-radius: 50%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto; }
      body .section-2 .layer-1 .img-green {
        position: absolute;
        z-index: 1;
        opacity: 1; }
      body .section-2 .layer-1 .layer-2 {
        width: 216px;
        height: 216px;
        position: absolute;
        border-radius: 50%;
        background-color: rgba(187, 243, 149, 0.15);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
        animation: pulse-dot 2.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
        body .section-2 .layer-1 .layer-2 .layer-3 {
          width: 282px;
          height: 282px;
          position: absolute;
          border-radius: 50%;
          background-color: rgba(187, 243, 149, 0.08);
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center;
          animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          animation: pulse-dot 2.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.3s infinite; }
          body .section-2 .layer-1 .layer-2 .layer-3 .layer-4 {
            width: 404px;
            position: absolute;
            height: 404px;
            border-radius: 50%;
            background-color: rgba(187, 243, 149, 0.05);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            animation: pulse-dot 2.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.2s infinite; }

@keyframes pulse-ring {
  0% {
    transform: scale(0.63); }
  80%,
  100% {
    opacity: 0; } }

@keyframes pulse-dot {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }
  body .section-3 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-top: 400px; }
    body .section-3 .tittle-1 {
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      font-size: 38px;
      color: #fff;
      padding-bottom: 50px;
      line-height: 50px;
      letter-spacing: 1.9px; }
    body .section-3 .container-s {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      max-width: 970px;
      flex-wrap: wrap;
      padding-bottom: 100px;
      justify-content: center; }
      body .section-3 .container-s .partners-logo-1 {
        width: 16.66%;
        padding: 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center; }
        body .section-3 .container-s .partners-logo-1 img {
          width: 100%; }
  body .section-4 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; }
    body .section-4 .container {
      z-index: 1;
      padding: 100px 0; }
    body .section-4::before {
      content: "";
      width: 100%;
      height: 100%;
      background-color: #004752;
      opacity: 0.9;
      position: absolute;
      background-size: 100%; }
    body .section-4 .section-right-p {
      max-width: 542px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 18px;
      color: #fff;
      z-index: 1;
      letter-spacing: 0.9px;
      line-height: 26px; }
    body .section-4 .section-left-p {
      letter-spacing: 1.9px;
      max-width: 565px;
      font-size: 38px;
      line-height: 50px;
      color: #fff;
      position: relative;
      opacity: 1;
      z-index: 1;
      font-family: "Figtree", sans-serif;
      font-weight: 400; }
    body .section-4 .div-center {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      z-index: 1;
      justify-content: space-between;
      padding-bottom: 30px;
      padding-top: 100px; }
      body .section-4 .div-center .features {
        color: #fff;
        font-size: 18px;
        font-family: "Figtree", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 0.9px;
        line-height: 22px; }
      body .section-4 .div-center a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        color: #87c45e;
        position: relative;
        align-items: center; }
        body .section-4 .div-center a .text-sm {
          font-size: 14px;
          font-family: "Figtree", sans-serif;
          font-weight: 600;
          margin-right: 20px;
          position: relative;
          letter-spacing: 0.7px;
          line-height: 22px; }
    body .section-4 .bottom {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      z-index: 1;
      justify-content: space-between;
      flex-wrap: wrap; }
      body .section-4 .bottom .img-block {
        width: 26.666%;
        border-radius: 15px;
        max-width: 334px;
        min-width: 250px;
        max-height: 334px;
        overflow: hidden;
        padding: 8px;
        border: 2px solid rgba(255, 255, 255, 0.31); }
        body .section-4 .bottom .img-block .ban-12 {
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          border-radius: 10px;
          background-color: #004752; }
          body .section-4 .bottom .img-block .ban-12 .img-12 {
            max-width: 334px;
            margin-top: 20px;
            margin-left: 20px;
            position: relative; }
            body .section-4 .bottom .img-block .ban-12 .img-12 img {
              width: 100%; }
        body .section-4 .bottom .img-block .tech-text {
          position: absolute;
          max-width: 200px;
          bottom: 28px;
          left: 21.5px;
          color: #fff;
          font-size: 16px;
          line-height: 20px;
          max-width: 270px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          border-left: 2px solid #87c45e;
          padding-left: 15.5px;
          letter-spacing: 0.8px; }
          body .section-4 .bottom .img-block .tech-text span {
            font-family: "Inter", sans-serif;
            font-weight: 700; }
      body .section-4 .bottom .arrow {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding: 20px;
        width: 10%; }
        body .section-4 .bottom .arrow img {
          position: relative;
          top: 10%;
          max-width: 100%; }
  body .section-5 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center; }
    body .section-5 .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 100px 0; }
    body .section-5 .white-background-1 {
      position: absolute;
      width: 0;
      background-color: #fff;
      height: 100%;
      z-index: 0;
      top: 0;
      left: 0;
      opacity: 0.05; }
    body .section-5 .baner-1 {
      font-size: 38px;
      color: #ffffff;
      margin-bottom: 46px;
      font-family: "Figtree", sans-serif;
      font-weight: 600;
      z-index: 1;
      position: relative;
      line-height: 50px;
      letter-spacing: 0.9px; }
    body .section-5 .card-description {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%;
      position: relative;
      z-index: 1;
      flex-wrap: wrap;
      justify-content: space-between; }
      body .section-5 .card-description > div:not(:last-child) {
        margin-right: 40px; }
      body .section-5 .card-description .card-1 {
        width: 33.333%;
        max-width: 400px;
        margin-bottom: 30px;
        padding: 40px;
        position: relative;
        background-color: #fff;
        border: 1px solid #e7e1e1;
        border-radius: 10px; }
        body .section-5 .card-description .card-1::after {
          content: "";
          width: 90%;
          height: 26px;
          background-color: #87c45e;
          position: absolute;
          border-radius: 10px;
          z-index: -1;
          left: 0;
          top: -8px; }
        body .section-5 .card-description .card-1 .image-back {
          position: absolute;
          right: 5%;
          opacity: 0.2;
          top: 10%;
          width: 40%; }
          body .section-5 .card-description .card-1 .image-back img {
            width: 100%; }
        body .section-5 .card-description .card-1 .certificate {
          position: relative;
          width: 100%; }
          body .section-5 .card-description .card-1 .certificate img {
            width: 100%;
            width: auto;
            max-height: 85px;
            margin-bottom: 20px; }
          body .section-5 .card-description .card-1 .certificate h2 {
            font-size: 20px;
            line-height: 20px;
            letter-spacing: 0.44px;
            font-family: "Figtree", sans-serif;
            font-weight: 600;
            color: #004752;
            padding-bottom: 15px;
            max-width: 342px;
            line-height: 22px;
            letter-spacing: 1px; }
          body .section-5 .card-description .card-1 .certificate p {
            font-size: 16px;
            color: #004752;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            max-width: 342px;
            letter-spacing: 0.8px;
            line-height: 26px; }
  body .section-6 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    align-items: center;
    justify-content: center; }
    body .section-6 .container {
      padding: 200px 0; }
      body .section-6 .container > .row {
        align-items: center; }
    body .section-6 .earth-solution {
      width: 50%;
      max-width: 572px;
      position: relative; }
      body .section-6 .earth-solution .pulsating-circle-1 {
        position: absolute;
        left: 46%;
        top: 22%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-6 .earth-solution .pulsating-circle-1 .text {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0%;
          z-index: 30;
          top: 0;
          font-size: 16px;
          color: #004752;
          font-family: "Figtree", sans-serif;
          font-weight: 700;
          font-style: italic;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
          body .section-6 .earth-solution .pulsating-circle-1 .text:hover ~ p {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
        body .section-6 .earth-solution .pulsating-circle-1 p {
          position: absolute;
          width: 300px;
          height: 100px;
          padding: 30px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          display: none;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          align-items: center;
          background-color: #e1e8eb;
          color: #004752;
          z-index: 1;
          top: -103px;
          left: -125px;
          border-radius: 20px;
          font-size: 13px; }
        body .section-6 .earth-solution .pulsating-circle-1:before {
          content: "";
          position: relative;
          display: block;
          width: 150%;
          height: 150%;
          top: 50%;
          left: 50%;
          box-sizing: border-box;
          margin-left: -75%;
          margin-top: -75%;
          border-radius: 45px;
          background-color: #e1e8eb;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-6 .earth-solution .pulsating-circle-1:after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          background-color: white;
          border-radius: 15px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
      body .section-6 .earth-solution .pulsating-circle-2 {
        position: absolute;
        left: 66%;
        top: 42%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-6 .earth-solution .pulsating-circle-2 .text {
          position: absolute;
          top: 0;
          font-size: 16px;
          height: 100%;
          left: 0%;
          z-index: 30;
          width: 100%;
          color: #004752;
          font-family: "Figtree", sans-serif;
          font-weight: 700;
          font-style: italic;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
          body .section-6 .earth-solution .pulsating-circle-2 .text:hover ~ p {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
        body .section-6 .earth-solution .pulsating-circle-2 p {
          position: absolute;
          width: 300px;
          height: 100px;
          padding: 30px;
          display: none;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          align-items: center;
          background-color: #e1e8eb;
          color: #004752;
          z-index: 1;
          top: -103px;
          left: -125px;
          border-radius: 20px;
          font-size: 13px; }
        body .section-6 .earth-solution .pulsating-circle-2:before {
          content: "";
          position: relative;
          display: block;
          width: 150%;
          height: 150%;
          top: 50%;
          left: 50%;
          box-sizing: border-box;
          margin-left: -75%;
          margin-top: -75%;
          border-radius: 45px;
          background-color: #e1e8eb;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-6 .earth-solution .pulsating-circle-2:after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          background-color: white;
          border-radius: 15px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
      body .section-6 .earth-solution .pulsating-circle-3 {
        position: absolute;
        right: 18%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-6 .earth-solution .pulsating-circle-3 .text {
          position: absolute;
          top: 0;
          font-size: 16px;
          height: 100%;
          width: 100%;
          left: 0%;
          z-index: 30;
          color: #004752;
          font-family: "Figtree", sans-serif;
          font-weight: 700;
          font-style: italic;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
          body .section-6 .earth-solution .pulsating-circle-3 .text:hover ~ p {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
        body .section-6 .earth-solution .pulsating-circle-3 p {
          position: absolute;
          width: 300px;
          height: 100px;
          padding: 30px;
          display: none;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          align-items: center;
          background-color: #e1e8eb;
          color: #004752;
          z-index: 1;
          top: -103px;
          left: -125px;
          border-radius: 20px;
          font-size: 13px; }
        body .section-6 .earth-solution .pulsating-circle-3:before {
          content: "";
          position: relative;
          display: block;
          width: 150%;
          height: 150%;
          top: 50%;
          left: 50%;
          box-sizing: border-box;
          margin-left: -75%;
          margin-top: -75%;
          border-radius: 45px;
          background-color: #e1e8eb;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-6 .earth-solution .pulsating-circle-3:after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          background-color: white;
          border-radius: 15px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
      body .section-6 .earth-solution .pulsating-circle-4 {
        position: absolute;
        left: 40%;
        top: 76%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-6 .earth-solution .pulsating-circle-4 .text {
          position: absolute;
          top: 0;
          font-size: 16px;
          height: 100%;
          width: 100%;
          left: 0%;
          z-index: 30;
          color: #004752;
          font-family: "Figtree", sans-serif;
          font-weight: 700;
          font-style: italic;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
          body .section-6 .earth-solution .pulsating-circle-4 .text:hover ~ p {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
        body .section-6 .earth-solution .pulsating-circle-4 p {
          position: absolute;
          width: 300px;
          height: 100px;
          padding: 30px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          display: none;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          align-items: center;
          background-color: #e1e8eb;
          color: #004752;
          z-index: 1;
          top: -103px;
          left: -125px;
          border-radius: 20px;
          font-size: 13px; }
        body .section-6 .earth-solution .pulsating-circle-4:before {
          content: "";
          position: relative;
          display: block;
          width: 150%;
          height: 150%;
          top: 50%;
          left: 50%;
          box-sizing: border-box;
          margin-left: -75%;
          margin-top: -75%;
          border-radius: 45px;
          background-color: #e1e8eb;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-6 .earth-solution .pulsating-circle-4:after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          background-color: white;
          border-radius: 15px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
      body .section-6 .earth-solution .pulsating-circle-5 {
        position: absolute;
        left: 67%;
        top: 85%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-6 .earth-solution .pulsating-circle-5 .text {
          position: absolute;
          top: 0;
          font-size: 16px;
          height: 100%;
          width: 100%;
          left: 0%;
          z-index: 30;
          color: #004752;
          font-family: "Figtree", sans-serif;
          font-weight: 700;
          font-style: italic;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
          body .section-6 .earth-solution .pulsating-circle-5 .text:hover ~ p {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
        body .section-6 .earth-solution .pulsating-circle-5 p {
          position: absolute;
          width: 300px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          height: 100px;
          padding: 30px;
          display: none;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          align-items: center;
          background-color: #e1e8eb;
          color: #004752;
          z-index: 1;
          top: -103px;
          left: -125px;
          border-radius: 20px;
          font-size: 13px; }
        body .section-6 .earth-solution .pulsating-circle-5:before {
          content: "";
          position: relative;
          display: block;
          width: 150%;
          height: 150%;
          top: 50%;
          left: 50%;
          box-sizing: border-box;
          margin-left: -75%;
          margin-top: -75%;
          border-radius: 45px;
          background-color: #e1e8eb;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-6 .earth-solution .pulsating-circle-5:after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          background-color: white;
          border-radius: 15px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
      body .section-6 .earth-solution .pulsating-circle-6 {
        position: absolute;
        left: 27%;
        top: 84%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-6 .earth-solution .pulsating-circle-6 .text {
          position: absolute;
          top: 0;
          font-size: 16px;
          height: 100%;
          width: 100%;
          left: 0%;
          z-index: 30;
          color: #004752;
          font-family: "Figtree", sans-serif;
          font-weight: 700;
          font-style: italic;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
          body .section-6 .earth-solution .pulsating-circle-6 .text:hover ~ p {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
        body .section-6 .earth-solution .pulsating-circle-6 p {
          position: absolute;
          width: 300px;
          height: 100px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          padding: 30px;
          display: none;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          align-items: center;
          background-color: #e1e8eb;
          color: #004752;
          z-index: 1;
          top: -103px;
          left: -125px;
          border-radius: 20px;
          font-size: 13px; }
        body .section-6 .earth-solution .pulsating-circle-6:before {
          content: "";
          position: relative;
          display: block;
          width: 150%;
          height: 150%;
          top: 50%;
          left: 50%;
          box-sizing: border-box;
          margin-left: -75%;
          margin-top: -75%;
          border-radius: 45px;
          background-color: #e1e8eb;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-6 .earth-solution .pulsating-circle-6:after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          background-color: white;
          border-radius: 15px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }

@keyframes pulse-ring {
  0% {
    transform: scale(0.63); }
  80%,
  100% {
    opacity: 0; } }

@keyframes pulse-dot {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }
      body .section-6 .earth-solution img {
        width: 100%; }
    body .section-6 .description-solution {
      flex-direction: column;
      width: 50%;
      max-width: 552px;
      position: relative; }
      body .section-6 .description-solution h2 {
        color: #fff;
        font-size: 38px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        margin-bottom: 32.5px;
        letter-spacing: 1.9px;
        line-height: 50px; }
      body .section-6 .description-solution .md-paragraph {
        font-size: 16px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        color: #fff;
        margin-bottom: 25px;
        letter-spacing: 0.8px;
        line-height: 26px; }
        body .section-6 .description-solution .md-paragraph strong {
          text-decoration: underline;
          font-weight: 400; }
  body .section-7 {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center; }
    body .section-7 .container {
      z-index: 1;
      padding: 100px 0; }
    body .section-7::before {
      content: "";
      width: 100%;
      height: 100%;
      background-image: linear-gradient(180deg, #004752 0%, rgba(0, 71, 82, 0.4) 100%);
      opacity: 0.9;
      position: absolute;
      background-size: 100%; }
    body .section-7 .section-right-p {
      max-width: 542px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      z-index: 1;
      letter-spacing: 0.8px;
      line-height: 26px; }
    body .section-7 .section-left-p {
      letter-spacing: 1.9px;
      max-width: 565px;
      font-size: 38px;
      line-height: 50px;
      color: #fff;
      position: relative;
      opacity: 1;
      z-index: 1;
      font-family: "Figtree", sans-serif;
      font-weight: 400; }
    body .section-7 .big-numbers {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      width: 100%;
      flex-wrap: wrap;
      position: relative;
      margin-top: 75px; }
      body .section-7 .big-numbers > div:not(:last-child) {
        margin-right: 70px; }
      body .section-7 .big-numbers .numbers-icon {
        width: 20%;
        max-width: 170px;
        min-width: 130px;
        position: relative;
        padding-bottom: 50px; }
        body .section-7 .big-numbers .numbers-icon .numbers {
          position: relative;
          max-height: 80px;
          font-size: 60px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          color: #87c45e;
          z-index: 2;
          letter-spacing: 3px;
          line-height: 70px; }
          body .section-7 .big-numbers .numbers-icon .numbers sup {
            top: -0.3em; }
        body .section-7 .big-numbers .numbers-icon .icon {
          max-width: 144px;
          color: #fff;
          opacity: 1;
          z-index: 1;
          right: 0;
          top: 0;
          position: absolute; }
          body .section-7 .big-numbers .numbers-icon .icon img {
            width: 100%;
            opacity: 1; }
        body .section-7 .big-numbers .numbers-icon .text {
          color: #fff;
          font-size: 28px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          position: relative;
          line-height: 38px;
          letter-spacing: 1.4px; }
  body .section-8 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center; }
    body .section-8 .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      padding: 230px 0; }
    body .section-8 .white-background {
      position: absolute;
      width: 0;
      background-color: #fff;
      height: 100%;
      z-index: 0;
      top: 0;
      left: 0;
      opacity: 0.05; }
    body .section-8 .lg-content {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      z-index: 1;
      align-items: flex-end;
      margin-bottom: 70px; }
      body .section-8 .lg-content .lg-tittle {
        position: relative;
        font-size: 38px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        color: #ffffff;
        letter-spacing: 1.9px;
        line-height: 50px;
        max-width: 405px;
        text-transform: capitalize; }
      body .section-8 .lg-content .arrow {
        color: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        max-width: 115px;
        cursor: pointer; }
    body .section-8 .sp-container {
      width: 50%;
      height: 100%; }
    body .section-8 .swiper {
      overflow: visible;
      width: 100%;
      height: 100%; }
      body .section-8 .swiper .swiper-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        overflow: visible; }
        body .section-8 .swiper .swiper-wrapper .swiper-slide {
          max-width: 600px;
          width: 100%;
          min-width: 320px;
          border-radius: 10px;
          position: relative;
          min-height: 400px;
          margin-right: 30px;
          overflow: hidden; }
          body .section-8 .swiper .swiper-wrapper .swiper-slide > a {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            min-height: 400px;
            align-items: flex-end; }
            body .section-8 .swiper .swiper-wrapper .swiper-slide > a > img {
              width: 100%;
              position: absolute;
              height: 100%;
              z-index: -1;
              object-fit: cover;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s;
              object-fit: cover; }
            body .section-8 .swiper .swiper-wrapper .swiper-slide > a > .swiper-text {
              width: 100%;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              padding: 30px;
              -webkit-transform: translateY(52px);
              -moz-transform: translateY(52px);
              -ms-transform: translateY(52px);
              -o-transform: translateY(52px);
              transform: translateY(52px);
              z-index: 1;
              color: #ffffff;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
              body .section-8 .swiper .swiper-wrapper .swiper-slide > a > .swiper-text .text-title {
                letter-spacing: 1.1px;
                margin-bottom: 6px;
                font-family: "Figtree", sans-serif;
                font-weight: 400;
                line-height: 28px;
                max-width: 320px;
                font-size: 22px; }
              body .section-8 .swiper .swiper-wrapper .swiper-slide > a > .swiper-text .text-desc {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                opacity: 0;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                align-items: center;
                justify-content: space-between; }
                body .section-8 .swiper .swiper-wrapper .swiper-slide > a > .swiper-text .text-desc > div {
                  letter-spacing: 0.7px;
                  font-family: "Inter", sans-serif;
                  font-weight: 400;
                  font-size: 14px;
                  line-height: 18px;
                  max-width: 303px; }
                  body .section-8 .swiper .swiper-wrapper .swiper-slide > a > .swiper-text .text-desc > div.right-text {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    align-items: center; }
                    body .section-8 .swiper .swiper-wrapper .swiper-slide > a > .swiper-text .text-desc > div.right-text > img {
                      margin-left: 12px; }
          body .section-8 .swiper .swiper-wrapper .swiper-slide::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #004752;
            opacity: 0.38;
            border-radius: 10px;
            z-index: 1;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
          body .section-8 .swiper .swiper-wrapper .swiper-slide:hover > a > img {
            transform: scale(1.1); }
          body .section-8 .swiper .swiper-wrapper .swiper-slide:hover .swiper-text {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0); }
            body .section-8 .swiper .swiper-wrapper .swiper-slide:hover .swiper-text .text-desc {
              opacity: 1; }
          body .section-8 .swiper .swiper-wrapper .swiper-slide:hover::before {
            opacity: 0.54; }
  body .section-9 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center; }
    body .section-9.--faq {
      margin-bottom: 300px; }
    body .section-9 .container {
      padding: 200px 0; }
    body .section-9 .header-section {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column; }
      body .section-9 .header-section .lg-tittle {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        justify-content: space-between;
        text-align: center; }
        body .section-9 .header-section .lg-tittle .tittle {
          font-size: 38px;
          color: #fff;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          letter-spacing: 1.9px;
          line-height: 50px; }
        body .section-9 .header-section .lg-tittle .all-arrow {
          color: #87c45e;
          align-items: center;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          position: relative;
          cursor: pointer; }
body .section-9 .header-section .lg-tittle .all-arrow a{
	       align-items: center;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
}
          body .section-9 .header-section .lg-tittle .all-arrow p {
            font-size: 14px;
            font-family: "Figtree", sans-serif;
            font-weight: 600;
            position: relative;
            text-transform: capitalize;
            letter-spacing: 0.7px;
            line-height: 22px;
            margin-right: 16px; }
    body .section-9 .sm-con {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      margin-top: 58px; }
      body .section-9 .sm-con .container-row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        width: calc(33.3333% - 30px);
        margin-right: 0px;
        max-width: 413px;
        min-width: 250px;
        overflow: hidden; }
        body .section-9 .sm-con .container-row:not(:last-child) {
          margin-right: 30px; }
        body .section-9 .sm-con .container-row .image-1 {
          max-width: 413px;
          max-height: 275px;
          border-radius: 10px;
          height: 275px;
          position: relative; }
          body .section-9 .sm-con .container-row .image-1 img {
            width: 100%;
            object-fit: cover;
            height: 100%;
            border-radius: 10px; }
        body .section-9 .sm-con .container-row .data {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: baseline;
          margin-top: 21px;
          color: #fff;
          opacity: 0.45; }
          body .section-9 .sm-con .container-row .data > div {
            font-size: 14px;
            font-family: "Figtree", sans-serif;
            font-weight: 400;
            line-height: 16px;
            letter-spacing: 0.7px;
            text-transform: capitalize; }
            body .section-9 .sm-con .container-row .data > div:first-of-type {
              margin-left: 9px; }
            body .section-9 .sm-con .container-row .data > div.seperator {
              margin: 0 12.5px 0 19.5px; }
        body .section-9 .sm-con .container-row .description {
          color: #fff;
          font-size: 26px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          margin-top: 14px;
          letter-spacing: 1.3px;
          line-height: 32px; }
        body .section-9 .sm-con .container-row .avatar {
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          margin-top: 15px;
          align-items: center; }
          body .section-9 .sm-con .container-row .avatar .avatar-description {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            text-transform: capitalize;
            flex-direction: column;
            margin-left: 19px; }
            body .section-9 .sm-con .container-row .avatar .avatar-description .name {
              color: #fff;
              font-size: 14px;
              font-family: "Figtree", sans-serif;
              font-weight: 600;
              line-height: 20px;
              letter-spacing: 0.7px;
              margin-bottom: 1px; }
            body .section-9 .sm-con .container-row .avatar .avatar-description .profession {
              font-size: 11px;
              font-family: "Figtree", sans-serif;
              font-weight: 400;
              opacity: 0.45;
              letter-spacing: 0.55px;
              line-height: 20px;
              color: #fff; }
  body .end {
    width: 100%;
    height: fit-content;
    position: relative;
    align-items: center;
    margin-bottom: 440px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    body .end .tittle-2 {
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 600;
      color: #87c45e;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      letter-spacing: 1.9px;
      justify-content: center;
      margin-bottom: 77px; }
    body .end .row-logo {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: relative;
      justify-content: center;
      margin-bottom: 40px;
      flex-wrap: wrap; }
      body .end .row-logo .logo {
        padding: 20px;
        width: 20%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        max-height: 56px; }
        body .end .row-logo .logo img {
          max-width: 100%; }
  body .footer {
    background-color: #87c45e;
    position: relative;
    width: 100%;
    height: fit-content;
    justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: center; }
    body .footer::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: -300px;
      opacity: 1;
      z-index: 2;
      background-image: url("../images/footer-bg.svg");
      background-size: 100%;
      background-repeat: no-repeat; }
    body .footer .footer-links {
      position: relative;
      width: 100%;
      padding-bottom: 25px;
      padding-top: 86px;
      z-index: 222; }
      body .footer .footer-links .col-1 {
        color: #fff;
        text-align: left;
        position: relative;
        width: 40%; }
        body .footer .footer-links .col-1 p {
          font-size: 18px;
          font-family: "Figtree", sans-serif;
          font-weight: 600;
          text-transform: uppercase;
          margin-bottom: 25px;
          letter-spacing: 0.9px;
          line-height: 22px; }
        body .footer .footer-links .col-1 li {
          color: #fff;
          font-size: 14px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          letter-spacing: 0.7px;
          line-height: 35px; }
          body .footer .footer-links .col-1 li span {
            font-size: 14px;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            padding-bottom: 20px;
            color: #004752; }
      body .footer .footer-links .col-2 {
        color: #fff;
        text-align: left;
        margin-left: 100px;
        width: 40%;
        position: relative; }
        body .footer .footer-links .col-2 p {
          font-size: 18px;
          font-family: "Figtree", sans-serif;
          font-weight: 600;
          text-transform: uppercase;
          margin-bottom: 25px;
          letter-spacing: 0.9px;
          line-height: 22px; }
        body .footer .footer-links .col-2 li {
          color: #fff;
          font-size: 14px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          letter-spacing: 0.7px;
          line-height: 35px; }
      body .footer .footer-links .col-3 {
        position: relative;
        text-align: left;
        width: 100%;
        margin-left: 150px; }
body .footer .footer-links .col-3 .success{
	    color: #004752;
}
        body .footer .footer-links .col-3 .logo-company {
          color: #fff;
          margin-bottom: 24px; }
          body .footer .footer-links .col-3 .logo-company img {
            width: 100%;
            max-width: 150px; }
        body .footer .footer-links .col-3 .text-1 {
          font-size: 18px;
          position: relative;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          margin-bottom: 27px;
          color: #fff;
          line-height: 26px;
          letter-spacing: 0.9px; }
        body .footer .footer-links .col-3 .input {
          max-width: 500px;
          height: 60px;
          background-color: #fff;
          border-radius: 30px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%; }
          body .footer .footer-links .col-3 .input .newsletter-submit {
            position: absolute;
            opacity: 0; }
          body .footer .footer-links .col-3 .input > input {
            text-decoration: none;
            padding-left: 20px;
            color: #004752 !important;
            width: 80%;
            height: 80%;
            background-color: transparent !important;
            outline: none; }
            body .footer .footer-links .col-3 .input > input::placeholder {
              font-family: "Figtree", sans-serif;
              font-weight: 400;
              font-size: 14px;
              line-height: 26px;
              opacity: 0.47;
              letter-spacing: 0.7px; }
          body .footer .footer-links .col-3 .input .input-btn {
            background-color: #87c45e;
            border-radius: 50%;
            width: auto;
            height: 50px;
            width: 50px;
            right: 5px;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            overflow: hidden; }
            body .footer .footer-links .col-3 .input .input-btn img {
              width: 100%;
              max-width: 18px; }
        body .footer .footer-links .col-3 .text-2 {
          color: #fff;
          font-size: 14px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          margin-top: 20px;
          line-height: 26px;
          letter-spacing: 0.7px; }
          body .footer .footer-links .col-3 .text-2 a {
            color: #004752;
            text-decoration: underline; }
        body .footer .footer-links .col-3 .social-link {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          margin-top: 29px;
          align-items: center; }
          body .footer .footer-links .col-3 .social-link > div:not(:last-child) {
            margin-right: 53px; }
    body .footer .footer-end {
      border-top: 2px solid rgba(255, 255, 255, 0.58);
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 40px 0 83px 0;
      justify-content: space-between; }
      body .footer .footer-end .copyright {
        color: #fff;
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.7px; }
      body .footer .footer-end .privacy {
        color: #fff;
        font-size: 14px;
		        display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.7px; }
        body .footer .footer-end .privacy a {
          margin-left: 15px; }
        body .footer .footer-end .privacy:first-child {
          border-left: 1px solid #fff; }
  body .section-11 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center; }
    body .section-11 .green-background {
      position: absolute;
      width: 45%;
      height: 100%;
      top: 0;
      right: 0;
      background-image: linear-gradient(#87c45e, transparent); }
    body .section-11 .text {
      position: relative;
      padding-top: 250px;
      padding-bottom: 300px;
      max-width: 606px; }
      body .section-11 .text .tittle {
        font-size: 55px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        padding-bottom: 17px;
        color: #fff;
        letter-spacing: 2.9px;
        line-height: 68px;
        width: 100%;
        max-width: 550px; }
      body .section-11 .text .paragraph-1 {
        font-size: 20px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        color: #fff;
        padding-bottom: 24px;
        max-width: 540px;
        letter-spacing: 1px;
        line-height: 30px; }
      body .section-11 .text .sub-tittle {
        font-size: 28px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        color: #87c45e;
        padding-bottom: 18px;
        letter-spacing: 1.4px;
        line-height: 38px; }
      body .section-11 .text .paragraph-2 {
        font-size: 16px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        color: #fff;
        max-width: 540px;
        line-height: 24px;
        letter-spacing: 0.8px; }
    body .section-11 .contact {
      margin-left: 120px;
      max-width: 730px;
      max-height: fit-content;
      width: 60%;
      height: fit-content;
      position: relative;
      background-color: #fff;
      border-radius: 20px;
      margin-top: 150px;
      margin-bottom: 150px;
      flex-direction: column;
      padding: 53px; }
      body .section-11 .contact #wpforms-809-field_13-container {
        border: none !important;
        width: 100% !important; }
        body .section-11 .contact #wpforms-809-field_13-container .choice-1 {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center; }
          body .section-11 .contact #wpforms-809-field_13-container .choice-1 > input {
            width: auto; }
          body .section-11 .contact #wpforms-809-field_13-container .choice-1 > label {
            font-size: 14px;
            font-family: "Figtree", sans-serif;
            font-weight: 400;
            color: #004752 !important;
            opacity: 1;
            line-height: 30px;
            letter-spacing: 0.42px; }
      body .section-11 .contact .wpforms-field-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        body .section-11 .contact .wpforms-field-container .choices__inner, body .section-11 .contact .wpforms-field-container #wpforms-809-field_10 {
          border: none !important; }
        body .section-11 .contact .wpforms-field-container #wpforms-809-field_10::placeholder {
          font-size: 10px;
          font-family: "Inter", sans-serif;
          font-weight: 300;
          opacity: 0.59;
          color: #004752;
          line-height: 30px;
          letter-spacing: 0.3px; }
        body .section-11 .contact .wpforms-field-container .choices__item, body .section-11 .contact .wpforms-field-container .wpforms-field-label {
          font-size: 14px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          color: #004752 !important;
          opacity: 1;
          line-height: 30px;
          letter-spacing: 0.42px; }
        body .section-11 .contact .wpforms-field-container #wpforms-809-field_6-container, body .section-11 .contact .wpforms-field-container #wpforms-809-field_10-container {
          width: 100%; }
        body .section-11 .contact .wpforms-field-container > div:first-child {
          width: 100%; }
        body .section-11 .contact .wpforms-field-container > div:not(:first-child) {
          width: 48%; }
        body .section-11 .contact .wpforms-field-container > div .wpforms-field-sublabel {
          display: none; }
        body .section-11 .contact .wpforms-field-container > div:not(:first-child), body .section-11 .contact .wpforms-field-container > div .wpforms-one-half {
          border-bottom: 1px solid #004752;
          margin-bottom: 20px;
          margin-bottom: 39px;
          position: relative; }
        body .section-11 .contact .wpforms-field-container > div input {
          padding-bottom: 20px;
          font-size: 14px;
          width: 100%;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          color: #004752 !important;
          opacity: 1;
          outline: none;
          line-height: 30px;
          border: none !important;
          letter-spacing: 0.42px; }
      body .section-11 .contact .row-contact-form {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between; }
      body .section-11 .contact .tittle {
        color: #87c45e;
        max-width: 250px;
        font-size: 28px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        padding-bottom: 44px;
        letter-spacing: 1.4px;
        line-height: 38px; }
      body .section-11 .contact .col-100 {
        border-bottom: 1px solid #004752;
        margin-bottom: 20px;
        width: 100%;
        margin-right: 30px;
        margin-bottom: 39px;
        position: relative; }
        body .section-11 .contact .col-100 #j-tittle,
        body .section-11 .contact .col-100 #message {
          padding-bottom: 20px;
          font-size: 14px;
          width: 100%;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          color: #004752;
          opacity: 1;
          outline: none;
          line-height: 30px;
          letter-spacing: 0.42px; }
        body .section-11 .contact .col-100 #message {
          padding-bottom: 80px; }
      body .section-11 .contact .check {
        max-width: 250px;
        max-height: 35px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 55px;
        margin-top: 40px; }
        body .section-11 .contact .check .checkbox-text {
          font-size: 12px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          opacity: 0.7;
          max-width: 200px;
          margin-left: 10px;
          color: #004752; }
        body .section-11 .contact .check #checkbox {
          background-image: rgba(0, 71, 82, 0.23);
          width: 25px;
          height: 25px;
          border: 1px solid #004752;
          border-radius: 5px; }
      body .section-11 .contact .contact-bttn {
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        font-size: 14px !important;
        width: 200px;
        height: 50px;
        background-color: #87c45e !important;
        border-radius: 25px;
        align-items: center;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        color: #fff !important;
        border: none;
        text-transform: uppercase;
        justify-content: center;
        cursor: pointer;
        margin-top: 40px;
        margin-bottom: 40px; }
  body .section-12 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 100px; }
    body .section-12.--contact {
      margin-bottom: 400px; }
    body .section-12 .tittle {
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 600;
      color: #fff;
      padding-bottom: 90px;
      position: relative; }
    body .section-12 .earth-map {
      width: 100%;
      height: auto;
      align-items: center;
      justify-content: center;
      position: relative;
      max-width: 1400px;
      max-height: 800px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      padding-bottom: 20px; }
      body .section-12 .earth-map .pulsating-circle-a {
        position: absolute;
        left: 14%;
        top: 42%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-12 .earth-map .pulsating-circle-a .logo {
          position: absolute;
          top: 0;
          width: 100%;
          left: 0%;
          z-index: 30;
          font-size: 20px;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
        body .section-12 .earth-map .pulsating-circle-a .text {
          position: absolute;
          top: 10%;
          width: 100%;
          min-width: 150px;
          right: 30px;
          z-index: 30;
          font-size: 12px;
          color: #e1e8eb;
          font-family: "Figtree", sans-serif;
          font-weight: 300;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
        body .section-12 .earth-map .pulsating-circle-a:before {
          content: "";
          position: relative;
          display: block;
          width: 300%;
          height: 300%;
          box-sizing: border-box;
          margin-left: -100%;
          margin-top: -100%;
          border-radius: 45px;
          background-color: #87c45e;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-12 .earth-map .pulsating-circle-a:after {
          content: "";
          position: absolute;
          left: -5px;
          top: -5px;
          display: block;
          width: 135%;
          height: 135%;
          background-color: rgba(135, 196, 94, 0.4);
          border-radius: 35px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
      body .section-12 .earth-map .pulsating-circle-b {
        position: absolute;
        left: 20%;
        top: 47%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-12 .earth-map .pulsating-circle-b .logo {
          position: absolute;
          top: 0;
          width: 100%;
          left: 0%;
          z-index: 30;
          font-size: 20px;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
        body .section-12 .earth-map .pulsating-circle-b .text {
          position: absolute;
          top: 10%;
          width: 100%;
          min-width: 200px;
          left: 50px;
          z-index: 30;
          font-size: 12px;
          color: #e1e8eb;
          font-family: "Figtree", sans-serif;
          font-weight: 300;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
        body .section-12 .earth-map .pulsating-circle-b:before {
          content: "";
          position: relative;
          display: block;
          width: 300%;
          height: 300%;
          box-sizing: border-box;
          margin-left: -100%;
          margin-top: -100%;
          border-radius: 45px;
          background-color: #87c45e;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-12 .earth-map .pulsating-circle-b:after {
          content: "";
          position: absolute;
          left: -5px;
          top: -5px;
          display: block;
          width: 135%;
          height: 135%;
          background-color: rgba(135, 196, 94, 0.4);
          border-radius: 35px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
      body .section-12 .earth-map .pulsating-circle-k {
        position: absolute;
        left: 57%;
        top: 65%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-12 .earth-map .pulsating-circle-k .text {
          position: absolute;
          top: 10%;
          width: 100%;
          min-width: 150px;
          right: 30px;
          z-index: 30;
          font-size: 12px;
          color: #e1e8eb;
          font-family: "Figtree", sans-serif;
          font-weight: 300;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
        body .section-12 .earth-map .pulsating-circle-k .logo {
          position: absolute;
          top: 0;
          width: 100%;
          left: 0%;
          z-index: 30;
          font-size: 20px;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
        body .section-12 .earth-map .pulsating-circle-k:before {
          content: "";
          position: relative;
          display: block;
          width: 300%;
          height: 300%;
          box-sizing: border-box;
          margin-left: -100%;
          margin-top: -100%;
          border-radius: 45px;
          background-color: #87c45e;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-12 .earth-map .pulsating-circle-k:after {
          content: "";
          position: absolute;
          left: -5px;
          top: -5px;
          display: block;
          width: 135%;
          height: 135%;
          background-color: rgba(135, 196, 94, 0.4);
          border-radius: 35px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
      body .section-12 .earth-map .pulsating-circle-d {
        position: absolute;
        left: 68%;
        top: 55%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px; }
        body .section-12 .earth-map .pulsating-circle-d .logo {
          position: absolute;
          top: 0;
          width: 100%;
          left: 0%;
          z-index: 30;
          font-size: 20px;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
        body .section-12 .earth-map .pulsating-circle-d .text {
          position: absolute;
          top: 10%;
          width: 100%;
          min-width: 200px;
          left: 50px;
          z-index: 30;
          font-size: 12px;
          color: #e1e8eb;
          font-family: "Figtree", sans-serif;
          font-weight: 300;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
        body .section-12 .earth-map .pulsating-circle-d:before {
          content: "";
          position: relative;
          display: block;
          width: 300%;
          height: 300%;
          box-sizing: border-box;
          margin-left: -100%;
          margin-top: -100%;
          border-radius: 45px;
          background-color: #87c45e;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        body .section-12 .earth-map .pulsating-circle-d:after {
          content: "";
          position: absolute;
          left: -5px;
          top: -5px;
          display: block;
          width: 135%;
          height: 135%;
          background-color: rgba(135, 196, 94, 0.4);
          border-radius: 35px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }

@keyframes pulse-ring {
  0% {
    transform: scale(0.63); }
  80%,
  100% {
    opacity: 0; } }

@keyframes pulse-dot {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }
      body .section-12 .earth-map img {
        width: 100%;
        height: auto; }
  body .section-13 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden; }
    body .section-13 .earth-section {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 50%;
      justify-content: center; }
      body .section-13 .earth-section .container-earth {
        position: relative;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center; }
      body .section-13 .earth-section .earth-image-2 {
        max-width: 653px;
        max-height: 653px;
        width: 653px;
        height: 653px;
        position: absolute;
        top: 100px; }
    body .section-13 .scrollsection {
      position: relative;
      width: 50%;
      background-color: rgba(255, 255, 255, 0.05);
      padding-bottom: 400px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center; }
      body .section-13 .scrollsection .select-types {
        width: 100%;
        height: 50px;
        cursor: pointer;
        color: #042729;
        font-size: 14px;
        position: relative;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        letter-spacing: 0.7px;
        line-height: 38px;
        background-color: #fff;
        border: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        outline: none;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        border-radius: 6px; }
        body .section-13 .scrollsection .select-types > img {
          position: absolute;
          right: 20px; }
        body .section-13 .scrollsection .select-types select {
          width: 100%;
          height: 100%;
          padding: 0 20px;
          cursor: pointer;
          border: none;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: center;
          align-items: center;
          outline: none; }
      body .section-13 .scrollsection .tittle {
        max-width: 606px;
        width: 100%;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        font-size: 58px;
        color: #FFFFFF;
        padding-top: 180px;
        padding-bottom: 17px;
        letter-spacing: 2.9px;
        line-height: 68px;
        position: relative; }
      body .section-13 .scrollsection .sub-tittle {
        max-width: 636px;
        width: 100%;
        font-size: 20px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        color: #FFFFFF;
        letter-spacing: 0.9px;
        line-height: 28px;
        padding-bottom: 60px;
        position: relative; }
      body .section-13 .scrollsection .row-dropdown {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center; }
      body .section-13 .scrollsection .types {
        position: relative;
        width: calc(50% - 10px);
        margin-top: 10px;
        margin-bottom: 30px; }
        body .section-13 .scrollsection .types .dropdown2 {
          position: relative;
          width: 100%;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          cursor: pointer; }
          body .section-13 .scrollsection .types .dropdown2 ::placeholder {
            color: #042729;
            font-size: 18px; }
        body .section-13 .scrollsection .types .dropdown2::before {
          content: "";
          position: absolute;
          top: 15px;
          right: 20px;
          z-index: 1000;
          width: 12px;
          height: 12px;
          border: 1px solid #042729;
          border-top: 1px solid transparent;
          border-right: 1px solid transparent;
          transform: rotate(-45deg);
          transition: 0.5s;
          cursor: pointer;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s; }
        body .section-13 .scrollsection .types .dropdown2.active::before {
          top: 22px;
          transform: rotate(-225deg); }
        body .section-13 .scrollsection .types .dropdown2 input {
          position: relative;
          top: 0;
          left: 0;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          width: 100%;
          height: 100%;
          cursor: pointer;
          color: #042729;
          font-size: 14px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          letter-spacing: 0.7px;
          line-height: 38px;
          background-color: #fff;
          font-size: 1.2em;
          border: none;
          outline: none;
          cursor: pointer;
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
          padding: 12px 20px;
          border-radius: 6px; }
        body .section-13 .scrollsection .types .dropdown2 .options {
          position: absolute;
          top: 45px;
          z-index: 2;
          font-size: 16px;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          letter-spacing: 0.7px;
          cursor: pointer;
          width: 100%;
          background: #fff;
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
          border-bottom-left-radius: 6px;
          border-bottom-right-radius: 6px;
          overflow: hidden;
          display: none; }
        body .section-13 .scrollsection .types .dropdown2.active .options {
          display: block;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s; }
        body .section-13 .scrollsection .types .dropdown2 .options div {
          padding: 12px 20px;
          cursor: pointer; }
      body .section-13 .scrollsection .location {
        position: relative;
        width: calc(50% - 10px);
        height: 50px;
        margin-top: 10px;
        margin-bottom: 30px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
        body .section-13 .scrollsection .location .dropdown3 {
          position: relative;
          width: 100%;
          height: 50px; }
          body .section-13 .scrollsection .location .dropdown3 ::placeholder {
            color: #042729;
            font-size: 18px; }
        body .section-13 .scrollsection .location .dropdown3::before {
          content: "";
          position: absolute;
          top: 15px;
          right: 20px;
          z-index: 1000;
          width: 12px;
          height: 12px;
          border: 1px solid #042729;
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;
          transform: rotate(-45deg);
          transition: 0.5s;
          color: #042729;
          pointer-events: none; }
        body .section-13 .scrollsection .location .dropdown3.active-2::before {
          top: 22px;
          transform: rotate(-225deg); }
        body .section-13 .scrollsection .location .dropdown3 input {
          position: relative;
          top: 0;
          left: 0;
          color: #042729;
          font-size: 14px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          letter-spacing: 0.7px;
          width: 100%;
          height: 100%;
          cursor: pointer;
          background-color: #fff;
          font-size: 1.2em;
          border: none;
          outline: none;
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
          padding: 12px 20px;
          border-radius: 6px; }
        body .section-13 .scrollsection .location .dropdown3 .options-2 {
          position: absolute;
          top: 46px;
          z-index: 2;
          color: #042729;
          font-size: 16px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          letter-spacing: 0.7px;
          width: 100%;
          background: #fff;
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
          border-bottom-left-radius: 6px;
          border-bottom-right-radius: 6px;
          overflow: hidden;
          display: none; }
        body .section-13 .scrollsection .location .dropdown3.active-2 .options-2 {
          display: block; }
        body .section-13 .scrollsection .location .dropdown3 .options-2 div {
          padding: 12px 20px;
          cursor: pointer; }
      body .section-13 .scrollsection .frame {
        width: 780px;
        height: 433px;
        border-radius: 10px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        z-index: 1;
        margin-bottom: 40px; }
        body .section-13 .scrollsection .frame .frame-image {
          position: absolute;
          z-index: 0;
          width: 100%;
          height: 100%; }
          body .section-13 .scrollsection .frame .frame-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px; }
        body .section-13 .scrollsection .frame a {
          position: absolute;
          width: 100%;
          height: 100%;
          z-index: 10; }
        body .section-13 .scrollsection .frame::before {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: #042729;
          opacity: 0.6;
          z-index: 1;
          max-width: 780px;
          max-height: 433px;
          border-radius: 10px; }
        body .section-13 .scrollsection .frame .frame-description-top {
          position: relative;
          padding: 10px;
          width: 100%;
          z-index: 2;
          margin: 20px;
          border-left: 3px solid #87c45e; }
          body .section-13 .scrollsection .frame .frame-description-top .one,
          body .section-13 .scrollsection .frame .frame-description-top .two,
          body .section-13 .scrollsection .frame .frame-description-top .three {
            font-size: 14px;
            width: 100%;
            z-index: 2;
            position: relative;
            font-family: "Figtree", sans-serif;
            font-weight: 500;
            color: #fff;
            padding-bottom: 5px; }
            body .section-13 .scrollsection .frame .frame-description-top .one span,
            body .section-13 .scrollsection .frame .frame-description-top .two span,
            body .section-13 .scrollsection .frame .frame-description-top .three span {
              position: relative;
              color: #87c45e; }
        body .section-13 .scrollsection .frame .frame-description-bottom {
          position: absolute;
          bottom: 0;
          padding: 20px;
          margin-top: 180px; }
          body .section-13 .scrollsection .frame .frame-description-bottom .one {
            font-size: 14px;
            width: 100%;
            position: relative;
            font-family: "Figtree", sans-serif;
            font-weight: 500;
            color: #fff;
            z-index: 2;
            padding-bottom: 5px; }
            body .section-13 .scrollsection .frame .frame-description-bottom .one span {
              position: relative;
              color: #87c45e; }
          body .section-13 .scrollsection .frame .frame-description-bottom .two {
            color: #fff;
            font-size: 28px;
            z-index: 2;
            position: relative;
            font-family: "Figtree", sans-serif;
            font-weight: 500;
            padding-bottom: 8px; }
          body .section-13 .scrollsection .frame .frame-description-bottom .three .text {
            font-size: 14px;
            z-index: 2;
            position: relative;
            color: #fff;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            width: 80%; }
  body .section-14 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-height: 100vh;
    z-index: 1;
    align-items: center;
    justify-content: center; }
    body .section-14 .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      min-height: 100vh;
      justify-content: center;
      flex-direction: column;
      padding: 100px 0; }
    body .section-14::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #004752;
      opacity: 0.5;
      position: absolute;
      z-index: 0; }
    body .section-14 .sm-tittle {
      font-size: 22px;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      color: #fff;
      position: relative;
      z-index: 3;
      opacity: 1; }
      body .section-14 .sm-tittle span {
        color: #87c45e; }
    body .section-14 .tittle {
      padding-top: 15px;
      font-size: 58px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #fff;
      letter-spacing: 2.9px;
      line-height: 68px;
      max-width: 735px;
      position: relative;
      z-index: 4; }
    body .section-14 .logo {
      max-width: 126px;
      max-height: 52px;
      position: relative;
      padding-top: 15px; }
      body .section-14 .logo img {
        max-width: 100%; }
  body .section-15 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    align-items: center;
    justify-content: center;
    background-color: #fff; }
    body .section-15 .description-left {
      padding-top: 80px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 18px;
      max-width: 610px;
      padding-right: 20px;
      letter-spacing: 0.54px;
      line-height: 26px;
      width: 100%;
      color: #000000;
      padding-bottom: 10px; }
    body .section-15 .description-right {
      padding-top: 80px;
      padding-left: 20px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 18px;
      max-width: 601px;
      letter-spacing: 0.54px;
      line-height: 26px;
      width: 100%;
      color: #000000;
      padding-bottom: 10px; }
    body .section-15 .mapp {
      max-width: 656px;
      max-height: 550px;
      width: 656px;
      height: 550px;
      position: relative; }
      body .section-15 .mapp img {
        width: 100%;
        height: 100%; }
    body .section-15 .mapp-description {
      max-width: 500px;
      height: fit-content;
      position: relative;
      margin-top: 420px;
      margin-right: 90px;
      border-left: 2px solid #87c45e;
      padding-left: 10px; }
      body .section-15 .mapp-description .text {
        color: #004752;
        position: relative;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        font-size: 20px;
        bottom: 0;
        right: 0;
        width: 100%; }
        body .section-15 .mapp-description .text span {
          color: #87c45e; }
  body .section-16 {
    position: relative;
    width: 100%;
    height: fit-content;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    background-color: #FFFFFF; }
    body .section-16 .tittle {
      color: #004752;
      font-size: 28px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      position: relative;
      padding-top: 80px;
      padding-bottom: 40px; }
    body .section-16 .photo-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      height: 459px;
      position: relative;
      align-items: flex-end;
      justify-content: flex-end;
      flex-direction: column; }
      body .section-16 .photo-wrapper > div:nth-last-child(2) {
        position: relative; }
        body .section-16 .photo-wrapper > div:nth-last-child(2)::before {
          content: "";
          position: absolute;
          border-radius: 10px;
          width: calc(100% - 10px);
          height: calc(100% - 10px);
          background-color: #000000;
          opacity: 0.48;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto; }
      body .section-16 .photo-wrapper > div:not(.btn) {
        padding: 5px; }
        body .section-16 .photo-wrapper > div:not(.btn):first-child {
          height: 100%;
          width: 50%;
          border-radius: 10px; }
        body .section-16 .photo-wrapper > div:not(.btn):not(:first-child) {
          width: 25%;
          height: 50%; }
        body .section-16 .photo-wrapper > div:not(.btn) img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 10px; }
      body .section-16 .photo-wrapper .btn {
        position: absolute;
        border: 1px solid #fff;
        color: transparent;
        max-width: 173px;
        max-height: 39px;
        border-radius: 20px;
        color: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        right: 25px;
        bottom: 25px;
        cursor: pointer;
        padding: 10px;
        padding-left: 25px;
        align-items: center; }
        body .section-16 .photo-wrapper .btn .text {
          font-size: 14px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          margin-right: 15px; }
  body .section-17 {
    width: 100%;
    height: fit-content;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding-bottom: 400px;
    background-color: #FFFFFF; }
    body .section-17 .verra-link {
      font-size: 16px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      color: #004752;
      line-height: 24px;
      letter-spacing: 0.48px; }
    body .section-17 .heading {
      padding-top: 50px;
      color: #004752;
      font-size: 28px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      position: relative; }
    body .section-17 .paragraph-1 {
      font-size: 16px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      color: #000000;
      padding-top: 20px;
      line-height: 24px;
      letter-spacing: 0.48px;
      margin-bottom: 30px; }
    body .section-17 .tittle {
      color: #004752;
      font-size: 28px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      position: relative;
      padding-top: 50px;
      padding-bottom: 40px; }
    body .section-17 .row-sgd {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-top: 30px;
      margin-bottom: 90px; }
    body .section-17 .img-20 {
      width: calc(20% - 10px);
      position: relative;
      margin-bottom: 10px;
      margin-right: 10px;
      border-radius: 10px; }
      body .section-17 .img-20 img {
        width: 100%;
        height: 100%;
        border-radius: 10px; }
    body .section-17 .verra-logo {
      max-width: 320px;
      position: relative;
      margin-bottom: 40px; }
      body .section-17 .verra-logo img {
        width: 100%; }
  body .section-18 {
    width: 100%;
    height: fit-content;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; }
    body .section-18 .container {
      padding: 200px 0 100px 0; }
    body .section-18::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      background-image: linear-gradient(transparent, #004752); }
    body .section-18 .tittle {
      font-size: 58px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #fff;
      letter-spacing: 2.9px;
      position: relative;
      line-height: 68px;
      max-width: 600px;
      text-transform: capitalize; }
  body .section-19 {
    width: 100%;
    height: fit-content;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center; }
    body .section-19 .faq-block {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column; }
      body .section-19 .faq-block:not(:last-child) {
        margin-bottom: 70px; }
      body .section-19 .faq-block .title {
        margin-bottom: 30px;
        font-size: 38px;
        color: #fff;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        letter-spacing: 1.9px;
        line-height: 50px; }
    body .section-19 .container {
      padding-top: 200px; }
  body .section-20 {
    width: 100%;
    height: 100vh;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center; }
    body .section-20::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      z-index: 0;
      background-color: #004752;
      opacity: 0.5; }
    body .section-20 .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 100px 0; }
    body .section-20 .tittle {
      font-size: 58px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #fff;
      position: relative;
      letter-spacing: 2.9px;
      padding-bottom: 18px; }
    body .section-20 .text {
      color: #fff;
      font-size: 22px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      position: relative;
      max-width: 565px;
      z-index: 3;
      letter-spacing: 1.2px;
      line-height: 36px; }
      body .section-20 .text strong {
        color: #fff;
        font-family: "Figtree", sans-serif;
        font-weight: 700;
        font-style: italic;
        position: relative;
        z-index: 9; }
        body .section-20 .text strong::before {
          position: absolute;
          content: "";
          width: 100%;
          height: 30%;
          z-index: 0;
          opacity: 0.6;
          bottom: 0;
          background-color: #87c45e; }
  body .section-21 {
    position: relative;
    width: 100%;
    height: fit-content;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center; }
    body .section-21 .green-subtitle {
      padding-top: 125px; }
    body .section-21 .left-paragraph {
      max-width: 550px;
      color: #fff;
      width: calc(50% - 50px);
      margin-right: 50px;
      font-size: 28px;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      padding-bottom: 500px;
      letter-spacing: 1.4px;
      line-height: 38px; }
    body .section-21 .right-paragraph {
      font-size: 18px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      max-width: 565px;
      color: #fff;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      width: calc(50% - 50px);
      margin-left: 50px;
      line-height: 26px;
      letter-spacing: 0.8px; }
      body .section-21 .right-paragraph > div {
        margin-bottom: 30px; }
    body .section-21 .center-line {
      position: absolute;
      top: 0;
      left: 50%;
      width: 50px;
      height: 100%; }
      body .section-21 .center-line .line {
        content: "";
        height: 0%;
        display: block;
        position: relative;
        width: 2px;
        background-color: #87c45e; }
      body .section-21 .center-line .iconn {
        position: absolute;
        top: 20%;
        right: 10%;
        width: 90px;
        height: 90px;
        align-items: center;
        display: none;
        justify-content: center;
        padding: 20px;
        border: 1px solid #87c45e;
        border-radius: 50%;
        background-color: #004752; }
  body .section-22 {
    position: relative;
    width: 100%;
    height: fit-content;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    body .section-22 .tittle {
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #fff;
      max-width: 175px;
      padding-top: 36px;
      padding-bottom: 27px;
      position: relative; }
    body .section-22 .center-line {
      position: absolute;
      top: 0;
      left: 50%;
      width: 50px;
      height: 70%;
      margin-top: 145px; }
      body .section-22 .center-line .animation-line {
        content: "";
        height: 0%;
        display: block;
        position: relative;
        width: 2px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        background-color: #87c45e; }
      body .section-22 .center-line .icon {
        position: absolute;
        top: 10%;
        right: 10%;
        display: none;
        max-width: 90px;
        max-height: 90px;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        justify-content: center;
        padding: 20px; }
      body .section-22 .center-line .icon-two {
        position: absolute;
        top: 70%;
        right: 10%;
        max-width: 90px;
        max-height: 90px;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
        justify-content: center;
        padding: 20px;
        border: 1px solid #87c45e;
        border-radius: 50%;
        background-color: #004752; }
    body .section-22 .map-row {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: relative;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%; }
      body .section-22 .map-row .col-left {
        width: calc(50% - 50px);
        margin-right: 50px; }
        body .section-22 .map-row .col-left .map {
          max-width: 485px;
          padding-top: 50px;
          padding-bottom: 145px; }
          body .section-22 .map-row .col-left .map img {
            width: 100%; }
        body .section-22 .map-row .col-left .text {
          max-width: 565px;
          font-family: "Inter", sans-serif;
          font-weight: 300;
          font-size: 18px;
          color: #fff;
          margin-bottom: 180px;
          line-height: 26px;
          letter-spacing: 0.9px; }
      body .section-22 .map-row .col-right {
        width: calc(50% - 100px);
        margin-left: 100px; }
        body .section-22 .map-row .col-right .map {
          max-width: 235px;
          position: relative;
          width: 100%; }
          body .section-22 .map-row .col-right .map img {
            width: 100%; }
        body .section-22 .map-row .col-right .text {
          max-width: 565px;
          font-family: "Inter", sans-serif;
          font-weight: 300;
          font-size: 18px;
          color: #fff;
          padding-bottom: 130px;
          line-height: 26px;
          letter-spacing: 0.9px; }
          body .section-22 .map-row .col-right .text strong {
            color: #87c45e;
            font-weight: 300; }
  body .section-23 {
    width: 100%;
    height: fit-content;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    justify-content: center;
    margin-bottom: 210px; }
    body .section-23 .tittle {
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 600;
      color: #fff;
      position: relative;
      line-height: 32px;
      letter-spacing: 1.9px; }
    body .section-23 .paragraph-right {
      position: relative;
      font-size: 18px;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      max-width: 550px;
      margin-bottom: 50px;
      color: #fff;
      line-height: 26px;
      letter-spacing: 0.9px; }
    body .section-23 .team-row {
      position: relative;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%; }
      body .section-23 .team-row .team {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end;
        width: calc(33.333% - 31px);
        margin-right: 31px;
        margin-bottom: 31px;
        border-radius: 10px;
        height: 480px;
        cursor: pointer; }
        body .section-23 .team-row .team .team-text {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          padding: 24px;
          z-index: 1; }
          body .section-23 .team-row .team .team-text .description, body .section-23 .team-row .team .team-text .linkedin {
            display: none; }
          body .section-23 .team-row .team .team-text .name {
            color: #fff;
            font-size: 24px;
            font-family: "Figtree", sans-serif;
            font-weight: 400;
            letter-spacing: 1.2px;
            line-height: 28px;
            margin-bottom: 4px; }
          body .section-23 .team-row .team .team-text span {
            color: #87c45e;
            font-size: 16px;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            letter-spacing: 0.48px;
            line-height: 28px; }
        body .section-23 .team-row .team::before {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          border-radius: 0 0 10px 10px;
          background: linear-gradient(0deg, #042729 0%, rgba(4, 39, 41, 0) 100%);
          opacity: 0.86; }
        body .section-23 .team-row .team > img {
          position: absolute;
          z-index: -1;
          object-fit: cover;
          height: 100%;
          width: 100%;
          border-radius: 10px;
          -ms-filter: grayscale(1);
          -webkit-filter: grayscale(1);
          -moz-filter: grayscale(1);
          -o-filter: grayscale(1);
          filter: grayscale(1); }
  body .modal {
    display: none;
    position: fixed;
    justify-content: center;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    overflow: auto;
    align-items: center; }
    body .modal .bio {
      opacity: 0.04;
      position: absolute;
      font-size: 270px;
      font-family: "Figtree", sans-serif;
      font-weight: 800;
      top: 0;
      letter-spacing: 20px;
      text-transform: capitalize; }
    body .modal .container {
      height: auto; }
    body .modal .modal-content {
      max-width: 1133px;
      max-height: fit-content;
      background-color: #fff;
      border-radius: 10px;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin-left: 10%;
      align-items: center;
      padding: 150px 100px 150px 300px;
      /* The Close Button Modal */ }
      body .modal .modal-content .team-description {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative; }
        body .modal .modal-content .team-description .tittle {
          font-size: 24px;
          font-family: "Figtree", sans-serif;
          font-weight: 500;
          color: #004752;
          padding-bottom: 5px;
          position: relative;
          letter-spacing: 1.2px;
          line-height: 28px; }
        body .modal .modal-content .team-description .sub-tittle {
          position: relative;
          font-size: 16px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          color: #87c45e;
          padding-bottom: 10px;
          letter-spacing: 0.48px;
          line-height: 28px; }
        body .modal .modal-content .team-description .linkedin {
          margin-bottom: 16px; }
        body .modal .modal-content .team-description .description {
          font-size: 16px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          color: #004752;
          opacity: 0.7;
          line-height: 24px;
          letter-spacing: 0.8px; }
      body .modal .modal-content .team-img {
        position: absolute;
        height: 90%;
        width: 412px;
        left: -206px;
        border-radius: 10px;
        -ms-filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        filter: grayscale(1); }
        body .modal .modal-content .team-img img {
          object-fit: cover;
          height: 100%;
          max-width: 100%;
          width: 100%;
          border-radius: 10px; }
      body .modal .modal-content .close {
        color: aliceblue;
        right: 20px;
        top: 20px;
        border: 2px solid;
        opacity: 1;
        border-radius: 50%;
        position: absolute;
        z-index: 11;
        cursor: pointer;
        color: #e56647; }
  body .projects-modal {
    display: none;
    position: fixed;
    align-items: center;
    justify-content: center;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    overflow: hidden;
    align-items: center; }
    body .projects-modal .container {
      height: 80%; }
    body .projects-modal .close-gallery {
      position: absolute;
      z-index: 2;
      top: 50px;
      right: 50px;
      cursor: pointer; }
    body .projects-modal .swiper-container {
      width: 100%;
      height: 100%;
      /*     background: #fd5; */ }
    body .projects-modal .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  body .section-24 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: fit-content;
    justify-content: center;
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, #ffffff 70%, #ffffff 100%); }
    body .section-24 .container {
      padding-top: 300px; }
      body .section-24 .container > .row:first-child {
        margin-bottom: 90px;
        align-items: center; }
        body .section-24 .container > .row:first-child .actions {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center; }
          body .section-24 .container > .row:first-child .actions .search {
            min-width: 421px;
            margin-right: 30px; }
            body .section-24 .container > .row:first-child .actions .search > form {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              padding: 17.5px 0;
              border-bottom: 1px solid #ffffff;
              justify-content: space-between; }
              body .section-24 .container > .row:first-child .actions .search > form > input {
                width: 100%;
                outline: none;
                background-color: transparent !important; }
                body .section-24 .container > .row:first-child .actions .search > form > input::placeholder {
                  font-family: "Figtree", sans-serif;
                  font-weight: 400;
                  font-size: 14px;
                  opacity: 0.54;
                  letter-spacing: 0.7px;
                  line-height: 20px; }
              body .section-24 .container > .row:first-child .actions .search > form .fa-search:before {
                color: #ffffff; }
    body .section-24 .tittle {
      font-size: 58px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #fff;
      position: relative;
      text-transform: capitalize;
      letter-spacing: 2.9px;
      line-height: 68px; }
    body .section-24 .card {
      position: relative;
      max-width: 630px;
      height: 412px;
      width: 100%;
      border-radius: 10px;
      margin-bottom: 10px; }
      body .section-24 .card::before {
        content: "";
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px; }
      body .section-24 .card .img-bg {
        position: relative;
        max-width: 630px;
        max-height: 412px;
        width: 100%;
        height: 100%;
        border-radius: 10px; }
        body .section-24 .card .img-bg img {
          width: 100%;
          border-radius: 10px;
          object-fit: cover;
          height: 100%; }
      body .section-24 .card .data {
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        color: #fff;
        opacity: 0.75;
        position: absolute;
        padding-top: 30px;
        padding-left: 30px;
        padding-bottom: 5px;
        letter-spacing: 0.7px;
        top: 0;
        z-index: 2; }
      body .section-24 .card .text {
        font-size: 24px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        color: #fff;
        padding-left: 30px;
        position: absolute;
        max-width: 450px;
        z-index: 1;
        width: 100%;
        letter-spacing: 1.2px;
        line-height: 30px;
        top: 0;
        padding-top: 50px;
        z-index: 2; }
      body .section-24 .card .avatar {
        position: absolute;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-left: 30px;
        bottom: 0;
        margin-bottom: 30px;
        z-index: 2; }
        body .section-24 .card .avatar .avatar-description {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          text-transform: capitalize;
          flex-direction: column;
          max-width: 130px;
          margin-left: 8px; }
          body .section-24 .card .avatar .avatar-description .name {
            color: #fff;
            font-size: 14px;
            font-family: "Figtree", sans-serif;
            font-weight: 600;
            letter-spacing: 0.7px;
            line-height: 20px; }
          body .section-24 .card .avatar .avatar-description .profession {
            font-size: 11px;
            font-family: "Figtree", sans-serif;
            font-weight: 400;
            opacity: 0.6;
            letter-spacing: 0.5px;
            color: #fff; }
  body .section-25 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 100px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background-color: #fff; }
    body .section-25 .container .row-news {
      flex-wrap: wrap;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start; }
      body .section-25 .container .row-news .news {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding-top: 30px;
        flex-direction: column;
        width: calc(33.33333% - 30px);
        max-width: 413px;
        overflow: hidden;
        margin-bottom: 20px;
        margin-right: 30px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        body .section-25 .container .row-news .news:hover .image-1 img {
          transform: scale(1.1);
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
        body .section-25 .container .row-news .news:hover .description {
          color: #87c45e !important;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        body .section-25 .container .row-news .news a {
          width: 100%;
          height: 100%;
          position: relative;
          cursor: pointer; }
        body .section-25 .container .row-news .news .image-1 {
          max-width: 413px;
          max-height: 275px;
          height: 275px;
          position: relative;
          overflow: hidden;
          z-index: 5;
          border-radius: 10px; }
          body .section-25 .container .row-news .news .image-1 img {
            width: 100%;
            height: 100%;
            border-radius: 10px;
            object-fit: cover; }
        body .section-25 .container .row-news .news .data {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          max-width: 200px;
          padding-top: 21px;
          color: #fff;
          font-size: 14px;
          letter-spacing: 0.7px;
          font-family: "Figtree", sans-serif;
          font-weight: 400; }
          body .section-25 .container .row-news .news .data .date {
            color: #87c45e; }
        body .section-25 .container .row-news .news .description {
          font-size: 22px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          padding-top: 14px;
          color: #042729;
          letter-spacing: 0.6;
          line-height: 26px; }
        body .section-25 .container .row-news .news .avatar {
         
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          padding-top: 15px; }
          body .section-25 .container .row-news .news .avatar .avatar-img {
            max-width: 41px;
            max-height: 41px;
            width: 41px;
            height: 41px;
            border-radius: 50%;
            position: relative;
            overflow: hidden; }
            body .section-25 .container .row-news .news .avatar .avatar-img img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          body .section-25 .container .row-news .news .avatar .avatar-description {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            text-transform: capitalize;
            flex-direction: column;
            max-width: 190px;
            margin-left: 8px;
            color: #004752; }
            body .section-25 .container .row-news .news .avatar .avatar-description .name {
              font-size: 14px;
              font-family: "Figtree", sans-serif;
              font-weight: 600;
              color: #004752;
              letter-spacing: 0.7px;
              line-height: 20px; }
            body .section-25 .container .row-news .news .avatar .avatar-description .profession {
              font-size: 11px;
              font-family: "Figtree", sans-serif;
              font-weight: 400;
              opacity: 0.6;
              letter-spacing: 0.5px;
              color: #004752; }
    body .section-25 .container .more {
      width: 100%;
      margin-bottom: 100px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
      body .section-25 .container .more a {
        color: rgba(0, 71, 82, 0.6);
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.8px; }
        body .section-25 .container .more a:hover {
          color: #042729; }
    body .section-25 .header-section {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      padding-top: 150px; }
      body .section-25 .header-section .lg-tittle {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        justify-content: space-between;
        text-align: center;
        padding-top: 8px; }
        body .section-25 .header-section .lg-tittle .tittle {
          font-size: 38px;
          color: #004752;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          max-width: 188px;
          letter-spacing: 1.9px;
          line-height: 50px;
          text-transform: capitalize; }
  body .section-26 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: fit-content;
    padding-bottom: 350px; }
    body .section-26 .container {
      z-index: 10; }
    body .section-26::before {
      content: "";
      width: 100%;
      height: 100%;
      background-color: #004752;
      opacity: 0.7;
      position: absolute;
      background-size: 100%; }
    body .section-26 .tittle {
      max-width: 745px;
      position: relative;
      padding-top: 140px;
      padding-bottom: 35px;
      font-size: 38px;
      letter-spacing: 1.14px;
      line-height: 48px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #fff; }
    body .section-26 .bttn-bttn {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin-bottom: 150px;
      color: #fff;
      margin-top: 42px; }
  body .section-27 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    height: fit-content;
    position: relative; }
    body .section-27::before {
      content: "";
      width: 100%;
      height: 100%;
      background-color: #004752;
      opacity: 0.35;
      position: absolute;
      background-size: 100%; }
    body .section-27 .data {
      max-width: 172px;
      position: relative;
      font-size: 16px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      color: #fff;
      opacity: 0.8;
      padding-bottom: 13px;
      padding-top: 330px; }
    body .section-27 .tittle {
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      padding-bottom: 24px;
      position: relative;
      max-width: 773px;
      letter-spacing: 1.5px;
      line-height: 50px;
      color: #fff; }
    body .section-27 .bttn {
      max-width: 128px;
      max-height: 40px;
      position: relative;
      color: #fff;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 50px;
      margin-bottom: 250px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #fff;
      border-radius: 25px;
      padding: 15px 35px; }
      body .section-27 .bttn .addtoany_share {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center; }
      body .section-27 .bttn:hover {
        background-color: #87c45e;
        border: 1px solid #87c45e; }
      body .section-27 .bttn:not(:last-child) {
        margin-right: 20px; }
      body .section-27 .bttn .icon {
        width: 100%;
        height: 100%; }
      body .section-27 .bttn .text {
        font-size: 14px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        letter-spacing: 0.7px;
        line-height: 30px; }
  body .section-28 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    position: relative;
    justify-content: center;
    background-color: #fff; }
    body .section-28 .container > :first-child {
      margin-top: 60px;
      font-family: "Inter", sans-serif;
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: #004752; }
    body .section-28 .container > :nth-last-child(2) {
      margin-bottom: 34.5px; }
    body .section-28 .container img:not(.author-img) {
      margin: 15px 0;
      border-radius: 10px; }
    body .section-28 .container p, body .section-28 .container h6, body .section-28 .container h5, body .section-28 .container h4, body .section-28 .container h3, body .section-28 .container h2, body .section-28 .container h1 {
      margin: 7.5px 0;
      font-family: "Inter", sans-serif;
      font-weight: 300;
      line-height: 26px;
      color: #000000; }
    body .section-28 .container p {
      font-size: 18px; }
    body .section-28 .container h6 {
      font-size: 20px; }
    body .section-28 .container h5 {
      font-size: 23px; }
    body .section-28 .container h4 {
      font-size: 24px; }
    body .section-28 .container h3 {
      font-size: 26px; }
    body .section-28 .container h2 {
      font-size: 28px; }
    body .section-28 .container h1 {
      font-size: 30px !important;
      line-height: 36px !important; }
    body .section-28 .avatar {
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding-top: 43.5px;
      margin-bottom: 100px;
      align-items: center;
      border-top: 1px solid rgba(62, 67, 68, 0.23); }
      body .section-28 .avatar .avatar-img {
        max-width: 41px;
        max-height: 41px;
        width: 41px;
        height: 41px;
        border-radius: 50%;
        position: relative;
        overflow: hidden; }
        body .section-28 .avatar .avatar-img img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      body .section-28 .avatar .avatar-description {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-left: 8px;
        text-transform: capitalize;
        flex-direction: column;
      
        color: #004752; }
        body .section-28 .avatar .avatar-description .name {
          font-size: 14px;
          font-family: "Figtree", sans-serif;
          font-weight: 600;
          color: #004752; }
        body .section-28 .avatar .avatar-description .profession {
          font-size: 11px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          opacity: 0.6;
          color: #004752; }
  body .section-29 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    margin-bottom: 450px; }
    body .section-29 .header-section {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      padding-top: 150px; }
      body .section-29 .header-section .lg-tittle {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        justify-content: space-between;
        text-align: center;
        padding-top: 8px; }
        body .section-29 .header-section .lg-tittle .tittle {
          font-size: 38px;
          color: #fff;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          max-width: 388px; }
        body .section-29 .header-section .lg-tittle .all-arrow {
          max-width: 47px;
          color: #87c45e;
          align-items: flex-end;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          position: relative;
          cursor: pointer; }
          body .section-29 .header-section .lg-tittle .all-arrow p {
            font-size: 14px;
            font-family: "Figtree", sans-serif;
            font-weight: 600;
            position: relative;
            text-transform: uppercase;
            right: 5px; }
          body .section-29 .header-section .lg-tittle .all-arrow svg {
            color: #87c45e;
            position: relative; }
    body .section-29 .sm-con {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start !important;
      flex-wrap: wrap;
      flex-wrap: wrap; }
      body .section-29 .sm-con .container-row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding-top: 30px;
        flex-direction: column;
        width: calc(33.3333% - 30px);
        margin-left: 30px;
        max-width: 413px;
        min-width: 250px;
        overflow: hidden; }
        body .section-29 .sm-con .container-row .image-1 {
          max-width: 413px;
          max-height: 275px;
          height: 275px;
          position: relative; }
          body .section-29 .sm-con .container-row .image-1 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px; }
        body .section-29 .sm-con .container-row .data {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          max-width: 200px;
          padding-top: 21px;
          color: #fff;
          opacity: 0.6;
          font-size: 14px;
          font-family: "Figtree", sans-serif;
          font-weight: 400; }
          body .section-29 .sm-con .container-row .data p {
            padding-left: 8px;
            position: relative; }
        body .section-29 .sm-con .container-row .description {
          color: #fff;
          font-size: 26px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          padding-top: 14px; }
        body .section-29 .sm-con .container-row .avatar {
     
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          padding-top: 15px; }
          body .section-29 .sm-con .container-row .avatar .avatar-description {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            text-transform: capitalize;
            flex-direction: column;
       
            margin-left: 8px; }
            body .section-29 .sm-con .container-row .avatar .avatar-description .name {
              color: #fff;
              font-size: 14px;
              font-family: "Figtree", sans-serif;
              font-weight: 600; }
            body .section-29 .sm-con .container-row .avatar .avatar-description .profession {
              font-size: 11px;
              font-family: "Figtree", sans-serif;
              font-weight: 400;
              opacity: 0.6;
              color: #fff; }
  body .section-30 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    height: fit-content;
    position: relative; }
    body .section-30 .container {
      padding: 250px 0;
      z-index: 1; }
    body .section-30::before {
      content: "";
      width: 100%;
      height: 100%;
      background-image: linear-gradient(transparent, #004752);
      opacity: 1;
      position: absolute;
      background-size: 100%; }
    body .section-30 .tittle {
      color: #fff;
      font-size: 58px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      position: relative;
      line-height: 50px;
      letter-spacing: 2.9px;
      max-width: 1064px; }
  body .section-31 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    height: fit-content;
    position: relative; }
    body .section-31.--careers .block:not(:last-child) {
      margin-bottom: 180px; }
    body .section-31 .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      padding: 200px 0; }
      body .section-31 .container > .block {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        body .section-31 .container > .block .divider {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          body .section-31 .container > .block .divider .circle {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #87c45e; }
          body .section-31 .container > .block .divider .line {
            width: 1px;
            height: 100%;
            min-height: 450px;
            background-color: #87c45e; }
        body .section-31 .container > .block:last-child .line {
          background: linear-gradient(to bottom, transparent 50%, #004752 50%), linear-gradient(to bottom, #87c45e, #87c45e);
          background-size: 33px 16px, 100% 11px;
          background-color: transparent; }
        body .section-31 .container > .block:nth-child(even) {
          flex-direction: row-reverse; }
          body .section-31 .container > .block:nth-child(even) .text {
            padding-left: 20px;
            padding-right: 0; }
          body .section-31 .container > .block:nth-child(even) .img-sc {
            padding-right: 20px;
            padding-left: 0; }
        body .section-31 .container > .block .text {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          max-width: 565px;
          padding-right: 20px;
          width: 50%; }
          body .section-31 .container > .block .text .sub-tittle {
            font-size: 14px;
            font-family: "Figtree", sans-serif;
            font-weight: 600;
            color: #87c45e;
            text-transform: capitalize;
            letter-spacing: 0.8px;
            line-height: 38px;
            text-transform: capitalize; }
          body .section-31 .container > .block .text .tittle {
            font-size: 28px;
            font-family: "Figtree", sans-serif;
            font-weight: 500;
            color: #fff;
            padding-bottom: 15px;
            line-height: 38px;
            letter-spacing: 1.4px; }
          body .section-31 .container > .block .text .paragraph {
            font-size: 14px;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            color: #fff;
            line-height: 24px;
            letter-spacing: 0.42px; }
        body .section-31 .container > .block .img-sc {
          max-width: 565px;
          max-height: 352px;
          padding-left: 20px;
          border-radius: 10px;
          width: 50%;
          height: 352px; }
          body .section-31 .container > .block .img-sc img {
            max-width: 100%;
            height: 100%;
            width: 100%;
            border-radius: 10px;
            object-fit: cover; }
  body .section-32 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center; }
    body .section-32 .white-background {
      position: absolute;
      width: 0;
      background-color: #fff;
      height: 100vh;
      z-index: 0;
      top: 0;
      left: 0;
      opacity: 0.3; }
    body .section-32 .sm-tittle-2 {
      font-size: 18px;
      font-family: "Figtree", sans-serif;
      font-weight: 600;
      z-index: 1;
      position: relative;
      color: #87c45e;
      letter-spacing: 0.4;
      text-transform: uppercase;
      padding: 5px;
      margin-top: 230px; }
    body .section-32 .lg-content {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      z-index: 1; }
      body .section-32 .lg-content .lg-tittle {
        position: relative;
        font-size: 38px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        color: #fff;
        letter-spacing: 1.9px;
        line-height: 50px;
        max-width: 505px;
        text-transform: capitalize;
        letter-spacing: 3px; }
      body .section-32 .lg-content .arrow {
        color: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        max-width: 115px;
        cursor: pointer; }
    body .section-32 .sp-container {
      width: 50%;
      height: 100%; }
    body .section-32 .swiper {
      overflow: visible;
      width: 100%;
      height: 100%; }
      body .section-32 .swiper .swiper-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        overflow: visible; }
        body .section-32 .swiper .swiper-wrapper .swiper-slide {
          max-width: 600px;
          width: 100%;
          min-width: 720px;
          border-radius: 10px;
          margin-bottom: 232px;
          position: relative;
          border-radius: 10px;
          margin-right: 43px;
          margin-top: 60px;
          margin-bottom: 232px; }
          body .section-32 .swiper .swiper-wrapper .swiper-slide:hover::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 71, 82, 0.4);
            border-radius: 10px;
            z-index: 1; }
          body .section-32 .swiper .swiper-wrapper .swiper-slide:hover .text-container {
            bottom: 0px;
            opacity: 1; }
          body .section-32 .swiper .swiper-wrapper .swiper-slide:hover .text {
            bottom: 40px;
            opacity: 1; }
          body .section-32 .swiper .swiper-wrapper .swiper-slide .image-sp {
            width: 100%;
            height: 100%;
            position: relative; }
            body .section-32 .swiper .swiper-wrapper .swiper-slide .image-sp img {
              height: 100%;
              width: 100%; }
          body .section-32 .swiper .swiper-wrapper .swiper-slide .text {
            font-size: 22px;
            font-family: "Figtree", sans-serif;
            font-weight: 400;
            color: #e1e8eb;
            position: absolute;
            bottom: 0;
            margin-left: 20px;
            max-width: 320px;
            padding-bottom: 20px;
            transition: 0.8s;
            z-index: 2;
            line-height: 28px;
            letter-spacing: 1.1px; }
          body .section-32 .swiper .swiper-wrapper .swiper-slide .text-container {
            position: absolute;
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: space-between;
            bottom: -40px;
            opacity: 0;
            margin-top: 20px;
            transition: 0.9s;
            padding-left: 20px;
            padding-right: 30px;
            z-index: 2; }
            body .section-32 .swiper .swiper-wrapper .swiper-slide .text-container .tex-22 {
              position: relative;
              width: 80%;
              font-family: "Figtree", sans-serif;
              font-weight: 400;
              color: #e1e8eb;
              font-size: 14px;
              font-size: 22px;
              margin-top: 10px; }
            body .section-32 .swiper .swiper-wrapper .swiper-slide .text-container .arrow-2 {
              width: 30px;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              margin-bottom: 10px; }
  body .section-33 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: fit-content;
    margin-bottom: 400px; }
    body .section-33 .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      body .section-33 .container .tittle {
        max-width: 1049px;
        color: #fff;
        position: relative;
        font-size: 28px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        padding-top: 85px;
        padding-bottom: 55px;
        text-align: center; }
      body .section-33 .container .bttn {
        margin-bottom: 150px; }
      body .section-33 .container span {
        height: 1px;
        width: 370px;
        background-color: #fff;
        opacity: 0.5;
        margin-bottom: 150px; }
      body .section-33 .container .sub-tittle {
        font-size: 28px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        padding-bottom: 44px;
        position: relative;
        color: #87c45e; }
      body .section-33 .container .cont-log {
        max-width: 995px;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 30px; }
        body .section-33 .container .cont-log .logo {
          width: calc(20% - 60px);
          height: 100%;
          margin-right: 60px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: center;
          margin-bottom: 40px; }
          body .section-33 .container .cont-log .logo img {
            max-width: 100%; }
  body .section-34 video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1); }
  body .section-34 .bg-left {
    height: 100%;
    width: 55%;
    top: 0;
    left: 0;
    background-color: #004752;
    opacity: 0.8 !important;
    position: absolute;
    z-index: 0; }
  body .section-35 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    height: fit-content;
    position: relative; }
    body .section-35 .tabs-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column-reverse; }
    body .section-35 .tittle {
      position: relative;
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #fff;
      padding-top: 84px;
      padding-bottom: 15px;
      line-height: 48px;
      letter-spacing: 1.9px; }
    body .section-35 .sub-tittle {
      color: #fff;
      font-size: 18px;
      position: relative;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      padding-bottom: 97px;
      letter-spacing: 0.9px;
      line-height: 38px; }
    body .section-35 .tab {
      overflow: hidden;
      width: 100%;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
    body .section-35 .tab button {
      outline: none;
      cursor: pointer;
      margin-right: 85px;
      padding-bottom: 15px;
      font-size: 18px;
      letter-spacing: 0.9px;
      line-height: 38px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      color: #fff; }
    body .section-35 .tab button.active {
      color: #87c45e;
      border-bottom: 2px solid #87c45e; }
    body .section-35 .tabcontent {
      width: 100%;
      margin-bottom: 50px; }
      body .section-35 .tabcontent .tab-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column; }
        body .section-35 .tabcontent .tab-wrapper > div:first-child {
          margin-bottom: 40px; }
      body .section-35 .tabcontent .left-content {
        max-width: 579px;
        width: 50%;
        padding-top: 50px; }
        body .section-35 .tabcontent .left-content .text {
          font-size: 18px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          color: #fff;
          letter-spacing: 0.9px;
          line-height: 30px;
          margin-right: 10px;
          position: relative; }
      body .section-35 .tabcontent .right-content {
        max-width: 650px;
        width: 50%;
        padding-top: 50px; }
        body .section-35 .tabcontent .right-content .text {
          font-size: 14px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          color: #fff;
          margin-bottom: 30px;
          letter-spacing: 0.7px;
          line-height: 24px; }
          body .section-35 .tabcontent .right-content .text strong {
            color: #87c45e !important;
            font-weight: 600; }
        body .section-35 .tabcontent .right-content .bttn {
          width: 140px;
          height: 40px;
          border: 1px solid #87c45e;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 20px;
          cursor: pointer; }
          body .section-35 .tabcontent .right-content .bttn .buton {
            font-family: "Figtree", sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #87c45e;
            position: relative; }
    body .section-35 .logo-container {
      width: 100%;
      height: 100%;
      padding: 40px;
      border-radius: 10px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      background-color: rgba(255, 255, 255, 0.05); }
      body .section-35 .logo-container .logo {
        width: calc(20% - 100px);
        margin-right: 100px; }
        body .section-35 .logo-container .logo img {
          max-width: 100%; }
  body .section-36 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    height: fit-content;
    position: relative; }
    body .section-36 .tittle {
      position: relative;
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #fff;
      padding-top: 111px;
      padding-bottom: 40px; }
    body .section-36 .row-col-1 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap; }
    body .section-36 .paragraph {
      width: 25%;
      border-top: 1px solid #87c45e;
      position: relative;
      padding-bottom: 140px; }
      body .section-36 .paragraph span {
        width: 24px;
        height: 24px;
        background-color: #87c45e;
        position: absolute;
        border-radius: 50%;
        top: -12px;
        left: 0; }
      body .section-36 .paragraph .numbers {
        color: #fff;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        position: relative;
        font-size: 16px;
        padding-top: 40px; }
      body .section-36 .paragraph .text {
        color: #fff;
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        position: relative;
        letter-spacing: 0.7px;
        line-height: 24px;
        max-width: 280px;
        padding-top: 17px; }
    body .section-36 .big-img {
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      width: 100%;
      position: relative;
      padding-bottom: 170px; }
      body .section-36 .big-img img {
        width: 100%;
        max-width: 1180px; }
  body .section-37 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    align-items: center;
    justify-content: center; }
    body .section-37 .baner-1 {
      font-size: 38px;
      color: #fff;
      padding-bottom: 45px;
      font-family: "Figtree", sans-serif;
      font-weight: 600;
      margin-bottom: 80px;
      z-index: 1;
      position: relative; }
    body .section-37 .text {
      color: #fff;
      max-width: 567px;
      font-size: 16px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      position: relative; }
    body .section-37 .card-description {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%;
      padding-bottom: 90px;
      position: relative;
      z-index: 1;
      justify-content: space-between; }
      body .section-37 .card-description .card-1 {
        width: 30%;
        max-width: 400px;
        position: relative;
        background-color: #fff;
        border: 1px solid #e7e1e1;
        border-radius: 10px; }
        body .section-37 .card-description .card-1::after {
          content: "";
          width: 90%;
          height: 26px;
          background-color: #87c45e;
          position: absolute;
          border-radius: 10px;
          z-index: -1;
          top: -8px; }
        body .section-37 .card-description .card-1 .image-back {
          position: absolute;
          right: 5%;
          opacity: 0.1;
          top: 10%;
          width: 60%; }
          body .section-37 .card-description .card-1 .image-back img {
            width: 100%; }
          body .section-37 .card-description .card-1 .image-back svg {
            width: 100%;
            position: relative;
            display: block; }
        body .section-37 .card-description .card-1 .certificate {
          position: relative;
          width: 100%;
          padding: 40px; }
          body .section-37 .card-description .card-1 .certificate img {
            width: 100%;
            max-width: 57px;
            padding-bottom: 21px; }
          body .section-37 .card-description .card-1 .certificate h2 {
            font-size: 20px;
            font-family: "Figtree", sans-serif;
            font-weight: 600;
            color: #004752;
            padding-bottom: 15px;
            line-height: 22px;
            letter-spacing: 1px;
            max-width: 342px; }
          body .section-37 .card-description .card-1 .certificate p {
            font-size: 16px;
            color: #004752;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            max-width: 342px;
            letter-spacing: 0.8px;
            line-height: 26px; }
  body .section-38 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center; }
    body .section-38 .green-background {
      position: absolute;
      width: 0%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #87c45e; }
    body .section-38 .text {
      position: relative;
      padding-top: 190px;
      padding-bottom: 300px;
      max-width: 600px; }
      body .section-38 .text .tittle {
        font-size: 38px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        padding-bottom: 17px;
        color: #fff;
        width: 100%;
        line-height: 50px;
        letter-spacing: 1.9px;
        max-width: 568px; }
      body .section-38 .text .paragraph-1 {
        font-size: 16px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        color: #fff;
        padding-bottom: 24px;
        max-width: 540px;
        letter-spacing: 0.8px;
        line-height: 24px; }
        body .section-38 .text .paragraph-1 .span a {
          font-family: "Figtree", sans-serif;
          font-weight: 800;
          text-decoration: underline;
          position: relative; }
    body .section-38 .contact {
      margin-left: 120px;
      max-width: 730px;
      max-height: fit-content;
      width: 60%;
      height: fit-content;
      position: relative;
      background-color: #fff;
      border-radius: 10px;
      margin-top: 150px;
      margin-bottom: 150px;
      flex-direction: column;
      padding: 53px; }
      body .section-38 .contact .wpforms-error {
        color: #990000 !important; }
      body .section-38 .contact .wpforms-field-container #wpforms-834-field_11-container {
        border: none !important; }
        body .section-38 .contact .wpforms-field-container #wpforms-834-field_11-container .choice-1 {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center; }
      body .section-38 .contact .wpforms-field-container > div {
        border-bottom: 1px solid rgba(0, 71, 82, 0.5); }
        body .section-38 .contact .wpforms-field-container > div:not(:last-child) {
          margin-bottom: 32px; }
        body .section-38 .contact .wpforms-field-container > div label {
          font-size: 14px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          color: #004752;
          letter-spacing: 0.28px; }
        body .section-38 .contact .wpforms-field-container > div input, body .section-38 .contact .wpforms-field-container > div .choices__inner, body .section-38 .contact .wpforms-field-container > div textarea {
          border: none !important;
          font-size: 14px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          color: #004752;
          opacity: 1;
          outline: none;
          opacity: 0.7; }
      body .section-38 .contact .sub-tittle {
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        padding-bottom: 23px;
        color: #004752; }
        body .section-38 .contact .sub-tittle span {
          color: #87c45e;
          font-family: "Inter", sans-serif;
          font-weight: 700; }
      body .section-38 .contact .tittle {
        color: #87c45e;
        max-width: 300px;
        font-size: 28px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        padding-bottom: 12px; }
      body .section-38 .contact .col-100 {
        border-bottom: 1px solid rgba(0, 71, 82, 0.5);
        margin-bottom: 20px;
        width: 100%;
        margin-right: 30px;
        margin-bottom: 32px;
        position: relative; }
        body .section-38 .contact .col-100 #description {
          padding-bottom: 20px;
          font-size: 14px;
          width: 100%;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          color: #004752;
          opacity: 1;
          outline: none;
          opacity: 0.7; }
      body .section-38 .contact .check {
        max-width: 250px;
        max-height: 35px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 55px;
        margin-top: 40px; }
        body .section-38 .contact .check .checkbox-text {
          font-size: 12px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          opacity: 0.7;
          max-width: 200px;
          margin-left: 10px;
          color: #004752; }
        body .section-38 .contact .check #checkbox {
          width: 25px;
          height: 25px;
          border: 1px solid #004752;
          border-radius: 5px; }
      body .section-38 .contact .contact-bttn {
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        font-size: 14px !important;
        max-width: 200px;
        height: 50px;
        background-color: #87c45e !important;
        border-radius: 25px;
        align-items: center;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        color: #fff !important;
        text-transform: uppercase;
        width: 100%;
        justify-content: center;
        cursor: pointer;
        margin-top: 40px;
        margin-bottom: 40px; }
  body .section-39 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center; }
    body .section-39 .white-background {
      position: absolute;
      width: 50%;
      background-color: #fff;
      opacity: 0.2;
      height: 110vh;
      z-index: 0;
      top: 0;
      right: 0; }
    body .section-39 .sm-tittle-2 {
      font-size: 18px;
      font-family: "Figtree", sans-serif;
      font-weight: 600;
      z-index: 1;
      position: relative;
      color: #87c45e;
      text-transform: uppercase;
      padding: 5px;
      margin-top: 230px; }
    body .section-39 .lg-content {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      z-index: 1; }
      body .section-39 .lg-content .lg-tittle {
        position: relative;
        font-size: 38px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        color: #fff;
        max-width: 405px;
        text-transform: capitalize;
        letter-spacing: 3px; }
      body .section-39 .lg-content .arrow {
        color: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        max-width: 115px;
        cursor: pointer;
        position: relative; }
    body .section-39 .swiper {
      overflow: visible;
      width: 100%;
      height: 100%; }
      body .section-39 .swiper .swiper-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        overflow: visible; }
        body .section-39 .swiper .swiper-wrapper .swiper-slide {
          max-width: 600px;
          width: 100%;
          border-radius: 10px;
          padding-right: 30px;
          padding-top: 60px;
          margin-bottom: 232px; }
          body .section-39 .swiper .swiper-wrapper .swiper-slide img {
            width: 100%; }
  body .section-40 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: fit-content;
    padding-bottom: 350px; }
    body .section-40 .container {
      margin-bottom: 100px;
      padding-top: 150px;
      z-index: 5; }
    body .section-40::before {
      content: "";
      width: 100%;
      height: 100%;
      background-color: #004752;
      opacity: 0.7;
      position: absolute;
      background-size: 100%; }
    body .section-40 .tittle {
      max-width: 1007px;
      position: relative;
      padding-top: 29px;
      padding-bottom: 40px;
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #fff;
      letter-spacing: 1.14px;
      line-height: 40px; }
  body .section-41 {
    min-height: 100vh;
    height: fit-content !important; }
    body .section-41 .container {
      min-height: 100vh; }
    body .section-41 .bg-left {
      height: 100%;
      width: 55%;
      top: 0;
      left: 0;
      background-color: #004752;
      opacity: 0.8 !important;
      position: absolute;
      z-index: 1; }
    body .section-41 .container .title {
      font-size: 38px;
      line-height: 48px;
      letter-spacing: 1.14px; }
      body .section-41 .container .title strong {
        font-weight: 500;
        color: #87C45E; }
    body .section-41 .bttn {
      position: relative;
      z-index: 1; }
      body .section-41 .bttn .white-bttn {
        max-width: 250px !important; }
  body .section-43 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    height: fit-content;
    position: relative; }
    body .section-43 .container {
      padding: 130px 0; }
    body .section-43 .w-100 {
      width: 100%;
      padding-top: 50px;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between; }
      body .section-43 .w-100 .text {
        max-width: 565px;
        height: fit-content;
        position: relative;
        width: 50%;
        padding: 10px; }
        body .section-43 .w-100 .text .sub-tittle {
          font-size: 16px;
          font-family: "Figtree", sans-serif;
          font-weight: 600;
          color: #87c45e;
          padding-bottom: 5px;
          text-transform: capitalize; }
        body .section-43 .w-100 .text .tittle {
          font-size: 28px;
          font-family: "Figtree", sans-serif;
          font-weight: 500;
          color: #fff;
          margin-bottom: 15px;
          letter-spacing: 1.4px;
          line-height: 38px; }
        body .section-43 .w-100 .text .paragraph {
          font-size: 16px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          color: #fff;
          line-height: 26px;
          letter-spacing: 0.48px; }
      body .section-43 .w-100 .img-sc {
        max-width: 565px;
        max-height: 352px;
        padding: 10px;
        width: 50%; }
        body .section-43 .w-100 .img-sc img {
          width: 100%; }
  body .section-44 {
    width: 100%;
    height: fit-content;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center; }
    body .section-44 .faq-item__answer > div {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column; }
      body .section-44 .faq-item__answer > div .btn {
        margin-top: 26px;
        width: fit-content;
        border-radius: 25px; }
        body .section-44 .faq-item__answer > div .btn a {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 25px;
          padding: 12px 40px;
          background-color: #87c45e;
          color: #ffffff;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 16px;
          letter-spacing: 0.54px; }
    body .section-44 .tittle {
      color: #e1e8eb;
      position: relative;
      font-size: 38px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      padding-bottom: 20px; }
  body .section-45 .bg-left {
    height: 100%;
    width: 55%;
    top: 0;
    left: 0;
    background-color: #004752;
    opacity: 0.8 !important;
    position: absolute;
    z-index: 0; }
  body .section-45 .row-btn {
    width: 100%;
    max-width: 500px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  body .section-45 .bttn {
    position: relative;
    z-index: 1; }
  body .section-46 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    justify-content: center;
    width: 100%;
    height: fit-content; }
    body .section-46 .row {
      justify-content: space-around; }
    body .section-46 .container {
      padding: 100px 0; }
    body .section-46 .tittle {
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #ffffff;
      letter-spacing: 1.9px;
      margin-bottom: 20px;
      line-height: 48px; }
    body .section-46 .description {
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 0.9px;
      line-height: 30px;
      color: #ffffff;
      margin-bottom: 74px; }
    body .section-46 .big-img-1 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: relative;
      max-width: 420px;
      justify-content: center;
      align-items: center;
      height: 100%; }
      body .section-46 .big-img-1 img {
        width: 100%; }
    body .section-46 .big-img-2 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: relative;
      max-width: 420px;
      justify-content: center;
      align-items: center;
      height: 100%; }
      body .section-46 .big-img-2 img {
        width: 100%; }
  body .section-47 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    align-items: center;
    justify-content: center; }
    body .section-47 .baner-1 {
      font-size: 38px;
      color: #fff;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      margin-bottom: 66px;
      z-index: 1;
      max-width: 739px;
      position: relative;
      line-height: 50px;
      letter-spacing: 1.9px; }
      body .section-47 .baner-1 span {
        font-weight: 600; }
    body .section-47 .card-description {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%;
      margin-bottom: 90px;
      position: relative;
      z-index: 1;
      justify-content: space-between; }
      body .section-47 .card-description .card-1 {
        width: 30%;
        max-width: 400px;
        position: relative;
        background-color: #fff;
        border: 1px solid #e7e1e1;
        border-radius: 10px; }
        body .section-47 .card-description .card-1::after {
          content: "";
          width: 90%;
          height: 26px;
          background-color: #87c45e;
          position: absolute;
          border-radius: 10px;
          z-index: -1;
          top: -8px; }
        body .section-47 .card-description .card-1 .image-back {
          position: absolute;
          right: 5%;
          opacity: 0.1;
          top: 10%;
          width: 60%; }
          body .section-47 .card-description .card-1 .image-back img {
            width: 100%; }
          body .section-47 .card-description .card-1 .image-back svg {
            width: 100%;
            position: relative;
            display: block; }
        body .section-47 .card-description .card-1 .certificate {
          position: relative;
          width: 100%;
          padding: 40px; }
          body .section-47 .card-description .card-1 .certificate img {
            width: 100%;
            max-width: 57px;
            padding-bottom: 21px; }
          body .section-47 .card-description .card-1 .certificate p {
            font-size: 16px;
            color: #004752;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            max-width: 342px;
            letter-spacing: 0.8px;
            line-height: 26px; }
            body .section-47 .card-description .card-1 .certificate p span {
              font-size: 18px; }
  body .section-48 {
    border-top: 2px solid #e1e8eb;
    border-bottom: 2px solid #e1e8eb;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: fit-content;
    align-items: center;
    justify-content: center; }
    body .section-48 .container {
      padding: 93px 0; }
      body .section-48 .container .row {
        align-items: center; }
    body .section-48 .verra-logo {
      max-width: 331px;
      height: auto;
      margin-right: 50px; }
      body .section-48 .verra-logo img {
        width: 100%; }
    body .section-48 .text {
      width: 100%;
      height: 100%;
      position: relative;
      color: #e1e8eb;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      flex-direction: column; }
      body .section-48 .text .tittle {
        font-size: 24px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        line-height: 50px;
        color: #fff;
        letter-spacing: 1.2px;
        margin-bottom: 28px; }
      body .section-48 .text P {
        font-size: 16px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.8px;
        color: #fff; }
  body .section-49 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    align-items: center;
    justify-content: center; }
    body .section-49 .baner-1 {
      font-size: 38px;
      color: #fff;
      line-height: 50px;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      margin-bottom: 73px;
      margin-top: 90px;
      z-index: 1;
      letter-spacing: 1.9px;
      position: relative; }
    body .section-49 .card-description {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%;
      padding-bottom: 25px;
      position: relative;
      z-index: 1;
      justify-content: space-between; }
      body .section-49 .card-description .card-1 {
        width: 30%;
        max-width: 400px;
        position: relative;
        background-color: #fff;
        border: 1px solid #e7e1e1;
        border-radius: 10px; }
        body .section-49 .card-description .card-1::after {
          content: "";
          width: 90%;
          height: 26px;
          background-color: #87c45e;
          position: absolute;
          border-radius: 10px;
          z-index: -1;
          top: -8px; }
        body .section-49 .card-description .card-1 .image-back {
          position: absolute;
          right: 5%;
          opacity: 0.1;
          top: 10%;
          width: 60%; }
          body .section-49 .card-description .card-1 .image-back img {
            width: 100%; }
          body .section-49 .card-description .card-1 .image-back svg {
            width: 100%;
            position: relative;
            display: block; }
        body .section-49 .card-description .card-1 .certificate {
          position: relative;
          width: 100%;
          padding: 40px; }
          body .section-49 .card-description .card-1 .certificate img {
            margin-bottom: 21px;
            max-height: 73px; }
          body .section-49 .card-description .card-1 .certificate p {
            font-size: 18px;
            color: #004752;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            max-width: 342px;
            line-height: 28px;
            letter-spacing: 0.9px; }
body .section-49 .card-description .card-1 .certificate .title{
	    font-size: 20px;
    font-family: "Figtree", sans-serif;
    font-weight: 600;
    color: #004752;
    padding-bottom: 15px;
    max-width: 342px;
    line-height: 22px;
    letter-spacing: 1px;
}

    body .section-49 .text {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      body .section-49 .text .tittle {
        font-size: 28px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        line-height: 38px;
        color: #e1e8eb;
        margin-top: 102px;
        letter-spacing: 1.4px;
        margin-bottom: 29px; }
      body .section-49 .text .bttn {
        position: relative;
        border-radius: 25px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 117px;
        z-index: 1; }
  body .section-50 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: center;
    height: fit-content;
    align-items: center;
    position: relative; }
    body .section-50 .tittle {
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #ffffff;
      margin-top: 100px;
      line-height: 48px;
      margin-bottom: 17px;
      letter-spacing: 1.9px; }
    body .section-50 .description {
      max-width: 495px;
      width: 100%;
      font-size: 16px;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      position: relative;
      letter-spacing: 0.8px;
      line-height: 26px;
      color: #ffffff;
      margin-bottom: 98px; }
    body .section-50 .circle-img {
      width: 100%;
      height: 100%;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
      body .section-50 .circle-img img {
        width: 100%; }
    body .section-50 .sticky-row {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-top: 165px;
      margin-bottom: 50px; }
      body .section-50 .sticky-row .sticky {
        width: calc(20% - 40px);
        margin-right: 40px;
        margin-bottom: 40px;
        position: relative;
        border-radius: 10px; }
        body .section-50 .sticky-row .sticky img {
          width: 100%;
          border-radius: 10px;
          object-fit: cover; }
    body .section-50 .link {
      font-size: 24px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      margin-bottom: 100px;
      color: #3db0de;
      line-height: 48px;
      letter-spacing: 1.2px;
      text-decoration: underline; }
  body .section-51 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: fit-content;
    background: linear-gradient(0.25turn, #87c45e, #3db0de); }
    body .section-51 .wrapper {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin: 30px 0;
      justify-content: center;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff; }
    body .section-51 .tittle {
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      padding-top: 65px;
      margin-bottom: 41px;
      line-height: 48px;
      position: relative;
      letter-spacing: 1.9px;
      color: #ffffff; }
    body .section-51 .row-logo {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 70px; }
      body .section-51 .row-logo .logo {
        padding: 10px;
        width: 10%; }
        body .section-51 .row-logo .logo img {
          width: 100%;
          object-fit: cover; }
  body .section-52 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    position: relative;
    justify-content: center;
    align-items: center; }
    body .section-52.pp .container {
      padding: 100px 0; }
    body .section-52 .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      padding: 100px 0; }
      body .section-52 .container .left-arrow-2 {
        position: absolute;
        top: 55%;
        left: 10%;
        cursor: pointer; }
      body .section-52 .container .right-arrow-2 {
        position: absolute;
        top: 55%;
        right: 10%;
        cursor: pointer; }
    body .section-52 .tittle {
      color: #ffffff;
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      margin-bottom: 50px;
      letter-spacing: 1.9px;
      line-height: 48px; }
    body .section-52 .sp-container {
      width: 80%;
      height: auto;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden; }
      body .section-52 .sp-container:before, body .section-52 .sp-container:after {
        content: "";
        background-color: #ffffff;
        height: 1px;
        width: 80%;
        position: absolute; }
      body .section-52 .sp-container:after {
        bottom: 0; }
      body .section-52 .sp-container:before {
        top: 0; }
      body .section-52 .sp-container .swiper {
        overflow: visible;
        width: 100%;
        height: 100%; }
        body .section-52 .sp-container .swiper .swiper-wrapper {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          overflow: visible; }
          body .section-52 .sp-container .swiper .swiper-wrapper .swiper-slide .text {
            font-size: 26px;
            font-family: "Figtree", sans-serif;
            font-weight: 500;
            color: #ffffff;
            position: relative;
            text-align: center;
            margin-top: 95px;
            letter-spacing: 0.78px;
            line-height: 48px;
            margin-bottom: 80px; }
  body .section-53 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: fit-content;
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px; }
    body .section-53 .row {
      align-items: center; }
    body .section-53 .seperator {
      height: 100%;
      width: 1px;
      background-color: #87c45e;
      min-height: 382px; }
    body .section-53 .image {
      max-width: 565px;
      padding-right: 20px;
      width: 100%;
      max-height: 377px;
      height: 100%;
      position: relative; }
      body .section-53 .image img {
        width: 100%; }
    body .section-53 .text {
      max-width: 565px;
      position: relative;
      width: 100%;
      padding-left: 20px; }
      body .section-53 .text .tittle {
        font-size: 38px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        color: #ffffff;
        max-width: 466px;
        margin-bottom: 5px;
        letter-spacing: 1.9px;
        line-height: 48px; }
      body .section-53 .text .description {
        width: 100%;
        font-size: 16px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        color: #ffffff;
        letter-spacing: 0.8px;
        line-height: 26px; }
    body .section-53 .end-section {
      width: 100%;
      position: relative;
      margin-top: 45px;
      margin-bottom: 400px; }
      body .section-53 .end-section .text-1 {
        max-width: 565px;
        font-size: 14px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        color: #e1e8eb;
        position: relative;
        margin-bottom: 21px;
        letter-spacing: 0.7px;
        line-height: 26px; }
      body .section-53 .end-section .bttn {
        position: relative;
        z-index: 1; }
  body .section-54 .title strong {
    color: #87C45E;
    font-weight: 500; }
  body .section-54 .container .title,
  body .section-54 .container .text {
    max-width: 463px; }
  body .section-54 .bg-left {
    height: 100%;
    width: 55%;
    top: 0;
    left: 0;
    background-color: #004752;
    opacity: 0.8 !important;
    position: absolute;
    z-index: 1; }
  body .section-54 .row-btn {
    width: 100%;
    max-width: 439px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  body .section-54 .bttn {
    position: relative;
    z-index: 1; }
  body .section-55 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    justify-content: center;
    position: relative; }
    body .section-55 .container {
      padding: 170px 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column; }
      body .section-55 .container .blocks-wrapper {
        width: 100%;
        padding: 100px 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column; }
        body .section-55 .container .blocks-wrapper > .block {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          align-items: flex-start; }
          body .section-55 .container .blocks-wrapper > .block:nth-child(even) {
            flex-direction: row-reverse; }
          body .section-55 .container .blocks-wrapper > .block:last-child .line {
            background: linear-gradient(to bottom, transparent 50%, #004752 50%), linear-gradient(to bottom, #87c45e, #87c45e);
            background-size: 33px 16px, 100% 11px;
            background-color: transparent; }
          body .section-55 .container .blocks-wrapper > .block .text {
            height: fit-content;
            width: 45%; }
            body .section-55 .container .blocks-wrapper > .block .text .paragraph {
              font-size: 18px;
              font-family: "Inter", sans-serif;
              font-weight: 400;
              color: #fff;
              letter-spacing: 0.9px;
              line-height: 28px; }
          body .section-55 .container .blocks-wrapper > .block .img-sc {
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45%; }
            body .section-55 .container .blocks-wrapper > .block .img-sc img {
              max-width: 100%; }
          body .section-55 .container .blocks-wrapper > .block .divider {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center; }
            body .section-55 .container .blocks-wrapper > .block .divider > .circle {
              width: 30px;
              height: 30px;
              border-radius: 50%;
              background-color: #87C45E; }
            body .section-55 .container .blocks-wrapper > .block .divider > .line {
              min-height: 300px;
              width: 1px;
              background-color: #87C45E; }
    body .section-55 .big-numbers {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      position: relative;
      justify-content: space-between; }
      body .section-55 .big-numbers .numbers-icon {
        width: 25%;
        max-width: 170px;
        min-width: 130px;
        position: relative;
        padding-bottom: 50px; }
        body .section-55 .big-numbers .numbers-icon .numbers {
          position: relative;
          max-height: 80px;
          font-size: 60px;
          font-family: "Figtree", sans-serif;
          font-weight: 800;
          color: #87c45e;
          line-height: 70px;
          z-index: 2;
          letter-spacing: 3px; }
        body .section-55 .big-numbers .numbers-icon .icon {
          max-width: 144px;
          color: #fff;
          opacity: 1;
          z-index: 1;
          right: 0;
          top: 0;
          position: absolute; }
          body .section-55 .big-numbers .numbers-icon .icon img {
            width: 100%;
            opacity: 1; }
        body .section-55 .big-numbers .numbers-icon .text {
          color: #fff;
          font-size: 28px;
          font-family: "Figtree", sans-serif;
          font-weight: 400;
          line-height: 30px;
          letter-spacing: 1.4px; }
    body .section-55 .tittle {
      position: relative;
      color: #ffffff;
      font-size: 38px;
      letter-spacing: 1.9px;
      line-height: 50px;
      max-width: 992px;
      font-family: "Figtree", sans-serif;
      font-weight: 400; }
  body .section-56 {
    position: relative;
    width: 100%;
    height: fit-content;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; }
    body .section-56 .line-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      body .section-56 .line-container .text {
        position: relative;
        font-size: 28px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        color: #ffffff;
        margin-bottom: 56px;
        line-height: 38px;
        margin-top: 97px;
        max-width: 1000px;
        text-align: center;
        letter-spacing: 1.4px; }
      body .section-56 .line-container .row-btn {
        width: 100%;
        max-width: 500px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 97px; }
      body .section-56 .line-container span {
        width: 50%;
        position: relative;
        height: 1px;
        background-color: white; }
      body .section-56 .line-container .span-2 {
        margin-bottom: 100px; }
  body .section-57 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: fit-content;
    align-items: center;
    justify-content: center; }
    body .section-57 .container {
      padding: 100px 0; }
    body .section-57 .baner-1 {
      font-size: 38px;
      color: #e1e8eb;
      max-width: 793px;
      margin-bottom: 41px;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      letter-spacing: 1.9px;
      line-height: 50px;
      z-index: 1; }
    body .section-57 .card-description {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%;
      padding-bottom: 25px;
      position: relative;
      z-index: 1;
      flex-wrap: wrap; }
      body .section-57 .card-description .card-1 {
        width: calc(32.333% - 40px);
        max-width: 400px;
        min-width: 250px;
        margin-bottom: 40px;
        margin-right: 40px;
        position: relative;
        background-color: #fff;
        border: 1px solid #e7e1e1;
        border-radius: 10px; }
        body .section-57 .card-description .card-1::after {
          content: "";
          width: 90%;
          height: 26px;
          background-color: #87c45e;
          position: absolute;
          border-radius: 10px;
          z-index: -1;
          top: -8px; }
        body .section-57 .card-description .card-1 .link {
          width: 70%;
          position: absolute;
          bottom: 10%;
          color: #004752;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          font-size: 16px;
          opacity: 0.85;
          letter-spacing: 0.8px;
          line-height: 26px;
          z-index: 1;
          text-decoration: underline;
          left: 10%; }
        body .section-57 .card-description .card-1 .certificate {
          position: relative;
          width: 100%;
          padding: 40px; }
          body .section-57 .card-description .card-1 .certificate h2 {
            font-size: 20px;
            font-family: "Figtree", sans-serif;
            font-weight: 600;
            color: #004752;
            margin-bottom: 15px;
            max-width: 342px;
            line-height: 22px;
            letter-spacing: 1px; }
          body .section-57 .card-description .card-1 .certificate p {
            font-size: 16px;
            color: #004752;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            max-width: 342px;
            letter-spacing: 0.8px;
            line-height: 26px;
            opacity: 0.85;
            margin-bottom: 50px; }
  body .section-58 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: fit-content;
    position: relative; }
    body .section-58 .banner {
      max-width: 753px;
      color: #ffffff;
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      letter-spacing: 1.9px;
      position: relative;
      margin-top: 70px;
      line-height: 48px;
      margin-bottom: 112px; }
    body .section-58 .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 100px 0;
      flex-direction: column; }
      body .section-58 .container .principles {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column; }
        body .section-58 .container .principles .principles-row {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          body .section-58 .container .principles .principles-row:first-child {
            justify-content: space-between; }
            body .section-58 .container .principles .principles-row:first-child .principle > .text {
              margin-bottom: 38.5px; }
          body .section-58 .container .principles .principles-row:last-child {
            justify-content: space-evenly;
            margin-top: -120px; }
            body .section-58 .container .principles .principles-row:last-child .principle:first-child {
              margin-right: -100px; }
            body .section-58 .container .principles .principles-row:last-child .principle > .text {
              margin-top: 38.5px; }
          body .section-58 .container .principles .principles-row .principle {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative; }
            body .section-58 .container .principles .principles-row .principle:hover > .circle img {
              opacity: 1; }
            body .section-58 .container .principles .principles-row .principle:hover .description {
              display: block; }
            body .section-58 .container .principles .principles-row .principle > .text {
              font-family: "Figtree", sans-serif;
              font-weight: 500;
              font-size: 26px;
              text-align: center;
              line-height: 36px;
              color: #87C45E;
              max-width: 202px;
              letter-spacing: 1.3px; }
            body .section-58 .container .principles .principles-row .principle .description {
              position: absolute;
              width: 300px;
              background-color: #e1e8eb;
              border-radius: 10px;
              display: none;
              padding: 20px;
              top: 0;
              z-index: 1;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s;
              left: 0;
              right: 0;
              margin-left: auto;
              margin-right: auto;
              transition: 0.5 ease; }
              body .section-58 .container .principles .principles-row .principle .description .sub-tittle {
                color: #87c45e;
                font-size: 18px;
                font-family: "Figtree", sans-serif;
                font-weight: 600;
                padding-bottom: 5px;
                position: relative; }
              body .section-58 .container .principles .principles-row .principle .description .text {
                color: #004752;
                font-size: 14px;
                font-family: "Figtree", sans-serif;
                font-weight: 400;
                position: relative; }
            body .section-58 .container .principles .principles-row .principle .circle {
              width: 346px;
              height: 346px;
              border-radius: 50%;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              align-items: center;
              border: 31px solid #87C45E;
              justify-content: center; }
              body .section-58 .container .principles .principles-row .principle .circle img {
                max-width: 100%;
                opacity: 0.3;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s; }
    body .section-58 .end-section {
      font-size: 18px;
      margin-top: 97px;
      font-family: "Figtree", sans-serif;
      font-weight: 400;
      color: #e1e8eb;
      text-align: center;
      line-height: 28px; }
  body .section-59 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    height: fit-content;
    position: relative;
    justify-content: center; }
    body .section-59 .container {
      padding: 150px 0; }
    body .section-59::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      background-color: #004752;
      opacity: 0.7;
      z-index: 0;
      position: absolute;
      background-size: 100%; }
    body .section-59 .tittle {
      font-size: 38px;
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      color: #ffffff;
      position: relative;
      line-height: 50px;
      letter-spacing: 1.8px;
      margin-bottom: 38px; }
    body .section-59 .text {
      position: relative;
      color: #ffffff;
      letter-spacing: 0.54px;
      line-height: 28px;
      font-size: 18px;
      font-family: "Figtree", sans-serif;
      font-weight: 400; }
  body .section-60 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: fit-content;
    position: relative;
    margin-bottom: 300px; }
    body .section-60 .swiper {
      width: 100%; }
    body .section-60 .swiper-slide {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between; }
    body .section-60 .container {
      padding: 150px 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      flex-direction: column; }
      body .section-60 .container > .main-title {
        color: #ffffff;
        font-size: 38px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        line-height: 48px;
        letter-spacing: 1.9px;
        margin-bottom: 86px; }
    body .section-60 .row {
      align-items: flex-end;
      flex-direction: column; }
    body .section-60 .seperator {
      width: 1px;
      height: 100%;
      background-color: #87c45e;
      min-height: 400px; }
    body .section-60 .image {
      max-width: 565px;
      padding-right: 20px;
      width: 100%;
      max-height: 377px;
      height: 100%;
      position: relative; }
      body .section-60 .image img {
        width: 100%;
        object-fit: cover; }
    body .section-60 .text {
      max-width: 565px;
      position: relative;
      padding-left: 20px;
      width: 100%;
      opacity: 0.64; }
      body .section-60 .text .name {
        color: #ffffff;
        font-size: 18px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 6px;
        letter-spacing: 0.54px; }
      body .section-60 .text .contry {
        color: #ffffff;
        font-size: 18px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 6px;
        letter-spacing: 0.54px; }
      body .section-60 .text .number {
        color: #ffffff;
        font-size: 18px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0.54px;
        margin-bottom: 57px; }
      body .section-60 .text .description {
        width: 100%;
        font-size: 16px;
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: 0.48px;
        line-height: 26px; }
    body .section-60 .row-arrow {
      width: 120px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 50px; }
  body .section-61 {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center; }
    body .section-61 .white-background-2 {
      position: absolute;
      width: 0;
      background-color: #fff;
      height: 100vh;
      z-index: 0;
      top: 0;
      left: 0;
      opacity: 0.3; }
    body .section-61 .sm-tittle-2 {
      font-size: 18px;
      font-family: "Figtree", sans-serif;
      font-weight: 600;
      z-index: 1;
      position: relative;
      color: #87c45e;
      letter-spacing: 0.4;
      text-transform: uppercase;
      padding: 5px;
      margin-top: 230px; }
    body .section-61 .lg-content {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      z-index: 1; }
      body .section-61 .lg-content .lg-tittle {
        position: relative;
        font-size: 38px;
        font-family: "Figtree", sans-serif;
        font-weight: 400;
        color: #004752;
        letter-spacing: 1.9px;
        line-height: 50px;
        max-width: 405px;
        text-transform: capitalize;
        letter-spacing: 3px; }
      body .section-61 .lg-content .arrow {
        color: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        max-width: 115px;
        cursor: pointer; }
    body .section-61 .sp-container {
      width: 50%;
      height: 100%; }
    body .section-61 .swiper {
      overflow: visible;
      width: 100%;
      height: 100%; }
      body .section-61 .swiper .swiper-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        overflow: visible; }
        body .section-61 .swiper .swiper-wrapper .swiper-slide {
          max-width: 600px;
          width: 100%;
          min-width: 320px;
          border-radius: 10px;
          margin-bottom: 232px;
          position: relative;
          border-radius: 10px;
          margin-right: 30px;
          margin-top: 60px;
          margin-bottom: 232px; }
          body .section-61 .swiper .swiper-wrapper .swiper-slide:hover::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 71, 82, 0.4);
            border-radius: 10px;
            z-index: 1; }
          body .section-61 .swiper .swiper-wrapper .swiper-slide:hover .text-container {
            bottom: 0px;
            opacity: 1; }
          body .section-61 .swiper .swiper-wrapper .swiper-slide:hover .text {
            bottom: 40px;
            opacity: 1; }
          body .section-61 .swiper .swiper-wrapper .swiper-slide .image-sp {
            width: 100%;
            height: 100%;
            position: relative; }
            body .section-61 .swiper .swiper-wrapper .swiper-slide .image-sp img {
              width: 100%; }
          body .section-61 .swiper .swiper-wrapper .swiper-slide .text {
            font-size: 22px;
            font-family: "Figtree", sans-serif;
            font-weight: 400;
            color: #e1e8eb;
            position: absolute;
            bottom: 0;
            margin-left: 20px;
            max-width: 320px;
            padding-bottom: 20px;
            transition: 0.8s;
            z-index: 2;
            line-height: 28px;
            letter-spacing: 1.1px; }
          body .section-61 .swiper .swiper-wrapper .swiper-slide .text-container {
            position: absolute;
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: space-between;
            bottom: -40px;
            opacity: 0;
            margin-top: 20px;
            transition: 0.9s;
            padding-left: 20px;
            padding-right: 30px;
            z-index: 2; }
            body .section-61 .swiper .swiper-wrapper .swiper-slide .text-container .tex-22 {
              position: relative;
              width: 80%;
              font-family: "Figtree", sans-serif;
              font-weight: 400;
              color: #e1e8eb;
              font-size: 14px;
              font-size: 22px;
              color: #e1e8eb;
              margin-top: 10px; }
            body .section-61 .swiper .swiper-wrapper .swiper-slide .text-container .arrow-2 {
              width: 30px;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              margin-bottom: 10px; }
  body .other .white-background-3 {
    position: absolute;
    width: 0%;
    background-color: #fff;
    height: 100%;
    z-index: 0;
    top: 0;
    right: 0;
    opacity: 0.05; }
  body .other .lg-tittle {
    color: #e1e8eb !important; }
  body .scale-in-hor-left {
    -webkit-animation: scale-in-hor-left 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: scale-in-hor-left 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0.4; } }
  body .slide-in-top {
    -webkit-animation: slide-in-top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
  body .kenburns-top {
    -webkit-animation: kenburns-top 1.2s ease-out both;
    animation: kenburns-top 1.2s ease-out both; }

@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1.04) translateY(1px);
    transform: scale(1.04) translateY(1px); }
  100% {
    -webkit-transform: scale(1) translateY(-1px);
    transform: scale(1) translateY(-1px); } }
  body .slide-in-bottom {
    -webkit-animation: slide-in-bottom 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-bottom 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@media (max-width: 1720px) {
  body .section-13 .scrollsection .frame {
    max-width: 780px;
    width: auto; } }

@media (max-width: 1599px) {
  body .section-34 .bg-left,
  body .section-45 .bg-left,
  body .section-54 .bg-left,
  body .section-41 .bg-left {
    min-width: 820px; }
  body .section-12 .earth-map {
    width: 90%; }
  body .section-13 .earth-section .earth-image-2 {
    max-width: 512px;
    max-height: 512px; }
  body .section-5 .card-description .card-1 {
    width: 30.33%; }
  body .section-47 .card-description .card-1 {
    width: 30.33%; }
  body .modal .modal-content .team-img {
    width: 340px;
    left: -170px; } }

@media (max-width: 1399px) {
  body .section-31 .container {
    padding: 100px 0; }
  body .section-58 .container .principles .principles-row:last-child {
    margin-top: -90px; }
  body
.section-58
.container
.principles
.principles-row:last-child
.principle:first-child {
    margin-right: -115px; }
  body .section-58 .element .circle {
    width: 260px;
    height: 260px; }
  body .modal .modal-content .team-img {
    left: -110px; }
  body .scroll-line {
    right: 25px; }
  body .section-4 .section-right-p,
  body .section-6 .description-solution {
    padding-left: 20px; }
  body .section-4 .section-left-p,
  body .section-6 .earth-solution {
    padding-right: 20px; }
  body .footer .footer-links .col-2 {
    margin-left: 90px; }
  body .section-21 .right-paragraph {
    margin-left: 100px; } }

@media (max-width: 1295px) {
  body .section-1 .satelit {
    -webkit-transform: translateY(-250px) translateX(0);
    -moz-transform: translateY(-250px) translateX(0);
    -ms-transform: translateY(-250px) translateX(0);
    -o-transform: translateY(-250px) translateX(0);
    transform: translateY(-250px) translateX(0); } }

@media (max-width: 1199px) {
  body .section-35 .logo-container .logo {
    width: calc(25% - 70px);
    margin-right: 70px; }
  body .modal .modal-content {
    padding: 70px 100px 70px 252px; }
  body .section-13 .earth-section .earth-image-2 {
    max-width: 450px;
    max-height: 450px; }
  body .section-58 .container .principles .principles-row .principle .circle {
    width: 300px;
    height: 300px; }
  body
.section-58
.container
.principles
.principles-row
.principle
.circle
img {
    max-width: 70%; }
  body .section-55 .container,
  body .section-57 .container {
    padding: 100px 0; }
  body .section-11 {
    margin-bottom: 100px; }
    body .section-11 .green-background {
      width: 100%;
      height: 45%;
      top: unset;
      bottom: 0;
      right: 0;
      background-image: linear-gradient(transparent, #87c45e); }
  body .section-23 .team-row .team {
    height: 315px; }
  body .section-37 .card-description .card-1 {
    width: 48%;
    max-width: 450px;
    margin-bottom: 30px; }
    body .section-37 .card-description .card-1:first-child {
      margin-right: 20px; }
  body .section-37 .card-description {
    flex-wrap: wrap;
    justify-content: flex-start; }
  body .section-35 .tab button {
    margin-right: 70px; }
  body .section-38 .contact {
    width: 100%;
    margin-left: 0; }
  body .section-47 .card-description .card-1 {
    width: 50%; }
  body .section-47 .card-description {
    flex-wrap: wrap;
    justify-content: flex-start; }
    body .section-47 .card-description > div {
      margin-right: 30px;
      margin-bottom: 30px; }
  .section-11 .row {
    flex-direction: column; }
  .section-11 .text {
    padding-bottom: 50px !important;
    padding-top: 150px !important;
    max-width: 100% !important; }
    .section-11 .text > div {
      max-width: 100% !important; }
  body .section-11 .contact {
    margin-top: 0;
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-bottom: 50px; }
  body .footer .footer-links .col-2 {
    padding-left: 20px;
    margin-left: 0;
    width: fit-content; }
  body .section-7 .big-numbers {
    margin-bottom: 90px; }
  body .section-7 {
    height: fit-content; }
  body .footer .footer-links .col-3 {
    margin-left: 0;
    padding-left: 20px; }
  body .footer .footer-links .col-1 {
    padding-right: 20px;
    width: fit-content; }
  body .section-9 .sm-con .container-row {
    width: calc(50% - 30px);
    margin-bottom: 60px;
    max-width: 525px; }
  body .section-29 .sm-con .container-row {
    width: calc(50% - 30px);
    margin-bottom: 60px;
    max-width: 525px; }
  body .section-25 .container .row-news .news {
    width: calc(50% - 30px);
    margin-bottom: 60px;
    max-width: 525px; }
  body .section-25 .container .row-news .news .image-1 {
    max-width: none !important;
    max-height: none !important; }
  .section-24 .row {
    flex-direction: column !important; }
    .section-24 .row .card {
      margin-right: 0px !important;
      max-width: 100%;
      margin-bottom: 40px !important; }
      .section-24 .row .card .img-bg {
        max-width: 100% !important;
        max-height: 100% !important; }
  body .section-26 .bttn-bttn {
    flex-wrap: wrap !important;
    margin-bottom: 100px !important; }
  body .section-26 .bttn-bttn a {
    margin-bottom: 40px !important; }
  body .scroll-line {
    right: 25px; }
  body .section-7 .big-numbers {
    justify-content: flex-start; }
  body #menu .lg-container-menu .logo-and-links .links {
    padding-left: 28px; }
  body #menu .lg-container-menu .logo-and-links .links ul > li {
    margin-left: 32px; }
  body .section-4 .bottom .arrow {
    display: none; }
  body .section-4 .bottom .img-block {
    width: 100%;
    max-width: 450px;
    margin-bottom: 20px; }
  body .section-5 .card-description .card-1 {
    width: 50%;
    max-width: 450px; }
  body .section-5 .card-description {
    justify-content: center; }
  body .section-5 .card-description > div:not(:last-child) {
    margin-right: 30px; }
  body .section-4 .bottom {
    justify-content: center; }
    body .section-4 .bottom > div:first-child {
      margin-right: 20px; }
  body .section-5 {
    height: fit-content !important; }
    body .section-5 .container {
      padding: 250px 0; }
  body .section-57 .card-description .card-1 {
    width: 50%;
    max-width: 450px; }
  body .section-57 .card-description {
    justify-content: center; }
  body .section-57 .card-description > div:not(:last-child) {
    margin-right: 30px; }
  body .section-57 .bottom {
    justify-content: center; }
    body .section-57 .bottom > div:first-child {
      margin-right: 20px; } }

@media (max-width: 1099px) {
  body .modal .bio {
    font-size: 160px; }
  body .section-8 .swiper .swiper-wrapper .swiper-slide > a > .swiper-text {
    padding: 20px; }
  .earth1,
  body .section-1 .satelit,
  body .section-2 .layer-1 {
    display: none !important; }
  body .section-3 {
    margin-top: 100px; }
  body nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  body #menu {
    display: none; }
  body .section-1 .head-row .head-text,
  body .section-1 .head-row .head-text p {
    max-width: 100%; }
  body .section-1 .head-row .head-text .bttn-bttn {
    justify-content: flex-start; }
  .section-1 {
    height: fit-content !important; }
    .section-1 .container {
      padding: 250px 0; }
  body .section-3 .partners {
    margin-top: 0; }
  body .section-4 .bottom .img-block,
  body .section-5 .card-description .card-1 {
    max-width: 405px; }
  body .section-57 .card-description .card-1 {
    max-width: 405px; }
  body .section-24 .tittle {
    margin-bottom: 20px; } }

@media (max-width: 991px) {
	body .section-49 .card-description .card-1 .image-back{
		width:15%;
	}
  body .section-15 .mapp {
    height: auto; }
  body .section-15 .description-right {
    padding-left: 0; }
  body .section-16 .photo-wrapper {
    height: auto; }
  body .section-16 .photo-wrapper > div:not(.btn):first-child, body .section-16 .photo-wrapper > div:not(.btn):not(:first-child) {
    width: 100%; }
  body .section-58 .container .principles .principles-row .principle .description {
    width: 230px; }
  body .section-60 .text {
    padding-left: 0; }
  body .section-31 .container > .block .divider {
    display: none; }
  body .section-16 .row {
    flex-direction: column; }
    body .section-16 .row > div {
      margin-bottom: 20px;
      width: 100%;
      max-width: 100%; }
  body .section-13 .scrollsection {
    width: 100%; }
  body .section-38 .text {
    padding-top: 0; }
  body .section-57 .card-description .card-1 .certificate {
    padding: 25px; }
  body .section-55 .container .blocks-wrapper > .block .divider {
    display: none; }
  body .section-55 .big-numbers .numbers-icon {
    max-width: unset;
    width: 43%; }
  body .section-55 .container .blocks-wrapper > .block {
    flex-direction: column !important; }
    body .section-55 .container .blocks-wrapper > .block:not(:last-child) {
      margin-bottom: 40px; }
    body .section-55 .container .blocks-wrapper > .block .text {
      width: 100%;
      margin-bottom: 30px; }
  body .section-53 .seperator {
    width: 100%;
    height: 1px;
    min-height: auto;
    margin: 30px 0; }
  body .section-53 .image {
    padding-right: 0; }
  body .section-53 .text {
    padding-left: 0; }
  .section-46 .container .row {
    flex-direction: column;
    align-items: center; }
    .section-46 .container .row > div:first-child {
      margin-bottom: 30px; }
  body .section-31.--careers .block:not(:last-child) {
    margin-bottom: 100px; }
  body .section-33 .container .tittle {
    padding-top: 0; }
  body .section-31 .container > .block {
    flex-direction: column !important; }
    body .section-31 .container > .block:not(:last-child) {
      margin-bottom: 40px; }
    body .section-31 .container > .block > div {
      padding: 0 !important;
      max-width: 100% !important;
      width: 100% !important; }
      body .section-31 .container > .block > div:first-child {
        margin-bottom: 25px; }
  body .modal .modal-content .team-img {
    width: 260px;
    left: -87px; }
  body .modal .modal-content {
    padding: 80px 80px 80px 200px; }
  body .section-18 .tittle,
  .entry-general-section .container .title, body .section-30 .tittle,
  body .section-11 .text .tittle, body .section-14 .tittle,
  body .section-1 .head-row .head-text h2, body .section-13 .scrollsection .tittle,
  body .section-20 .tittle, body .section-24 .tittle {
    font-size: 48px;
    line-height: 58px; }
  body .section-56 .line-container .text,
  body .section-49 .text .tittle, body .section-33 .container .tittle,
  body .section-11 .text .sub-tittle,
  body .section-31 .container > .block .text .tittle,
  body .section-2 .paragraph-1 .text-1,
  body .section-7 .big-numbers .numbers-icon .text,
  body .section-21 .left-paragraph {
    font-size: 26px;
    line-height: 36px; }
  body .section-58 .container {
    padding-top: 0; }
  body .section-57 .card-description .card-1 .certificate h2,
  body .section-11 .text .paragraph-1,
  body .section-1 .head-row .head-text p, body .section-13 .scrollsection .sub-tittle,
  body .section-1 .head-row .head-text .span-1 {
    font-size: 18px;
    line-height: 28px; }
  body .section-56 .line-container .text {
    margin-top: 40px;
    margin-bottom: 20px; }
  body .section-56 .line-container .row-btn {
    margin-bottom: 40px; }
  body .section-59 .text,
  body .section-58 .end-section,
  body .section-49 .card-description .card-1 .certificate p,
  .entry-general-section .container .text,
  body .section-23 .paragraph-right,
  body .section-22 .map-row .col-right .text,
  body .section-22 .map-row .col-left .text,
  body .section-2 .paragraph-2 .text-2,
  body .section-4 .section-right-p, body .section-28 .paragraph,
  body .section-21 .right-paragraph, body .section-28 .description, body .section-28 .text-two, body .section-28 .text-three, body .section-28 .text-four {
    font-size: 16px; }
  body .section-60 .container > .main-title,
  body .section-59 .tittle,
  body .section-58 .banner,
  body .section-57 .baner-1,
  body .section-55 .tittle,
  body .section-53 .text .tittle,
  body .section-52 .tittle,
  body .section-51 .tittle,
  body .section-50 .tittle,
  body .section-49 .baner-1,
  body .section-47 .baner-1,
  body .section-46 .tittle,
  body .section-44 .tittle,
  body .section-41 .container .title,
  body .section-12 .tittle,
  .get-in-touch .container .left .title,
  body .section-23 .tittle,
  body .section-22 .tittle,
  body .section-9 .header-section .lg-tittle .tittle,
  body .section-3 .tittle-1,
  body .section-4 .section-left-p, body .section-38 .text .tittle,
  body .section-5 .baner-1, body .section-27 .tittle, body .section-40 .tittle,
  body .section-6 .description-solution h2, body .section-29 .header-section .lg-tittle .tittle,
  body .section-7 .section-left-p, body .section-26 .tittle,
  body .section-8 .lg-content .lg-tittle, body .section-25 .header-section .lg-tittle .tittle {
    font-size: 34px;
    line-height: 44px; }
  body .section-59 .container,
  body .section-60 .container {
    padding: 100px 0; }
  .section-28 .row > div {
    width: 100%; }
  body .section-58 .container .principles .principles-row .principle > .text,
  body .section-52 .sp-container .swiper .swiper-wrapper .swiper-slide .text, body .section-29 .sm-con .container-row .description,
  body .section-9 .sm-con .container-row .description, body .section-28 .tittle {
    font-size: 24px;
    line-height: 30px; }
  body .section-60 .seperator {
    width: 100%;
    height: 1px;
    min-height: auto;
    margin: 30px 0; }
  body .section-60 .swiper-slide {
    flex-direction: column; }
  body .section-60 .row {
    flex-direction: column-reverse; }
  body .section-58 .container .principles .principles-row .principle .circle {
    width: 230px;
    height: 230px;
    border-width: 26px; }
  .get-in-touch .container .left .title {
    margin-bottom: 20px; }
  body .section-48 .text .tittle {
    line-height: 40px; }
  .get-in-touch .container .right > div {
    width: 150px;
    height: 150px; }
  body .section-7 .big-numbers .numbers-icon .numbers {
    font-size: 50px;
    line-height: 60px; }
  body .section-7 .big-numbers .numbers-icon {
    width: 25%; }
  .get-in-touch .container {
    padding-top: 0; }
  body .section-23 {
    margin-bottom: 100px; }
  body .section-8 .swiper .swiper-wrapper .swiper-slide {
    min-width: 550px; }
  body .section-5 .container,
  body .section-6 .container,
  body .section-8 .container,
  body .section-9 .container,
  .section-1 .container,
  body .section-31 .container {
    padding: 150px 0; }
  body .section-3 .container-s .partners-logo-1 {
    width: 20%; }
  body .section-4 .bottom .img-block .tech-text {
    max-width: 340px; }
  body .section-5 .card-description .card-1 .certificate p {
    max-width: 510px; }
  .section-2 .row {
    flex-direction: column; }
    .section-2 .row .paragraph-1 {
      padding-bottom: 0;
      margin-bottom: 30px;
      margin-right: 0; }
    .section-2 .row .paragraph-2 {
      margin-left: 0; }
    .section-2 .row > div {
      width: 100%;
      max-width: 100%; }
      .section-2 .row > div > div {
        max-width: 100% !important; }
  .section-15 .row {
    flex-direction: column !important; }
    .section-15 .row > div {
      width: 100% !important;
      max-width: 100% !important; }
  body .section-15 .mapp-description {
    max-width: 500px;
    height: fit-content;
    position: relative;
    margin-top: 100px !important;
    margin-right: 90px;
    border-left: 2px solid #87c45e;
    padding-left: 10px; }
  body .section-13 .earth-section {
    display: none; }
  .section-13 .row {
    flex-direction: column; }
  body .section-34 .bg-left,
  body .section-45 .bg-left,
  body .section-54 .bg-left,
  body .section-41 .bg-left {
    min-width: 100%; }
  body .section-38 .text {
    padding-bottom: 0; }
  .section-37 .container .row > div,
  .section-38 .container .row > div {
    margin-top: 20px; }
  body .section-38 .green-background {
    display: none; }
  body .section-37 .card-description .card-1:first-child {
    margin-right: 0; }
  body .section-38 .contact {
    margin-bottom: 0; }
  .section-37 .container .row,
  .section-38 .container .row {
    flex-direction: column;
    margin-bottom: 30px; }
    .section-37 .container .row > div,
    .section-38 .container .row > div {
      width: 100%;
      max-width: 100%; }
  body .section-37 .baner-1 {
    margin-bottom: 20px;
    padding-bottom: 0; }
  body .section-35 .tabcontent .tab-wrapper > div:first-child {
    flex-direction: column; }
    body .section-35 .tabcontent .tab-wrapper > div:first-child > div {
      width: 100%;
      max-width: 100%; }
  body .section-35 .logo-container .logo {
    width: calc(33% - 50px);
    margin-right: 50px;
    margin-bottom: 10px; }
  body .section-35 .tab button {
    margin-right: 22px; }
  body .section-37 .card-description .card-1 {
    margin-bottom: 30px;
    width: 100%;
    max-width: 100%; }
  body .section-37 .card-description .card-1 .image-back {
    width: 25%; }
  .section-53 .row {
    flex-direction: column; }
  body .section-49 .card-description .card-1 .certificate p,
  body .section-47 .card-description .card-1 .certificate p {
    max-width: 100%; }
  body .section-47 .card-description .card-1 .image-back {
    width: 15%; }
  body .section-52 .sp-container {
    width: 70%; }
  body .section-49 .card-description .card-1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px; }
  body .section-47 .card-description .card-1 {
    width: 100%;
    max-width: 100%;
    margin-right: 0; }
  body .section-49 .card-description {
    flex-wrap: wrap; }
  body .section-53 .text {
    max-width: 100%; }
  body .section-43 .w-100 {
    flex-direction: column; }
    body .section-43 .w-100 > .text {
      width: 100% !important;
      max-width: 100% !important; }
  body .section-21 .center-line,
  body .section-22 .center-line {
    display: none; }
  body .section-22 .map-row {
    flex-direction: column;
    align-items: flex-start; }
    body .section-22 .map-row > div {
      width: 100% !important; }
  body .section-23 {
    margin-top: 80px; }
  body .section-22 .map-row .col-left .text {
    max-width: 100%;
    margin-bottom: 40px; }
  body .section-22 .map-row .col-right {
    margin-left: 0; }
  body .section-22 .map-row .col-right .text {
    max-width: 100%;
    padding-bottom: 40px; }
  body .section-22 .map-row .col-left .map {
    padding-bottom: 20px; }
  .section-23 .row {
    flex-direction: column; }
    .section-23 .row > div {
      width: 100%;
      max-width: 100%; }
      .section-23 .row > div:first-child {
        margin-bottom: 20px; }
  .section-21 .row {
    flex-direction: column; }
    .section-21 .row > div {
      padding-bottom: 0;
      margin-bottom: 30px;
      max-width: 100%;
      width: 100%; }
      .section-21 .row > div:nth-child(2) {
        margin-left: 0; }
  body .section-23 .team-row .team {
    width: calc(50% - 31px); }
  body .section-5 .card-description .card-1 .image-back {
    width: 25%; }
  .scroll-line {
    display: none !important; }
  .section-4 .row,
  .section-6 .row,
  .section-7 .row {
    flex-direction: column; }
    .section-4 .row > div,
    .section-6 .row > div,
    .section-7 .row > div {
      width: 100%;
      padding: 0;
      max-width: 100%; }
      .section-4 .row > div:first-child,
      .section-6 .row > div:first-child,
      .section-7 .row > div:first-child {
        margin-bottom: 20px; }
  body .footer .footer-links {
    padding-top: 10px; }
    body .footer .footer-links > .row {
      flex-wrap: wrap; }
      body .footer .footer-links > .row > .sm-row {
        margin-bottom: 50px; }
        body .footer .footer-links > .row > .sm-row > div {
          width: 50%; }
      body .footer .footer-links > .row > .col-3 {
        padding-left: 0; }
  body .section-9 .sm-con .container-row .image-1 {
    max-width: 100%; }
  body .section-9 .sm-con .container-row {
    width: 100%;
    max-width: 100%; }
  body .section-9 .sm-con .container-row:not(:last-child) {
    margin-right: 0; }
  body .section-29 .sm-con .container-row .image-1 {
    max-width: 100% !important;
    max-height: 100% !important; }
  body .section-29 .sm-con .container-row {
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px !important; }
  body .section-25 .container .row-news .news {
    width: 100%;
    max-width: 100%;
    margin-right: 0px !important; }
  body .section-25 .container .row-news .news .image-1 img {
    max-width: 100% !important; }
  body .section-5 .card-description .card-1 {
    width: 100%;
    max-width: 100%;
    margin-right: 0 !important; }
  body .section-57 .card-description .card-1 {
    width: 100%;
    max-width: 100%;
    margin-right: 0 !important; }
  body .section-57 .card-description .card-1 .certificate p {
    max-width: 100% !important; }
  body .section-4 .bottom .img-block {
    max-width: 100%; }
    body .section-4 .bottom .img-block:first-child {
      margin-right: 0; }
  .section-28 .row {
    flex-wrap: wrap !important; } }

@media (max-width: 767px) {
	.surrounding{
		height:auto;
		    overflow: auto !important;

	}
  body .section-58 .container .principles .principles-row .principle .description {
    width: 170px; }
  body .end .row-logo .logo, body .section-50 .sticky-row .sticky {
    width: 30%; }
  body .section-33 .container .cont-log .logo {
    width: calc(40% - 60px); }
  body .section-17 {
    padding-bottom: 200px; }
  body .section-29 .sm-con .container-row {
    margin-left: 0; }
  body .section-24 .container > .row:first-child .actions {
    flex-direction: column; }
    body .section-24 .container > .row:first-child .actions > :first-child {
      margin-bottom: 15px; }
  body .section-58 .container .principles .principles-row .principle .circle {
    width: 175px;
    height: 175px;
    border-width: 21px; }
  body .section-58 .container .principles .principles-row .principle > .text {
    font-size: 20px;
    max-width: 180px; }
  body .section-58 .container .principles .principles-row:last-child {
    margin-top: -65px; }
  body .section-19 .container {
    padding-top: 100px; }
  body .section-53 .end-section {
    margin-bottom: 300px; }
  body .modal .bio {
    font-size: 105px; }
  body .section-23 .team-row .team {
    height: 520px; }
  body .modal .modal-content {
    padding: 30px;
    margin-left: 0; }
  .get-in-touch .container .right {
    display: none; }
  body .modal .modal-content .team-img {
    display: none; }
  body .end {
    margin-bottom: 300px; }
  body .footer::before {
    top: -200px; }
  body .section-8 .swiper .swiper-wrapper .swiper-slide {
    min-width: 505px; }
  body .section-38 .text {
    padding-top: 50px; }
  body .section-35 .tab button {
    padding-bottom: 5px; }
  .pp-graphic {
    margin-bottom: 50px; }
  .pp-graphic {
    flex-direction: column; }
    .pp-graphic > div {
      width: 100%;
      align-items: center !important;
      margin-bottom: 40px; }
  body .section-11 .contact .row-contact-form {
    flex-direction: column; }
  body .section-11 .contact .check {
    margin-bottom: 0;
    max-width: 100%;
    align-items: center; }
  body .section-11 .contact .check .checkbox-text {
    max-width: 100%; }
  body .section-12 .earth-map .text {
    display: none !important; }
  .get-in-touch .container .right > div {
    width: 200px;
    height: 200px; }
  body .section-23 .team-row .team {
    width: 100%;
    margin-right: 0; }
  .get-in-touch .container {
    padding-bottom: 50px; }
  body .end .tittle-2 {
    margin-bottom: 40px; }
  body .section-7 .big-numbers > div:not(:last-child) {
    margin-right: 100px; }
  body .section-1 .head-row .head-text .bttn-bttn {
    flex-wrap: wrap; }
    body .section-1 .head-row .head-text .bttn-bttn a {
      margin-bottom: 20px; }
  body .careers-bottom-text {
    margin-bottom: 300px; } }

@media (max-width: 575px) {
	.section-11 .choices__list--dropdown{
		left:-150px;
	}
  body .section-52 .sp-container .swiper .swiper-wrapper .swiper-slide .text {
    font-size: 14px; }
  body .section-52 .sp-container {
    width: 87%; }
  body .section-51 .row-logo .logo {
    width: 30%; }
  body .modal .modal-content .close svg {
    width: 30px;
    height: 30px; }
  body .modal .modal-content .team-description .tittle {
    font-size: 18px;
    max-width: 130px; }
  body .section-6 .earth-solution p {
    width: 210px !important;
    height: auto !important; }
  body .section-6 .earth-solution .pulsating-circle-6 p {
    left: -80px; }
  body .end .row-logo .logo {
    width: 40%; }
  body .section-33 {
    margin-bottom: 300px; }
  body .section-13 .scrollsection {
    padding-bottom: 200px; }
  body .section-35 .logo-container {
    padding: 20px; }
  body .section-35 .logo-container .logo {
    width: calc(50% - 50px); }
  body .section-24 .container {
    padding-top: 150px; }
  body .section-24 .container > .row:first-child .actions .search {
    min-width: 100%; }
  body .section-58 {
    display: none; }
  body .section-55 .big-numbers .numbers-icon .numbers {
    font-size: 50px; }
  .white-bttn {
    min-width: auto; }
  body .section-19 {
    margin-bottom: 250px; }
  body .modal .modal-content .team-img {
    display: none; }
  body .section-21 .green-subtitle {
    padding-top: 80px; }
  body .modal .modal-content {
    margin-left: 0;
    padding: 20px; }
  .get-in-touch .container .left .buttons {
    flex-direction: column; }
    .get-in-touch .container .left .buttons a {
      width: 100%;
      margin-right: 0; }
      .get-in-touch .container .left .buttons a:first-child {
        margin-bottom: 20px; }
  .get-in-touch .container .left {
    max-width: 100%; }
  body .menutwo a {
    font-size: 24px; }
  body .section-5 .white-background-1,
  body .section-8 .white-background,
  body
.section-8
.swiper
.swiper-wrapper
.swiper-slide
> a
> .swiper-text
.text-desc {
    display: none; }
  body .section-8 .swiper .swiper-wrapper .swiper-slide {
    min-height: 300px; }
    body .section-8 .swiper .swiper-wrapper .swiper-slide a {
      min-height: 300px; }
  body .section-8 .swiper .swiper-wrapper .swiper-slide > a > .swiper-text {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  body .section-8 .swiper .swiper-wrapper .swiper-slide {
    min-width: 350px; }
  body .section-7 .big-numbers .numbers-icon .numbers {
    font-size: 40px;
    line-height: 50px; }
  body .section-7 .big-numbers {
    margin-bottom: 0; }
  .green-subtitle {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 20px; }
  body .section-56 .line-container .row-btn {
    margin-bottom: 30px; }
  body .section-57 .container {
    padding: 50px 0; }
  body .section-31 .container,
  body .section-4 .container,
  body .section-5 .container,
  body .section-6 .container,
  body .section-8 .container,
  body .section-9 .container,
  .section-1 .container,
  body .section-7 .container {
    padding: 80px 0; }
  body .section-3 .container-s {
    padding-bottom: 80px; }
  body .section-19 .container {
    padding-top: 70px; }
  body .section-18 .tittle,
  .entry-general-section .container .title,
  body .section-1 .head-row .head-text h2, body .section-14 .tittle,
  body .section-20 .tittle, body .section-13 .scrollsection .tittle,
  body .section-11 .text .tittle, body .section-24 .tittle {
    font-size: 38px;
    line-height: 48px; }
  body .section-50 .link,
  body .section-48 .text .tittle, body .section-29 .sm-con .container-row .description,
  body .section-9 .sm-con .container-row .description, body .section-24 .card .text {
    font-size: 22px;
    line-height: 28px; }
  body .section-29 {
    margin-bottom: 250px; }
  body .section-24 .card .text {
    padding-left: 18px; }
  body .section-26 .tittle {
    padding-top: 80px; }
  body .section-5 .card-description .card-1 .certificate h2 {
    font-size: 18px;
    line-height: 20px; }
  body .section-57 .card-description .card-1 .certificate h2, body .section-15 .description-right,
  body .section-11 .text .paragraph-1, body .section-15 .description-left,
  body .section-1 .head-row .head-text p, body .section-13 .scrollsection .sub-tittle,
  body .section-1 .head-row .head-text .span-1, body .section-35 .tabcontent .left-content .text,
  body .section-4 .div-center .features, body .section-55 .container .blocks-wrapper > .block .text .paragraph {
    font-size: 16px;
    line-height: 26px; }
  body .section-53 .text .description,
  body .section-50 .description,
  body .section-49 .card-description .card-1 .certificate p,
  body .section-48 .text P,
  body .section-47 .card-description .card-1 .certificate p,
  body .section-11 .text .paragraph-2,
  .entry-general-section .container .text,
  body .modal .modal-content .team-description .description,
  body .section-23 .paragraph-right,
  body .section-22 .map-row .col-right .text,
  body .section-22 .map-row .col-left .text,
  body .section-21 .right-paragraph,
  body .section-7 .section-right-p,
  body .section-6 .description-solution .md-paragraph,
  body .section-2 .paragraph-2 .text-2, body .section-28 .paragraph,
  body .section-4 .section-right-p, body .section-59 .text, body .section-28 .text-two, body .section-28 .text-three, body .section-28 .text-four,
  body .section-4 .bottom .img-block .tech-text, body .section-28 .description, body .section-28 .text-one,
  body .section-5 .card-description .card-1 .certificate p, body .section-57 .card-description .card-1 .certificate p, body .section-57 .card-description .card-1 .link {
    font-size: 14px;
    line-height: 24px; }
  body .section-17 .tittle,
  body .section-11 .contact .tittle, body .section-56 .line-container .text, body .section-40 .tittle,
  body .section-21 .left-paragraph, body .section-55 .big-numbers .numbers-icon .text {
    font-size: 24px;
    line-height: 34px; }
  body .section-56 .line-container .text {
    margin-top: 20px;
    padding-top: 0; }
  body .section-40 {
    padding-bottom: 200px; }
  body .section-49 .text .tittle,
  body .section-11 .text .sub-tittle,
  .faq-item .faq-item__question .question,
  body .section-31 .container > .block .text .tittle,
  .get-in-touch .container .left .desc,
  body .section-2 .paragraph-1 .text-1, .careers-bottom-text,
  body .section-7 .big-numbers .numbers-icon .text, body .section-28 .tittle,
  body .section-20 .text {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.9px; }
  .faq-item {
    padding: 20px; }
  body .section-49 .text .tittle {
    margin-top: 50px; }
  body .section-49 .text .bttn {
    margin-bottom: 60px; }
  body .section-53 .end-section, body .section-60 {
    margin-bottom: 200px; }
  body .section-53 .text .tittle,
  body .section-52 .tittle,
  body .section-51 .tittle,
  body .section-50 .tittle,
  body .section-49 .baner-1,
  body .section-47 .baner-1,
  body .section-46 .tittle,
  body .section-44 .tittle,
  body .section-41 .container .title,
  .get-in-touch .container .left .title,
  body .section-12 .tittle, body .section-36 .tittle,
  body .section-23 .tittle, body .section-37 .baner-1, body .section-35 .tittle,
  body .section-22 .tittle, body .section-38 .text .tittle,
  body .end .tittle-2, body .section-60 .container > .main-title,
  body .section-9 .header-section .lg-tittle .tittle,
  body .section-3 .tittle-1,
  body .section-4 .section-left-p, body .section-29 .header-section .lg-tittle .tittle,
  body .section-5 .baner-1, body .section-27 .tittle,
  body .section-6 .description-solution h2, body .section-59 .tittle,
  body .section-7 .section-left-p, body .section-58 .banner, body .section-26 .tittle,
  body .section-8 .lg-content .lg-tittle, body .section-55 .tittle, body .section-57 .baner-1 {
    font-size: 30px;
    line-height: 40px; }
  body .section-26 {
    padding-bottom: 200px; }
  body .section-55 .container .blocks-wrapper {
    padding: 50px 0; }
  body .section-3 .container-s .partners-logo-1 {
    width: 25%; }
  body .section-49 .card-description .card-1 .certificate {
    padding: 25px; }
  body .section-6 .description-solution h2 {
    margin-bottom: 20px; }
  body .section-31.--careers .block:not(:last-child) {
    margin-bottom: 50px; }
  body .section-23 .team-row .team {
    height: 375px; }
  body .section-5 .card-description .card-1 {
    padding: 25px; }
  body .section-33 .container .cont-log .logo {
    width: calc(50% - 20px);
    margin-right: 20px; }
  body .section-30 .tittle {
    font-size: 38px;
    line-height: 48px; }
  body .section-38 .contact {
    padding: 30px; }
  body .section-34 .tittle {
    font-size: 48px;
    line-height: 58px; }
  body .section-34 .container {
    padding: 100px 0; }
  body .section-34 {
    height: fit-content; }
  body .section-45 .row-btn {
    flex-direction: column;
    align-items: flex-start; }
    body .section-45 .row-btn > div:first-child {
      margin-bottom: 20px; }
  body .section-53 .text {
    padding-left: 25px; }
  body .section-52 .sp-container .swiper .swiper-wrapper .swiper-slide .text {
    margin-top: 20px;
    margin-bottom: 20px; }
  body .section-52 .container .left-arrow-2 {
    left: 2%; }
  body .section-52 .container .right-arrow-2 {
    right: 2%; }
  .section-48 .row {
    flex-direction: column; }
  body .section-50 .sticky-row .sticky {
    width: calc(50% - 15px);
    margin-right: 15px;
    margin-bottom: 15px; }
  body .section-48 .verra-logo {
    margin-bottom: 30px; }
  body .section-48 .text .tittle {
    padding-top: 0; }
  body .section-45 .tittle {
    font-size: 48px; }
  body .section-11 .contact {
    padding: 30px; }
  body .section-41 .sub-tittle {
    padding-top: 100px; }
  .footer::before {
    top: -150px !important; }
  body .footer .footer-end {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start; }
    body .footer .footer-end > div {
      width: 100%; }
  body .footer .footer-links > .row > .sm-row {
    flex-wrap: wrap; }
    body .footer .footer-links > .row > .sm-row > div {
      width: 100%; }
      body .footer .footer-links > .row > .sm-row > div:last-child {
        padding-left: 0;
        margin-top: 40px; }
  body .section-7 .big-numbers .numbers-icon {
    width: 100%; } }

@media (max-width: 399px) {
  body .section-27 .data {
    padding-top: 100px; }
  body .section-12.--contact {
    margin-bottom: 200px; }
  body .section-4 .bottom .img-block .tech-text {
    left: 10px;
    max-width: 240px; }
  body .section-21 .green-subtitle,
  .section-11 .text {
    padding-top: 70px !important; }
  body .section-31 .container,
  body .section-20 .container,
  body .section-4 .container,
  body .section-5 .container,
  body .section-6 .container,
  body .section-8 .container,
  body .section-9 .container,
  .section-1 .container,
  body .section-7 .container {
    padding: 70px 0; }
  body .section-55 .big-numbers .numbers-icon .numbers {
    font-size: 38px; }
  body .section-18 .tittle, body .section-14 .tittle,
  body .section-11 .text .tittle, body .section-13 .scrollsection .tittle,
  body .section-1 .head-row .head-text h2, body .section-30 .tittle,
  body .section-20 .tittle, .entry-general-section .container .title, body .section-24 .tittle {
    font-size: 34px;
    line-height: 44px; }
  body .section-33 .container span {
    width: 300px; }
  body .section-54 .bttn {
    width: 100%; }
    body .section-54 .bttn:first-child {
      margin-bottom: 20px; }
  body .section-54 .row-btn {
    flex-direction: column; }
  body .section-5 .card-description .card-1 .certificate h2 {
    font-size: 16px;
    line-height: 18px; }
  body .section-11 .text .sub-tittle,
  .faq-item .faq-item__question .question,
  body .section-31 .container > .block .text .tittle,
  .get-in-touch .container .left .desc,
  body .section-21 .left-paragraph, body .section-33 .container .tittle,
  body .section-20 .text, body .section-17 .tittle,
  body .section-2 .paragraph-1 .text-1, body .section-13 .scrollsection .frame .frame-description-bottom .two,
  body .section-7 .big-numbers .numbers-icon .text {
    font-size: 18px;
    line-height: 28px; }
  body .section-44 .faq-item__answer > div .btn a,
  body .section-11 .text .paragraph-1 {
    font-size: 14px; }
  body .section-23 .team-row .team {
    height: 300px; }
  .get-in-touch .container .git-wrapper {
    padding: 15px; }
  body .section-44 .tittle,
  body .section-41 .container .title,
  .get-in-touch .container .left .title,
  body .section-12 .tittle,
  body .section-23 .tittle,
  body .section-22 .tittle,
  body .end .tittle-2, body .section-35 .tittle,
  body .section-9 .header-section .lg-tittle .tittle,
  body .section-3 .tittle-1,
  body .section-4 .section-left-p, body .section-27 .tittle, body .section-29 .header-section .lg-tittle .tittle,
  body .section-5 .baner-1, body .section-26 .tittle,
  body .section-6 .description-solution h2,
  body .section-7 .section-left-p, body .section-59 .tittle, body .section-60 .container > .main-title,
  body .section-8 .lg-content .lg-tittle, body .section-55 .tittle, body .section-57 .baner-1 {
    font-size: 28px;
    line-height: 38px; }
  body .section-3 .container-s .partners-logo-1 {
    width: 30%; }
  body .section-5 .card-description .card-1 {
    padding: 15px; }
  .white-bttn:not(:last-child) {
    margin-right: 0; }
  body .section-35 .sub-tittle {
    padding-bottom: 35px; }
  body .section-37 .card-description .card-1 .certificate {
    padding: 25px; }
  body .section-1 .head-row .head-text p, body .section-37 .card-description .card-1 .certificate p,
  body .section-1 .head-row .head-text .span-1, body .section-35 .tabcontent .left-content .text,
  body .section-4 .div-center .features, body .section-35 .sub-tittle,
  .green-subtitle, body .section-55 .container .blocks-wrapper > .block .text .paragraph {
    font-size: 14px;
    line-height: 24px; }
  body
.section-8
.swiper
.swiper-wrapper
.swiper-slide
> a
> .swiper-text
.text-title {
    line-height: 26px;
    font-size: 20px; }
  body .section-29 .sm-con .container-row .description, body .section-40 .tittle,
  body .section-25 .container .row-news .news .description, body .section-24 .card .text, body .section-11 .contact .tittle, body .section-56 .line-container .text,
  body .section-9 .sm-con .container-row .description, body .section-55 .big-numbers .numbers-icon .text {
    font-size: 20px;
    line-height: 26px; }
  body .end {
    margin-bottom: 200px; }
  body .section-9 .sm-con {
    margin-top: 30px; }
  body .section-1 .head-row .head-text .bttn-bttn > a {
    width: 100%; }
  body .menutwo a {
    font-size: 20px; }
  body .section-8 .swiper .swiper-wrapper .swiper-slide {
    min-width: 280px; }
  nav .logo {
    max-width: 90px; }
  body .section-40 .sub-tittle {
    padding-top: 50px; }
  body .section-52 .tittle {
    padding-top: 0; }
  body .other .white-background-3 {
    display: none; }
  body .section-38 .text .tittle {
    font-size: 22px;
    line-height: 32px; }
  body .section-40 .container {
    padding-top: 100px; }
  body .section-35 .logo-container .logo {
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-bottom: 20px; }
  body .section-35 .logo-container {
    padding: 30px; }
  body .section-34 .tittle {
    font-size: 38px;
    line-height: 48px; }
  body .section-52 .container .left-arrow-2,
  body .section-52 .container .right-arrow-2 {
    max-width: 35px; }
    body .section-52 .container .left-arrow-2 svg,
    body .section-52 .container .right-arrow-2 svg {
      max-width: 100%; }
  body .section-45 .tittle {
    font-size: 38px;
    line-height: 48px; }
  .footer::before {
    top: -125px !important; } }