body {



}





.pin-wrapper {
    position: relative;
    width: 30px; /* match your icon width */
    height: 30px; /* match your icon height */
}

.pin-img {
    width: 100%;
    height: auto;
    display: block;
}

.pin-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%); /* adjust vertical alignment */
    color: white;
    font-weight: bold;
    font-size: 14px;
    pointer-events: none; /* text won't block clicks */
}




.camera-wrapper {
    position: relative;
    width: 60px; /* match your icon width */
    height: 49px; /* match your icon height */
}

.camera-img {
    width: 100%;
    height: auto;
    display: block;
}

.camera-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%); /* adjust vertical alignment */
    color: blue;
    font-weight: normal;
    font-size: 14px;
    pointer-events: none; /* text won't block clicks */
}


.camera-link {
    text-decoration: none;
}




.briefcase-wrapper {
    position: relative;
    width: 60px; /* match your icon width */
    height: 58px; /* match your icon height */
}

.briefcase-img {
    width: 100%;
    height: auto;
    display: block;
}

.briefcase-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%); /* adjust vertical alignment */
    color: white;
    font-weight: normal;
    font-size: 14px;
    pointer-events: none; /* text won't block clicks */
}


.briefcase-link {
    text-decoration: none;
}



.car-wrapper {
    position: relative;
    width: 60px; /* match your icon width */
    height: 54px; /* match your icon height */
}

.car-img {
    width: 100%;
    height: auto;
    display: block;
}

.car-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%); /* adjust vertical alignment */
    color: black;
    font-weight: normal;
    font-size: 14px;
    pointer-events: none; /* text won't block clicks */
}


.car-link {
    text-decoration: none;
}