.country-cities { margin: 0 auto 48px; }.country-cities .section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }.country-cities h2 { margin: 0; color: var(--evergreen); font: 600 26px Newsreader, serif; }.country-cities .section-heading p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }.country-city-slider-controls { display: flex; gap: 8px; }.country-city-slider-controls button { width: 35px; height: 35px; border: 1px solid #cddbc9; border-radius: 50%; background: #fffefa; color: var(--evergreen); cursor: pointer; font-size: 18px; }.country-city-grid { display: flex; gap: 12px; overflow-x: auto; padding: 2px 1px 11px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #b8cdb9 transparent; }.country-city-grid a { display: grid; grid-template-columns: minmax(105px, .95fr) minmax(0, 1.05fr); flex: 0 0 calc((100% - 48px) / 5); min-height: 164px; padding: 11px; overflow: hidden; border: 1px solid #e0e5da; border-radius: 8px; color: var(--evergreen); text-decoration: none; scroll-snap-align: start; }.country-city-grid img { width: 100%; height: 128px; align-self: end; object-fit: contain; object-position: left bottom; }.country-city-grid div { display: flex; min-width: 0; flex-direction: column; padding: 5px 0 2px 8px; }.country-city-grid h3 { margin: 0; font: 600 18px/1.12 Newsreader, serif; }.country-city-grid h3 small { color: #5d8468; font: 600 13px Manrope, sans-serif; }.country-city-grid p { margin: 6px 0; color: var(--muted); font-size: 13px; line-height: 1.35; }.country-city-grid strong { margin-top: auto; color: #41795e; font: 600 21px Newsreader, serif; }.country-city-grid em { margin-top: 4px; color: #5b8b58; font-size: 13px; font-style: normal; white-space: nowrap; }.country-city-grid a:hover, .country-city-grid a:focus-visible { border-color: #91ad91; background: #f9fbf5; outline: 0; }@media (max-width: 820px) { .country-city-grid a { flex-basis: calc((100% - 12px) / 2); } }@media (max-width: 600px) { .country-cities { margin-bottom: 34px; }.country-cities h2 { font-size: 24px; }.country-city-slider-controls { display: none; }.country-city-grid a { flex-basis: 88%; }.country-city-grid img { height: 142px; } }