/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
.maps {
  background-image: url("../../../assets/icons/maps_bg.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-position-y: -15rem;
}
.maps .heading {
  text-align: center;
  max-width: 110.9rem;
  margin: 0 auto;
}
.maps .text {
  max-width: 82.3rem;
  margin: 2.4rem auto 0;
  text-align: center;
  font-size: 2.4rem;
}
.maps .map-container {
  margin: 5.8rem 0 0;
  background-color: #fff;
  aspect-ratio: 1664/715;
  border: 1px solid #fff;
  box-shadow: 0 182px 51px 0 rgba(0, 0, 0, 0), 0 116px 47px 0 rgba(0, 0, 0, 0.01), 0 66px 39px 0 rgba(0, 0, 0, 0.03), 0 29px 29px 0 rgba(0, 0, 0, 0.04), 0 7px 16px 0 rgba(0, 0, 0, 0.05);
}
.maps .map-container iframe {
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 768px) {
  .maps {
    margin: 0 0 2.8rem;
    background-size: cover;
  }
  .maps .text {
    font-size: 1.8rem;
  }
  .maps .map-container {
    margin: 3.2rem 0 0;
    background-color: #fff;
    aspect-ratio: 327/372;
  }
}