.rwb-map {
    --rwb-map-background: #ffffff;
    --rwb-map-padding-top: 103rem;
    --rwb-map-padding-bottom: 103rem;
    width: 100%;
    padding: var(--rwb-map-padding-top) 0 var(--rwb-map-padding-bottom);
    overflow: hidden;
    color: #333333;
    background: var(--rwb-map-background);
}

.rwb-map__inner {
    width: 1816rem;
    margin: 0 auto;
}

.rwb-map__title {
    margin: 0 0 35rem;
    color: #333333;
    font-family: "Inter", Arial, sans-serif;
    font-size: 56rem;
    font-weight: 700;
    line-height: 1.12;
    text-align: center;
}

.rwb-map__frame {
    width: 100%;
    height: 635rem;
    overflow: hidden;
    background: #e8ebef;
}

.rwb-map__iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .rwb-map__inner {
        width: calc(100% - 80rem);
    }

    .rwb-map__title {
        font-size: 48rem;
    }

    .rwb-map__frame {
        height: 520rem;
    }
}

@media (max-width: 767px) {
    .rwb-map {
        padding-top: min(var(--rwb-map-padding-top), 64rem);
        padding-bottom: min(var(--rwb-map-padding-bottom), 64rem);
    }

    .rwb-map__inner {
        width: calc(100% - 32rem);
    }

    .rwb-map__title {
        margin-bottom: 26rem;
        font-size: 28rem;
    }

    .rwb-map__frame {
        height: 420rem;
    }
}