.map-container {
      flex: 1 1 45%;
      min-width: 300px;
      display: flex;
      flex-direction: column;
    }

    .map-title a {
      text-decoration: none;
      color: #333;
      font-weight: bold;
      font-size: 16px;
    }

    .map-title a:hover {
      color: #007bff;
    }

    .map {
      border: none;
      width: 100%;
      height: 300px;
      margin-top: 8px;
    }

    @media (max-width: 768px) {
      .map-container {
        flex: 1 1 100%;
      }
    }