.map-wrapper {
    width: 100%;
    height: 24rem;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* ---------- Mobile (up to 600px) ---------- */
@media (max-width: 600px) {
    .map-wrapper {
        height: 10rem;
        border-radius: 0.4rem;
    }#klm {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* ---------- Tablet (768px and above) ---------- */
@media (min-width: 768px) {
    .map-wrapper {
        height: 31.25rem;
    }
}

/* ---------- Desktop (1024px and above) ---------- */
@media (min-width: 1024px) {
    .map-wrapper {
        height: 18.5rem;
    }
}