.location {
  grid-column: span 3 / span 3;
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 2.0rem;
  border-top-width: 1px;
  border-color: rgb(var(--color-blue) / 0.5);
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.location:last-child {
  border-bottom-width: 1px;
}

.location span span {
  display: block;
}

.location .location-details .location-details-place {
  font-family: var(--font-family-din-pro);
  font-size: var(--font-body-2-med-m-size);
  line-height: var(--font-body-2-med-m-line-height, normal);
  letter-spacing: var(--font-body-2-med-m-letter-spacing, 0);
  font-weight: var(--font-body-2-med-m-weight, 400);
}

.location .location-details .location-details-place {
  margin-bottom: 0.4rem;
}

.location .location-details .location-details-address {
  font-family: var(--font-family-din-pro);
  font-size: var(--font-caption-sm-m-size);
  line-height: var(--font-caption-sm-m-line-height, normal);
  letter-spacing: var(--font-caption-sm-m-letter-spacing, 0);
  font-weight: var(--font-caption-sm-m-weight, 400);
}

.location .location-details .location-details-address {
  --tw-text-opacity: 1;
  color: rgb(var(--color-navy-02) / var(--tw-text-opacity));
}

.dark .location {
  border-color: rgb(var(--color-white) / 0.5);
}

.dark .location .location-details .location-details-address {
  --tw-text-opacity: 1;
  color: rgb(var(--color-navy-04) / var(--tw-text-opacity));
}

@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }

  .\!container {
    max-width: 640px !important;
  }
}

@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }

  .\!container {
    max-width: 768px !important;
  }
}

@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }

  .\!container {
    max-width: 1024px !important;
  }

  .gap-grid {
    gap: 2.4rem;
  }

  .location {
    border-bottom-width: 1px;
  }

  .location .location-details .location-details-place {
    font-size: var(--font-body-2-med-size);
    line-height: var(--font-body-2-med-line-height, normal);
    letter-spacing: var(--font-body-2-med-letter-spacing, 0);
    font-weight: var(--font-body-2-med-weight, 400);
  }

  .location .location-details .location-details-address {
    font-size: var(--font-caption-sm-size);
    line-height: var(--font-caption-sm-line-height, normal);
    letter-spacing: var(--font-caption-sm-letter-spacing, 0);
    font-weight: var(--font-caption-sm-weight, 400);
  }

  .section-locations-vertical .location {
    flex-direction: column;
    gap: 0.8rem;
    text-align: center;
  }
}

@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }

  .\!container {
    max-width: 1280px !important;
  }
}

@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }

  .\!container {
    max-width: 1536px !important;
  }
}

@media (min-width: 1800px) {

  .container {
    max-width: 1800px;
  }

  .\!container {
    max-width: 1800px !important;
  }
}