.regional-location-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
  justify-content: center;
}
.regional-location-grid > div {
  flex-basis: 100%;
  background: var(--dark-blue);
}
.region-location-card {
  color: #fff;
  position: relative;
  padding-bottom: 4.75rem;
}
.region-location-card .description {
  padding: 2rem;
}
.region-location-card .description p {
  font-size: 1rem;
  line-height: 1.6;
}
.region-location-card .description ul {
  font-size: 1rem;
  line-height: 1.6;
}
.region-location-card .description ul li {
  line-height: 1.6 !important;
}
.regional-location-grid h3 {
 	font-size: var(--fs-24);
    font-weight: 800;
    line-height: 1.6;
    padding-bottom: 18px;
    text-transform: uppercase;
}
.regional-location-grid h3 a {
  color: #fff;
}
.regional-location-grid img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
}

.regional-location-grid .buttons {
  display: flex;
  gap: 1rem;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0 2rem 2rem;
}
.regional-location-grid .buttons a {
  display: block;
  text-align: center;
  letter-spacing: normal;
  white-space:nowrap;
  width: calc((100% / 2) - 1rem + (1rem / 2));
}
.regional-location-grid .buttons .learn-more {
  background: #fff;
  color: var(--dark-blue);
}
.regional-location-grid .buttons .contact-us {
  background: transparent;
  color: #fff;
  border: 1px solid #fff
}

@media screen and (min-width: 1024px) {
  .region-location-card {
    padding-bottom: 8.375rem;
  }
  .regional-location-grid > div {
    flex-basis: calc((100% / 3) - 2rem + (2rem / 3));
  }
  .regional-location-grid .buttons {
    flex-direction: column;
    padding: 0 1rem 1rem;
  }
  .regional-location-grid .buttons a {
    width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .regional-location-grid .buttons {
    flex-direction: row;
  }
  .regional-location-grid .buttons a {
    width: calc((100% / 2) - 1rem + (1rem / 2));
  }
}

@media screen and (min-width: 1600px) {
  .regional-location-grid .buttons {
    padding: 0 2rem 2rem;
  }
}