body {
    font-family: 'Roboto', sans-serif;
  }
  
  #map {
    height: 500px;
    width: 100%;
    margin-bottom: 20px;
  }
  
  .tabs .tab a {
    color: #1976d2;
  }
  
  .tabs .tab a.active {
    background-color: #e3f2fd;
    color: #0d47a1;
  }
  
  .card {
    overflow-y: auto;
    max-height: 500px;
  }
  
  @media screen and (max-width: 768px) {
    #map {
      height: 300px;
    }
  
    .card {
      max-height: 300px;
    }
  }