/* ----------------------------------------
    CSS RESET
---------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

/* ----------------------------------------
    FONTS
---------------------------------------- */
/* ----------------------------------------
    COLORS
---------------------------------------- */
/* ----------------------------------------
    VARS
---------------------------------------- */
/* ----------------------------------------
    MIXINS
---------------------------------------- */
/* ----------------------------------------
    GLOBAL
---------------------------------------- */
* {
  box-sizing: border-box;
  outline: none; }

html {
  scroll-behavior: smooth; }

body {
  padding-top: 184px;
  font-family: "Manrope"; }
  @media (max-width: 1200px) {
    body {
      padding-top: 72px; } }

img {
  display: block; }

a {
  text-decoration: none; }

button {
  cursor: pointer; }

/* ----------------------------------------
    ANIMATIONS
---------------------------------------- */
@keyframes pulse {
  0% {
    opacity: 0.5;
    transform: scale(0.9); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0.5;
    transform: scale(0.9); } }
@keyframes marquee {
  0% {
    transform: translateX(100vw); }
  100% {
    transform: translateX(-100%); } }
/* ----------------------------------------
    PRELOADER
---------------------------------------- */
.preloader {
  background-color: white;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  transition: opacity 1s ease; }
  .preloader.hidden {
    opacity: 0;
    pointer-events: none; }
  .preloader .preloader__logo {
    animation: pulse 1.8s ease infinite;
    height: 56px; }

/* ----------------------------------------
    PAGES
---------------------------------------- */
.home,
.services-page,
.service-page,
.properties-page,
.projects-page,
.gallery-page,
.about-page,
.downloads-page,
.contact-page,
.static-page {
  width: 100%; }

/* ----------------------------------------
    BUTTONS
---------------------------------------- */
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 32px;
  border: solid 1px;
  border-radius: 6px;
  transition: all 0.3s ease;
  font-family: "Manrope";
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0; }

.btn-primary {
  background-color: #74ac43;
  border-color: #74ac43;
  color: white; }
  .btn-primary:hover {
    background-color: transparent;
    color: #74ac43; }

.btn-secondary {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.25);
  color: white; }
  .btn-secondary:hover {
    background-color: white;
    border-color: white;
    color: #23374d; }

/* ----------------------------------------
    HEADER
---------------------------------------- */
.header {
  position: fixed;
  z-index: 2;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 8px rgba(17, 17, 17, 0.06); }
  .header .header__top {
    background-color: #74ac43; }
    @media (max-width: 1200px) {
      .header .header__top {
        display: none; } }
    .header .header__top .header__top-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      max-width: 1290px;
      margin: auto;
      min-height: 64px; }
      .header .header__top .header__top-wrap .header__contact {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 40px;
        flex-direction: row;
        flex-wrap: wrap; }
        .header .header__top .header__top-wrap .header__contact .header__contact-item {
          display: flex;
          justify-content: start;
          align-items: center;
          gap: 16px;
          flex-direction: row;
          flex-wrap: wrap;
          font-family: "Manrope";
          font-weight: 600;
          font-size: 16px;
          line-height: normal;
          letter-spacing: 0;
          color: white; }
          .header .header__top .header__top-wrap .header__contact .header__contact-item img {
            height: 24px; }
      .header .header__top .header__top-wrap .header__socials {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 24px;
        flex-direction: row;
        flex-wrap: wrap; }
        .header .header__top .header__top-wrap .header__socials .header__socials-link img {
          height: 24px; }
  .header .header__main {
    background-color: white;
    width: 100%; }
    .header .header__main .header__wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      max-width: 1290px;
      margin: auto;
      min-height: 120px; }
      @media (max-width: 1200px) {
        .header .header__main .header__wrap {
          min-height: auto;
          padding: 16px 10px; } }
      .header .header__main .header__wrap .header__logo {
        width: auto; }
        @media (max-width: 1200px) {
          .header .header__main .header__wrap .header__logo {
            position: relative;
            z-index: 2;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; } }
        .header .header__main .header__wrap .header__logo img {
          height: 56px; }
          @media (max-width: 1200px) {
            .header .header__main .header__wrap .header__logo img {
              height: 40px; } }
      .header .header__main .header__wrap .header__nav {
        width: auto; }
        @media (max-width: 1200px) {
          .header .header__main .header__wrap .header__nav.open {
            display: block; } }
        @media (max-width: 1200px) {
          .header .header__main .header__wrap .header__nav {
            background-color: white;
            position: fixed;
            z-index: 1;
            top: 0;
            right: auto;
            bottom: auto;
            left: 0;
            display: none;
            width: 100%;
            height: 100%; } }
        .header .header__main .header__wrap .header__nav .header__nav-list {
          display: flex;
          justify-content: start;
          align-items: center;
          gap: 80px;
          flex-direction: row;
          flex-wrap: wrap;
          width: auto; }
          @media (max-width: 1200px) {
            .header .header__main .header__wrap .header__nav .header__nav-list {
              gap: 0;
              flex-direction: column;
              width: 100%;
              height: 100%;
              padding-top: 72px; } }
          .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item {
            width: auto; }
            @media (max-width: 1200px) {
              .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item {
                width: 100%;
                height: calc((100% / 4) - 50px);
                border-top: solid 1px rgba(35, 55, 77, 0.2); } }
            .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item .header__nav-link {
              transition: all 0.3s ease;
              font-family: "Manrope";
              font-weight: 600;
              font-size: 16px;
              line-height: normal;
              letter-spacing: 0;
              color: #23374d;
              cursor: pointer; }
              @media (max-width: 1200px) {
                .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item .header__nav-link {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  gap: 0;
                  flex-direction: row;
                  flex-wrap: wrap;
                  width: 100%;
                  height: 100%;
                  font-family: "Manrope";
                  font-weight: 600;
                  font-size: 22px;
                  line-height: normal;
                  letter-spacing: 0; } }
              .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item .header__nav-link:hover {
                color: #74ac43; }
          .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown {
            position: relative;
            z-index: 1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; }
            @media (max-width: 1200px) {
              .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown {
                height: calc((100% / 4) + 150px); } }
            .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown::after {
              position: absolute;
              z-index: 1;
              top: 100%;
              right: auto;
              bottom: auto;
              left: 0;
              display: block;
              content: "";
              width: 100%;
              height: 12px;
              pointer-events: auto; }
              @media (max-width: 1200px) {
                .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown::after {
                  display: none; } }
            .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown:hover .header__submenu {
              transform: translateY(12px);
              visibility: visible;
              opacity: 1; }
              @media (max-width: 1200px) {
                .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown:hover .header__submenu {
                  transform: translateY(0); } }
            @media (max-width: 1200px) {
              .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown .header__nav-link {
                height: 60px; } }
            .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown .header__submenu {
              background-color: #74ac43;
              position: absolute;
              z-index: 1;
              top: 100%;
              right: auto;
              bottom: auto;
              left: 0;
              display: flex;
              justify-content: start;
              align-items: start;
              gap: 12px;
              flex-direction: column;
              flex-wrap: wrap;
              padding: 16px 32px;
              border-radius: 6px;
              transform: translateY(24px);
              transition: 0.2s ease;
              visibility: hidden;
              opacity: 0; }
              @media (max-width: 1200px) {
                .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown .header__submenu {
                  background-color: transparent;
                  position: static;
                  z-index: 1;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  display: block;
                  height: calc(100% - 60px);
                  margin: 0;
                  padding: 0;
                  transform: none;
                  visibility: visible;
                  opacity: 1; } }
              @media (max-width: 1200px) {
                .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown .header__submenu li {
                  height: calc(100% / 4); } }
              .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown .header__submenu li a {
                transition: all 0.3s ease;
                font-family: "Manrope";
                font-weight: 600;
                font-size: 16px;
                line-height: normal;
                letter-spacing: 0;
                color: white; }
                .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown .header__submenu li a:hover {
                  color: rgba(255, 255, 255, 0.5); }
                  @media (max-width: 1200px) {
                    .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown .header__submenu li a:hover {
                      color: #74ac43; } }
                @media (max-width: 1200px) {
                  .header .header__main .header__wrap .header__nav .header__nav-list .header__nav-item--dropdown .header__submenu li a {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 0;
                    flex-direction: row;
                    flex-wrap: wrap;
                    width: 100%;
                    height: 100%;
                    padding: 0;
                    color: #23374d; } }
      @media (max-width: 1200px) {
        .header .header__main .header__wrap .header__cta {
          display: none; } }
      .header .header__main .header__wrap .header__burger {
        position: relative;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
        width: 32px;
        height: 24px;
        cursor: pointer; }
        @media (max-width: 1200px) {
          .header .header__main .header__wrap .header__burger {
            display: block; } }
        .header .header__main .header__wrap .header__burger span {
          background-color: #23374d;
          position: absolute;
          z-index: 1;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 4px;
          transition: 0.25s;
          cursor: pointer; }
          .header .header__main .header__wrap .header__burger span:nth-child(2) {
            top: 10px; }
          .header .header__main .header__wrap .header__burger span:nth-child(3) {
            top: 20px; }
          .header .header__main .header__wrap .header__burger span:nth-child(4) {
            top: 30px; }
          .header .header__main .header__wrap .header__burger span.rotate1 {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg); }
          .header .header__main .header__wrap .header__burger span.rotate2 {
            top: 10px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg); }
          .header .header__main .header__wrap .header__burger span.none {
            display: none; }

/* ----------------------------------------
    FOOTER
---------------------------------------- */
.footer {
  background-color: #23374d;
  width: 100%; }
  @media (max-width: 1200px) {
    .footer {
      padding: 0 10px; } }
  .footer .footer__wrap {
    max-width: 1290px;
    margin: auto;
    padding-bottom: 40px; }
    @media (max-width: 1200px) {
      .footer .footer__wrap {
        padding-bottom: 0; } }
    .footer .footer__wrap .footer__top {
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      padding: 40px 0; }
      .footer .footer__wrap .footer__top .footer__brand {
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 24px;
        flex-direction: column;
        flex-wrap: wrap;
        width: calc((100% - (3 * 24px)) / 4); }
        @media (max-width: 1200px) {
          .footer .footer__wrap .footer__top .footer__brand {
            justify-content: center;
            align-items: center;
            width: 100%; } }
        .footer .footer__wrap .footer__top .footer__brand .footer__logo {
          width: auto; }
          .footer .footer__wrap .footer__top .footer__brand .footer__logo img {
            height: 40px; }
        .footer .footer__wrap .footer__top .footer__brand .footer__description {
          font-family: "Manrope";
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          letter-spacing: 0;
          color: rgba(255, 255, 255, 0.5); }
          @media (max-width: 1200px) {
            .footer .footer__wrap .footer__top .footer__brand .footer__description {
              text-align: center; } }
      .footer .footer__wrap .footer__top .footer__nav {
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 24px;
        flex-direction: column;
        flex-wrap: wrap;
        width: calc((100% - (3 * 24px)) / 4); }
        @media (max-width: 1200px) {
          .footer .footer__wrap .footer__top .footer__nav {
            width: calc((100% - 24px) / 2); } }
        .footer .footer__wrap .footer__top .footer__nav .footer__title {
          font-family: "Manrope";
          font-weight: 600;
          font-size: 16px;
          line-height: normal;
          letter-spacing: 0;
          color: white; }
        .footer .footer__wrap .footer__top .footer__nav .footer__nav-list {
          display: flex;
          justify-content: start;
          align-items: start;
          gap: 12px;
          flex-direction: column;
          flex-wrap: wrap; }
          .footer .footer__wrap .footer__top .footer__nav .footer__nav-list .footer__nav-item {
            width: auto; }
            .footer .footer__wrap .footer__top .footer__nav .footer__nav-list .footer__nav-item .footer__nav-link {
              transition: all 0.3s ease;
              font-family: "Manrope";
              font-weight: 400;
              font-size: 14px;
              line-height: normal;
              letter-spacing: 0;
              color: rgba(255, 255, 255, 0.5); }
              .footer .footer__wrap .footer__top .footer__nav .footer__nav-list .footer__nav-item .footer__nav-link:hover {
                color: rgba(255, 255, 255, 0.75); }
      .footer .footer__wrap .footer__top .footer__services {
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 24px;
        flex-direction: column;
        flex-wrap: wrap;
        width: calc((100% - (3 * 24px)) / 4); }
        @media (max-width: 1200px) {
          .footer .footer__wrap .footer__top .footer__services {
            width: calc((100% - 24px) / 2); } }
        .footer .footer__wrap .footer__top .footer__services .footer__title {
          font-family: "Manrope";
          font-weight: 600;
          font-size: 16px;
          line-height: normal;
          letter-spacing: 0;
          color: white; }
        .footer .footer__wrap .footer__top .footer__services .footer__services-list {
          display: flex;
          justify-content: start;
          align-items: start;
          gap: 12px;
          flex-direction: column;
          flex-wrap: wrap; }
          .footer .footer__wrap .footer__top .footer__services .footer__services-list .footer__services-item {
            width: auto; }
            .footer .footer__wrap .footer__top .footer__services .footer__services-list .footer__services-item .footer__services-link {
              transition: all 0.3s ease;
              font-family: "Manrope";
              font-weight: 400;
              font-size: 14px;
              line-height: normal;
              letter-spacing: 0;
              color: rgba(255, 255, 255, 0.5); }
              .footer .footer__wrap .footer__top .footer__services .footer__services-list .footer__services-item .footer__services-link:hover {
                color: rgba(255, 255, 255, 0.75); }
      .footer .footer__wrap .footer__top .footer__contact {
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 24px;
        flex-direction: column;
        flex-wrap: wrap;
        width: calc((100% - (3 * 24px)) / 4); }
        @media (max-width: 1200px) {
          .footer .footer__wrap .footer__top .footer__contact {
            width: 100%; } }
        .footer .footer__wrap .footer__top .footer__contact .footer__title {
          font-family: "Manrope";
          font-weight: 600;
          font-size: 16px;
          line-height: normal;
          letter-spacing: 0;
          color: white; }
        .footer .footer__wrap .footer__top .footer__contact .footer__contact-list {
          display: flex;
          justify-content: start;
          align-items: start;
          gap: 12px;
          flex-direction: column;
          flex-wrap: wrap; }
          .footer .footer__wrap .footer__top .footer__contact .footer__contact-list .footer__contact-item {
            display: flex;
            justify-content: start;
            align-items: start;
            gap: 16px;
            flex-direction: row;
            flex-wrap: wrap;
            width: auto; }
            .footer .footer__wrap .footer__top .footer__contact .footer__contact-list .footer__contact-item .footer__contact-icon {
              position: relative;
              z-index: 1;
              top: 3px;
              right: auto;
              bottom: auto;
              left: auto;
              height: 16px; }
            .footer .footer__wrap .footer__top .footer__contact .footer__contact-list .footer__contact-item .footer__contact-data {
              font-family: "Manrope";
              font-weight: 400;
              font-size: 14px;
              line-height: normal;
              letter-spacing: 0;
              color: rgba(255, 255, 255, 0.5); }
            .footer .footer__wrap .footer__top .footer__contact .footer__contact-list .footer__contact-item .footer__contact-link {
              display: flex;
              justify-content: start;
              align-items: start;
              gap: 16px;
              flex-direction: row;
              flex-wrap: wrap; }
              .footer .footer__wrap .footer__top .footer__contact .footer__contact-list .footer__contact-item .footer__contact-link .footer__contact-icon {
                position: relative;
                z-index: 1;
                top: 3px;
                right: auto;
                bottom: auto;
                left: auto;
                height: 16px; }
              .footer .footer__wrap .footer__top .footer__contact .footer__contact-list .footer__contact-item .footer__contact-link .footer__contact-data {
                transition: all 0.3s ease;
                font-family: "Manrope";
                font-weight: 400;
                font-size: 14px;
                line-height: normal;
                letter-spacing: 0;
                color: rgba(255, 255, 255, 0.5); }
                .footer .footer__wrap .footer__top .footer__contact .footer__contact-list .footer__contact-item .footer__contact-link .footer__contact-data:hover {
                  color: rgba(255, 255, 255, 0.75); }
    .footer .footer__wrap .footer__bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      height: 45px;
      border-top: solid 1px rgba(255, 255, 255, 0.1); }
      @media (max-width: 1200px) {
        .footer .footer__wrap .footer__bottom {
          justify-content: center;
          flex-direction: column;
          height: auto;
          padding: 16px 0; } }
      .footer .footer__wrap .footer__bottom .footer__copyright {
        font-family: "Manrope";
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0;
        color: rgba(255, 255, 255, 0.25); }
        @media (max-width: 1200px) {
          .footer .footer__wrap .footer__bottom .footer__copyright {
            text-align: center; } }
      .footer .footer__wrap .footer__bottom .footer__credits {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 4px;
        flex-direction: row;
        flex-wrap: wrap;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0;
        color: rgba(255, 255, 255, 0.25); }
        @media (max-width: 1200px) {
          .footer .footer__wrap .footer__bottom .footer__credits {
            justify-content: center; } }
        .footer .footer__wrap .footer__bottom .footer__credits img {
          filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
          height: 8px;
          opacity: 0.25; }

/* ----------------------------------------
    HERO
---------------------------------------- */
.hero {
  background-image: url("");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%; }
  .hero .hero__slider {
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%; }
    .hero .hero__slider .hero__overlay {
      background-color: rgba(17, 17, 17, 0.3);
      position: absolute;
      z-index: 1;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%; }
    .hero .hero__slider .hero__wrap {
      position: relative;
      z-index: 1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      max-width: 1290px;
      height: calc(100vh - 184px);
      margin: auto; }
      @media (max-width: 1200px) {
        .hero .hero__slider .hero__wrap {
          height: auto;
          padding: 40px 10px; } }
      .hero .hero__slider .hero__wrap .hero__content {
        max-width: 633px; }
        @media (max-width: 1200px) {
          .hero .hero__slider .hero__wrap .hero__content {
            max-width: 100%; } }
        .hero .hero__slider .hero__wrap .hero__content .hero__label {
          background-color: rgba(255, 255, 255, 0.1);
          display: inline-flex;
          justify-content: start;
          align-items: center;
          gap: 8px;
          flex-direction: row;
          flex-wrap: wrap;
          padding: 8px 24px 8px 16px;
          border: solid 1px rgba(255, 255, 255, 0.5);
          border-radius: 6px;
          font-family: "Manrope";
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0;
          color: rgba(255, 255, 255, 0.5); }
          @media (max-width: 1200px) {
            .hero .hero__slider .hero__wrap .hero__content .hero__label {
              width: 100%; } }
          .hero .hero__slider .hero__wrap .hero__content .hero__label .hero__bullet {
            background-color: #74ac43;
            animation: pulse 1.8s ease infinite;
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 8px; }
        .hero .hero__slider .hero__wrap .hero__content .hero__title {
          margin-top: 40px;
          font-family: "Manrope";
          font-weight: 700;
          font-size: 64px;
          line-height: 64px;
          letter-spacing: 0;
          color: white; }
          @media (max-width: 1200px) {
            .hero .hero__slider .hero__wrap .hero__content .hero__title {
              font-size: calc(64px * 0.6);
              line-height: calc(64px * 0.7); } }
          .hero .hero__slider .hero__wrap .hero__content .hero__title span {
            color: #74ac43; }
        .hero .hero__slider .hero__wrap .hero__content .hero__text {
          margin-top: 24px;
          font-family: "Manrope";
          font-weight: 400;
          font-size: 18px;
          line-height: normal;
          letter-spacing: 0;
          color: rgba(255, 255, 255, 0.5); }
        .hero .hero__slider .hero__wrap .hero__content .hero__buttons {
          display: flex;
          justify-content: start;
          align-items: center;
          gap: 16px;
          flex-direction: row;
          flex-wrap: wrap;
          margin-top: 40px; }
          @media (max-width: 1200px) {
            .hero .hero__slider .hero__wrap .hero__content .hero__buttons {
              width: 100%; } }
          @media (max-width: 1200px) {
            .hero .hero__slider .hero__wrap .hero__content .hero__buttons .btn {
              width: 100%; } }
  .hero .hero__marquee {
    background-color: white;
    position: relatice;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    overflow: hidden; }
    .hero .hero__marquee .hero__marquee-track {
      animation: marquee 15s linear infinite;
      display: inline-block;
      font-family: "Manrope";
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0; }
  .hero .hero__stats {
    background-color: #74ac43;
    width: 100%;
    padding: 40px 0; }
    .hero .hero__stats .hero__stats-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      max-width: 1290px;
      margin: auto; }
      @media (max-width: 1200px) {
        .hero .hero__stats .hero__stats-wrap {
          flex-direction: column; } }
      .hero .hero__stats .hero__stats-wrap .hero__stat {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 8px;
        flex-direction: column;
        flex-wrap: wrap;
        width: 240px; }
        @media (max-width: 1200px) {
          .hero .hero__stats .hero__stats-wrap .hero__stat {
            width: 100%; } }
        .hero .hero__stats .hero__stats-wrap .hero__stat .hero__stat-number {
          font-family: "Manrope";
          font-weight: 700;
          font-size: 48px;
          line-height: normal;
          letter-spacing: 0;
          color: white; }
          @media (max-width: 1200px) {
            .hero .hero__stats .hero__stats-wrap .hero__stat .hero__stat-number {
              font-size: calc(48px * 0.7); } }
        .hero .hero__stats .hero__stats-wrap .hero__stat .hero__stat-text {
          font-family: "Manrope";
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0;
          color: white; }

/* ----------------------------------------
    SUB HERO
---------------------------------------- */
.sub-hero {
  background-color: #23374d;
  width: 100%; }
  @media (max-width: 1200px) {
    .sub-hero {
      padding: 0 10px; } }
  .sub-hero .sub-hero__wrap {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto;
    padding: 100px 0; }
    .sub-hero .sub-hero__wrap .sub-hero__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .sub-hero .sub-hero__wrap .sub-hero__breadcrumb {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
      .sub-hero .sub-hero__wrap .sub-hero__breadcrumb span {
        color: white; }
    .sub-hero .sub-hero__wrap .sub-hero__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 48px;
      line-height: normal;
      letter-spacing: 0;
      color: white; }
      @media (max-width: 1200px) {
        .sub-hero .sub-hero__wrap .sub-hero__title {
          font-size: calc(48px * 0.7); } }
    .sub-hero .sub-hero__wrap .sub-hero__subtitle {
      margin-top: 16px;
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: rgba(255, 255, 255, 0.5); }

/* ----------------------------------------
    STATIC HERO
---------------------------------------- */
.static-hero {
  width: 100%;
  padding-top: 80px; }
  @media (max-width: 1200px) {
    .static-hero {
      padding-left: 10px;
      padding-right: 10px; } }
  .static-hero .static-hero__wrap {
    max-width: 1026px;
    margin: auto; }
    .static-hero .static-hero__wrap .static-hero__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .static-hero .static-hero__wrap .static-hero__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }

/* ---------------------------------------- HOME ---------------------------------------- */
/* ----------------------------------------
    SERVICES
---------------------------------------- */
.services {
  background-color: white;
  width: 100%;
  padding: 80px 0;
  scroll-margin-top: 184px; }
  @media (max-width: 1200px) {
    .services {
      padding-left: 10px;
      padding-right: 10px; } }
  .services .services__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto; }
    @media (max-width: 1200px) {
      .services .services__wrap {
        justify-content: center; } }
    .services .services__wrap .services__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .services .services__wrap .services__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .services .services__wrap .services__title {
          text-align: center; } }
    .services .services__wrap .services__subtitle {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: #6b7a8a; }
      @media (max-width: 1200px) {
        .services .services__wrap .services__subtitle {
          text-align: center; } }
    .services .services__wrap .services__grid {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 40px; }
      @media (max-width: 1200px) {
        .services .services__wrap .services__grid {
          flex-direction: column; } }

/* ----------------------------------------
    SERVICE CARD
---------------------------------------- */
.service-card {
  background-color: white;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 32px;
  width: calc((100% - (2 * 24px)) / 3);
  border: solid 1px rgba(35, 55, 77, 0.1);
  border-radius: 8px;
  transition: all 0.3s ease; }
  @media (max-width: 1200px) {
    .service-card {
      width: 100%; } }
  .service-card:hover {
    border-color: #74ac43; }
  .service-card .service-card__icon {
    background-color: rgba(116, 172, 67, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    width: 48px;
    height: 48px;
    border-radius: 8px; }
    .service-card .service-card__icon img {
      height: 20px; }
  .service-card .service-card__title {
    margin: 16px 0;
    font-family: "Manrope";
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: #23374d; }
  .service-card .service-card__text {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #6b7a8a; }
  .service-card .service-card__list {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 16px;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    min-height: 112px;
    margin: 24px 0; }
    @media (max-width: 1200px) {
      .service-card .service-card__list {
        min-height: auto; } }
    .service-card .service-card__list .service-card__list-item {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 8px;
      flex-direction: row;
      flex-wrap: wrap; }
      .service-card .service-card__list .service-card__list-item img {
        height: 16px;
        margin-top: 2px; }
      .service-card .service-card__list .service-card__list-item span {
        flex: 1;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #23374d; }
  .service-card .service-card__link {
    margin-top: auto;
    font-family: "Manrope";
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: #23374d; }

/* ----------------------------------------
    PROCESS
---------------------------------------- */
.process {
  background-color: #f2f4ef;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .process {
      padding-left: 10px;
      padding-right: 10px; } }
  .process .process__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto; }
    @media (max-width: 1200px) {
      .process .process__wrap {
        justify-content: center; } }
    .process .process__wrap .process__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .process .process__wrap .process__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .process .process__wrap .process__title {
          text-align: center; } }
    .process .process__wrap .process__subtitle {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: #6b7a8a; }
      @media (max-width: 1200px) {
        .process .process__wrap .process__subtitle {
          text-align: center; } }
    .process .process__wrap .process__steps {
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 16px; }
      @media (max-width: 1200px) {
        .process .process__wrap .process__steps {
          gap: 24px;
          flex-direction: column; } }

/* ----------------------------------------
    STEP
---------------------------------------- */
.step {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 16px;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 32px;
  width: calc(100% / 3); }
  @media (max-width: 1200px) {
    .step {
      width: 100%; } }
  .step .step__icon {
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    width: 96px;
    height: 96px; }
    .step .step__icon .step__icon-number {
      animation: pulse 1.8s ease infinite;
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .step .step__icon .step__icon-wrap {
      background-color: #74ac43;
      display: flex;
      justify-content: center;
      align-items: cemter;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      width: 56px;
      height: 56px;
      border-radius: 56px; }
      .step .step__icon .step__icon-wrap img {
        width: 24px; }
  .step .step__title {
    font-family: "Manrope";
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: #23374d; }
  .step .step__text {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    color: #6b7a8a; }

/* ----------------------------------------
    CTA STRIP
---------------------------------------- */
.cta-strip {
  background-color: #23374d;
  width: 100%; }
  @media (max-width: 1200px) {
    .cta-strip {
      padding: 0 10px; } }
  .cta-strip .cta-strip__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto;
    padding: 40px 0; }
    @media (max-width: 1200px) {
      .cta-strip .cta-strip__wrap {
        gap: 24px;
        flex-direction: column; } }
    .cta-strip .cta-strip__wrap .cta-strip__content {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 4px;
      flex-direction: column;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .cta-strip .cta-strip__wrap .cta-strip__content {
          align-items: center; } }
      .cta-strip .cta-strip__wrap .cta-strip__content .cta-strip__title {
        font-family: "Manrope";
        font-weight: 700;
        font-size: 20px;
        line-height: normal;
        letter-spacing: 0;
        color: white; }
        @media (max-width: 1200px) {
          .cta-strip .cta-strip__wrap .cta-strip__content .cta-strip__title {
            font-size: calc(20px * 0.8); } }
        @media (max-width: 1200px) {
          .cta-strip .cta-strip__wrap .cta-strip__content .cta-strip__title {
            text-align: center; } }
      .cta-strip .cta-strip__wrap .cta-strip__content .cta-strip__text {
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: rgba(255, 255, 255, 0.5); }
        @media (max-width: 1200px) {
          .cta-strip .cta-strip__wrap .cta-strip__content .cta-strip__text {
            text-align: center; } }
    .cta-strip .cta-strip__wrap .cta-strip__buttons {
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 16px;
      flex-direction: row;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .cta-strip .cta-strip__wrap .cta-strip__buttons {
          flex-direction: column;
          width: 100%; } }
      @media (max-width: 1200px) {
        .cta-strip .cta-strip__wrap .cta-strip__buttons .btn {
          width: 100%; } }

/* ----------------------------------------
    PROPERTIES
---------------------------------------- */
.properties {
  background-color: white;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .properties {
      padding-left: 10px;
      padding-right: 10px; } }
  .properties .properties__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto; }
    @media (max-width: 1200px) {
      .properties .properties__wrap {
        justify-content: center; } }
    .properties .properties__wrap .properties__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .properties .properties__wrap .properties__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .properties .properties__wrap .properties__title {
          text-align: center; } }
    .properties .properties__wrap .properties__subtitle {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: #6b7a8a; }
      @media (max-width: 1200px) {
        .properties .properties__wrap .properties__subtitle {
          text-align: center; } }
    .properties .properties__wrap .properties__grid {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 40px; }
      @media (max-width: 1200px) {
        .properties .properties__wrap .properties__grid {
          flex-direction: column; } }
    .properties .properties__wrap .properties__show-all {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 40px;
      font-family: "Manrope";
      font-weight: 600;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 0;
      color: #74ac43; }
      .properties .properties__wrap .properties__show-all img {
        width: auto; }

/* ----------------------------------------
    PROPERTY CARD
---------------------------------------- */
.property-card {
  background-color: transparent;
  width: calc((100% - (2 * 24px)) / 3);
  border: solid 1px rgba(35, 55, 77, 0.1);
  border-radius: 8px;
  transition: all 0.3s ease;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .property-card {
      width: 100%; } }
  .property-card:hover {
    border-color: #74ac43; }
    .property-card:hover .property-card__image img {
      transform: scale(1.1); }
  .property-card .property-card__image {
    border-radius: 8px;
    overflow: hidden; }
    .property-card .property-card__image img {
      width: 100%;
      height: 192px;
      object-fit: cover;
      transition: all 0.5s ease; }
  .property-card .property-card__content {
    padding: 24px 24px 16px 24px; }
    .property-card .property-card__content .property-card__price {
      font-family: "Manrope";
      font-weight: 700;
      font-size: 20px;
      line-height: normal;
      letter-spacing: 0;
      color: #74ac43; }
      @media (max-width: 1200px) {
        .property-card .property-card__content .property-card__price {
          font-size: calc(20px * 0.8); } }
    .property-card .property-card__content .property-card__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 600;
      font-size: 16px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
    .property-card .property-card__content .property-card__location {
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 8px;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 8px; }
      .property-card .property-card__content .property-card__location img {
        height: 14px; }
      .property-card .property-card__content .property-card__location span {
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #6b7a8a; }
    .property-card .property-card__content hr {
      background-color: rgba(35, 55, 77, 0.1);
      width: 100%;
      height: 1px;
      margin: 16px 0;
      border: none; }
    .property-card .property-card__content .property-card__link {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      flex-direction: row;
      flex-wrap: wrap;
      font-family: "Manrope";
      font-weight: 600;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 0;
      color: #74ac43; }
      .property-card .property-card__content .property-card__link img {
        width: auto; }

/* ----------------------------------------
    ADVANTAGES
---------------------------------------- */
.advantages {
  background-color: #f2f4ef;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .advantages {
      padding-left: 10px;
      padding-right: 10px; } }
  .advantages .advantages__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto; }
    @media (max-width: 1200px) {
      .advantages .advantages__wrap {
        justify-content: center; } }
    .advantages .advantages__wrap .advantages__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .advantages .advantages__wrap .advantages__title {
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .advantages .advantages__wrap .advantages__title {
          text-align: center; } }
    .advantages .advantages__wrap .advantages__subtitle {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: #6b7a8a; }
      @media (max-width: 1200px) {
        .advantages .advantages__wrap .advantages__subtitle {
          text-align: center; } }
    .advantages .advantages__wrap .advantages__grid {
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 40px; }
      @media (max-width: 1200px) {
        .advantages .advantages__wrap .advantages__grid {
          flex-direction: column; } }

/* ----------------------------------------
    ADVANTAGE CARD
---------------------------------------- */
.advantage-card {
  background-color: white;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 16px;
  flex-direction: column;
  flex-wrap: wrap;
  width: calc((100% - (2 * 24px)) / 3);
  padding: 32px;
  border: solid 1px rgba(35, 55, 77, 0.1);
  border-radius: 8px; }
  @media (max-width: 1200px) {
    .advantage-card {
      width: 100%; } }
  .advantage-card .advantage-card__icon {
    background-color: rgba(116, 172, 67, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    width: 48px;
    height: 48px;
    border-radius: 8px; }
    .advantage-card .advantage-card__icon img {
      height: 20px; }
  .advantage-card .advantage-card__title {
    font-family: "Manrope";
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: #23374d; }
  .advantage-card .advantage-card__text {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #6b7a8a; }

/* ----------------------------------------
    PROJECTS
---------------------------------------- */
.projects {
  background-color: white;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .projects {
      padding-left: 10px;
      padding-right: 10px; } }
  .projects .projects__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto; }
    @media (max-width: 1200px) {
      .projects .projects__wrap {
        justify-content: center; } }
    .projects .projects__wrap .projects__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .projects .projects__wrap .projects__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .projects .projects__wrap .projects__title {
          text-align: center; } }
    .projects .projects__wrap .projects__subtitle {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: #6b7a8a; }
      @media (max-width: 1200px) {
        .projects .projects__wrap .projects__subtitle {
          text-align: center; } }
    .projects .projects__wrap .projects__grid {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 40px; }
      @media (max-width: 1200px) {
        .projects .projects__wrap .projects__grid {
          flex-direction: column; } }
    .projects .projects__wrap .projects__show-all {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 40px;
      font-family: "Manrope";
      font-weight: 600;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 0;
      color: #74ac43; }
      .projects .projects__wrap .projects__show-all img {
        width: auto; }

/* ----------------------------------------
    PROJECT CARD
---------------------------------------- */
.project-card {
  background-color: transparent;
  width: calc((100% - (2 * 24px)) / 3);
  border: solid 1px rgba(35, 55, 77, 0.1);
  border-radius: 8px;
  transition: all 0.3s ease;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .project-card {
      width: 100%; } }
  .project-card:hover {
    border-color: #74ac43; }
    .project-card:hover .project-card__image img {
      transform: scale(1.1); }
  .project-card .project-card__image {
    border-radius: 8px;
    overflow: hidden; }
    .project-card .project-card__image img {
      width: 100%;
      height: 192px;
      object-fit: cover;
      transition: all 0.5s ease; }
  .project-card .project-card__content {
    padding: 24px 24px 16px 24px; }
    .project-card .project-card__content .project-card__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 600;
      font-size: 16px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
    .project-card .project-card__content .project-card__description {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0;
      color: #6b7a8a; }
    .project-card .project-card__content hr {
      background-color: rgba(35, 55, 77, 0.1);
      width: 100%;
      height: 1px;
      margin: 16px 0;
      border: none; }
    .project-card .project-card__content .project-card__link {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      flex-direction: row;
      flex-wrap: wrap;
      font-family: "Manrope";
      font-weight: 600;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 0;
      color: #74ac43; }
      .project-card .project-card__content .project-card__link img {
        width: auto; }

/* ----------------------------------------
    CTA
---------------------------------------- */
.cta {
  background-color: #23374d;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .cta {
      padding-left: 10px;
      padding-right: 10px; } }
  .cta .cta__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 24px;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%; }
    @media (max-width: 1200px) {
      .cta .cta__wrap {
        justify-content: center; } }
    .cta .cta__wrap .cta__title {
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: white; }
      @media (max-width: 1200px) {
        .cta .cta__wrap .cta__title {
          text-align: center; } }
    .cta .cta__wrap .cta__text {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: rgba(255, 255, 255, 0.5); }
      @media (max-width: 1200px) {
        .cta .cta__wrap .cta__text {
          text-align: center; } }
    .cta .cta__wrap .cta__buttons {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 16px;
      flex-direction: row;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .cta .cta__wrap .cta__buttons {
          width: 100%; } }
      @media (max-width: 1200px) {
        .cta .cta__wrap .cta__buttons .btn {
          width: 100%; } }

/* ---------------------------------------- SERVICES ---------------------------------------- */
/* ----------------------------------------
    GEODESY
---------------------------------------- */
.geodesy {
  background-color: #fafbf8;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .geodesy {
      padding-left: 10px;
      padding-right: 10px; } }
  .geodesy .geodesy__wrap {
    max-width: 1290px;
    margin: auto; }
    .geodesy .geodesy__wrap .geodesy__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      color: #74ac43; }
      @media (max-width: 1200px) {
        .geodesy .geodesy__wrap .geodesy__label {
          text-align: center; } }
    .geodesy .geodesy__wrap .geodesy__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .geodesy .geodesy__wrap .geodesy__title {
          text-align: center; } }
    .geodesy .geodesy__wrap .geodesy__subtitle {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: #6b7a8a; }
      @media (max-width: 1200px) {
        .geodesy .geodesy__wrap .geodesy__subtitle {
          text-align: center; } }
    .geodesy .geodesy__wrap .geodesy__grid {
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 40px; }
      @media (max-width: 1200px) {
        .geodesy .geodesy__wrap .geodesy__grid {
          flex-direction: column; } }

/* ----------------------------------------
    GEODESY CARD
---------------------------------------- */
.geodesy-card {
  background-color: white;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 9px;
  flex-direction: column;
  flex-wrap: wrap;
  width: calc((100% - 24px) / 2);
  padding: 32px;
  border: solid 1px rgba(35, 55, 77, 0.1);
  border-radius: 8px; }
  @media (max-width: 1200px) {
    .geodesy-card {
      width: 100%; } }
  .geodesy-card .geodesy-card__title {
    font-family: "Manrope";
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: #23374d; }
  .geodesy-card .geodesy-card__text p {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: gray; }
  .geodesy-card .geodesy-card__link {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: "Manrope";
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    color: #74ac43; }
    .geodesy-card .geodesy-card__link img {
      width: auto; }

/* ----------------------------------------
    CERTIFICATES
---------------------------------------- */
.certificates {
  background-color: #f2f4ef;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .certificates {
      padding-left: 10px;
      padding-right: 10px; } }
  .certificates .certificates__wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto; }
    @media (max-width: 1200px) {
      .certificates .certificates__wrap {
        flex-direction: column; } }
    .certificates .certificates__wrap .certificates__content {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 0;
      flex-direction: column;
      flex-wrap: wrap;
      width: calc((100% - 24px) / 2); }
      @media (max-width: 1200px) {
        .certificates .certificates__wrap .certificates__content {
          align-items: center;
          width: 100%; } }
      .certificates .certificates__wrap .certificates__content .certificates__label {
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: normal;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        color: #74ac43; }
      .certificates .certificates__wrap .certificates__content .certificates__title {
        margin-top: 8px;
        font-family: "Manrope";
        font-weight: 700;
        font-size: 36px;
        line-height: normal;
        letter-spacing: 0;
        color: #23374d; }
        @media (max-width: 1200px) {
          .certificates .certificates__wrap .certificates__content .certificates__title {
            text-align: center; } }
      .certificates .certificates__wrap .certificates__content .certificates__text {
        margin-top: 32px;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0;
        color: #6b7a8a; }
        @media (max-width: 1200px) {
          .certificates .certificates__wrap .certificates__content .certificates__text {
            text-align: center; } }
      .certificates .certificates__wrap .certificates__content .certificates__button {
        margin-top: auto; }
        @media (max-width: 1200px) {
          .certificates .certificates__wrap .certificates__content .certificates__button {
            width: 100%;
            margin-top: 24px; } }
    .certificates .certificates__wrap .certificates__list {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 12px;
      flex-direction: column;
      flex-wrap: wrap;
      width: calc((100% - 24px) / 2); }
      @media (max-width: 1200px) {
        .certificates .certificates__wrap .certificates__list {
          width: 100%; } }
      .certificates .certificates__wrap .certificates__list .certificates__item {
        background-color: white;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 12px;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding: 16px;
        border: solid 1px rgba(35, 55, 77, 0.1);
        border-radius: 8px;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #23374d; }
        .certificates .certificates__wrap .certificates__list .certificates__item img {
          width: 16px;
          margin-top: 2px; }
        .certificates .certificates__wrap .certificates__list .certificates__item span {
          flex: 1; }

/* ----------------------------------------
    PRINTING
---------------------------------------- */
.printing {
  background-color: white;
  width: 100%;
  padding: 80px 0;
  scroll-margin-top: 184px; }
  @media (max-width: 1200px) {
    .printing {
      padding-left: 10px;
      padding-right: 10px; } }
  .printing .printing__wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto; }
    @media (max-width: 1200px) {
      .printing .printing__wrap {
        flex-direction: column; } }
    .printing .printing__wrap .printing__list {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 12px;
      flex-direction: column;
      flex-wrap: wrap;
      width: calc((100% - 24px) / 2); }
      @media (max-width: 1200px) {
        .printing .printing__wrap .printing__list {
          order: 2;
          width: 100%; } }
      .printing .printing__wrap .printing__list .printing__item {
        background-color: #f2f4ef;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 12px;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding: 16px;
        border: solid 1px #f2f4ef;
        border-radius: 8px;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #23374d; }
        .printing .printing__wrap .printing__list .printing__item img {
          width: 16px;
          margin-top: 2px; }
        .printing .printing__wrap .printing__list .printing__item span {
          flex: 1; }
    .printing .printing__wrap .printing__content {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 0;
      flex-direction: column;
      flex-wrap: wrap;
      width: calc((100% - 24px) / 2); }
      @media (max-width: 1200px) {
        .printing .printing__wrap .printing__content {
          align-items: center;
          order: 1;
          width: 100%; } }
      .printing .printing__wrap .printing__content .printing__label {
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: normal;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        color: #74ac43; }
      .printing .printing__wrap .printing__content .printing__title {
        margin-top: 8px;
        font-family: "Manrope";
        font-weight: 700;
        font-size: 36px;
        line-height: normal;
        letter-spacing: 0;
        color: #23374d; }
        @media (max-width: 1200px) {
          .printing .printing__wrap .printing__content .printing__title {
            text-align: center; } }
      .printing .printing__wrap .printing__content .printing__text {
        margin-top: 32px;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0;
        color: #6b7a8a; }
        @media (max-width: 1200px) {
          .printing .printing__wrap .printing__content .printing__text {
            text-align: center; } }
      .printing .printing__wrap .printing__content .printing__button {
        margin-top: auto; }
        @media (max-width: 1200px) {
          .printing .printing__wrap .printing__content .printing__button {
            width: 100%;
            margin-top: 24px; } }

/* ----------------------------------------
    CLIENTS
---------------------------------------- */
.clients {
  background-color: #f2f4ef;
  width: 100%;
  padding: 80px 24px; }
  @media (max-width: 1200px) {
    .clients {
      padding-left: 10px;
      padding-right: 10px; } }
  .clients .clients__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1552px;
    margin: auto; }
    @media (max-width: 1200px) {
      .clients .clients__wrap {
        align-items: center; } }
    .clients .clients__wrap .clients__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .clients .clients__wrap .clients__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .clients .clients__wrap .clients__title {
          text-align: center; } }
    .clients .clients__wrap .clients__subtitle {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: #6b7a8a; }
      @media (max-width: 1200px) {
        .clients .clients__wrap .clients__subtitle {
          text-align: center; } }
    .clients .clients__wrap .clients__grid {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 40px; }
      @media (max-width: 1200px) {
        .clients .clients__wrap .clients__grid {
          flex-direction: column; } }

/* ----------------------------------------
    CLIENT CARD
---------------------------------------- */
.client-card {
  background-color: white;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 16px;
  flex-direction: column;
  flex-wrap: wrap;
  width: calc((100% - (3 * 24px)) / 4);
  padding: 32px;
  border: solid 1px rgba(35, 55, 77, 0.1);
  border-radius: 8px; }
  @media (max-width: 1200px) {
    .client-card {
      width: 100%; } }
  .client-card .client-card__icon {
    background-color: rgba(116, 172, 67, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    width: 48px;
    height: 48px;
    border-radius: 48px; }
    .client-card .client-card__icon img {
      width: 20px; }
  .client-card .client-card__title {
    font-family: "Manrope";
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: #23374d; }
  .client-card .client-card__text {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    color: #6b7a8a; }

/* ----------------------------------------
    PROCESS SERVICES
---------------------------------------- */
.process-services {
  background-color: white; }

/* ---------------------------------------- SERVICE ---------------------------------------- */
/* ----------------------------------------
    SERVICE ABOUT
---------------------------------------- */
.service-about {
  background-color: #fafbf8;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .service-about {
      padding-left: 10px;
      padding-right: 10px; } }
  .service-about .service-about__wrap {
    max-width: 1026px;
    margin: auto; }
    .service-about .service-about__wrap .service-about__content {
      width: 100%; }
      .service-about .service-about__wrap .service-about__content p {
        margin-bottom: 16px;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #6b7a8a; }
        @media (max-width: 1200px) {
          .service-about .service-about__wrap .service-about__content p {
            text-align: center; } }
        .service-about .service-about__wrap .service-about__content p strong {
          font-family: "Manrope";
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0;
          color: #111111; }
      .service-about .service-about__wrap .service-about__content .service-about__label {
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: normal;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        color: #74ac43; }
        @media (max-width: 1200px) {
          .service-about .service-about__wrap .service-about__content .service-about__label {
            text-align: center; } }
      .service-about .service-about__wrap .service-about__content .service-about__title {
        margin: 8px 0 40px 0;
        font-family: "Manrope";
        font-weight: 700;
        font-size: 36px;
        line-height: normal;
        letter-spacing: 0;
        color: #23374d; }
        @media (max-width: 1200px) {
          .service-about .service-about__wrap .service-about__content .service-about__title {
            text-align: center; } }
      .service-about .service-about__wrap .service-about__content .service-about__table {
        margin-bottom: 16px; }
        @media (max-width: 1200px) {
          .service-about .service-about__wrap .service-about__content .service-about__table {
            width: 100%;
            overflow-x: auto; } }
        .service-about .service-about__wrap .service-about__content .service-about__table table {
          color: #111111; }
          .service-about .service-about__wrap .service-about__content .service-about__table table td {
            padding: 0 60px 5px 0; }
          .service-about .service-about__wrap .service-about__content .service-about__table table strong {
            font-family: "Manrope";
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0; }
      .service-about .service-about__wrap .service-about__content .service-about__button {
        margin-top: 24px; }
        @media (max-width: 1200px) {
          .service-about .service-about__wrap .service-about__content .service-about__button {
            width: 100%; } }

/* ----------------------------------------
    SERVICE SCOPE
---------------------------------------- */
.service-scope {
  background-color: #f2f4ef;
  width: 100%;
  padding: 80px 0 80px 0; }
  @media (max-width: 1200px) {
    .service-scope {
      padding-left: 10px;
      padding-right: 10px; } }
  .service-scope .service-scope__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1026px;
    margin: auto; }
    .service-scope .service-scope__wrap .service-scope__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .service-scope .service-scope__wrap .service-scope__title {
      margin-top: 12px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
    .service-scope .service-scope__wrap .service-scope__grid {
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 40px; }
      @media (max-width: 1200px) {
        .service-scope .service-scope__wrap .service-scope__grid {
          flex-direction: column; } }
      .service-scope .service-scope__wrap .service-scope__grid .service-scope__item {
        background-color: white;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 12px;
        flex-direction: row;
        flex-wrap: wrap;
        width: calc((100% - 24px) / 2);
        padding: 24px;
        border: solid 1px rgba(35, 55, 77, 0.1);
        border-radius: 8px;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #23374d; }
        @media (max-width: 1200px) {
          .service-scope .service-scope__wrap .service-scope__grid .service-scope__item {
            width: 100%; } }
        .service-scope .service-scope__wrap .service-scope__grid .service-scope__item img {
          width: 16px;
          margin-top: 2px; }
        .service-scope .service-scope__wrap .service-scope__grid .service-scope__item p {
          flex: 1; }

/* ----------------------------------------
    SERVICE PROCESS
---------------------------------------- */
.service-process {
  background-color: white;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .service-process {
      padding-left: 10px;
      padding-right: 10px; } }
  .service-process .service-process__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1026px;
    margin: auto; }
    .service-process .service-process__wrap .service-process__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .service-process .service-process__wrap .service-process__title {
      margin-top: 12px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .service-process .service-process__wrap .service-process__title {
          text-align: center; } }
    .service-process .service-process__wrap .service-process__steps {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 24px;
      flex-direction: column;
      flex-wrap: wrap;
      margin-top: 40px; }

/* ----------------------------------------
    SERVICE STEP
---------------------------------------- */
.service-step {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 24px;
  flex-direction: row;
  flex-wrap: wrap; }
  @media (max-width: 1200px) {
    .service-step {
      align-items: center;
      flex-direction: column; } }
  .service-step .service-step__number {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #74ac43;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: white; }
  .service-step .service-step__content .service-step__title {
    font-family: "Manrope";
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: #23374d; }
    @media (max-width: 1200px) {
      .service-step .service-step__content .service-step__title {
        text-align: center; } }
  .service-step .service-step__content .service-step__text {
    margin-top: 8px;
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #6b7a8a; }
    @media (max-width: 1200px) {
      .service-step .service-step__content .service-step__text {
        text-align: center; } }

/* ---------------------------------------- PROPERTIES ---------------------------------------- */
/* ----------------------------------------
    PROPERTIES FILTERS
---------------------------------------- */
.properties-filters {
  width: 100%;
  padding: 24px 0;
  border-bottom: solid 1px rgba(35, 55, 77, 0.1); }
  @media (max-width: 1200px) {
    .properties-filters {
      padding-left: 10px;
      padding-right: 10px; } }
  .properties-filters .properties-filters__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto; }
    .properties-filters .properties-filters__wrap .properties-filters__categories {
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 16px;
      flex-direction: row;
      flex-wrap: wrap; }
      .properties-filters .properties-filters__wrap .properties-filters__categories .properties-filters__button {
        background-color: transparent;
        padding: 16px 32px;
        border: solid 1px transparent;
        border-radius: 6px;
        transition: all 0.3s ease;
        font-family: "Manrope";
        font-weight: 600;
        font-size: 14px;
        line-height: normal;
        letter-spacing: 0;
        color: #23374d; }
        @media (max-width: 1200px) {
          .properties-filters .properties-filters__wrap .properties-filters__categories .properties-filters__button {
            width: calc((100% - 16px) / 2); } }
        .properties-filters .properties-filters__wrap .properties-filters__categories .properties-filters__button:hover, .properties-filters .properties-filters__wrap .properties-filters__categories .properties-filters__button.properties-filters__button--active {
          background-color: #74ac43;
          border-color: #74ac43;
          color: white; }
    .properties-filters .properties-filters__wrap .properties-filters__search {
      background-color: #f2f4ef;
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 16px;
      flex-direction: row;
      flex-wrap: wrap;
      min-width: 409px;
      padding: 16px;
      border: solid 1px rgba(35, 55, 77, 0.1);
      border-radius: 6px; }
      @media (max-width: 1200px) {
        .properties-filters .properties-filters__wrap .properties-filters__search {
          min-width: 0;
          width: 100%;
          margin-top: 16px; } }
      .properties-filters .properties-filters__wrap .properties-filters__search .properties-filters__icon {
        height: 16px; }
      .properties-filters .properties-filters__wrap .properties-filters__search .properties-filters__input {
        background: none;
        width: calc(100% - (2 * 16px));
        height: 100%;
        padding: 0;
        border: none;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        text-align: right;
        color: rgba(35, 55, 77, 0.7); }
        .properties-filters .properties-filters__wrap .properties-filters__search .properties-filters__input::placeholder {
          opacity: 0.5;
          color: rgba(35, 55, 77, 0.7); }

/* ----------------------------------------
    PROPERTIES LISTING
---------------------------------------- */
.properties-listing {
  background-color: #fafbf8;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .properties-listing {
      padding-left: 10px;
      padding-right: 10px; } }
  .properties-listing .properties-listing__wrap {
    max-width: 1290px;
    margin: auto; }
    .properties-listing .properties-listing__wrap .properties-grid {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .properties-listing .properties-listing__wrap .properties-grid {
          flex-direction: column; } }

/* ----------------------------------------
    PROPERTY MODAL
---------------------------------------- */
.property-modal {
  position: fixed;
  z-index: 5;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none; }
  @media (max-width: 1200px) {
    .property-modal {
      padding: 10px; } }
  .property-modal.is-open {
    opacity: 1;
    pointer-events: auto; }
    .property-modal.is-open .property-modal__box {
      transform: translateY(0); }
  .property-modal .property-modal__overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background-color: rgba(17, 17, 17, 0.5);
    width: 100%;
    height: 100%; }
  .property-modal .property-modal__box {
    background-color: white;
    position: relative;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 672px;
    border-radius: 16px;
    overflow: hidden;
    transform: translateY(-40px);
    transition: transform 0.3s ease; }
    .property-modal .property-modal__box .property-modal__close {
      background-color: white;
      position: absolute;
      z-index: 1;
      top: 16px;
      right: 16px;
      bottom: auto;
      left: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      width: 36px;
      height: 36px;
      border: solid 1px white;
      border-radius: 6px; }
      .property-modal .property-modal__box .property-modal__close img {
        height: 16px; }
    .property-modal .property-modal__box .property-modal__image {
      width: 100%;
      max-width: 672px;
      aspect-ratio: 672 / 313;
      border-radius: 8px;
      overflow: hidden; }
      .property-modal .property-modal__box .property-modal__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .property-modal .property-modal__box .property-modal__content {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 16px;
      flex-direction: column;
      flex-wrap: wrap;
      padding: 24px; }
      @media (max-width: 1200px) {
        .property-modal .property-modal__box .property-modal__content {
          padding: 16px; } }
      .property-modal .property-modal__box .property-modal__content .property-modal__title {
        font-family: "Manrope";
        font-weight: 600;
        font-size: 16px;
        line-height: normal;
        letter-spacing: 0;
        color: #23374d; }
      .property-modal .property-modal__box .property-modal__content .property-modal__location {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 8px;
        flex-direction: row;
        flex-wrap: wrap;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #6b7a8a; }
        .property-modal .property-modal__box .property-modal__content .property-modal__location img {
          height: 16px; }
      .property-modal .property-modal__box .property-modal__content .property-modal__stats {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%; }
        @media (max-width: 1200px) {
          .property-modal .property-modal__box .property-modal__content .property-modal__stats {
            gap: 8px; } }
        .property-modal .property-modal__box .property-modal__content .property-modal__stats .property-modal__stat {
          background-color: #f2f4ef;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 4px;
          flex-direction: column;
          flex-wrap: wrap;
          flex: 1;
          padding: 16px;
          border-radius: 8px; }
          @media (max-width: 1200px) {
            .property-modal .property-modal__box .property-modal__content .property-modal__stats .property-modal__stat {
              width: calc((100% - (2 * 8px)) / 3);
              padding: 8px; } }
          .property-modal .property-modal__box .property-modal__content .property-modal__stats .property-modal__stat .property-modal__stat-value {
            font-family: "Manrope";
            font-weight: 700;
            font-size: 20px;
            line-height: normal;
            letter-spacing: 0;
            color: #23374d; }
            @media (max-width: 1200px) {
              .property-modal .property-modal__box .property-modal__content .property-modal__stats .property-modal__stat .property-modal__stat-value {
                font-size: calc(20px * 0.8); } }
          .property-modal .property-modal__box .property-modal__content .property-modal__stats .property-modal__stat .property-modal__stat-label {
            font-family: "Manrope";
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 0;
            color: #23374d; }
      .property-modal .property-modal__box .property-modal__content .property-modal__description {
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #6b7a8a; }
        .property-modal .property-modal__box .property-modal__content .property-modal__description a {
          color: #74ac43; }
      .property-modal .property-modal__box .property-modal__content .property-modal__actions {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 16px;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%; }
        @media (max-width: 1200px) {
          .property-modal .property-modal__box .property-modal__content .property-modal__actions {
            flex-direction: 100%; } }
        .property-modal .property-modal__box .property-modal__content .property-modal__actions .property-modal__button {
          width: calc((100% - 16px) / 2); }
          @media (max-width: 1200px) {
            .property-modal .property-modal__box .property-modal__content .property-modal__actions .property-modal__button {
              width: 100%; } }
        .property-modal .property-modal__box .property-modal__content .property-modal__actions .btn-secondary {
          border-color: rgba(35, 55, 77, 0.2);
          color: #23374d; }
          .property-modal .property-modal__box .property-modal__content .property-modal__actions .btn-secondary:hover {
            background-color: #23374d;
            border-color: #23374d;
            color: white; }

/* ---------------------------------------- PROJECTS ---------------------------------------- */
/* ----------------------------------------
    PROJECTS LISTING
---------------------------------------- */
.projects-listing {
  background-color: #fafbf8;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .projects-listing {
      padding-left: 10px;
      padding-right: 10px; } }
  .projects-listing .projects-listing__wrap {
    max-width: 1290px;
    margin: auto; }
    .projects-listing .projects-listing__wrap .projects-grid {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .projects-listing .projects-listing__wrap .projects-grid {
          flex-direction: column; } }

/* ---------------------------------------- GALLERY ---------------------------------------- */
/* ----------------------------------------
    GALLERY LISTING
---------------------------------------- */
.gallery-listing {
  background-color: #fafbf8;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .gallery-listing {
      padding-left: 10px;
      padding-right: 10px; } }
  .gallery-listing .gallery-listing__wrap {
    max-width: 1290px;
    margin: auto; }
    .gallery-listing .gallery-listing__wrap .gallery-grid {
      display: flex;
      justify-content: start;
      align-items: stretch;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .gallery-listing .gallery-listing__wrap .gallery-grid {
          flex-direction: column; } }

/* ----------------------------------------
    GALLERY CARD
---------------------------------------- */
.gallery-card {
  background-color: transparent;
  width: calc((100% - (2 * 24px)) / 3);
  border: solid 1px rgba(35, 55, 77, 0.1);
  border-radius: 8px;
  transition: all 0.3s ease;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .gallery-card {
      width: 100%; } }
  .gallery-card:hover {
    border-color: #74ac43; }
    .gallery-card:hover .gallery-card__image img {
      transform: scale(1.1); }
  .gallery-card .gallery-card__image {
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer; }
    .gallery-card .gallery-card__image img {
      width: 100%;
      height: 192px;
      object-fit: cover;
      transition: all 0.5s ease; }

/* ---------------------------------------- ABOUT ---------------------------------------- */
/* ----------------------------------------
    ABOUT COMPANY
---------------------------------------- */
.about-company {
  background-color: #fafbf8;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .about-company {
      padding-left: 10px;
      padding-right: 10px; } }
  .about-company .about-company__wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: auto; }
    @media (max-width: 1200px) {
      .about-company .about-company__wrap {
        flex-direction: column; } }
    .about-company .about-company__wrap .about-company__content {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 0;
      flex-direction: column;
      flex-wrap: wrap;
      width: calc((100% - 24px) / 2); }
      @media (max-width: 1200px) {
        .about-company .about-company__wrap .about-company__content {
          order: 2;
          width: 100%; } }
      .about-company .about-company__wrap .about-company__content p {
        margin-bottom: 16px;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #6b7a8a; }
      .about-company .about-company__wrap .about-company__content .about-company__label {
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: normal;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        color: #74ac43; }
      .about-company .about-company__wrap .about-company__content .about-company__title {
        margin: 8px 0 40px 0;
        font-family: "Manrope";
        font-weight: 700;
        font-size: 36px;
        line-height: normal;
        letter-spacing: 0;
        color: #23374d; }
      .about-company .about-company__wrap .about-company__content .about-company__stats {
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 0;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin-top: auto; }
        @media (max-width: 1200px) {
          .about-company .about-company__wrap .about-company__content .about-company__stats {
            margin-top: 16px; } }
        .about-company .about-company__wrap .about-company__content .about-company__stats .about-company__stat {
          display: flex;
          justify-content: start;
          align-items: center;
          gap: 12px;
          flex-direction: row;
          flex-wrap: wrap;
          width: 50%; }
          .about-company .about-company__wrap .about-company__content .about-company__stats .about-company__stat .about-company__stat-icon {
            background-color: rgba(116, 172, 67, 0.1);
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 0;
            flex-direction: row;
            flex-wrap: wrap;
            width: 40px;
            height: 40px;
            border-radius: 40px; }
            .about-company .about-company__wrap .about-company__content .about-company__stats .about-company__stat .about-company__stat-icon img {
              width: 16px; }
          .about-company .about-company__wrap .about-company__content .about-company__stats .about-company__stat .about-company__stat-data {
            display: flex;
            justify-content: start;
            align-items: start;
            gap: 0;
            flex-direction: column;
            flex-wrap: wrap; }
            .about-company .about-company__wrap .about-company__content .about-company__stats .about-company__stat .about-company__stat-data .about-company__stat-value {
              font-family: "Manrope";
              font-weight: 400;
              font-size: 18px;
              line-height: normal;
              letter-spacing: 0;
              color: #111111; }
            .about-company .about-company__wrap .about-company__content .about-company__stats .about-company__stat .about-company__stat-data .about-company__stat-label {
              font-family: "Manrope";
              font-weight: 400;
              font-size: 14px;
              line-height: 20px;
              letter-spacing: 0;
              color: #6b7a8a; }
    .about-company .about-company__wrap .about-company__image {
      width: calc((100% - 24px) / 2); }
      @media (max-width: 1200px) {
        .about-company .about-company__wrap .about-company__image {
          order: 1;
          width: 100%; } }
      .about-company .about-company__wrap .about-company__image img {
        width: 100%;
        border-radius: 16px; }

/* ----------------------------------------
    ABOUT VALUES
---------------------------------------- */
.about-values {
  background-color: #f2f4ef;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .about-values {
      padding-left: 10px;
      padding-right: 10px; } }
  .about-values .about-values__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1026px;
    margin: auto; }
    .about-values .about-values__wrap .about-values__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .about-values .about-values__wrap .about-values__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
    .about-values .about-values__wrap .about-values__grid {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 40px; }
      @media (max-width: 1200px) {
        .about-values .about-values__wrap .about-values__grid {
          flex-direction: column; } }

/* ----------------------------------------
    VALUE CARD
---------------------------------------- */
.value-card {
  background-color: white;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 16px;
  flex-direction: column;
  flex-wrap: wrap;
  width: calc((100% - (3 * 24px)) / 4);
  padding: 24px;
  border: solid 1px rgba(35, 55, 77, 0.1);
  border-radius: 8px; }
  @media (max-width: 1200px) {
    .value-card {
      width: 100%; } }
  .value-card .value-card__iocn {
    background-color: rgba(116, 172, 67, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    width: 48px;
    height: 48px;
    border-radius: 48px; }
    .value-card .value-card__iocn img {
      width: 20px; }
  .value-card .value-card__title {
    font-family: "Manrope";
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: #111111; }
  .value-card .value-card__text {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    color: #6b7a8a; }

/* ----------------------------------------
    ABOUT HISTORY
---------------------------------------- */
.about-history {
  background-color: white;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .about-history {
      padding-left: 50px;
      padding-right: 50px; } }
  .about-history .about-history__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap;
    width: auto; }
    .about-history .about-history__wrap .about-history__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
    .about-history .about-history__wrap .about-history__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .about-history .about-history__wrap .about-history__title {
          text-align: center; } }
    .about-history .about-history__wrap .about-history__timeline {
      display: flex;
      justify-content: start;
      align-items: start;
      gap: 24px;
      flex-direction: column;
      flex-wrap: wrap;
      width: auto;
      margin-top: 40px; }
      @media (max-width: 1200px) {
        .about-history .about-history__wrap .about-history__timeline {
          text-align: center; } }

/* ----------------------------------------
    HISTORY ITEM
---------------------------------------- */
.history-item {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 500px; }
  @media (max-width: 1200px) {
    .history-item {
      flex-direction: column;
      min-width: auto;
      width: 100%; } }
  .history-item .history-item__year {
    background-color: #74ac43;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: white; }
  .history-item .history-item__text {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #111111; }

/* ---------------------------------------- DOWNLOADS ---------------------------------------- */
/* ----------------------------------------
    DOWNLOADS LISTING
---------------------------------------- */
.downloads-listing {
  background-color: #f2f4ef;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .downloads-listing {
      padding-left: 10px;
      padding-right: 10px; } }
  .downloads-listing .downloads-listing__wrap {
    max-width: 1026px;
    margin: auto; }

/* ----------------------------------------
    DOWNLOADS SEARCH
---------------------------------------- */
.downloads-search {
  background-color: #f5f6f3;
  width: 100%;
  padding: 10px 16px;
  border: solid 1px rgba(35, 55, 77, 0.1);
  border-radius: 6px; }
  .downloads-search .downloads-search__form {
    width: 100%; }
    .downloads-search .downloads-search__form .downloads-search__field {
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%; }
      .downloads-search .downloads-search__form .downloads-search__field .downloads-search__icon {
        width: 16px; }
      .downloads-search .downloads-search__form .downloads-search__field .downloads-search__input {
        background: none;
        width: calc(100% - 16px);
        height: 100%;
        padding: 0 16px;
        border: none;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: rgba(35, 55, 77, 0.7); }
        .downloads-search .downloads-search__form .downloads-search__field .downloads-search__input::placeholder {
          opacity: 0.5;
          color: rgba(35, 55, 77, 0.7); }

/* ----------------------------------------
    DOWNLOADS FILTERS
---------------------------------------- */
.downloads-filters {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 24px;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 16px; }
  .downloads-filters .downloads-filters__button {
    background-color: transparent;
    padding: 16px 32px;
    border: solid 1px transparent;
    border-radius: 6px;
    transition: all 0.3s ease;
    font-family: "Manrope";
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    color: #23374d; }
    @media (max-width: 1200px) {
      .downloads-filters .downloads-filters__button {
        width: calc((100% - 24px) / 2); } }
    .downloads-filters .downloads-filters__button:hover, .downloads-filters .downloads-filters__button.downloads-filters__button--active {
      background-color: #74ac43;
      border-color: #74ac43;
      color: white; }

/* ----------------------------------------
    DOWNLOADS LISTING COUNT
---------------------------------------- */
.downloads-listing__count {
  margin-top: 40px;
  font-family: "Manrope";
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #6b7a8a; }
  .downloads-listing__count span {
    color: navy; }

/* ----------------------------------------
    DOWNLOADS FILES
---------------------------------------- */
.downloads-files {
  display: flex;
  justify-content: stert;
  align-items: start;
  gap: 12px;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 24px; }
  .downloads-files .download-card {
    background-color: white;
    width: 100%;
    padding: 24px;
    border: solid 1px rgba(35, 55, 77, 0.1);
    border-radius: 8px;
    transition: all 0.3s ease; }
    .downloads-files .download-card:hover {
      border-color: rgba(35, 55, 77, 0.7); }
    .downloads-files .download-card .download-card__title {
      margin-bottom: 12px;
      font-family: "Manrope";
      font-weight: 600;
      font-size: 16px;
      line-height: normal;
      letter-spacing: 0; }
    .downloads-files .download-card .download-card__content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      padding: 5px 0; }
      .downloads-files .download-card .download-card__content .download-card__info {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 16px;
        flex-direction: row;
        flex-wrap: wrap; }
        .downloads-files .download-card .download-card__content .download-card__info .download-card__icon {
          background-color: #fef2f2;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0;
          flex-direction: row;
          flex-wrap: wrap;
          width: 44px;
          height: 44px;
          border-radius: 8px; }
          .downloads-files .download-card .download-card__content .download-card__info .download-card__icon img {
            width: 20px; }
        .downloads-files .download-card .download-card__content .download-card__info .download-card__subtitle {
          font-family: "Manrope";
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0;
          color: #23374d; }

/* ---------------------------------------- CONTACT ---------------------------------------- */
/* ----------------------------------------
    CONTACT INFO
---------------------------------------- */
.contact-info {
  background-color: #f2f4ef;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .contact-info {
      padding-left: 10px;
      padding-right: 10px; } }
  .contact-info .contact-info__wrap {
    max-width: 1026px;
    margin: auto; }
    .contact-info .contact-info__wrap .contact-info__grid {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 24px;
      flex-direction: row;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .contact-info .contact-info__wrap .contact-info__grid {
          flex-direction: column; } }
      .contact-info .contact-info__wrap .contact-info__grid .contact-card {
        background-color: white;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 0;
        flex-direction: column;
        flex-wrap: wrap;
        width: calc((100% - (2 * 24px) - 237px) / 2);
        padding: 16px;
        border: solid 1px rgba(35, 55, 77, 0.2);
        border-radius: 8px; }
        @media (max-width: 1200px) {
          .contact-info .contact-info__wrap .contact-info__grid .contact-card {
            width: 100%; } }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card:last-child {
          width: 237px; }
          @media (max-width: 1200px) {
            .contact-info .contact-info__wrap .contact-info__grid .contact-card:last-child {
              width: 100%; } }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card .card__icon {
          background-color: rgba(116, 172, 67, 0.1);
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0;
          flex-direction: row;
          flex-wrap: wrap;
          width: 40px;
          height: 40px;
          margin-bottom: 24px;
          border-radius: 8px; }
          .contact-info .contact-info__wrap .contact-info__grid .contact-card .card__icon img {
            height: 20px; }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card .contact-card__title {
          font-family: "Manrope";
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0;
          color: #23374d; }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card .contact-card__text {
          font-family: "Manrope";
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0;
          color: #6b7a8a; }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card .contact-card__section .contact-card__label,
        .contact-info .contact-info__wrap .contact-info__grid .contact-card .contact-card__section .contact-card__link {
          font-family: "Manrope";
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0;
          color: #6b7a8a; }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card .contact-card__companies {
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          gap: 40px;
          flex-direction: row;
          flex-wrap: wrap;
          width: 100%;
          margin-top: 24px; }
          .contact-info .contact-info__wrap .contact-info__grid .contact-card .contact-card__companies .contact-card__company {
            display: flex;
            justify-content: start;
            align-items: start;
            gap: 0;
            flex-direction: column;
            flex-wrap: wrap;
            width: calc((100% - 40px) / 2); }
            .contact-info .contact-info__wrap .contact-info__grid .contact-card .contact-card__companies .contact-card__company img {
              height: 32px;
              margin-bottom: 16px; }
            .contact-info .contact-info__wrap .contact-info__grid .contact-card .contact-card__companies .contact-card__company .contact-card__company-name,
            .contact-info .contact-info__wrap .contact-info__grid .contact-card .contact-card__companies .contact-card__company .contact-card__company-data {
              font-family: "Manrope";
              font-weight: 400;
              font-size: 12px;
              line-height: 18px;
              letter-spacing: 0;
              color: #6b7a8a; }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card.contact-card-1 .contact-card__text {
          margin-top: 8px; }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card.contact-card-2 .contact-card__title:last-of-type {
          margin-top: 24px; }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card.contact-card-2 .contact-card__section {
          margin-top: 8px; }
        .contact-info .contact-info__wrap .contact-info__grid .contact-card.contact-card-3 .contact-card__section {
          margin-top: 16px; }

/* ----------------------------------------
    CONTACT FORM
---------------------------------------- */
.contact-form {
  background-color: white;
  width: 100%;
  padding: 80px 0;
  scroll-margin-top: 184px; }
  @media (max-width: 1200px) {
    .contact-form {
      padding-left: 10px;
      padding-right: 10px; } }
  .contact-form .contact-form__wrap {
    max-width: 1026px;
    margin: auto; }
    .contact-form .contact-form__wrap .contact-form__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
      @media (max-width: 1200px) {
        .contact-form .contact-form__wrap .contact-form__label {
          text-align: center; } }
    .contact-form .contact-form__wrap .contact-form__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .contact-form .contact-form__wrap .contact-form__title {
          text-align: center; } }
    .contact-form .contact-form__wrap .contact-form__subtitle {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 400;
      font-size: 18px;
      line-height: normal;
      letter-spacing: 0;
      color: #6b7a8a; }
      @media (max-width: 1200px) {
        .contact-form .contact-form__wrap .contact-form__subtitle {
          text-align: center; } }
    .contact-form .contact-form__wrap .contact-form__form {
      width: 100%;
      margin-top: 40px; }
      .contact-form .contact-form__wrap .contact-form__form .contact-form__grid {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 24px;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%; }
        @media (max-width: 1200px) {
          .contact-form .contact-form__wrap .contact-form__form .contact-form__grid {
            flex-direction: column; } }
        .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__left {
          width: calc((100% - 24px) / 2); }
          @media (max-width: 1200px) {
            .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__left {
              width: 100%; } }
          .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__left .contact-form__field {
            display: flex;
            justify-content: start;
            align-items: start;
            gap: 0;
            flex-direction: column;
            flex-wrap: wrap; }
            .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__left .contact-form__field:last-child .contact-form__input {
              margin-bottom: 0; }
            .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__left .contact-form__field .contact-form__field-label {
              margin-bottom: 8px;
              font-family: "Manrope";
              font-weight: 600;
              font-size: 14px;
              line-height: 20px;
              letter-spacing: 0;
              color: #23374d; }
            .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__left .contact-form__field .contact-form__input {
              background-color: rgba(255, 255, 255, 0.5);
              width: 100%;
              margin-bottom: 16px;
              padding: 12px 16px;
              border: solid 1px rgba(35, 55, 77, 0.1);
              border-radius: 6px;
              font-family: "Manrope";
              font-weight: 400;
              font-size: 14px;
              line-height: 20px;
              letter-spacing: 0;
              color: rgba(35, 55, 77, 0.7); }
              .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__left .contact-form__field .contact-form__input::placeholder {
                opacity: 0.5;
                font-family: "Manrope";
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                letter-spacing: 0;
                color: rgba(35, 55, 77, 0.7); }
              .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__left .contact-form__field .contact-form__input:focus, .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__left .contact-form__field .contact-form__input:valid {
                border-color: rgba(35, 55, 77, 0.7); }
        .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__right {
          width: calc((100% - 24px) / 2); }
          @media (max-width: 1200px) {
            .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__right {
              width: 100%; } }
          .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__right .contact-form__field {
            display: flex;
            justify-content: start;
            align-items: stretch;
            gap: 8px;
            flex-direction: column;
            flex-wrap: wrap;
            height: 100%; }
            .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__right .contact-form__field .contact-form__field-label {
              font-family: "Manrope";
              font-weight: 600;
              font-size: 14px;
              line-height: 20px;
              letter-spacing: 0;
              color: #23374d; }
            .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__right .contact-form__field .contact-form__textarea {
              background-color: rgba(255, 255, 255, 0.5);
              flex: 1;
              width: 100%;
              padding: 12px 16px;
              border: solid 1px rgba(35, 55, 77, 0.1);
              border-radius: 6px;
              resize: none;
              font-family: "Manrope";
              font-weight: 400;
              font-size: 14px;
              line-height: 20px;
              letter-spacing: 0;
              color: rgba(35, 55, 77, 0.7); }
              .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__right .contact-form__field .contact-form__textarea::placeholder {
                opacity: 0.5;
                font-family: "Manrope";
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                letter-spacing: 0;
                color: rgba(35, 55, 77, 0.7); }
              .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__right .contact-form__field .contact-form__textarea:focus, .contact-form .contact-form__wrap .contact-form__form .contact-form__grid .contact-form__right .contact-form__field .contact-form__textarea:valid {
                border-color: rgba(35, 55, 77, 0.7); }
    .contact-form .contact-form__wrap .contact-form__bottom {
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 0;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 24px; }
      .contact-form .contact-form__wrap .contact-form__bottom .contact-form__consent {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 8px;
        flex-direction: row;
        flex-wrap: wrap;
        font-family: "Manrope";
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #6b7a8a;
        cursor: pointer; }
        .contact-form .contact-form__wrap .contact-form__bottom .contact-form__consent input {
          display: none; }
        .contact-form .contact-form__wrap .contact-form__bottom .contact-form__consent .checkmark {
          position: relative;
          z-index: 1;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 16px;
          height: 16px;
          border: solid 1px #74ac43;
          border-radius: 16px; }
          .contact-form .contact-form__wrap .contact-form__bottom .contact-form__consent .checkmark::after {
            background-color: #74ac43;
            position: absolute;
            z-index: 1;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            display: none;
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 8px;
            transform: translate(-50%, -50%); }
        .contact-form .contact-form__wrap .contact-form__bottom .contact-form__consent input:checked + .checkmark::after {
          display: block; }
        .contact-form .contact-form__wrap .contact-form__bottom .contact-form__consent .text {
          flex: 1; }
      @media (max-width: 1200px) {
        .contact-form .contact-form__wrap .contact-form__bottom .contact-form__button {
          width: 100%;
          margin-top: 24px; } }

/* ----------------------------------------
    CONTACT MAP
---------------------------------------- */
.contact-map {
  background-color: #fafbf8;
  width: 100%;
  padding: 80px 0; }
  @media (max-width: 1200px) {
    .contact-map {
      padding-left: 10px;
      padding-right: 10px; } }
  .contact-map .contact-map__wrap {
    max-width: 1026px;
    margin: auto; }
    .contact-map .contact-map__wrap .contact-map__label {
      font-family: "Manrope";
      font-weight: 400;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #74ac43; }
      @media (max-width: 1200px) {
        .contact-map .contact-map__wrap .contact-map__label {
          text-align: center; } }
    .contact-map .contact-map__wrap .contact-map__title {
      margin-top: 8px;
      font-family: "Manrope";
      font-weight: 700;
      font-size: 36px;
      line-height: normal;
      letter-spacing: 0;
      color: #23374d; }
      @media (max-width: 1200px) {
        .contact-map .contact-map__wrap .contact-map__title {
          text-align: center; } }
    .contact-map .contact-map__wrap .contact-map__box {
      margin-top: 40px;
      border: solid 1px rgba(35, 55, 77, 0.1);
      border-radius: 8px;
      overflow: hidden; }
      .contact-map .contact-map__wrap .contact-map__box .contact-map__embed {
        background-color: rgba(116, 172, 67, 0.2);
        width: 100%;
        height: 484px; }
      .contact-map .contact-map__wrap .contact-map__box .contact-map__info {
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 0;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 24px; }
        .contact-map .contact-map__wrap .contact-map__box .contact-map__info .contact-map__company {
          font-family: "Manrope";
          font-weight: 600;
          font-size: 16px;
          line-height: normal;
          letter-spacing: 0;
          color: #23374d; }
        .contact-map .contact-map__wrap .contact-map__box .contact-map__info .contact-map__address {
          display: flex;
          justify-content: start;
          align-items: center;
          gap: 8px;
          flex-direction: row;
          flex-wrap: wrap;
          margin-top: 8px;
          font-family: "Manrope";
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0;
          color: #6b7a8a; }
        .contact-map .contact-map__wrap .contact-map__box .contact-map__info .contact-map__description {
          margin-top: 6px;
          font-family: "Manrope";
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          letter-spacing: 0;
          color: #6b7a8a; }

/* ---------------------------------------- STATIC ---------------------------------------- */
/* ----------------------------------------
    STATIC TEXT
---------------------------------------- */
.static-text {
  max-width: 1026px;
  margin: auto;
  padding: 40px 0 80px 0;
  font-family: "Manrope";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #6b7a8a; }
  @media (max-width: 1200px) {
    .static-text {
      padding-left: 10px;
      padding-right: 10px; } }

/*# sourceMappingURL=style.css.map */