/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./dev/scss/app.scss ***!
  \************************************************************************************************************/
:root {
  --font-f-1: "CircularStd", sans-serif;
  --font-f-2: "CircularStd-Italic", sans-serif;
  --font-f-3: "CircularStd-Medium", sans-serif;
  --font-f-4: "CircularStd-MediumItalic", sans-serif;
  --font-f-5: "CircularStd-Bold", sans-serif;
  --font-f-6: "CircularStd-BoldItalic", sans-serif;
  --font-f-7: "CircularStd-Black", sans-serif;
  --font-f-8: "CircularStd-BlackItalic", sans-serif;
  --color-main: #F7FFF7;
  --color-yellow: #FFC107;
  --color-green: #2F9442;
  --color-greenTwo: #3EAC52;
  --color-greenThree: #21BD72;
  --color-white: #ffffff;
  --color-whiteOpacity: rgba(247,255,247, .8);
  --color-black: #171a1a;
  --color-blue: #20252c;
  --color-blueTwo: #353E4A;
  --color-blueThree: #2a323d;
  --color-blueFour: #C1D4E1;
  --spacing-container-page: 20px;
  --height-header-bar: 100px;
  --theme-font-size: 62.5%;
}

:root {
  --paragraph-size: 1.6rem --paragraph-alt: 1.5;
}

@font-face {
  font-family: "CircularStd";
  src: url(../fonts/CircularStd-Bookc3d14aa96cc844fa0019.eot);
  src: url(../fonts/CircularStd-Bookc3d14aa96cc844fa0019.eot?#iefix) format("embedded-opentype"), url(../fonts/CircularStd-Book1f1f0b7a337d291e40d2.woff2) format("woff2"), url(../fonts/CircularStd-Book21a2c3d36dbaade80e2c.woff) format("woff"), url(../fonts/CircularStd-Book8dd9b00439575cc09ae4.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd-Italic";
  src: url(../fonts/CircularStd-BookItalic9a29a328e80ce8d75df1.eot);
  src: url(../fonts/CircularStd-BookItalic9a29a328e80ce8d75df1.eot?#iefix) format("embedded-opentype"), url(../fonts/CircularStd-BookItalic7f0cc93da168bcfba041.woff2) format("woff2"), url(../fonts/CircularStd-BookItaliccf3114ce9a673073b03b.woff) format("woff"), url(../fonts/CircularStd-BookItalic37c3e4881ffd03cff695.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd-Medium";
  src: url(../fonts/CircularStd-Medium18b9a00ce4a831f77978.eot);
  src: url(../fonts/CircularStd-Medium18b9a00ce4a831f77978.eot?#iefix) format("embedded-opentype"), url(../fonts/CircularStd-Medium2858431679b815919f95.woff2) format("woff2"), url(../fonts/CircularStd-Medium1dd319b87a915b106596.woff) format("woff"), url(../fonts/CircularStd-Mediumf9f2be1512962ebe2bdc.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd-MediumItalic";
  src: url(../fonts/CircularStd-MediumItalic460d6f5175feec9c65f9.eot);
  src: url(../fonts/CircularStd-MediumItalic460d6f5175feec9c65f9.eot?#iefix) format("embedded-opentype"), url(../fonts/CircularStd-MediumItalic5124650afdc28e9dca30.woff2) format("woff2"), url(../fonts/CircularStd-MediumItalic9f00d60feb0e0401d7a1.woff) format("woff"), url(../fonts/CircularStd-MediumItalicbfe15859557b584342a3.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd-Bold";
  src: url(../fonts/CircularStd-Bold60ce8cdbbcad44767306.eot);
  src: url(../fonts/CircularStd-Bold60ce8cdbbcad44767306.eot?#iefix) format("embedded-opentype"), url(../fonts/CircularStd-Boldfb72b487cf867b50d2cb.woff2) format("woff2"), url(../fonts/CircularStd-Boldb0808321079afca2aa34.woff) format("woff"), url(../fonts/CircularStd-Boldce7af6ddb66d75a4a2bc.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd-BoldItalic";
  src: url(../fonts/CircularStd-BoldItalicb4376082b2ebb97d4b6e.eot);
  src: url(../fonts/CircularStd-BoldItalicb4376082b2ebb97d4b6e.eot?#iefix) format("embedded-opentype"), url(../fonts/CircularStd-BoldItaliccb6e33bb3eee54a01841.woff2) format("woff2"), url(../fonts/CircularStd-BoldItalicc44d2fdecc94959d073c.woff) format("woff"), url(../fonts/CircularStd-BoldItalic22eddf1ca20a2f32590c.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd-Black";
  src: url(../fonts/CircularStd-Black597e5cb20a43af6514a3.eot);
  src: url(../fonts/CircularStd-Black597e5cb20a43af6514a3.eot?#iefix) format("embedded-opentype"), url(../fonts/CircularStd-Black1b79f316c2ea9ff50934.woff2) format("woff2"), url(../fonts/CircularStd-Blackfb41e6016c1193d0fc7b.woff) format("woff"), url(../fonts/CircularStd-Black5000f1578f504854c38a.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd-BlackItalic";
  src: url(../fonts/CircularStd-BlackItalic36a6cdc055f4efb76503.eot);
  src: url(../fonts/CircularStd-BlackItalic36a6cdc055f4efb76503.eot?#iefix) format("embedded-opentype"), url(../fonts/CircularStd-BlackItalic9a3ad909f85265c05948.woff2) format("woff2"), url(../fonts/CircularStd-BlackItalic6864f6d37a96502c3cf3.woff) format("woff"), url(../fonts/CircularStd-BlackItalic8e4a8da75d15035ef7e7.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
.icons {
  display: inline-block;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icons-arrow-down {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27%23000%27 fill-rule=%27non-zero%27 d=%27M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.55.55 0 0 0-.771 0a.53.53 0 0 0 0 .759l4.684 4.61a1.65 1.65 0 0 0 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76a.55.55 0 0 0-.771 0%27/%3E%3C/svg%3E");
}

.icons-arrow-enter {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M19.75 18.219c0-2.352 0-3.527-.383-4.455a5.06 5.06 0 0 0-2.743-2.743c-.928-.383-2.103-.383-4.455-.383H3.871m4.236-4.857L4.31 9.577c-.293.293-.44.677-.44 1.061m4.236 4.857L4.31 11.699a1.5 1.5 0 0 1-.44-1.061%27/%3E%3C/svg%3E");
}

.icons-home {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 22 22%27%3E%3Cpath fill=%27%23000%27 d=%27M19 20H3v-8H1V9h1V6h1V3h1V2h14v3h1v2h1v2h1v3h-1v1h-1m-3-3V9h2V8h-1V6h-1V4H6v2H5v2H4v1h2v1h3V9h4v1m-1 8v-3h-2v3m7 0v-7h-1v1h-4v-1h-2v1H6v-1H5v7h3v-5h6v5Z%27/%3E%3C/svg%3E");
}

.icons-arrow-up {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Cpath fill=%27%23000%27 d=%27m11 7l-4 6h8z%27/%3E%3C/svg%3E");
}

.icons-youtube {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23000%27 d=%27M21.58 7.194a2.47 2.47 0 0 0-1.773-1.775C18.258 5 12 5 12 5s-6.258 0-7.806.42a2.47 2.47 0 0 0-1.775 1.774C2 8.774 2 12 2 12s0 3.258.42 4.807c.225.87.903 1.548 1.774 1.774C5.742 19 12 19 12 19s6.258 0 7.807-.42a2.47 2.47 0 0 0 1.774-1.773C22 15.258 22 12 22 12s0-3.226-.42-4.806M10 15V9l5.194 3z%27/%3E%3C/svg%3E");
}

.icons-instagram {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2717%27 cy=%277%27 r=%271.5%27 fill=%27%23000%27 fill-opacity=%270%27%3E%3Canimate fill=%27freeze%27 attributeName=%27fill-opacity%27 begin=%271.3s%27 dur=%270.15s%27 values=%270;1%27/%3E%3C/circle%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath stroke-dasharray=%2772%27 stroke-dashoffset=%2772%27 d=%27M16 3c2.76 0 5 2.24 5 5v8c0 2.76 -2.24 5 -5 5h-8c-2.76 0 -5 -2.24 -5 -5v-8c0 -2.76 2.24 -5 5 -5h4Z%27%3E%3Canimate fill=%27freeze%27 attributeName=%27stroke-dashoffset%27 dur=%270.6s%27 values=%2772;0%27/%3E%3C/path%3E%3Cpath stroke-dasharray=%2728%27 stroke-dashoffset=%2728%27 d=%27M12 8c2.21 0 4 1.79 4 4c0 2.21 -1.79 4 -4 4c-2.21 0 -4 -1.79 -4 -4c0 -2.21 1.79 -4 4 -4%27%3E%3Canimate fill=%27freeze%27 attributeName=%27stroke-dashoffset%27 begin=%270.7s%27 dur=%270.6s%27 values=%2728;0%27/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.icons-facebook {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23000%27 d=%27M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z%27/%3E%3C/svg%3E");
}

.icons-tiktok {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23000%27 d=%27M16.6 5.82s.51.5 0 0A4.28 4.28 0 0 1 15.54 3h-3.09v12.4a2.59 2.59 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48%27/%3E%3C/svg%3E");
}

.icons-book {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%23000%27 d=%27M277.3 50.2v426.7c64-53.3 170.7-53.3 234.7 0V50.2c-64-53.3-170.7-53.3-234.7 0M0 50.2v426.7c64-53.3 170.7-53.3 234.7 0V50.2C170.7-3.1 64-3.1 0 50.2%27/%3E%3C/svg%3E");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:focus {
  outline: 0;
}

html {
  font-size: var(--theme-font-size);
}

body {
  font-size: 14px;
  font-family: var(--font-f-1);
  font-style: normal;
  font-weight: 400;
  color: var(--color-main);
  background: var(--color-black);
}

html,
body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  display: block;
}

figure,
picture {
  display: block;
  margin: 0;
}

a {
  text-decoration: none;
}

p {
  line-height: 1.5;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin: 0;
}

address {
  font-style: normal;
}

ul {
  list-style: none;
}

.header-site {
  height: 7rem;
  display: flex;
  align-items: center;
}
.header-site .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-site figure {
  width: 14rem;
}
.header-site-buttons {
  display: flex;
  gap: 1rem;
}
.header-site-buttons .btn-general {
  height: 4.5rem;
  padding: 0 1rem;
  border-radius: 2.5rem;
  width: 12.5rem;
  justify-content: center;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .header-site figure {
    width: 11rem;
  }
  .header-site-buttons .btn-general {
    height: 3.5rem;
    width: 9.5rem;
  }
  .header-site-buttons .btn-general:first-child {
    display: none;
  }
}

.footer-site {
  padding: 14rem 0 4rem 0;
}
.footer-site-info {
  display: flex;
  justify-content: space-between;
}
.footer-site-info figure {
  width: 22rem;
}
.footer-site-info ul {
  display: flex;
  gap: 1rem;
}
.footer-site-info li {
  width: 5rem;
  height: 5rem;
}
.footer-site-info li a {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(247, 247, 247, 0.4);
  background: var(--color-blueThree);
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-site-info li a span {
  width: 3rem;
  height: 3rem;
  background: var(--color-main);
}
.footer-site-socials {
  margin: 3rem 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-site-socials p {
  color: var(--whiteOpacity);
  line-height: 1;
}
.footer-site-socials-button {
  color: rgba(247, 247, 247, 0.8);
  font-family: var(--font-f-5);
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: flex-end;
}
.footer-site-socials-button span {
  width: 3rem;
  height: 3rem;
  background: rgba(247, 247, 247, 0.8);
}
@media (max-width: 1024px) {
  .footer-site {
    padding: 7.5rem 0 3.5rem 0;
  }
}
@media (max-width: 767px) {
  .footer-site-info {
    flex-wrap: wrap;
  }
  .footer-site-info figure {
    margin: 0 auto;
  }
  .footer-site-info ul {
    width: 100%;
    justify-content: center;
    margin: 2.5rem 0 0 0;
  }
  .footer-site-socials {
    flex-direction: column-reverse;
    margin: 2.5rem 0 0 0;
  }
  .footer-site-socials-button {
    margin: 0 0 2.5rem 0;
    justify-content: center;
  }
  .footer-site-socials p {
    text-align: center;
  }
}

.btn-general {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  height: 60px;
  padding: 0 60px;
  border-radius: 40px;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(234, 242, 242, 0.24);
  font-family: var(--font-f-5);
  color: var(--color-white);
}
.btn-general.green {
  background: var(--color-green);
  border-color: var(--color-green);
}
@media (min-width: 1025px) {
  .btn-general:hover {
    background: var(--color-green);
    border-color: var(--color-green);
  }
  .btn-general.green:hover {
    background: none;
    border-color: rgba(234, 242, 242, 0.24);
  }
}
@media (max-width: 1024px) {
  .btn-general {
    font-size: 14px;
    padding: 0 40px;
    height: 55px;
  }
}

.title-general {
  font-size: 32px;
  line-height: 1;
  font-family: var(--font-f-5);
}
.title-general.black {
  font-family: var(--font-f-7);
}
.title-general.medium-weight {
  font-family: var(--font-f-3);
}
.title-general.big {
  font-size: 40px;
}
.title-general.medium {
  font-size: 28px;
}
.title-general.small {
  font-size: 16px;
}
.title-general.yellow {
  color: var(--color-yellow);
}
@media (max-width: 1024px) {
  .title-general {
    font-size: 24px;
  }
  .title-general.big {
    font-size: 32px;
  }
}
@media (max-width: 960px) {
  .title-general {
    font-size: 16px;
  }
  .title-general.big {
    font-size: 24px;
  }
}

.container {
  width: 100%;
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .container {
    padding: 0 20px;
  }
}

.home-map {
  display: flex;
  flex-wrap: wrap;
  height: calc(100vh - 7rem);
}
.home-map-sidebar {
  width: 25%;
  background: var(--color-blue);
  overflow: hidden;
}
.home-map-sidebar-button {
  display: none;
}
.home-map-sidebar-description {
  padding: 30px;
  padding-top: 40px;
}
.home-map-sidebar-description-select {
  margin: 35px 0 0 0;
}
.home-map-sidebar-description-select-item {
  width: 100%;
  height: 50px;
  margin: 0 0 10px 0;
  position: relative;
}
.home-map-sidebar-description-select-item select {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(247, 255, 247, 0.25);
  background: var(--color-blueThree);
  font-size: 16px;
  font-family: var(--font-f-3);
  appearance: none;
  padding-left: 15px;
  padding-right: 40px;
  color: var(--color-main);
  border-radius: 10px;
  overflow: hidden;
}
.home-map-sidebar-description-select-item span {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: var(--color-main);
  pointer-events: none;
}
.home-map-sidebar-description-select-item:last-child {
  margin: 0;
}
.home-map-sidebar-tabs {
  padding: 0 0 30px 30px;
}
.home-map-sidebar-tabs-list {
  padding-top: 30px;
  display: flex;
  gap: 3px;
  overflow-x: auto;
  padding-bottom: 5px;
}
.home-map-sidebar-tabs-list::-webkit-scrollbar-button:single-button {
  display: none; /* Oculta los botones */
  width: 0;
  height: 0;
}
.home-map-sidebar-tabs-list::-webkit-scrollbar {
  height: 5px; /* ancho del scroll */
}
.home-map-sidebar-tabs-list::-webkit-scrollbar-track {
  background: transparent; /* fondo de la pista */
}
.home-map-sidebar-tabs-list::-webkit-scrollbar-thumb {
  background-color: var(--color-greenThree); /* color de la barra */
  border-radius: 4px; /* esquinas redondeadas */
}
.home-map-sidebar-tabs-list-item {
  border: 1px solid rgba(247, 255, 247, 0.25);
  background: var(--color-blueThree);
  border-radius: 40px;
  cursor: pointer;
  height: 45px;
  display: flex;
  align-items: center;
  padding: 0 23px;
  font-size: 15px;
  font-family: var(--font-f-3);
  color: var(--color-blueFour);
  white-space: nowrap;
  transition: all 0.4s ease-in-out;
}
.home-map-sidebar-tabs-list-item.active {
  background: var(--color-green);
}
.home-map-sidebar-points {
  overflow: auto;
  padding-right: 0;
  height: 385px;
  position: relative;
}
.home-map-sidebar-points .home-map-loader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  width: 40px;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  border: 10px solid #ffffff;
  border-radius: 50%;
  aspect-ratio: 1;
  animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}
.home-map-sidebar-points .home-map-loader.active {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}
@keyframes l20-1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}
@keyframes l20-2 {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}
.home-map-sidebar-points::-webkit-scrollbar-button:single-button {
  display: none; /* Oculta los botones */
  width: 0;
  height: 0;
}
.home-map-sidebar-points::-webkit-scrollbar {
  width: 10px; /* ancho del scroll */
}
.home-map-sidebar-points::-webkit-scrollbar-track {
  background: transparent; /* fondo de la pista */
}
.home-map-sidebar-points::-webkit-scrollbar-thumb {
  background-color: var(--color-greenThree); /* color de la barra */
  border-radius: 4px; /* esquinas redondeadas */
}
.home-map-sidebar-points-item {
  padding: 20px 30px;
  transition: all 0.4s ease-in-out;
}
.home-map-sidebar-points-item h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 15px 0;
}
.home-map-sidebar-points-item h3 span {
  background: var(--color-yellow);
  width: 20px;
  height: 20px;
}
.home-map-sidebar-points-item-btn {
  margin: 15px 0 0 0;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 10;
}
.home-map-sidebar-points-item-btn span {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  color: var(--color-greenTwo);
  font-family: var(--font-f-3);
}
.home-map-sidebar-points-item-btn i {
  font-style: normal;
  background: var(--color-greenTwo);
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}
@media (min-width: 1025px) {
  .home-map-sidebar-points-item:hover {
    background: var(--color-blueTwo);
  }
}
.home-map-sidebar-points-item.active {
  background: var(--color-blueTwo);
}
@media (max-width: 1400px) {
  .home-map-sidebar {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  .home-map-sidebar {
    width: 35%;
  }
  .home-map-sidebar-description {
    padding: 15px;
    padding-top: 10px;
  }
  .home-map-sidebar-description-select {
    margin: 10px 0 0 0;
  }
  .home-map-sidebar-tabs {
    padding-left: 15px;
    padding-bottom: 10px;
  }
  .home-map-sidebar-tabs-list {
    padding-top: 15px;
  }
  .home-map-sidebar-points-item {
    padding: 15px;
  }
}
@media (max-width: 960px) {
  .home-map-sidebar {
    width: 100%;
    order: 2;
  }
  .home-map-sidebar-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 30px;
    background: var(--color-blueThree);
    color: var(--color-blueFour);
    font-size: 12px;
    font-family: var(--font-f-3);
    gap: 2px;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
  }
  .home-map-sidebar-button .hide-search {
    display: none;
  }
  .home-map-sidebar-button i {
    font-style: normal;
    background: var(--color-blueFour);
    width: 20px;
    height: 20px;
    transition: all 0.4s ease-in-out;
  }
  .home-map-sidebar-button.active .show-search {
    display: none;
  }
  .home-map-sidebar-button.active .hide-search {
    display: block;
  }
  .home-map-sidebar-button.active i {
    transform: rotate(180deg);
  }
  .home-map-sidebar-description h1 {
    display: none;
  }
  .home-map-sidebar-description-select {
    margin-top: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
  }
  .home-map-sidebar-description-select.active {
    height: auto;
  }
  .home-map-sidebar-points {
    height: 0;
    transition: all 0.4s ease-in-out;
  }
  .home-map-sidebar-points.active {
    max-height: 480px;
    height: auto;
  }
}
.home-map-google {
  width: 75%;
  transition: all 0.4s ease-in-out;
}
.home-map-google #map {
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 1400px) {
  .home-map-google {
    width: 70%;
  }
}
@media (max-width: 1024px) {
  .home-map-google {
    width: 65%;
  }
}
@media (max-width: 960px) {
  .home-map-google {
    width: 100%;
    height: calc(80vh - 7rem);
    order: 1;
  }
  .home-map-google.active {
    height: 35vh;
  }
}
@media (max-width: 960px) {
  .home-map {
    height: auto;
  }
}

.home-points {
  padding: 85px 0 0 0;
	display: none;
}
.home-points-container {
  margin: 60px 0 0 0;
}
.home-points-local {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 60px 0;
}
.home-points-local p {
  color: var(--color-whiteOpacity);
}
.home-points-local figure {
  width: 25.5%;
  border-radius: 25px;
  overflow: hidden;
}
.home-points-local-description {
  width: 40%;
  padding: 0 110px 0 75px;
}
.home-points-local-description .title-general {
  line-height: 1.2;
}
.home-points-local-description p {
  margin: 15px 0 30px 0;
  font-size: 18px;
}
.home-points-local-description .btn-general {
  cursor: pointer;
}
.home-points-local-comfort {
  width: 34.5%;
  padding: 0 0 0 75px;
  position: relative;
}
.home-points-local-comfort-item {
  margin: 0 0 30px 0;
}
.home-points-local-comfort-item h2, .home-points-local-comfort-item h3, .home-points-local-comfort-item h4, .home-points-local-comfort-item h5, .home-points-local-comfort-item h6 {
  margin: 0 0 12px 0;
}
.home-points-local-comfort-item p {
  margin: 0 0 35px 0;
}
.home-points-local-comfort-item p:last-child {
  margin: 0;
}
.home-points-local-comfort-item:before {
  content: "";
  position: absolute;
  height: 160px;
  width: 1px;
  background: rgba(247, 255, 247, 0.25);
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.home-points-local-comfort-item:last-child {
  margin: 0;
}
.home-points-local.active .home-points-local-description h3 {
  color: var(--color-yellow);
}
.home-points-local.active .home-points-local-description .btn-general {
  background: var(--color-green);
  border-color: var(--color-green);
}
.home-points-local.active .home-points-local-comfort-item h4 {
  color: var(--color-yellow);
}
.home-points-local:last-child {
  margin: 0;
}
@media (max-width: 1200px) {
  .home-points-local-description {
    padding: 0 80px 0 50px;
  }
  .home-points-local-comfort {
    padding-left: 50px;
  }
}
@media (max-width: 1024px) {
  .home-points {
    padding: 45px 0 0 0;
  }
  .home-points-container {
    margin: 30px 0 0 0;
  }
  .home-points-local-description p {
    font-size: 14px;
  }
}
@media (max-width: 960px) {
  .home-points-local {
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(247, 255, 247, 0.25);
    padding-bottom: 25px;
  }
  .home-points-local figure, .home-points-local-description {
    width: 100%;
  }
  .home-points-local-description {
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
  }
  .home-points-local-description p {
    margin: 10px 0 15px 0;
  }
  .home-points-local-comfort {
    display: none;
  }
  .home-points-local:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

.home-points-category {
  margin: 0 0 6rem 0;
}
.home-points-category-ctn {
  margin: 6rem 0 0 0;
}
.home-points-category:last-child {
  margin-bottom: 0;
}