.directions-wrap {
  background-color: var(--new-skyblue);

  padding: 2rem 5rem 6rem;
  color: var(--whiteish);

  @media (max-width: 768px) {
    padding: 3rem 2rem 6rem;
  }
}

.map-container {
  width: 100%;
  height: 460px;
  color: var(--bg);
  margin-top: 2rem;

  @media (max-width: 768px) {
    margin-top: 3rem;
    height: 60dvh;
  }
}