.map-with-tab-filters {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.map-with-tab-filters_grey {
  background-color: var(--color-grey-2);
}
@media screen and (min-width: 1024px) {
  .map-with-tab-filters__content {
    display: flex;
    gap: 32px;
  }
}
@media screen and (min-width: 1440px) {
  .map-with-tab-filters__content_gap-40 {
    gap: 40px;
  }
}
@media screen and (min-width: 1440px) {
  .map-with-tab-filters__content_gap-80 {
    gap: 80px;
  }
}
.map-with-tab-filters__title {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .map-with-tab-filters__tabs-wrapper {
    margin-bottom: 16px;
  }
}
.map-with-tab-filters__tabs {
  margin-bottom: 16px;
}
.map-with-tab-filters__subtitle {
  margin-bottom: 8px;
  display: block;
}
.map-with-tab-filters__links {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .map-with-tab-filters__links {
    margin-top: 32px;
  }
}
.map-with-tab-filters__text {
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .map-with-tab-filters__text {
    margin-bottom: 40px;
  }
}
.map-with-tab-filters__text-container {
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .map-with-tab-filters__text-container {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .map-with-tab-filters__text-container {
    margin-bottom: 32px;
  }
}
.map-with-tab-filters__text-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.map-with-tab-filters__text-block_grey {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .map-with-tab-filters__text-block {
    flex: 0 1 50%;
    margin: 40px 0;
  }
}
@media screen and (min-width: 1440px) {
  .map-with-tab-filters__text-block {
    flex: 0 0 600px;
  }
}
.map-with-tab-filters__map-container {
  height: 440px;
  margin: 0 -24px;
}
@media screen and (min-width: 768px) {
  .map-with-tab-filters__map-container {
    margin: 0 -40px;
  }
}
@media screen and (min-width: 1024px) {
  .map-with-tab-filters__map-container {
    height: 600px;
    margin: 0;
    flex: 0 0 calc(50% + 20px);
  }
}
@media screen and (min-width: 1440px) {
  .map-with-tab-filters__map-container {
    height: 640px;
    flex: 1 1 100%;
  }
}
.map-with-tab-filters__white-cards-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}