.interactive-map-block {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.interactive-map-block .map-point {
    transition: transform 0.2s;
    width:50px;
    height:50px;
    cursor:pointer;
    z-index:2;
    background: #000;
    padding: 8px;
    border-radius: 50%;
}
.interactive-map-block .map-point.active {
    background: #EFA56A;
}

.interactive-map-block .map-point:hover {
    transform: scale(1.1);
    z-index: 3;
}
.map-point-tooltip {
    display:none;
    position:absolute;
    top:0px;
    background:#000;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
    padding:1em;
    min-width:200px;
    color: #fff;
    font-size: 12px;
    line-height: 1.25;
    pointer-events: auto;
    z-index: 100;
}
.map-point-tooltip div {
    margin-bottom:5px;
}
/* Add positioning for tooltip right/left */
.map-point-tooltip-right {
    left:55px;   /* Default was left:55px; */
    right:auto;
}
.map-point-tooltip-left {
    right:55px;
    left:auto;
}
.map-point-tooltip-top_center {
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;   /* positions above the point, adjust as needed */
    top: auto;
}
.interactive-map-section .article {
    background-color: transparent !important;
}