@media screen and (min-width: 1024px) {
  nav .content-nav {
    background: rgba(224, 232, 205, 0.25) !important;
  }

  nav .center-content-nav a,
  nav .center-content-nav span {
    color: #7d7d7d !important;
    font-size: 1.14vw;
    text-wrap: nowrap;
  }

  nav #reflejo2 {
    opacity: 0 !important;
  }

  nav #reflejo1 {
    opacity: 1 !important;
  }

  nav .four {
    color: #97ae58 !important;
    font-size: 1.14vw !important;
    text-wrap: nowrap !important;
  }

  nav .login-btn {
    color: white !important;
    background: #2c5134 !important;
    border: none !important;
    font-size: 1.14vw !important;
    text-wrap: nowrap !important;
  }

  nav .center-content-nav {
    column-gap: 2.9vw;
  }

  /* NAV  */
  .services__nav__mobile {
    display: none;
  }

  .services__nav__desktop {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    column-gap: 0.52vw;
    width: 43.31vw;
    height: 3.13vw;
    border-radius: 5.21vw;
    background: rgba(205, 234, 128, 0.25);
    backdrop-filter: blur(1.56vw);
  }

  .services__nav__desktop > a {
    color: #5e5e5e;
    font-family: "Articulat CF";
    font-size: 1.15vw;
    font-style: normal;
    line-height: 100%;
    letter-spacing: -0.03vw;
    padding: 0.99vw 1.41vw;
    text-wrap: nowrap;
    cursor: pointer;
    border-radius: 5.21vw;
    transition: color 0.3s ease, background-color 0.3s ease;
  }

  .services__nav__desktop a:hover {
    background-color: #2c5134;
    color: #f6f6f6;
  }

  .services__nav__desktop:hover > :not(:hover) {
    background: none;
    color: #5e5e5e;
  }

  /* SECTION 1 */
  .services-section-1 {
    padding: 10.1vw 2.4vw 7.18vw 2.4vw;
  }

  .services-section-1 h2 {
    color: var(--Primary-Green, #2c5134);
    text-align: center;
    font-family: "Articulat CF";
    font-size: 6.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-block: 7.2vw 5.78vw;
    width: 59.89vw;
    margin-inline: auto;
  }

  .services-section-1 .services-section-1__video {
    width: 100%;
    height: 36.57vw;
    border-radius: 5.02vw;
    overflow: hidden;
    transform-origin: top;
  }
  .services-section-1 .services-section-1__video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .services-section-1 .services-section-1__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* SECTION 2 */
  .services-section-2 {
    position: relative;
    display: flex;
    column-gap: 15.68vw;
    padding: 3.8vw 0 0 9vw;
    background: #2c5134;
    overflow: hidden;
  }

  .services-section-2 video {
    position: absolute;
    top: -3.8vw;
    left: 0;
    z-index: 0;
    opacity: 0.6;
    width: 100%;
    height: calc(100% + 3.8vw);
    object-fit: cover;
    mix-blend-mode: luminosity;
  }

  .services-section-2 .services-section-2__icon--solar {
    position: absolute;
    top: 14.94vw;
    left: 2.34vw;
    width: 4.64vw;
    height: 4.64vw;
  }

  .services-section-2 .services-section-2__icon--solar img {
    position: inherit;
    width: 100%;
    height: 100%;
  }

  .services-section-2 .services-section-2__icon--solar img:nth-last-child(1) {
    position: inherit;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.13vw;
    height: 3.13vw;
  }

  .services-section-2 .services-section-2__content {
    position: relative;
    min-width: 51.25vw;
    height: fit-content;
    margin-top: 9.95vw;
  }

  .services-section-2 .services-section-2__content h2 {
    color: var(--Secondary-Street, #d1ccbc);
    font-family: "Articulat CF";
    font-size: 0.94vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.075vw;
    margin-bottom: 0.88vw;
  }

  .services-section-2 .services-section-2__content h3 {
    color: var(--Primary-white, #f6f6f6);
    font-family: "Articulat CF";
    font-size: 3.23vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 1.35vw;
  }

  .services-section-2 .services-section-2__content h3 span {
    color: #cdea80;
  }

  .services-section-2 .services-section-2__content p {
    color: #fff;
    font-family: "Neue Haas Unica Pro";
    font-size: 1.35vw;
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
    width: 100%;
    height: 8.85vw;
  }

  .services-section-2 .services-section-2__content a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 9.53vw;
    height: 2.71vw;
    border-radius: 0.52vw;
    background-color: #f6f6f6;
    color: #2c5134;
    font-family: "Articulat CF";
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.03vw;
    transition: color 0.2s ease, background-color 0.2s ease, outline 0.1s ease;
  }

  .services-section-2 .services-section-2__content a:hover {
    outline: 1px solid var(--Secondary-Lime, #cdea80);
    color: #cdea80;
    background-color: rgba(246, 246, 246, 0.1);
    backdrop-filter: blur(7.5px);
  }

  .services-section-2 .services-section-2__image {
    position: relative;
    width: 43.33vw;
    height: 43.33vw;
    margin-right: -17.97vw;
    margin-bottom: -3.39vw;
  }

  .services-section-2 .services-section-2__image .services-section-2__image__elipse--big {
    border-radius: 100%;
    border: 0.049vw solid #cdea80;
    opacity: 0.3;
    width: 43.33vw;
    height: 43.33vw;
  }

  .services-section-2 .services-section-2__image .services-section-2__image__elipse--medium {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 37.71vw;
    height: 37.71vw;
    border-radius: 37.71vw;
    border: 0.042vw solid #cdea80;
    opacity: 0.5;
  }

  .services-section-2 .services-section-2__image .services-section-2__image__elipse--small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 31.79vw;
    height: 31.79vw;
    border-radius: 31.79vw;
    border: 0.042vw solid #cdea80;
  }

  .services-section-2 .services-section-2__image img {
    position: absolute;
    top: -4.61vw;
    left: -6.25vw;
    width: 31.66vw;
    height: 46.35vw;
  }

  /* SECTION 3  */
  .services-section-3 {
    display: flex;
    column-gap: 11.5vw;
  }

  .services-section-3 .services-section-3__image {
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 0vw;
  }

  .services-section-3 .services-section-3__image svg {
    transition: none;
    width: 100%;
    height: 100%;
  }

  .services-section-3 .services-section-3__image svg image {
    height: 95%;
    clip-path: url(#hexagon-desktop-2);
    transform: translateY(1.5%);
  }

  .services-section-3 .services-section-3__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .services-section-3 .services-section-3__content h2 {
    color: var(--Primary-Dark, #666);
    font-family: "Articulat CF";
    font-size: 0.94vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.075vw;
    margin-bottom: 0.83vw;
  }

  .services-section-3 .services-section-3__content__wrapper {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 1.67vw;
    height: 4.64vw;
    align-items: center;
    margin-bottom: 1.87vw;
  }

  .services-section-3__content div .services-section-3__content__icon {
    display: grid;
    place-content: center;
    width: 4.64vw;
    height: 4.64vw;
    border: 0.052vw solid #2c5134;
    border-radius: 50%;
    box-shadow: 0 0 1vw rgba(44, 81, 52, 0.4), inset 0 0 1vw rgba(44, 81, 52, 0.2);
  }

  .services-section-3 .services-section-3__content div .services-section-3__content__icon img {
    width: 2.71vw;
    height: 2.71vw;
  }

  .services-section-3 .services-section-3__content div h3 {
    color: #2c5134;
    font-family: "Articulat CF";
    font-size: 3.23vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }

  .services-section-3 .services-section-3__content p {
    color: #000;
    font-family: "Neue Haas Unica Pro";
    font-size: 1.35vw;
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
    width: 52.6vw;
    margin-bottom: 4.17vw;
  }

  .services-section-3 .services-section-3__content a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 9.53vw;
    height: 2.71vw;
    border-radius: 0.52vw;
    background-color: #2c5134;
    color: #f6f6f6;
    font-family: "Articulat CF";
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.03vw;
    transition: color 0.2s ease, background-color 0.2s ease, outline 0.1s ease;
  }

  .services-section-3 .services-section-3__content a:hover {
    outline: 1px solid var(--Secondary-Lime, #cdea80);
    color: #cdea80;
    background-color: rgba(246, 246, 246, 0.1);
    backdrop-filter: blur(7.5px);
  }

  /* SECTION 4  */
  .services-section-4 {
    position: relative;
    display: flex;
    column-gap: 8.75vw;
    padding: 2.14vw 0 2.14vw 8.91vw;
    overflow: hidden;
    background-color: #2c5134;
  }

  .services-section-4 video {
    position: absolute;
    top: -10.57vw;
    left: 0;
    z-index: 0;
    opacity: 0.6;
    width: 100%;
    height: calc(100% + 10.57vw);
    object-fit: cover;
    mix-blend-mode: luminosity;
  }

  .services-section-4 .services-section-4__icon--dolar {
    position: absolute;
    top: 16.67vw;
    left: 2.4vw;
    display: grid;
    place-content: center;
    width: 4.64vw;
    height: 4.64vw;
    border: 1px solid #cdea80;
    border-radius: 50%;
    box-shadow: 0 0 0.5vw rgba(205, 234, 128, 0.3), inset 0 0 0.5vw rgba(205, 234, 128, 0.15);
  }

  .services-section-4 .services-section-4__icon--dolar img {
    width: 2.71vw;
    height: 2.71vw;
  }

  .services-section-4 .services-section-4__content {
    position: relative;
    margin-top: 12.84vw;
    width: 51.25vw;
    height: fit-content;
  }

  .services-section-4 .services-section-4__content h2 {
    color: var(--Secondary-Street, #d1ccbc);
    font-family: "Articulat CF";
    font-size: 0.94vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.075vw;
    margin-bottom: 1.41vw;
  }

  .services-section-4 .services-section-4__content h3 {
    color: #f6f6f6;
    font-family: "Articulat CF";
    font-size: 3.23vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 2.5vw;
  }

  .services-section-4 .services-section-4__content h3 span {
    color: #cdea80;
  }

  .services-section-4 .services-section-4__content p {
    color: #fff;
    font-family: "Neue Haas Unica Pro";
    font-size: 1.35vw;
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
    margin-bottom: 2.03vw;
    width: 51.25vw;
  }

  .services-section-4 .services-section-4__content a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 9.53vw;
    height: 2.71vw;
    border-radius: 0.52vw;
    background: #f6f6f6;
    backdrop-filter: blur(0vw);
    color: #2c5134;
    font-family: "Articulat CF";
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.03vw;
    transition: color 0.2s ease, background-color 0.2s ease, outline 0.1s ease;
  }

  .services-section-4 .services-section-4__content a:hover {
    outline: 1px solid var(--Secondary-Lime, #cdea80);
    color: #cdea80;
    background-color: rgba(246, 246, 246, 0.1);
    backdrop-filter: blur(7.5px);
  }

  .services-section-4 .services-section-4__image {
    position: relative;
    z-index: 1;
    width: 32.51vw;
    object-fit: cover;
    object-position: right;
  }

  .services-section-4 .services-section-4__image .services-section-4__svg__mobile {
    display: none;
  }
  .services-section-3 .services-section-3__image img{
    height: 100vh;
  }
  .services-section-4 .services-section-4__image .services-section-4__svg__desktop {
    height: 100vh;
    object-fit: cover;
    object-position: right;
  }

  .services-section-4 .services-section-4__image .services-section-4__svg__desktop image {
    clip-path: url(#hexagon-right);
    transform: scale(0.95) translateY(1vw);
    transform-origin: center right;
    height: 100%;
  }

  /* FROM HOME  */
  .content-footer {
    height: 100% !important;
    border-radius: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  nav {
    top: 0vw !important;
    padding-inline: 3vw !important;
    min-height: auto !important;
    max-height: fit-content !important;
  }

  nav .content-nav {
    padding-block: 8vw !important;
    margin-top: 5vw !important;
    height: 13vw !important;
    width: 100% !important;
    padding-inline: 3vw !important;
  }

  nav #reflejo3 {
    opacity: 0 !important;
  }

  nav #reflejo4 {
    opacity: 1 !important;
  }

  nav .menu-hamburguesa #uno {
    opacity: 0 !important;
    width: 7vw !important;
  }

  nav .menu-hamburguesa #dos {
    opacity: 1 !important;
    width: 7vw !important;
  }
  /* NAV  */
  .services__nav__desktop {
    display: none;
  }

  .services__nav__mobile {
    display: block;
    position: absolute;
    top: 31.47vw;
    width: 90.67vw;
    height: 65.34vw;
    border-radius: 8vw;
    overflow: hidden;
    pointer-events: none;
  }

  .services__nav__mobile .services__nav__mobile__button {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 90.67vw;
    width: 100%;
    height: 15.73vw;
    border-radius: 26.67vw;
    background: #f2fadf;
    backdrop-filter: blur(8vw);
    border: none;
    pointer-events: all;
  }

  .services__nav__mobile .services__nav__mobile__button span:nth-child(1) {
    color: #2c5134;
    font-family: "Articulat CF";
    font-size: 4.27vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.13vw;
    margin-inline: 5.33vw auto;
  }

  .services__nav__mobile .services__nav__mobile__button span:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 5.33vw;
  }

  .services__nav__mobile .services__nav__mobile__button span:nth-child(2) svg {
    width: 70%;
    height: 80%;
  }

  .services__nav__mobile > div {
    position: absolute;
    left: 0;
    bottom: 0%;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 2.13vw;
    width: 90.67vw;
    border-radius: 8vw;
    background: #f2fadf;
    backdrop-filter: blur(8vw);
    opacity: 0;
    margin-top: 2.13vw;
    transform: translateY(-20%);
    transition: all 0.3s ease;
  }

  .services__mobile__active {
    transform: translateY(0%) !important;
    opacity: 1 !important;
    pointer-events: all;
  }

  .services__nav__mobile div a {
    display: flex;
    padding: 5.07vw 7.2vw;
    align-items: center;
    color: #5e5e5e;
    font-family: "Articulat CF";
    font-size: 4.27vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.13vw;
    width: 100%;
    transition: none;
  }

  /* SECTION 1 */
  .services-section-1 {
    padding: 54.93vw 4vw 18.67vw 4vw;
  }

  .services-section-1 h2 {
    color: var(--Primary-Green, #2c5134);
    text-align: center;
    font-family: "Articulat CF";
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    width: 80vw;
    height: 18.13vw;
    margin-bottom: 11.2vw;
    margin-inline: auto;
  }

  .services-section-1 .services-section-1__video {
    width: 100%;
    height: 79.2vw;
    border-radius: 8vw;
    overflow: hidden;
    transform-origin: top;
  }

  .services-section-1 .services-section-1__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* SECTION 2 */
  .services-section-2 {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    row-gap: 10.13vw;
    padding: 18.4vw 0 26.93vw 5.87vw;
    background: #2c5134;
    overflow: hidden;
  }

  .services-section-2 video {
    position: absolute;
    top: -18.4vw;
    left: 0;
    z-index: 0;
    opacity: 0.6;
    width: 100%;
    height: calc(100% + 18.4vw);
    object-fit: cover;
    mix-blend-mode: luminosity;
  }

  .services-section-2 .services-section-2__icon--solar {
    display: none;
  }

  .services-section-2 .services-section-2__content {
    position: relative;
    width: 89.07vw;
    height: fit-content;
  }

  .services-section-2 .services-section-2__content h2 {
    color: var(--Secondary-Street, #d1ccbc);
    font-family: "Articulat CF";
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.92px;
    margin-bottom: 5.6vw;
  }

  .services-section-2 .services-section-2__content h3 {
    color: var(--Primary-white, #f6f6f6);
    font-family: "Articulat CF";
    font-size: 8.53vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 3.47vw;
    text-wrap: nowrap;
  }

  .services-section-2 .services-section-2__content h3 span {
    color: #cdea80;
  }

  .services-section-2 .services-section-2__content p {
    width: 89.07vw;
    margin-bottom: 11.47vw;
    color: #fff;
    font-family: "Neue Haas Unica Pro";
    font-size: 4vw;
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
  }

  .services-section-2 .services-section-2__content a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 37.41vw;
    height: 10.67vw;
    border-radius: 2.05vw;
    background: var(--Primary-white, #f6f6f6);
    backdrop-filter: blur(0px);
    color: var(--Primary-Green, #2c5134);
    font-family: "Articulat CF";
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.135vw;
    transition: color 0.2s ease, background-color 0.2s ease, outline 0.1s ease;
  }

  .services-section-2 .services-section-2__image {
    position: relative;
    width: 77.87vw;
    height: 77.87vw;
    margin-left: 35vw;
  }

  .services-section-2 .services-section-2__image .services-section-2__image__elipse--big {
    border-radius: 100%;
    border: 0.088vw solid var(--Secondary-Lime, #cdea80);
    opacity: 0.3;
    width: 77.87vw;
    height: 77.87vw;
  }

  .services-section-2 .services-section-2__image .services-section-2__image__elipse--medium {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 67.76vw;
    height: 67.76vw;
    border-radius: 67.76vw;
    border: 0.077vw solid #cdea80;
    opacity: 0.5;
  }

  .services-section-2 .services-section-2__image .services-section-2__image__elipse--small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 57.13vw;
    height: 57.13vw;
    border-radius: 57.13vw;
    border: 0.011vw solid #cdea80;
  }

  .services-section-2 .services-section-2__image img {
    position: absolute;
    top: -12.39vw;
    left: -5vw;
    width: 65vw;
    height: auto;
  }

  /* SECTION 3  */
  .services-section-3 {
    display: flex;
    flex-direction: column;
    row-gap: 10.73vw;
    padding: 20.7vw 6.13vw 18.23vw 5.6vw;
  }

  .services-section-3 .services-section-3__image {
    position: relative;
    margin-left: -5vw;
    height: 450px;
  }

  .services-section-3 .services-section-3__image img {
    transition: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .services-section-3 .services-section-3__image svg image {
    width: 186%;
    height: 100%;
    clip-path: url(#hexagon-desktop-2);
  }

  .services-section-3 .services-section-3__content {
    display: flex;
    flex-direction: column;
  }

  .services-section-3 .services-section-3__content h2 {
    color: var(--Primary-Dark, #666);
    font-family: "Articulat CF";
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.256vw;
    margin-bottom: 3.47vw;
  }

  .services-section-3 .services-section-3__content__wrapper {
    display: block;
    margin-bottom: 4vw;
  }

  .services-section-3__content div .services-section-3__content__icon {
    display: none;
  }

  .services-section-3 .services-section-3__content div h3 {
    color: var(--Primary-Green, #2c5134);
    font-family: "Articulat CF";
    font-size: 8.53vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }

  .services-section-3 .services-section-3__content p {
    width: 88.27vw;
    color: #000;
    font-family: "Neue Haas Unica Pro";
    font-size: 4vw;
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
    margin-bottom: 12vw;
  }

  .services-section-3 .services-section-3__content a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 37.33vw;
    height: 10.67vw;
    border-radius: 2.05vw;
    background: #2c5134;
    backdrop-filter: blur(0px);
    color: #fff;
    font-family: "Articulat CF";
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.135vw;
    transition: color 0.2s ease, background-color 0.2s ease, outline 0.1s ease;
  }

  /* SECTION 4  */
  .services-section-4 {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    row-gap: 10.73vw;
    padding: 20.7vw 6.13vw 18.23vw 5.6vw;
    overflow: hidden;
    background-color: #2c5134;
  }

  .services-section-4 video {
    position: absolute;
    top: -20.7vw;
    left: 0;
    z-index: 0;
    opacity: 0.6;
    width: 100%;
    height: calc(100% + 20.7vw);
    object-fit: cover;
    mix-blend-mode: luminosity;
  }

  .services-section-4 .services-section-4__icon--dolar {
    display: none;
  }

  .services-section-4 .services-section-4__content {
    position: relative;
    width: 93.6vw;
    height: fit-content;
  }

  .services-section-4 .services-section-4__content h2 {
    color: var(--Secondary-Street, #d1ccbc);
    font-family: "Articulat CF";
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.92px;
    margin-bottom: 5.6vw;
  }

  .services-section-4 .services-section-4__content h3 {
    color: var(--Primary-white, #f6f6f6);
    font-family: "Articulat CF";
    font-size: 8.53vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 3.47vw;
  }

  .services-section-4 .services-section-4__content h3 span {
    color: #cdea80;
  }

  .services-section-4 .services-section-4__content p {
    color: #fff;
    font-family: "Neue Haas Unica Pro";
    font-size: 4.27vw;
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
    margin-bottom: 11.2vw;
    width: 93.6vw;
  }

  .services-section-4 .services-section-4__content a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 37.33vw;
    height: 10.67vw;
    border-radius: 2.05vw;
    background: var(--Primary-white, #f6f6f6);
    backdrop-filter: blur(0px);
    color: #2c5134;
    font-family: "Articulat CF";
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.135vw;
    transition: color 0.2s ease, background-color 0.2s ease, outline 0.1s ease;
  }

  .services-section-4 .services-section-4__image {
    position: relative;
    z-index: 1;
    background-image: url("./assets/shape-financing.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: -5.6vw;
    width: 85.33vw;
    height: 95.73vw;
    transform: scale(1);
  }

  .services-section-4 .services-section-4__image .services-section-4__svg__desktop {
    display: none;
  }

  .services-section-4 .services-section-4__image .services-section-4__svg__mobile {
    display: block;
    width: 100%;
    height: 100%;
    transition: none;
  }

  .services-section-4 .services-section-4__image .services-section-4__svg__mobile image {
    width: 100%;
    height: 100%;
    transform: scale(0.95);
    transform-origin: center left;
    clip-path: url(#hexagon-left-mobile);
  }

  /* FROM HOME  */
  .content-footer {
    height: 100% !important;
    border-radius: 0 !important;
  }
}