.region-map {
    width: 100%;
    height: 400px;
    border-radius: 15px;
    position: relative;
    z-index: 1;

    .marker {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 500;
        transition: all 200ms cubic-bezier(0.47, 0, 0.75, 0.72);
        transform: translate(-50%, -50%);
        width: 48px;
        height: 57px;

        &.dragging {
            transform: scale(0.8) translate(-50%, -50%);
        }
    }


    @media (max-width: 767px) {
        height: 360px;
    }

    .map-dont-click-alert {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 501;
    }
}
