.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 20px;
  color: #bfdbfe;
  font-size: 14px;
}
.breadcrumbs a {
  color: #e0f2fe;
}
.breadcrumbs a:hover {
  color: #fff;
}
.local-page-hero .hero-actions {
  margin-bottom: 0;
}
.local-intro-grid {
  align-items: start;
}
.local-contact-card {
  position: sticky;
  top: 94px;
}
.local-service-cards .card {
  display: flex;
  flex-direction: column;
}
.local-service-cards .card h2 {
  margin-top: 0;
}
.text-link {
  display: inline-flex;
  margin-top: auto;
  color: #0369a1;
  font-weight: 800;
}
.text-link:hover {
  color: #0f172a;
}
.service-area-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.service-area-list span {
  padding: 10px 13px;
  border: 1px solid #bae6fd;
  background: #e0f2fe;
  color: #075985;
  border-radius: 999px;
  font-weight: 800;
}
@media (max-width: 900px) {
  .local-contact-card {
    position: static;
  }
  .local-service-cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 680px) {
  .breadcrumbs {
    font-size: 13px;
  }
  .local-service-cards {
    grid-template-columns: 1fr;
  }
  .service-area-list {
    justify-content: flex-start;
  }
}
