/* ==========================================================================
   Bayswater — hero
   ========================================================================== */
.bayswater-hero .inner-banner-content .button {
  margin-top: var(--space-20);
}

.bayswater-hero .breadcrumb {
  margin-top: var(--space-30);
}



/* ==========================================================================
   Bayswater — section top dividers
   ========================================================================== */
/* .bayswater-page .feature-section,
.bayswater-page .bayswater-categories,
.bayswater-page .areas-faq {
  position: relative;
  padding-top: 100px;
} */

.bayswater-page .feature-section::before,
.bayswater-page .bayswater-categories::before,
.bayswater-page .areas-faq::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% - var(--container-padding) * 2);
  max-width: var(--container-width);
  height: 1px;
  background-color: #dbdbdb;
}

/* ==========================================================================
   Bayswater — Areas We Serve (map + pins) section
   ========================================================================== */
.bayswater-areas-map__pins {
  grid-template-columns: repeat(2, 1fr);
}

.bayswater-areas-map__subtitle {
  margin-top: var(--space-40);
}

.bayswater-areas-map .content-image {
  aspect-ratio: 800 / 601;
}

.bayswater-areas-map .content-image iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: var(--radius-md);
}

@media (max-width: 991.98px) {
  .bayswater-areas-map__pins {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 576.98px) {
  .bayswater-areas-map__pins {
    grid-template-columns: repeat(2, 1fr);
  }
}
