@charset "UTF-8";
.tabbed-map {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 100px;
  padding-top: 90px;
  background-attachment: fixed;
}
@media (max-width: 768px) {
  .tabbed-map {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.tabbed-map::before {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15.46%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15.46%, rgba(0, 0, 0, 0.9) 100%);
}
.tabbed-map__title {
  font-size: 48px;
  text-align: left;
  margin-bottom: 50px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 768px) {
  .tabbed-map__title {
    margin-bottom: 20px;
  }
}
.tabbed-map__title-first {
  font-family: "NyghtSerif";
  font-weight: 400;
  font-style: italic;
  font-size: 70px;
  line-height: 68px;
  color: #ffffff;
}
@media (max-width: 992px) {
  .tabbed-map__title-first {
    line-height: 1;
    font-size: 55px;
  }
}
@media (max-width: 768px) {
  .tabbed-map__title-first {
    font-size: 36px;
  }
}
.tabbed-map__title-second {
  position: relative;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 70px;
  line-height: 74px;
  color: #ffffff;
  padding-left: 58px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 58px 58px;
  background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.7204 32.1898C32.0605 29.4759 32.1955 25.0282 31.9705 23.1436C31.2205 24.6513 29.3603 27.9833 27.9202 29.2498C26.1201 30.8329 26.7952 35.5822 29.7204 32.1898Z' stroke='%23D6E5DE'/%3E%3Cpath d='M25.3295 44.9705C23.7428 44.0184 23.3461 41.797 23.3461 40.8054C21.9578 43.1854 15.6109 41.9955 15.4126 37.8304C15.2539 34.4984 18.1232 32.7398 19.5777 32.277C18.3877 32.0786 16.206 30.8093 16.9993 27.3185C17.7927 23.8278 21.0322 23.6162 22.5528 23.9468C22.3941 16.4894 26.7179 14.7571 28.8996 14.8232C28.8996 12.0465 30.4863 8.87301 35.4447 9.07135C39.4115 9.23002 38.8165 14.8231 38.0231 17.5998C39.1471 17.4015 41.4742 18.0361 41.7916 22.1616C42.1089 26.287 39.4115 28.1117 38.0231 28.5084C38.7504 28.5084 40.2049 29.4604 40.2049 33.2685C40.2049 37.0766 35.7092 38.2931 33.4614 38.4253C33.9903 39.2187 34.7307 41.321 33.4614 43.3838C31.8747 45.9621 27.3129 46.1605 25.3295 44.9705Z' stroke='%23D6E5DE'/%3E%3Cpath d='M22.1568 48.9371C21.8924 47.681 21.7205 44.4547 23.1485 41.5986' stroke='%23D6E5DE'/%3E%3Cpath d='M28.7015 43.582C26.4801 44.2167 24.2058 41.8631 23.3463 40.6069C21.5613 40.6069 17.9912 39.9326 17.9912 37.2352C17.9912 34.5378 20.7679 33.4668 22.1563 33.2685C20.9663 32.2107 18.8639 29.5397 19.9746 27.3183C21.0853 25.0969 23.8752 25.5994 25.1314 26.1283C24.7347 25.4671 24.1794 23.3912 25.1314 20.3765C26.0834 17.3618 28.8337 16.6081 30.0898 16.608C31.0815 13.633 32.8666 10.2612 35.2466 11.4513C37.1507 12.4033 36.4367 17.0047 35.8416 19.1864C38.42 18.9881 38.8167 21.7648 38.8167 24.1449C38.8167 26.0489 36.8333 27.4505 35.8416 27.9133C39.1737 34.1014 34.4533 36.7063 31.6765 37.2352C32.6682 40.2103 31.4782 42.7887 28.7015 43.582Z' stroke='%23D6E5DE'/%3E%3C/svg%3E%0A");
}
@media (max-width: 992px) {
  .tabbed-map__title-second {
    line-height: 1;
    font-size: 55px;
  }
}
@media (max-width: 768px) {
  .tabbed-map__title-second {
    font-size: 36px;
    padding-left: 33px;
    background-size: 32px 32px;
  }
}
.tabbed-map__background {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  background-size: cover;
  background-position: center;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 720'><rect width='1200' height='720' fill='%23e8f4f8'/><text x='600' y='360' text-anchor='middle' font-family='Arial' font-size='24' fill='%23666'>Карта фон</text></svg>");
}
.tabbed-map__mobile-slider {
  display: none;
  position: relative;
  width: 100%;
}
.tabbed-map__mobile-content {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.tabbed-map__mobile-content.active {
  opacity: 1;
  pointer-events: auto;
}
.tabbed-map__tab-content {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.tabbed-map__tab-content.active {
  pointer-events: auto;
  opacity: 1;
}
.tabbed-map__tab-content .map-point-wrapper {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.tabbed-map__tab-content .map-point-wrapper .map-point {
  position: relative;
  width: clamp(16px, 2vw, 36px);
  height: clamp(16px, 2vw, 36px);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: 7px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23D6E5DE'/%3E%3Cpath d='M18 12.0625C17.3201 12.0625 16.6555 12.2641 16.0902 12.6418C15.5249 13.0195 15.0843 13.5564 14.8242 14.1845C14.564 14.8126 14.4959 15.5038 14.6286 16.1706C14.7612 16.8374 15.0886 17.4499 15.5693 17.9307C16.0501 18.4114 16.6626 18.7388 17.3294 18.8714C17.9962 19.0041 18.6874 18.936 19.3155 18.6758C19.9436 18.4157 20.4805 17.9751 20.8582 17.4098C21.2359 16.8445 21.4375 16.1799 21.4375 15.5C21.4365 14.5886 21.074 13.7149 20.4295 13.0705C19.7851 12.426 18.9114 12.0635 18 12.0625ZM18 18.3125C17.4437 18.3125 16.9 18.1475 16.4375 17.8385C15.9749 17.5295 15.6145 17.0902 15.4016 16.5763C15.1887 16.0624 15.133 15.4969 15.2415 14.9513C15.3501 14.4057 15.6179 13.9046 16.0113 13.5113C16.4046 13.1179 16.9057 12.8501 17.4513 12.7415C17.9969 12.633 18.5624 12.6887 19.0763 12.9016C19.5902 13.1145 20.0295 13.4749 20.3385 13.9375C20.6476 14.4 20.8125 14.9437 20.8125 15.5C20.8117 16.2457 20.5151 16.9606 19.9878 17.4878C19.4606 18.0151 18.7457 18.3117 18 18.3125Z' fill='%23103D33'/%3E%3Cpath d='M18 8C16.0116 8.00227 14.1052 8.79318 12.6992 10.1992C11.2932 11.6052 10.5023 13.5116 10.5 15.5C10.5 20.8841 17.4867 27.6289 17.7839 27.9133C17.8421 27.969 17.9195 28 18 28C18.0805 28 18.1579 27.969 18.2161 27.9133C18.5133 27.6289 25.5 20.8841 25.5 15.5C25.4977 13.5116 24.7068 11.6052 23.3008 10.1992C21.8948 8.79318 19.9884 8.00227 18 8ZM18 27.2482C16.8107 26.055 11.125 20.1075 11.125 15.5C11.125 13.6766 11.8493 11.928 13.1386 10.6386C14.428 9.34933 16.1766 8.625 18 8.625C19.8234 8.625 21.572 9.34933 22.8614 10.6386C24.1507 11.928 24.875 13.6766 24.875 15.5C24.875 20.1053 19.1893 26.0545 18 27.2482Z' fill='%23103D33'/%3E%3C/svg%3E");
  z-index: 2;
}
.tabbed-map__tab-content .map-point-wrapper .map-point__preview {
  position: absolute;
  -webkit-transform: translate(10px, -8px);
      -ms-transform: translate(10px, -8px);
          transform: translate(10px, -8px);
  width: 110px;
  min-height: 130px;
  background: rgb(16, 61, 51);
  color: white;
  padding: 6px;
  z-index: 0;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  cursor: pointer;
}
@media (max-width: 1540px) {
  .tabbed-map__tab-content .map-point-wrapper .map-point__preview--1 {
    right: 85% !important;
  }
}
@media (max-width: 1340px) {
  .tabbed-map__tab-content .map-point-wrapper .map-point__preview--1 {
    right: 90% !important;
  }
}
@media (max-width: 1300px) {
  .tabbed-map__tab-content .map-point-wrapper .map-point__preview--1 {
    right: 95% !important;
  }
}
@media (max-width: 1540px) {
  .tabbed-map__tab-content .map-point-wrapper .map-point__preview--2 {
    right: -185% !important;
  }
}
@media (max-width: 1340px) {
  .tabbed-map__tab-content .map-point-wrapper .map-point__preview--2 {
    right: -190% !important;
  }
}
@media (max-width: 1300px) {
  .tabbed-map__tab-content .map-point-wrapper .map-point__preview--2 {
    right: -195% !important;
  }
}
@media (max-width: 1540px) {
  .tabbed-map__tab-content .map-point-wrapper .map-point__preview--right {
    right: -200% !important;
  }
}
@media (max-width: 1320px) {
  .tabbed-map__tab-content .map-point-wrapper .map-point__preview--right {
    right: -220% !important;
  }
}
.tabbed-map__tab-content .map-point-wrapper .map-point__preview img {
  width: 100%;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
@media (max-width: 1350px) {
  .tabbed-map__tab-content .map-point-wrapper .map-point__preview img {
    height: 70px;
  }
}
.tabbed-map__tab-content .map-point-wrapper .map-point__preview h5 {
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 0;
  line-height: 1.2;
  text-align: left;
}
.tabbed-map__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .tabbed-map__tabs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.1);
    padding-bottom: 8px;
  }
  .tabbed-map__tabs::-webkit-scrollbar {
    height: 4px;
  }
  .tabbed-map__tabs::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
  }
  .tabbed-map__tabs::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
  .tabbed-map__tabs::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
  }
}
@media (max-width: 576px) {
  .tabbed-map__tabs {
    gap: 14px;
  }
}
@media (max-width: 350px) {
  .tabbed-map__tabs {
    padding-bottom: 0;
  }
}
.tabbed-map__tabs::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 2px;
  z-index: 0;
}
@media (max-width: 1200px) {
  .tabbed-map__tabs::before {
    bottom: 8px;
  }
}
@media (max-width: 370px) {
  .tabbed-map__tabs::before {
    display: none;
  }
}
.tabbed-map__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(250, 250, 250, 0.2);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 9;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.tabbed-map__overlay.active {
  opacity: 1;
  pointer-events: all;
}

@media (max-width: 1200px) {
  .tabbed-map__background {
    display: none;
  }
  .tabbed-map__mobile-slider {
    display: block;
  }
}
.mobile-swiper {
  padding-bottom: 40px;
}
.mobile-swiper .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mobile-swiper .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mobile-swiper .swiper-pagination {
  bottom: 0;
}
.mobile-swiper .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.mobile-swiper .swiper-pagination-bullet-active {
  background: #ffffff;
}

.tab-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 16px 0;
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  position: relative;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  z-index: 1;
}
@media (max-width: 1200px) {
  .tab-button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    white-space: nowrap;
    padding: 16px 20px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    font-size: 14px;
  }
  .tab-button:first-child {
    margin-left: 0;
  }
  .tab-button:last-child {
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .tab-button {
    padding: 16px 0px;
  }
}
.tab-button.active {
  color: #ffffff;
}
.tab-button.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffffff;
  border-radius: 2px;
}

.map-point-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 2;
}
.map-point-border .map-point {
  position: relative;
  width: clamp(16px, 2vw, 36px);
  height: clamp(16px, 2vw, 36px);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: none;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23D6E5DE'/%3E%3Cpath d='M18 12.0625C17.3201 12.0625 16.6555 12.2641 16.0902 12.6418C15.5249 13.0195 15.0843 13.5564 14.8242 14.1845C14.564 14.8126 14.4959 15.5038 14.6286 16.1706C14.7612 16.8374 15.0886 17.4499 15.5693 17.9307C16.0501 18.4114 16.6626 18.7388 17.3294 18.8714C17.9962 19.0041 18.6874 18.936 19.3155 18.6758C19.9436 18.4157 20.4805 17.9751 20.8582 17.4098C21.2359 16.8445 21.4375 16.1799 21.4375 15.5C21.4365 14.5886 21.074 13.7149 20.4295 13.0705C19.7851 12.426 18.9114 12.0635 18 12.0625ZM18 18.3125C17.4437 18.3125 16.9 18.1475 16.4375 17.8385C15.9749 17.5295 15.6145 17.0902 15.4016 16.5763C15.1887 16.0624 15.133 15.4969 15.2415 14.9513C15.3501 14.4057 15.6179 13.9046 16.0113 13.5113C16.4046 13.1179 16.9057 12.8501 17.4513 12.7415C17.9969 12.633 18.5624 12.6887 19.0763 12.9016C19.5902 13.1145 20.0295 13.4749 20.3385 13.9375C20.6476 14.4 20.8125 14.9437 20.8125 15.5C20.8117 16.2457 20.5151 16.9606 19.9878 17.4878C19.4606 18.0151 18.7457 18.3117 18 18.3125Z' fill='%23103D33'/%3E%3Cpath d='M18 8C16.0116 8.00227 14.1052 8.79318 12.6992 10.1992C11.2932 11.6052 10.5023 13.5116 10.5 15.5C10.5 20.8841 17.4867 27.6289 17.7839 27.9133C17.8421 27.969 17.9195 28 18 28C18.0805 28 18.1579 27.969 18.2161 27.9133C18.5133 27.6289 25.5 20.8841 25.5 15.5C25.4977 13.5116 24.7068 11.6052 23.3008 10.1992C21.8948 8.79318 19.9884 8.00227 18 8ZM18 27.2482C16.8107 26.055 11.125 20.1075 11.125 15.5C11.125 13.6766 11.8493 11.928 13.1386 10.6386C14.428 9.34933 16.1766 8.625 18 8.625C19.8234 8.625 21.572 9.34933 22.8614 10.6386C24.1507 11.928 24.875 13.6766 24.875 15.5C24.875 20.1053 19.1893 26.0545 18 27.2482Z' fill='%23103D33'/%3E%3C/svg%3E");
}

.map-point__card {
  position: absolute;
  background-color: rgb(16, 61, 51);
  top: calc(100% + 10px);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 16px;
  width: clamp(200px, 40vw, 348px);
  display: none;
  z-index: 10;
}
.map-point__card.active {
  display: block;
}
.map-point__card--mobile {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.map-point__card--mobile .map-point__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.map-point__card--mobile p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: auto;
}
.map-point__card--mobile ul {
  margin-top: auto;
}
.map-point__card--mobile a {
  margin-top: auto;
}
.map-point__card--floating {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  max-width: 348px;
  width: 90%;
  background-color: rgb(16, 61, 51);
  padding: 16px;
  display: none;
}
.map-point__card--floating.active {
  display: block;
}
.map-point__card img {
  width: 100%;
  height: 268px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 12px;
}
@media (max-width: 576px) {
  .map-point__card img {
    height: 192px;
  }
}
.map-point__card h4 {
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  text-align: left;
  margin-bottom: 8px;
}
@media (max-width: 576px) {
  .map-point__card h4 {
    max-width: 90%;
  }
}
.map-point__card h4 br {
  display: none;
}
.map-point__card p {
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  text-align: left;
  margin-bottom: 20px;
}
.map-point__card ul {
  margin: 0 0 12px 0;
  padding: 0;
  list-style: none;
}
.map-point__card ul li {
  padding-bottom: 8px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.map-point__card ul li:last-child {
  margin-bottom: 0;
}
.map-point__card a {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-style: solid;
  color: #ffffff;
  text-align: left;
}
@media (max-width: 576px) {
  .map-point__card {
    padding: 10px;
  }
}