/* Flush about → location green band (shared bg_nose look) */
.elementor-widget-peh-about-team,
.elementor-widget-peh-location {
	margin: 0 !important;
	background: linear-gradient(90deg, rgba(67, 128, 62, 1) 0%, rgba(67, 123, 126, 1) 100%);
}

.elementor-widget-peh-about-team > .elementor-widget-container,
.elementor-widget-peh-location > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: transparent !important;
}

/* Let 120vw carousel center-clip at the widget, not a padded parent */
.e-con:has(> .elementor-widget-peh-about-team),
.elementor-element:has(> .elementor-widget-peh-about-team) {
	overflow: hidden !important;
}

/* PEH About Team — inspiration #brxe-855400.bg_nose + #brxe-928b52 carousel */

.peh-about-team {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 24px;
	overflow: hidden;
	width: 100%;
	padding: 100px 0 0;
	/* inspiration .bg_nose */
	background: linear-gradient(90deg, rgba(67, 128, 62, 1) 0%, rgba(67, 123, 126, 1) 100%);
	color: #ffffff;
}

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

.peh-about-team__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	row-gap: 24px;
	position: relative;
	z-index: 2;
	padding: 0 80px;
	max-width: none;
	width: 100%;
	box-sizing: border-box;
}

.peh-about-team__heading {
	width: 100%;
	max-width: 880px;
	text-align: center;
	color: #ffffff !important;
	margin: 0 0 8px;
}

.peh-about-team__intro {
	max-width: 880px;
	text-align: center;
	color: #ffffff !important;
	font-size: 16px;
	margin: 0;
}

.peh-about-team__cta.peh-btn--outline {
	color: #1c2b27 !important;
	border-color: #ffffff;
	background-image: linear-gradient(to right, #ffffff, #ffffff, #eeb525, #f1c40f);
}

.peh-about-team__cta.peh-btn--outline:hover,
.peh-about-team__cta.peh-btn--outline:focus {
	color: #1c2b27 !important;
}

/*
 * Inspiration #brxe-928b52: min-width 120vw, centered by parent flex align-items.
 * Do NOT use left/translateX on this node — it fights the track transform and clips.
 */
.peh-about-team__carousel {
	position: relative;
	z-index: 2;
	flex: 0 0 auto;
	width: 120vw;
	min-width: 120vw;
	max-width: none;
	margin: 0;
}

.peh-about-team__viewport {
	overflow: hidden;
	width: 100%;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
}

.peh-about-team__viewport.is-dragging {
	cursor: grabbing;
}

.peh-about-team__track {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	will-change: transform;
	transition: transform 0.3s ease;
}

.peh-about-team__slide {
	flex: 0 0 auto;
	width: calc((100% - 48px) / 4);
	min-width: 0;
	margin-right: 16px;
	border-radius: 12px;
	overflow: hidden;
	height: 21.67vw;
	background: rgba(255, 255, 255, 0.12);
	pointer-events: none;
}

.peh-about-team__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
	-webkit-user-drag: none;
	user-select: none;
}

.peh-about-team__nav {
	appearance: none;
	border: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.92);
	color: #1c2b27;
	cursor: pointer;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	transition: background 0.2s ease, transform 0.2s ease;
}

.peh-about-team__nav:hover,
.peh-about-team__nav:focus {
	background: #ffffff;
}

.peh-about-team__nav--prev {
	left: 50px;
}

.peh-about-team__nav--next {
	right: 50px;
}

.peh-about-team__dots {
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
	position: relative;
	z-index: 3;
}

.peh-about-team__dot {
	appearance: none;
	border: 0;
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
	cursor: pointer;
	transition: background 0.25s ease, transform 0.25s ease;
}

.peh-about-team__dot.is-active {
	background: #ffffff;
	transform: scale(1.15);
}

@media (max-width: 1440px) {
	.peh-about-team__slide {
		height: 28.89vw;
	}
}

@media (max-width: 1280px) {
	.peh-about-team__slide {
		height: 32.5vw;
	}
}

@media (max-width: 1200px) {
	.peh-about-team {
		padding: 80px 0 0;
		row-gap: 20px;
	}

	.peh-about-team__inner {
		padding: 0 64px;
		row-gap: 20px;
	}

	.peh-about-team__carousel {
		width: 100%;
		min-width: 100%;
	}

	.peh-about-team__slide {
		width: calc((100% - 32px) / 3);
	}
}

@media (max-width: 899px) {
	.peh-about-team {
		row-gap: 20px;
	}

	.peh-about-team__inner {
		row-gap: 20px;
	}

	.peh-about-team__carousel {
		width: 100%;
		min-width: 100%;
	}

	.peh-about-team__slide {
		width: calc((100% - 16px) / 2);
		height: 40vw;
	}

	.peh-about-team__nav {
		display: none;
	}
}

@media (max-width: 586px) {
	.peh-about-team {
		padding: 60px 0 0;
		row-gap: 0;
	}

	.peh-about-team__inner {
		padding: 0 24px;
		row-gap: 16px;
	}

	.peh-about-team__slide {
		width: 100%;
		height: 280px;
		margin-right: 0;
	}

	.peh-about-team__dots {
		display: flex;
	}
}