#interactive-map {
    width: 100%;
    height: 1000px;
}

.leaflet-control-custom {
    background-color: white;
    background-size: cover;
    border: 2px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000"%3E%3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/%3E%3C/svg%3E');
    width: 34px;
    height: 34px;
    padding: 0px;
}

.leaflet-routing-alt h2 {
    font-size: 16px !important;
    margin: 5px 0 !important;
}

.leaflet-routing-alt h3 {
    font-size: 20px !important;
    margin: 10px 0 !important;
}
.leaflet-marker-icon {
    object-fit: contain !important;
}