.heading {
    margin-bottom: 140px;
    font-family: Montserrat, sans-serif !important;
}

.map-layout {
    overflow-x: hidden;
}
.map-layout .globe {
    width: 100%;
}

.map-image {
    position: relative;
    width: 1903px;
    height: 499.533px;
    background-image: url('/assets/img/location/map.svg'); /* Replace with the actual path to your map image */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%; /* Set the initial position of the location */
    margin-top: 64px !important;
    transform: translateX(-50%);
    margin-left: 50%;
}

.map-image div img {
    display: block;
    height: 48px;
    margin: 0 auto;
}

.map-dot1 {
    position: absolute;
    bottom: 179.83px;
    left: 932.47px;
    transform: translate(-169%, 396%);
    width: 10px;
    height: 10px;
    background-color: #363535; /* Adjust the color of the dot */
    border-radius: 50%;
    overflow: visible;
}

.map-dot2 {
    position: absolute;
    bottom: 334.69px;
    left: 799.26px;
    transform: translate(1263%, 2039%);
    width: 10px;
    height: 10px;
    background-color: #363535; /* Adjust the color of the dot */
    border-radius: 50%;
    overflow: visible;
}

.map-dot3 {
    position: absolute;
    bottom: 329.69px;
    left: 818.29px;
    transform: translate(977%, 2032%);
    width: 10px;
    height: 10px;
    background-color: #363535; /* Adjust the color of the dot */
    border-radius: 50%;
    overflow: visible;
}

.map-dot4 {
    position: absolute;
    bottom: 329.69px;
    left: 837.32px;
    transform: translate(697%, 2083%);
    width: 10px;
    height: 10px;
    background-color: #363535; /* Adjust the color of the dot */
    border-radius: 50%;
    overflow: visible;
}

.map-dot5 {
    position: absolute;
    bottom: 309.71px;
    left: 395.6px;
    transform: translate(4689%, -832%);
    width: 10px;
    height: 10px;
    background-color: #363535; /* Adjust the color of the dot */
    border-radius: 50%;
    overflow: visible;
    animation: glow2 1s infinite alternate;
}

.map-dot1::before,
.map-dot5::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 70%;
    background-color: #363535; /* Adjust the color of the lollipop stick */
}

.map-dot2::before,
.map-dot3::before,
.map-dot4::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 40%;
    background-color: #363535; /* Adjust the color of the lollipop stick */
}

.map-popup {
    position: absolute;
    width: 164px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pop-up1,
.pop-up2,
.pop-up3,
.pop-up4,
.pop-up5 {
    position: absolute;
    top: -180px; /* Adjust the distance from the dot */
    left: -90px; /* Adjust the distance from the dot */
    width: 180px;
    height: 180px;
    background: url('/assets/img/bg/Transparent block@200x.png');
    background-size: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.map-dot1:hover .pop-up1,
.map-dot2:hover .pop-up2,
.map-dot3:hover .pop-up3,
.map-dot4:hover .pop-up4,
.map-dot5:hover .pop-up5 {
    opacity: 1;
    visibility: visible;
}

.pop-up-picture {
    width: 50%;
    height: auto;
    margin-bottom: 10px;
}

.pop-up-title {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.pop-up-description {
    font-size: 13px;
    font-family: 'MontserratLight', sans-serif;
    line-height: 1;
    margin: 0;
}