.location-cities {
    position: relative; isolation: isolate;
    padding-block: 10px clamp(40px, 5vw, 72px);
    background: linear-gradient(165deg, #fff 18%, #eef8ff 85%, #fff);
}
.location-cities::before {
    content: ""; position: absolute; inset: 5% -15% 0 45%; z-index: -1;
    border: 70px solid #dcefff55; border-radius: 40%; transform: rotate(-30deg); pointer-events: none;
}
.location-cities__heading { margin-bottom: 30px; }
.location-cities .web-heading, .location-services .web-heading {
    margin: 0; color: #052743; font-size: clamp(1.85rem, 3.1vw, 3rem);
    font-weight: 750; line-height: 1.16; letter-spacing: -.035em; text-transform: none;
    background: none; -webkit-text-fill-color: currentColor;
}
.location-cities__description { margin: 12px 0 0; color: #65758d; font-size: clamp(1rem, 1.45vw, 1.25rem); line-height: 1.6; }
.location-cities__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.location-cities__card { min-width: 0; overflow: hidden; background: #fff; border: 1px solid #e1eff9; border-radius: 13px; box-shadow: 0 8px 26px #0072be0d; }
.location-cities__image { display: block; width: 100%; height: auto; aspect-ratio: 1.12; object-fit: cover; }
.location-cities__content { padding: 16px 14px 18px; }
.location-cities__content h3 { margin: 0 0 10px; color: #052743; font-size: 1.05rem; font-weight: 750; line-height: 1.3; }
.location-cities__content p { margin: 0; color: #526174; font-size: clamp(.85rem, .9vw, .95rem); line-height: 1.5; }
@media (max-width: 1199.98px) { .location-cities__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .location-cities__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .location-cities__grid { grid-template-columns: 1fr; } .location-cities__image { aspect-ratio: 3 / 2; } }