.map-card__wrapper {
  padding: 24px 64px;
  background-color: var(--color-primary--xclear);
  border-radius: 5px;
}
.map-card__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.map-card__col--1 {
  flex: 0 0 40%;
  display: flex;
  gap: 32px;
  flex-direction: column;
  justify-content: space-between;
}
.map-card__col--2 {
  flex: 1;
}
.map-card__title--wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.map-card__title--text {
  color: var(--color-dark);
  font-size: 20px;
  font-weight: 800;
}
@media (min-width: 768px) {
  .map-card__wrapper {
    padding: 64px 108px;
  }

  .map-card__content {
    flex-direction: row;
    gap: 48px;
  }
}