/* ==========================================================================
   Service One Light page
   ========================================================================== */

body.mf-page-services-light {
	background: #fff;
	color: #030303;
	/* Match Aleric Elementor kit boxed container */
	--mf-container-max: 1343px;
	--mf-container-pad: 15px;
}

body.mf-page-services-light .mf-container {
	max-width: var(--mf-container-max);
	margin-inline: auto;
	padding-inline: var(--mf-container-pad);
	width: 100%;
}

.mf-so-pretitle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 22px;
	font-size: 15px;
	font-weight: 500;
	color: #525252;
}

.mf-so-pretitle__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #525252;
	flex-shrink: 0;
}

/* Hero */
.mf-so-hero {
	position: relative;
	background: #fff;
	padding: clamp(140px, 16vw, 220px) 0 0;
	overflow: hidden;
}

.mf-so-hero__shape {
	position: absolute;
	right: 0;
	bottom: 8%;
	width: min(420px, 28vw);
	pointer-events: none;
	opacity: 1;
}

.mf-so-hero__shape svg {
	display: block;
	width: 100%;
	height: auto;
}

.mf-so-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 40px 48px;
	align-items: end;
}

.mf-so-hero__title-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.mf-so-hero__title {
	font-family: var(--mf-font-heading);
	font-size: clamp(40px, 6vw, 70px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: #030303;
	margin: 0;
}

.mf-so-hero__scribble {
	position: absolute;
	right: -20px;
	bottom: -8px;
	animation: mfshake 3s ease-in-out infinite;
}

.mf-so-hero__lead {
	font-family: var(--mf-font-body);
	font-size: clamp(16px, 1.5vw, 20px);
	line-height: 1.55;
	color: #525252;
	margin: 0 0 24px;
	max-width: 460px;
}

.mf-so-hero__crumb {
	grid-column: 1 / -1;
	border-top: 1px solid rgba(17, 17, 18, 0.1);
	padding: 22px 0 40px;
	margin-top: 20px;
}

.mf-so-hero__crumb-list {
	display: flex;
	align-items: center;
	gap: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #525252;
}

.mf-so-hero__crumb-list a {
	color: #525252;
	text-decoration: none;
}

.mf-so-hero__crumb-list a:hover,
.mf-so-hero__crumb-list a:focus-visible {
	color: #030303;
}

.mf-so-hero__crumb-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #525252;
}

/* Banner */
.mf-so-banner {
	position: relative;
	height: clamp(360px, 55vw, 780px);
	overflow: hidden;
}

.mf-so-banner__media,
.mf-so-banner__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Capabilities */
.mf-so-capabilities {
	padding: clamp(80px, 10vw, 160px) 0 clamp(70px, 8vw, 110px);
	background: #fff;
}

.mf-so-capabilities__top {
	display: grid;
	grid-template-columns: minmax(240px, 0.85fr) minmax(0, 1.15fr);
	gap: 32px 48px;
	align-items: start;
	margin-bottom: clamp(48px, 6vw, 80px);
}

.mf-so-capabilities__shape {
	display: block;
	width: 64px;
	height: auto;
	margin-bottom: 20px;
}

.mf-so-capabilities__text {
	font-size: clamp(16px, 1.4vw, 18px);
	line-height: 1.55;
	color: #525252;
	margin: 0;
	max-width: 360px;
}

.mf-so-capabilities__heading {
	font-family: var(--mf-font-heading);
	font-size: clamp(40px, 5.5vw, 70px);
	font-weight: 700;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #030303;
	margin: 0;
	text-align: right;
}

.mf-so-capabilities__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 25px;
}

.mf-so-card {
	position: relative;
	padding: 36px 28px 40px;
	background: #f3f1f2;
	border-radius: 8px;
	overflow: hidden;
	min-height: 360px;
}

.mf-so-card__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.55;
	pointer-events: none;
}

.mf-so-card__title,
.mf-so-card__list {
	position: relative;
	z-index: 1;
}

.mf-so-card__title {
	font-family: var(--mf-font-heading);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 24px;
	color: #030303;
}

.mf-so-card__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mf-so-card__list li {
	margin-bottom: 10px;
}

.mf-so-card__list a {
	color: #525252;
	text-decoration: none;
	font-size: 16px;
	transition: color 0.25s ease;
}

.mf-so-card__list a:hover,
.mf-so-card__list a:focus-visible {
	color: #030303;
	outline: none;
}

/* Video */
.mf-so-video {
	position: relative;
	min-height: clamp(480px, 60vw, 720px);
	display: flex;
	align-items: center;
	overflow: hidden;
}

.mf-so-video__media {
	position: absolute;
	inset: 0;
}

.mf-so-video__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mf-so-video__inner {
	position: relative;
	z-index: 1;
	padding-block: 80px;
}

.mf-so-video__panel {
	max-width: 520px;
	background: #030303;
	color: #fff;
	padding: clamp(36px, 4vw, 56px);
	border-radius: 8px;
}

.mf-so-video__title {
	font-family: var(--mf-font-heading);
	font-size: clamp(22px, 2.2vw, 28px);
	font-weight: 500;
	line-height: 1.35;
	color: #fff;
	margin: 0 0 28px;
}

.mf-so-video__divider {
	display: block;
	width: 100%;
	height: 0;
	border-top: 1px dashed rgba(255, 255, 255, 0.35);
	margin-bottom: 28px;
}

.mf-so-video__sub {
	font-family: var(--mf-font-heading);
	font-size: clamp(22px, 2.4vw, 32px);
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	margin: 0;
}

/* Testimonials */
.mf-so-testimonials {
	padding: clamp(80px, 9vw, 125px) 0 clamp(90px, 10vw, 138px);
	background: #fff;
}

.mf-so-testimonials__head {
	display: grid;
	grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.1fr);
	gap: 28px 48px;
	align-items: start;
	margin-bottom: clamp(48px, 6vw, 72px);
}

.mf-so-testimonials__lead {
	font-size: clamp(16px, 1.5vw, 20px);
	line-height: 1.5;
	color: #525252;
	margin: 0;
}

.mf-so-testimonials__heading {
	font-family: var(--mf-font-heading);
	font-size: clamp(40px, 5.5vw, 70px);
	font-weight: 700;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #030303;
	margin: 0;
	text-align: right;
}

.mf-so-testimonials__body {
	display: grid;
	grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
	gap: 40px 48px;
	align-items: start;
}

.mf-so-testimonials__stat-num {
	font-family: var(--mf-font-heading);
	font-size: clamp(64px, 8vw, 110px);
	font-weight: 700;
	line-height: 0.9;
	color: #030303;
	margin: 0 0 10px;
	letter-spacing: -0.03em;
}

.mf-so-testimonials__stat-label {
	font-size: 16px;
	color: #525252;
	margin: 0 0 28px;
}

.mf-so-testimonials__thumb {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: 8px;
	line-height: 0;
}

.mf-so-testimonials__thumb img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.mf-so-testimonials__slider-wrap {
	position: relative;
	padding: 40px 36px 48px;
	background: #f3f1f2;
	border-radius: 12px;
	overflow: hidden;
	min-height: 360px;
}

.mf-so-testimonials__decor {
	position: absolute;
	right: 0;
	bottom: 0;
	width: min(280px, 48%);
	max-height: 92%;
	object-fit: contain;
	object-position: right bottom;
	opacity: 0.9;
	pointer-events: none;
	z-index: 0;
}

.mf-so-testimonials__slider {
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}

.mf-so-testimonials__slider .swiper-wrapper {
	align-items: stretch;
}

.mf-so-testimonials__slider .swiper-slide {
	box-sizing: border-box;
	height: auto;
	max-width: none;
	margin: 0;
}

.mf-so-quote {
	margin: 0;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

.mf-so-quote__text {
	font-family: var(--mf-font-heading);
	font-size: clamp(22px, 2.4vw, 32px);
	font-weight: 500;
	line-height: 1.35;
	color: #030303;
	margin: 0 0 28px;
	max-width: min(520px, calc(100% - clamp(150px, 42%, 280px)));
}

.mf-so-quote__meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
	max-width: min(520px, calc(100% - clamp(150px, 42%, 280px)));
}

.mf-so-quote__name {
	font-style: normal;
	font-size: 18px;
	font-weight: 600;
	color: #030303;
}

.mf-so-quote__role {
	font-size: 15px;
	color: #525252;
}

.mf-so-testimonials__controls {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 36px;
	position: relative;
	z-index: 1;
}

.mf-so-testimonials__fraction {
	font-family: var(--mf-font-heading);
	font-size: 14px;
	font-weight: 600;
	color: #030303;
	min-width: 42px;
}

.mf-so-testimonials__progress {
	position: relative !important;
	flex: 1;
	max-width: 180px;
	height: 2px;
	background: rgba(3, 3, 3, 0.15);
	border-radius: 2px;
	overflow: hidden;
}

.mf-so-testimonials__progress .swiper-pagination-progressbar-fill {
	background: #030303;
}

/* Responsive */
@media (max-width: 1199px) {
	.mf-so-banner {
		height: 600px;
	}
}

@media (max-width: 991px) {
	.mf-so-hero__grid,
	.mf-so-capabilities__top,
	.mf-so-capabilities__grid,
	.mf-so-testimonials__head,
	.mf-so-testimonials__body {
		grid-template-columns: 1fr;
	}

	.mf-so-hero__lead br,
	.mf-so-testimonials__lead br,
	.mf-so-video__sub br {
		display: none;
	}

	.mf-so-capabilities__heading,
	.mf-so-testimonials__heading {
		text-align: left;
	}

	.mf-so-hero__scribble {
		display: none;
	}

	.mf-so-banner {
		height: 400px;
	}

	.mf-so-testimonials__slider-wrap {
		padding: 32px 24px 40px;
	}

	.mf-so-testimonials__decor {
		width: min(200px, 40%);
		opacity: 0.75;
	}

	.mf-so-quote__text,
	.mf-so-quote__meta {
		max-width: min(520px, calc(100% - clamp(110px, 36%, 200px)));
	}

	.mf-so-capabilities__grid {
		gap: 18px;
	}
}

@media (max-width: 767px) {
	.mf-so-capabilities__grid {
		grid-template-columns: 1fr;
	}

	.mf-so-hero__shape {
		width: 180px;
		opacity: 0.7;
	}
}