.map{height:520px;border-radius:10px;border:1px solid #ddd}
@media (max-width: 991px){.map{height:420px}}


body{background:#1b1a1a ;}

.map {
   /* width: 600px;
    height: 400px;*/
    background-color: rgb(1, 22, 22); /* White with 50% transparency */
    border: 4px solid #fff; /* Optional border */
}

/* If you want the whole div (including content) transparent, use opacity */
.transparent-map {
    opacity: 0.7; /* 0 = fully transparent, 1 = fully opaque */
}



/* Override Bootstrap input background */
.input[text] {
    background-color: #151313 !important; /* Light green */
}