/* PEH Location — inspiration #brxe-d884f3 inside bg_nose */

.peh-location {
	position: relative;
	overflow: hidden;
	padding: 80px 80px 100px;
	background: linear-gradient(90deg, rgba(67, 128, 62, 1) 0%, rgba(67, 123, 126, 1) 100%);
	color: #ffffff;
}

.peh-location::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Match inspiration .bg_nose tiled noise */
	background: url("../images/noise_bg_texture.webp") repeat;
	opacity: 0.3;
	pointer-events: none;
	z-index: 0;
}

.peh-location__lines {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	will-change: transform;
	/* Transparent green strokes — screen washes them out on the green band */
	opacity: 0.7;
	filter: brightness(1.75);
	overflow: visible;
}

.peh-location__lines img {
	display: block;
	width: 1700px;
	min-width: 1700px;
	max-width: none;
	height: auto;
	user-select: none;
}

.peh-location__lines--left {
	top: -1366px;
	left: -1050px;
	bottom: auto;
	right: auto;
}

.peh-location__lines--right {
	bottom: -606px;
	right: -1281px;
	top: auto;
	left: auto;
}

.peh-location__float--magnifier {
	position: absolute;
	left: -150px;
	bottom: 25px;
	z-index: 3;
	width: auto;
	pointer-events: none;
}

.peh-location__float--route {
	position: absolute;
	top: 18px;
	right: 22vw;
	left: auto;
	z-index: 3;
	width: auto;
	pointer-events: none;
}

.peh-location__inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	column-gap: 80px;
	width: 1064px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	padding-top: 0;
}

.peh-location__map-col {
	flex: 1 1 0;
	min-width: 0;
	z-index: 2;
}

.peh-location__copy {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	row-gap: 32px;
	z-index: 2;
}

.peh-location__heading {
	margin: 0 0 8px;
	color: #ffffff !important;
	text-align: left;
	max-width: 880px;
}

.peh-location__copy .peh-p {
	color: #ffffff !important;
	margin: 0;
}

.peh-location__map-link {
	display: block;
	border-radius: 12px;
	overflow: hidden;
	line-height: 0;
}

.peh-location__map {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.peh-location__map--desktop {
	display: block;
}

.peh-location__map--tablet {
	display: none;
}

@media (max-width: 1280px) {
	.peh-location__float--magnifier {
		width: 56px;
	}
}

@media (max-width: 1200px) {
	.peh-location {
		padding: 60px 64px 80px;
	}

	.peh-location__inner {
		width: 69.73vw;
	}

	.peh-location__lines--left {
		left: -119vw;
	}

	.peh-location__lines--right {
		right: -116vw;
	}

	.peh-location__float--magnifier {
		width: 64px;
		left: -11vw;
		bottom: 25px;
	}

	.peh-location__map--desktop {
		display: none;
	}

	.peh-location__map--tablet {
		display: block;
		width: 429px;
		max-width: 100%;
	}
}

@media (max-width: 899px) {
	.peh-location__inner {
		width: 100%;
		flex-direction: column;
		row-gap: 40px;
		margin-top: 0;
	}

	.peh-location__copy {
		row-gap: 20px;
		text-align: center;
		align-items: center;
	}

	.peh-location__heading {
		text-align: center;
	}

	.peh-location__map--tablet {
		width: 50%;
		margin: 0 auto;
	}

	.peh-location__float--magnifier {
		display: none;
	}
}

@media (max-width: 586px) {
	.peh-location {
		padding: 40px 24px 60px;
	}

	.peh-location__inner {
		flex-direction: column-reverse;
	}

	.peh-location__map--desktop {
		display: block;
	}

	.peh-location__map--tablet {
		display: none;
	}

	.peh-location__lines--right {
		min-width: 1000px;
		bottom: -478px;
		right: -173vw;
	}

	.peh-location__lines--right img {
		width: 1000px;
		min-width: 1000px;
	}

	.peh-location__float--route {
		display: none;
	}
}