@media screen and (min-width: 1024px) {
  nav .content-nav {
    background: rgba(132, 149, 136, 0.099);
  }
  nav .center-content-nav a,
  nav .center-content-nav span {
    /* color: #b3b3b3 !important; */
    font-size: 1.14vw;
    text-wrap: nowrap;
  }

  nav .center-content-nav a:hover,
  nav .center-content-nav span {
    color: white;
  }

  nav #reflejo2 {
    opacity: 1 !important;
  }

  nav #reflejo1 {
    opacity: 0 !important;
  }

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

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

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

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

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

  .services__nav__desktop a:nth-of-type(2) {
    background: #2c5134;
  }

  .services__nav__desktop:hover a:not(:hover) {
    color: #ececec;
    background: transparent;
  }

  .services__nav__desktop a {
    color: #ececec;
    font-family: "Articulat CF";
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 500;
    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 {
    color: #ececec;
    background: #2c5134;
  }

  /* CUSTOMERS HOME  */
  .services__get-quote {
    height: auto;
  }

  .services-customers-hexagon {
    top: 9vw;
    right: 6vw;
    width: 25.26vw;
    height: 32.3vw;
    position: absolute;
    object-fit: contain;
  }

  .services-customers-hexagon--2 {
    top: 20vw;
    left: 44vw;
  }
  .div-info-customers{
    align-items: flex-start;
  }
  .services__customers__container {
    height: fit-content;
    padding: 13.3vw 1.61vw 2.6vw 2.6vw;
  }

  .services__div-h2-customers {
    width: 100%;
    margin-bottom: 2.3vw;
  }

  .serivces__customers__container h2 {
    font-size: 4.68vw;
    width: 32.03vw;
  }

  .services__info-customers__container {
    width: 100%;
    height: 29.32vw;
    column-gap: 3.23vw;
  }

  /* SLIDER IZQUIERDO   */
  .services__titles-customers {
    width: 23vw;
    flex-grow: 0;
  }

  .services__child-title-customer {
    gap: 0;
    width: 23vw;
  }

  .services__active__title h4 {
    font-size: 1.35vw;
  }

  .services__active__title h5 {
    font-size: 0.94vw;
  }

  .services__contenedor__texto {
    width: 23vw;
    height: 5.31vw;
    min-width: auto;
    margin-top: 2.5vw;
  }

  .services__contenedor__texto p {
    font-size: 1.35vw;
  }

  .services__btn-see {
    margin-top: 4.21vw;
    height: auto;
  }

  .services__btn-see button {
    width: 14.18vw;
    font-size: 1.25vw;
    gap: 0.57vw;
    height: 3.07vw;
    max-width: none;
  }

  .services__btn-see button svg {
    width: 1.36vw;
    height: 1.36vw;
  }

  /* IMAGE CENTER  */
  .services__shapes__wrapper {
    width: 41.27vw;
    height: 29.32vw;
  }

  .services__shapes__wrapper svg {
    width: 3.28vw;
    height: 3.07vw;
  }
  iframe{
    width: 100%;
    height: 90%;
}
  }

  .services__custom-shape {
    width: 41.27vw;
    height: 59vh;
    clip-path: none;
    mask-image: url("../assets/services-custom-shape.svg");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("../assets/services-custom-shape.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
  }
  .btn-see {
    height: 10vh;
  } 
  .services__custom-shape img {
  }

  /* SLIDER DERECHO  */
  .services__right__slider {
    width: 24.27vw;
    height: 100%;
    justify-content: flex-start;
  }

  .services__right__slider__customer-child {
    width: 100%;
    height: 100%;
    padding-top: 0vw;
    padding-bottom: 1.3vw;
    gap: 0;
  }

  .services__right__slider__customer-child h3 {
    font-size: 2.19vw;
    width: 100%;
    margin-bottom: 2.35vw;
  }

  .services__right__slider__customer-child p {
    font-size: 1.35vw;
    width: 100%;
  }

  .services__botones-slide {
  }

  .services__botones-slide button {
    display: grid;
    place-content: center;
    width: min(2.9vw, 50px);
    height: min(2.9vw, 50px);
  }

  .services__botones-slide button svg {
    width: 1.25vw;
    height: 1.25vw;
  }

  /* Footer  */

  footer {
    margin-top: -1px;
  }

  .content-footer {
    border-radius: 0;
  }
}

@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 #reflejo4 {
    opacity: 0 !important;
  }

  nav #reflejo3 {
    opacity: 1 !important;
  }

  nav .menu-hamburguesa #dos {
    opacity: 0 !important;
  }

  nav .menu-hamburguesa #uno {
    opacity: 1 !important;
  }

  /* CUSTOM NAV  */
  .services__nav__desktop {
    display: none;
  }

  .services__nav__mobile {
    display: block;
    position: absolute;
    z-index: 4;
    top: 31.47vw;
    left: 50%;
    transform: translate(-50%);
    width: 90.67vw;
    height: 82vw;
    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;
  }

  /* HOME  MAP Y CUSTOMERS */

  .services-customers-hexagon {
    display: none;
  }

  .services__map-section__container--mobile {
    height: auto;
    margin-bottom: 8vw;
    padding-block: 31.47vw;
    padding-inline: 4.8vw 5.6vw;
  }

  .services__map-section__header--mobile h2 {
    font-size: 8.54vw;
    width: 100%;
    margin-bottom: 8vw;
  }

  .services__map-section__header--mobile p {
    margin-bottom: 10.14vw;
    width: 80.54vw;
    color: #000;
    font-family: "Neue Haas Unica Pro";
    font-size: 4.27vw;
    font-style: normal;
    font-weight: 350;
    line-height: 120%;
  }

  .services__contenedor-div2-div--mobile {
    gap: 8.54vw;
  }

  .services__contenedor-div2-div--mobile label {
    font-size: 4.27vw;
  }

  .services__contenedor-div2-div--mobile select {
    width: 87.74vw;
    height: 10.94vw;
    border: 1px solid rgba(44, 81, 52, 0.5);
  }

  /* CUSTOMERS QUOTE  */

  .services__customers__container {
    height: fit-content;
    padding-block: 60.17vw 5vw;
    row-gap: 9vw;
  }

  .video-quote2 {
    display: none;
  }

  .services__div-h2-customers {
    margin-bottom: 0vw;
    width: 90%;
    margin-top: 0;
    padding-top: 0;
  }

  .services__div-h2-customers h2 {
    font-size: 11vw;
    width: 90vw;
  }

  /* Footer  */
  footer {
    margin-top: -1px;
  }

  .content-footer {
    border-radius: 0;
  }
}