/* "Our Other Locations" (#other-locations)
   Desktop/tablet: inherits .location-grid (4col / 2col).
   Mobile (<=767px): horizontal scroll carousel, matching the site's
   .grid-4col-2 card-carousel treatment used by the services sections. */

.location-grid.is-other-locations .location-cell-2 {
  grid-row-gap: 0.875rem;
  justify-content: space-between;
  padding: 1.25rem;
  /* Standard card tint, same as every other .location-cell-2 on the site.
     (The office-photo card background was removed at the admin's request.) */
  background-color: #20325a0d;
  background-image: none;
}

.other-location-address {
  line-height: 1.45;
}

.other-location-phone {
  grid-column-gap: 0.5rem;
  color: #20325a;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.other-location-phone:hover {
  color: #4861f2;
}

.other-location-phone img {
  width: 1.125rem;
  height: 1.125rem;
}

@media screen and (max-width: 767px) {
  .location-grid.is-other-locations {
    grid-template-columns: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: auto;
    padding-bottom: 0.5rem;
  }

  .location-grid.is-other-locations .location-cell-2 {
    scroll-snap-align: center;
    flex: none;
    width: 78%;
  }
}