.section-locations h2 {
  font-family: var(--font-family-nb-international-pro);
  font-size: var(--font-headline-3-m-size);
  line-height: var(--font-headline-3-m-line-height, normal);
  letter-spacing: var(--font-headline-3-m-letter-spacing, 0);
  font-weight: var(--font-headline-3-m-weight, 400);
}

.section-locations h2 {
  margin-bottom: 6.4rem;
  text-align: center;
}

.section-locations .section-locations-container {
  display: grid;
}

.section-locations.careers-location .location-details p {
  --tw-text-opacity: 1;
  color: rgb(var(--color-navy-04) / var(--tw-text-opacity));
}

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

.section-locations .section-locations-map {
  margin-left: -2.4rem;
  margin-right: -2.4rem;
  margin-top: 4.0rem;
  aspect-ratio: 1/1;
  transition-property: none;
}

.section-locations .section-locations-map > div:first-child {
  background-color: transparent !important;
}

.section-locations .section-locations-map div[role="region"], .section-locations .section-locations-map iframe {
  -webkit-clip-path: circle(46%);
          clip-path: circle(46%);
}

.section-locations .section-locations-map .gm-style-iw.gm-style-iw-c {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green) / var(--tw-bg-opacity));
  padding: 1.2rem !important;
  padding-bottom: 0;
}

.section-locations .section-locations-map .gm-style-iw-d {
  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);
}

.section-locations .section-locations-map .gm-style-iw-d {
  max-width: 21.0rem;
  overflow: hidden !important;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green) / var(--tw-bg-opacity));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(var(--color-blue) / var(--tw-text-opacity));
}

.section-locations .section-locations-map .gm-style-iw-d .location-tt-place {
  font-family: var(--font-family-din-pro);
  font-size: var(--font-button-m-size);
  line-height: var(--font-button-m-line-height, normal);
  letter-spacing: var(--font-button-m-letter-spacing, 0);
  font-weight: var(--font-button-m-weight, 400);
}

.section-locations .section-locations-map .gm-style-iw-d .location-tt-place {
  margin-bottom: 0.4rem;
  font-family: var(--font-family-nb-international-pro) !important;
  font-weight: 500 !important;
}

.section-locations .section-locations-map button.gm-ui-hover-effect {
  display: none !important;
}

.section-locations .section-locations-map .gm-style-iw-tc::after {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green) / var(--tw-bg-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;
  }

  .section-locations h2 {
    font-size: var(--font-headline-3-size);
    line-height: var(--font-headline-3-line-height, normal);
    letter-spacing: var(--font-headline-3-letter-spacing, 0);
    font-weight: var(--font-headline-3-weight, 400);
  }

  .section-locations h2 {
    margin-bottom: 9.6rem;
  }

  .section-locations .section-locations-container {
    gap: 2.4rem;
  }

  @media (min-width: 1024px) {

    .section-locations .section-locations-container {
      gap: 2.4rem;
    }
  }

  .section-locations .section-locations-container {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .section-locations .section-locations-container {
    gap: 2.4rem;
  }

  .section-locations .section-locations-map {
    margin-left: auto;
    margin-right: auto;
    width: 66.666667%;
  }

  .section-locations .section-locations-map .gm-style-iw-d {
    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 .section-locations-map .gm-style-iw-d .location-tt-place {
    font-size: var(--font-button-size);
    line-height: var(--font-button-line-height, normal);
    letter-spacing: var(--font-button-letter-spacing, 0);
    font-weight: var(--font-button-weight, 400);
  }
}

@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;
  }
}