.section-map {
	padding-top: var(--space-3xl);
	padding-bottom: var(--space-3xs);
}

.section-map__image {
	width: 100%;
	position: relative;
}

.section-map__viewport {
	overflow-x: auto;
	overflow-y: hidden;
	display: block;
	background: #fff;
	touch-action: auto;
	-webkit-overflow-scrolling: touch;
}

.section-map__viewport::before {
	content: '';
	position: absolute;
	left: 0;
	top: var(--space-xs);
	width: var(--space-3_5xl);
	height: var(--space-3_5xl);
	border-radius: var(--radius-full);
	background-color: #16171a;
	background-size: var(--space-xl);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 5;
	pointer-events: none;
}

.section-map__header.glance + .section-map__image .section-map__viewport::before {
	background-image: url('../../../assets/images/hand-swipe-right.svg');
}

.section-map__img {
	display: block;
	width: 997px;
	height: auto;
	max-width: none;
}

.section-map__viewport {
    width: calc(100% + 2rem);
	height: 703px;
	margin: 0 -1rem;
}

.section-map__img {
	width: 997px;
	height: 703px;
	max-width: none;
}