.city-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 1rem;
      list-style: none;
      padding: 0;
      margin-top: 2rem;
    }

    .city-list li {
      background-color:#198754;
      color: white;
      padding: 0.75rem 1.5rem;
      border-radius: 8px;
      font-weight: 500;
      transition: transform 0.3s, background-color 0.3s;
      cursor: default;
    }
    .city-list li:hover {
      transform: translateY(-3px);
      background-color: #e06b3c;
    }

 
    /* Responsive */
    @media (max-width: 600px) {
    
      .city-list li {
        width: 45%;
      }
    }