.map-wrapper { position: relative; }
.map-img { width:100%; border-radius:14px; }
.marker {
    position:absolute;
    transform:translate(-50%,-100%);
    width:46px;
    height:46px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background: radial-gradient(circle at 30% 30%, #0F1E39, #0F1E39 45%, #0F1E39);
    color:#ffffff; box-shadow:0 8px 22px rgba(0,0,0,.35);
    cursor:pointer; transition:.15s;
    border:2px solid rgba(0,0,0,.25);
}
.marker:hover{transform:translate(-50%,-100%) scale(1.05);}
.info-card { background:#1C1C1C; border:1px solid #121412; border-radius:10px; padding:15px; }
.info-card i { font-size:2rem; color:#ffffff; }