/**
 * MK Widgets — shared page width (matches Apex .container).
 *
 * Desktop 87.5% (6.25% each side)
 * ≤767px  90%
 * ≤575px  97.5%
 */

:root {
	--mk-page-width: 87.5%;
}

@media (max-width: 767.98px) {
	:root {
		--mk-page-width: 90%;
	}
}

@media (max-width: 575.98px) {
	:root {
		--mk-page-width: 97.5%;
	}
}

.mk-page-intro__container,
.mk-overview__container,
.mk-values-slider__container,
.mk-parallax-banner__container,
.mk-video-hero__container {
	box-sizing: border-box;
	width: var(--mk-page-width);
	max-width: var(--mk-page-width);
	margin-inline: auto;
}

.e-con-boxed > .e-con-inner .mk-page-intro__container,
.e-con-boxed > .e-con-inner .mk-overview__container,
.e-con-boxed > .e-con-inner .mk-values-slider__container,
.e-con-boxed > .e-con-inner .mk-parallax-banner__container,
.e-con-boxed > .e-con-inner .mk-video-hero__container {
	width: 100%;
	max-width: inherit;
}