.map-filter {
    display: flex;
    justify-content: center;
}

.map-filter__btn {
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    font-size: clamp(1.75rem, 1.3893rem + 1.3423vw, 3rem);
    color: #fff;
    position: relative;
    margin: 0 4vw;
    opacity: 0.8;
    cursor: pointer;
    padding-bottom: 10px;
}

.map-filter__btn:hover {
    opacity: 1;
}

.map-filter__btn:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: clamp(0.375rem, 0.2668rem + 0.4027vw, 0.75rem);
    border-radius: 12px;
    background: #FEDC00;
    opacity: 0;
}

.map-image {
    height: 100%;
    object-fit: contain;
    object-position: bottom center;
}

.map-image:not(.is_stuck) {
    width: 100%;
}

.map-image.is_stuck {
    max-height: calc(100vh - 140px);
    object-fit: contain;
    object-position: bottom center;
}

.map-filter__btn.active {
    opacity: 1;
}

.map-filter__btn.active:after {
    opacity: 1;
}

.map-preview {
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0 4px 45px 0 rgba(14, 38, 72, .1);
    transition: all 0.3s;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: currentColor;
    min-height: 100%;
}

.map-preview:hover {
    box-shadow: 0 4px 45px 0 rgba(14, 38, 72, .2);
}

.map-preview__img {
    height: 200px;
    margin-bottom: 20px;
    overflow: hidden;
}

.map-preview__img--placeholder {
    background-image: url("data:image/svg+xml,%3Csvg width='240' height='165' viewBox='0 0 240 165' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_313_2)'%3E%3Cpath d='M162 75.2898C172.71 75.2898 181.39 66.6098 181.39 55.8998C181.39 45.1898 172.71 36.5098 162 36.5098C151.29 36.5098 142.61 45.1898 142.61 55.8998C142.61 66.6098 151.29 75.2898 162 75.2898Z' fill='%23BBBDBF'/%3E%3Cpath d='M0 0V164.56H240V0H0ZM231.89 156.45H224.81L173.62 105.26L146.57 132.31L89.42 75.16L8.13 156.45H8.12V8.11H231.89V156.44V156.45Z' fill='%23BBBDBF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_313_2'%3E%3Crect width='240' height='164.56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px;
}

.map-preview__img img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .3s;
}

.map-preview:hover .map-preview__img img {
    transform: scale(1.05);
}

.map-icon {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.94531 0.636719C4.08543 0.636719 0.945312 3.77684 0.945312 7.63672C0.945312 8.90742 1.51519 10.2741 1.53908 10.3317C1.72314 10.7686 2.08631 11.4472 2.34819 11.845L7.14772 19.1171C7.34414 19.4153 7.63484 19.5861 7.94531 19.5861C8.25578 19.5861 8.54649 19.4152 8.7429 19.1175L13.5428 11.845C13.8051 11.4472 14.1679 10.7686 14.352 10.3317C14.3758 10.2745 14.9453 8.90784 14.9453 7.63672C14.9453 3.77684 11.8052 0.636719 7.94531 0.636719ZM13.5927 10.0122C13.4284 10.4038 13.0903 11.035 12.8552 11.3916L8.05525 18.6642C7.96055 18.8079 7.93049 18.8079 7.83578 18.6642L3.03584 11.3916C2.80072 11.035 2.46267 10.4034 2.29837 10.0118C2.29137 9.9949 1.76884 8.73695 1.76884 7.63672C1.76884 4.23101 4.53961 1.46025 7.94531 1.46025C11.351 1.46025 14.1218 4.23101 14.1218 7.63672C14.1218 8.7386 13.598 9.99984 13.5927 10.0122Z' fill='white'/%3E%3Cpath d='M7.94807 3.93164C5.90448 3.93164 4.24219 5.59435 4.24219 7.63752C4.24219 9.6807 5.90448 11.3434 7.94807 11.3434C9.99166 11.3434 11.654 9.6807 11.654 7.63752C11.654 5.59435 9.99166 3.93164 7.94807 3.93164ZM7.94807 10.5199C6.35907 10.5199 5.06572 9.22693 5.06572 7.63752C5.06572 6.04811 6.35907 4.75517 7.94807 4.75517C9.53707 4.75517 10.8304 6.04811 10.8304 7.63752C10.8304 9.22693 9.53707 10.5199 7.94807 10.5199Z' fill='white'/%3E%3Cpath d='M7.94531 0.636719C4.08543 0.636719 0.945312 3.77684 0.945312 7.63672C0.945312 8.90742 1.51519 10.2741 1.53908 10.3317C1.72314 10.7686 2.08631 11.4472 2.34819 11.845L7.14772 19.1171C7.34414 19.4153 7.63484 19.5861 7.94531 19.5861C8.25578 19.5861 8.54649 19.4152 8.7429 19.1175L13.5428 11.845C13.8051 11.4472 14.1679 10.7686 14.352 10.3317C14.3758 10.2745 14.9453 8.90784 14.9453 7.63672C14.9453 3.77684 11.8052 0.636719 7.94531 0.636719ZM13.5927 10.0122C13.4284 10.4038 13.0903 11.035 12.8552 11.3916L8.05525 18.6642C7.96055 18.8079 7.93049 18.8079 7.83578 18.6642L3.03584 11.3916C2.80072 11.035 2.46267 10.4034 2.29837 10.0118C2.29137 9.9949 1.76884 8.73695 1.76884 7.63672C1.76884 4.23101 4.53961 1.46025 7.94531 1.46025C11.351 1.46025 14.1218 4.23101 14.1218 7.63672C14.1218 8.7386 13.598 9.99984 13.5927 10.0122Z' stroke='white' stroke-width='0.5'/%3E%3Cpath d='M7.94807 3.93164C5.90448 3.93164 4.24219 5.59435 4.24219 7.63752C4.24219 9.6807 5.90448 11.3434 7.94807 11.3434C9.99166 11.3434 11.654 9.6807 11.654 7.63752C11.654 5.59435 9.99166 3.93164 7.94807 3.93164ZM7.94807 10.5199C6.35907 10.5199 5.06572 9.22693 5.06572 7.63752C5.06572 6.04811 6.35907 4.75517 7.94807 4.75517C9.53707 4.75517 10.8304 6.04811 10.8304 7.63752C10.8304 9.22693 9.53707 10.5199 7.94807 10.5199Z' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #1B4580;
    /* background: #1B4580 url(../img/map/map-icon.svg) no-repeat center; */
    background-size: 16px;
    margin-inline-start: auto;
}

.map-preview h2,
.map-preview .h2 {
    color: #1B4580;
}

@media (min-width: 1200px) {
    .sticky-image-parent {
        height: calc(100vh - 140px);
        position: sticky;
        top: 0;
        flex-shrink: 0;
    }

    .centers-parent {
        flex: 1;
        overflow-y: auto;
        height: calc(100vh - 140px);
        padding: 20px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}

@media (max-width: 767px) {
    .map-icon {
        width: 28px;
        height: 28px;
        background-size: 12px;
    }

    .map-filter {
        overflow: hidden;
        overflow-x: auto;
    }

    .map-filter__btn {
        flex: 0 0 auto;
    }

}