.local-area { margin-top: 3rem; background: #fff; color: #fff; }
.local-area-band { background: #2e78ad; padding: 3.5rem 0 6.5rem; }
.local-area-heading { color: #fff; font-size: 1.55rem; margin: 0 0 2rem; }
.local-area-places { display: grid; grid-template-rows: repeat(3, auto); grid-auto-flow: column; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; gap: 1rem 0; }
.local-area-places li { display: flex; align-items: baseline; gap: .75rem; padding: 0 1.25rem; border-left: 1px solid rgba(255,255,255,.22); overflow-wrap: anywhere; }
.local-area-places li:nth-child(-n+3) { border-left: 0; padding-left: 0; }
.local-area-places i { flex: 0 0 auto; }
.local-area-map-wrap { position: relative; margin-top: -3rem; padding-bottom: 2rem; }
.local-area-map { display: block; width: 100%; height: 450px; border: 0; border-radius: 20px; background: #e6eef2; }
.local-area-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; margin: .75rem 0 0; color: #555; font-size: .8rem; }
.local-area-caption a { color: #24658f; }
@media(max-width:767.98px) { .local-area-band { padding-top: 2.5rem; } .local-area-places { grid-template-rows: repeat(6,auto); grid-template-columns: repeat(2,minmax(0,1fr)); } .local-area-places li:nth-child(-n+6) { border: 0; padding-left: 0; } .local-area-map { height: 330px; } }
@media(max-width:399.98px) { .local-area-places { grid-auto-flow: row; grid-template-rows: none; grid-template-columns: 1fr; } .local-area-places li { border: 0; padding-left: 0; } .local-area-heading { font-size: 1.3rem; } .local-area-map { height: 300px; } }