.available-cities { padding: 121px 21px; }
.cities-container { max-width: 1200px; margin: auto; text-align: center; }
.city-search { max-width: 500px; margin: 45px auto; position: relative; }
.city-search i { position: absolute; left: 21px; top: 50%; transform: translateY(-50%); color: #999; }
.city-search input { width: 100%; height: 60px; border: 1.75px solid #eee; border-radius: 999px; padding: 0 21px 0 55px; font-family: 'Poppins', sans-serif; font-size: 1rem; outline: none; }
.city-search input:focus { border-color: #00bfa5; }
.cities-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
.city-pill { padding: 15px 21px; border-radius: 999px; background: #f6f8f8; border: 1.75px solid #eeee; color: #002121; font-weight: 600; transition: .3s; }
.city-pill:hover { background: #00bfa5; border-color: #00bfa5; }
.no-result { display: none; margin-top: 30px; color: #757575; }
@media(max-width:755px) { .available-cities { padding: 75px 21px; } .city-search { margin: 30px auto; } .city-search input { height: 55px; } .city-pill { padding: 15px 21px; font-size: .95rem; } }