/* Elementor and theme full-width compatibility */
.elementor-widget-mak-about-page,
.elementor-widget-mak-about-page > .elementor-widget-container {
	width: 100%;
	max-width: none !important;
	overflow: visible !important;
}

.mak-about-page,
.mak-about-page * {
	box-sizing: border-box;
}

.mak-about-page {
	--mak-primary: #1D3F72;
	--mak-secondary: #0F6BA8;
	--mak-accent: #00A6D6;
	--mak-heading: #10213B;
	--mak-text: #334155;
	--mak-muted: #64748B;
	--mak-page-bg: #F7F9FC;
	--mak-surface: #FFFFFF;
	--mak-surface-alt: #EEF4FA;
	--mak-border: #D8E3EF;
	--mak-hero-overlay: rgba(10, 35, 65, 0.26);
	--mak-max-width: 1240px;
	--mak-pad-top: 42px;
	--mak-pad-right: 42px;
	--mak-pad-bottom: 42px;
	--mak-pad-left: 42px;
	--mak-section-gap: 42px;
	--mak-card-gap: 22px;
	--mak-card-radius: 18px;
	--mak-image-radius: 18px;
	--mak-hero-min: 510px;
	position: relative;
	isolation: isolate;
	width: 100%;
	background: var(--mak-page-bg);
	color: var(--mak-text);
	overflow: hidden;
}

.mak-about-page img {
	display: block;
	max-width: 100%;
}

.mak-about-page a {
	color: inherit;
	text-decoration: none;
}

.mak-about-page p:first-child,
.mak-about-page ul:first-child {
	margin-top: 0;
}

.mak-about-page p:last-child,
.mak-about-page ul:last-child {
	margin-bottom: 0;
}

.mak-about-page p {
	margin: 0 0 1em;
}

.mak-about-page ul {
	margin: 0;
	padding-inline-start: 1.25em;
}

.mak-about-page li + li {
	margin-top: 0.65em;
}

.mak-about-shell {
	position: relative;
	z-index: 2;
	width: min(100%, var(--mak-max-width));
	margin: 0 auto;
	padding: var(--mak-pad-top) var(--mak-pad-right) var(--mak-pad-bottom) var(--mak-pad-left);
}

.mak-about-shell > * + * {
	margin-top: var(--mak-section-gap);
}

.mak-about-page.mak-has-decorations::before,
.mak-about-page.mak-has-decorations::after {
	content: "";
	position: absolute;
	z-index: 0;
	border-radius: 999px;
	pointer-events: none;
}

.mak-about-page.mak-has-decorations::before {
	width: 420px;
	height: 420px;
	top: -190px;
	right: -160px;
	background: color-mix(in srgb, var(--mak-accent) 16%, transparent);
}

.mak-about-page.mak-has-decorations::after {
	width: 360px;
	height: 360px;
	bottom: -180px;
	left: -180px;
	background: color-mix(in srgb, var(--mak-primary) 10%, transparent);
}

.mak-about-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	align-items: stretch;
	min-height: var(--mak-hero-min);
	background: var(--mak-surface);
	border: 1px solid var(--mak-border);
	border-radius: calc(var(--mak-card-radius) + 8px);
	overflow: hidden;
}

.mak-has-shadow .mak-about-hero,
.mak-has-shadow .mak-gallery-card,
.mak-has-shadow .mak-cert-card,
.mak-has-shadow .mak-support-card,
.mak-has-shadow .mak-info-card,
.mak-has-shadow .mak-award-card {
	box-shadow: 0 18px 45px rgba(16, 33, 59, 0.1);
}

.mak-hero-copy {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(34px, 5vw, 76px);
}

.mak-about-logo {
	margin-bottom: clamp(26px, 4vw, 46px);
}

.mak-about-logo img {
	width: 250px;
	height: auto;
	max-height: 96px;
	object-fit: contain;
	object-position: left center;
}

.mak-about-eyebrow {
	margin-bottom: 14px;
	color: var(--mak-secondary);
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.mak-about-title {
	margin: 0;
	color: var(--mak-heading);
	font-size: clamp(42px, 6vw, 76px);
	font-weight: 800;
	line-height: 0.98;
	letter-spacing: -0.045em;
}

.mak-about-title-highlight {
	color: var(--mak-secondary);
}

.mak-about-subtitle {
	max-width: 620px;
	margin: 28px 0 0;
	color: var(--mak-muted);
	font-size: 1.08em;
	line-height: 1.7;
}

.mak-hero-image {
	position: relative;
	align-self: stretch;
	min-height: 100%;
	overflow: hidden;
}

.mak-hero-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, transparent 45%, var(--mak-hero-overlay));
	pointer-events: none;
}

.mak-hero-image img {
	width: 100%;
	height: 100%;
	min-height: var(--mak-hero-min);
	object-fit: cover;
	object-position: center;
}

.mak-about-overview {
	display: grid;
	grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
	gap: var(--mak-card-gap);
}

.mak-copy-block {
	color: var(--mak-text);
}

.mak-copy-primary,
.mak-copy-stack {
	padding: clamp(28px, 4vw, 50px);
	background: var(--mak-surface);
	border: 1px solid var(--mak-border);
	border-radius: var(--mak-card-radius);
}

.mak-copy-stack {
	display: grid;
	gap: 32px;
	background: var(--mak-surface-alt);
}

.mak-copy-stack .mak-copy-block + .mak-copy-block {
	padding-top: 30px;
	border-top: 1px solid var(--mak-border);
}

.mak-section-title,
.mak-copy-block h3 {
	margin: 0 0 18px;
	color: var(--mak-heading);
	line-height: 1.2;
}

.mak-section-title {
	font-size: clamp(27px, 3vw, 40px);
}

.mak-copy-block h3 {
	font-size: clamp(20px, 2vw, 27px);
}

.mak-rich-text strong {
	color: var(--mak-primary);
}

.mak-about-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--mak-card-gap);
}

.mak-gallery-card {
	position: relative;
	margin: 0;
	background: var(--mak-surface);
	border: 1px solid var(--mak-border);
	border-radius: var(--mak-image-radius);
	overflow: hidden;
}

.mak-gallery-image {
	overflow: hidden;
}

.mak-gallery-image img {
	width: 100%;
	height: 330px;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.mak-gallery-card:hover .mak-gallery-image img {
	transform: scale(1.025);
}

.mak-gallery-card figcaption {
	padding: 16px 20px;
	color: var(--mak-muted);
	font-size: 0.9em;
	font-weight: 600;
}

.mak-certifications {
	display: grid;
	grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.28fr);
	gap: var(--mak-card-gap);
	align-items: stretch;
}

.mak-cert-heading {
	padding: clamp(28px, 4vw, 46px);
	background: var(--mak-primary);
	color: #fff;
	border-radius: var(--mak-card-radius);
}

.mak-cert-heading .mak-section-title,
.mak-cert-heading strong {
	color: #fff;
}

.mak-cert-heading .mak-cert-summary {
	color: rgba(255, 255, 255, 0.82);
}

.mak-cert-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--mak-card-gap);
}

.mak-cert-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 210px;
	padding: 28px;
	background: var(--mak-surface);
	border: 1px solid var(--mak-border);
	border-radius: var(--mak-card-radius);
	transition: transform 0.25s ease, border-color 0.25s ease;
}

a.mak-cert-card:hover {
	transform: translateY(-4px);
	border-color: var(--mak-accent);
}

.mak-cert-image {
	width: 100%;
	max-width: 300px;
	max-height: 105px;
	margin: 0 auto 20px;
	object-fit: contain;
}

.mak-cert-title {
	margin: 0 0 8px;
	color: var(--mak-heading);
	font-size: 1.1em;
}

.mak-cert-text {
	color: var(--mak-muted);
	font-size: 0.92em;
	line-height: 1.55;
}

.mak-support-section {
	position: relative;
	padding: clamp(30px, 4vw, 54px);
	background: var(--mak-primary);
	border-radius: calc(var(--mak-card-radius) + 8px);
	overflow: hidden;
}

.mak-support-section::before {
	content: "";
	position: absolute;
	inset: auto -15% -75% auto;
	width: 500px;
	height: 500px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 50%;
}

.mak-support-section > .mak-section-title {
	position: relative;
	z-index: 1;
	color: #fff;
}

.mak-support-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--mak-card-gap);
}

.mak-support-card {
	padding: 28px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: var(--mak-card-radius);
	color: #fff;
	backdrop-filter: blur(8px);
}

.mak-icon-wrap {
	display: inline-grid;
	place-items: center;
	width: 56px;
	height: 56px;
	margin-bottom: 20px;
	background: var(--mak-primary);
	color: #fff;
	border-radius: 50%;
	flex: 0 0 auto;
}

.mak-icon-wrap i {
	font-size: 26px;
}

.mak-icon-wrap svg {
	width: 26px;
	height: 26px;
	fill: currentColor;
}

.mak-support-card .mak-icon-wrap {
	background: rgba(255, 255, 255, 0.16);
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.mak-support-title,
.mak-card-title {
	margin: 0 0 14px;
	line-height: 1.25;
}

.mak-support-title {
	color: #fff;
	font-size: 1.08em;
}

.mak-support-text {
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.92em;
	line-height: 1.6;
}


/* Awards and recognition */
.mak-awards-section {
	position: relative;
	padding: clamp(30px, 4vw, 54px);
	background: var(--mak-surface-alt);
	border: 1px solid var(--mak-border);
	border-radius: calc(var(--mak-card-radius) + 8px);
	overflow: hidden;
}

.mak-awards-heading-wrap {
	display: grid;
	grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
	gap: var(--mak-card-gap);
	align-items: end;
	margin-bottom: clamp(24px, 3vw, 38px);
}

.mak-awards-heading-wrap .mak-section-title {
	margin-bottom: 0;
}

.mak-awards-intro {
	color: var(--mak-muted);
	line-height: 1.7;
}

.mak-awards-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--mak-card-gap);
}

.mak-award-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 235px;
	padding: 28px;
	background: var(--mak-surface);
	border: 1px solid var(--mak-border);
	border-radius: var(--mak-card-radius);
	overflow: hidden;
	transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.mak-award-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, var(--mak-primary), var(--mak-accent));
}

.mak-award-card:hover {
	transform: translateY(-5px);
	border-color: color-mix(in srgb, var(--mak-accent) 70%, var(--mak-border));
}

.mak-award-topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 24px;
}

.mak-award-icon {
	display: inline-grid;
	place-items: center;
	width: 54px;
	height: 54px;
	background: var(--mak-surface-alt);
	color: var(--mak-primary);
	border: 1px solid var(--mak-border);
	border-radius: 50%;
	flex: 0 0 auto;
}

.mak-award-icon i {
	font-size: 24px;
}

.mak-award-icon svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
}

.mak-award-year {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 6px 12px;
	background: var(--mak-primary);
	color: #fff;
	border-radius: 999px;
	font-size: 0.82em;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
}

.mak-award-organization {
	margin: 0 0 10px;
	color: var(--mak-heading);
	font-size: 1.04em;
	font-weight: 800;
	line-height: 1.35;
}

.mak-award-title {
	color: var(--mak-muted);
	font-size: 0.92em;
	line-height: 1.6;
}

.mak-info-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--mak-card-gap);
}

.mak-info-card {
	position: relative;
	padding: 28px;
	background: var(--mak-surface);
	border: 1px solid var(--mak-border);
	border-radius: var(--mak-card-radius);
	overflow: hidden;
}

.mak-info-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, var(--mak-primary), var(--mak-accent));
}

.mak-card-title {
	color: var(--mak-heading);
	font-size: 1.18em;
}

.mak-card-content {
	color: var(--mak-text);
	font-size: 0.92em;
	line-height: 1.62;
}

.mak-card-content li::marker {
	color: var(--mak-accent);
}

.mak-card-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 22px;
	color: var(--mak-primary);
	font-weight: 700;
}

.mak-card-link span {
	transition: transform 0.2s ease;
}

.mak-card-link:hover span {
	transform: translateX(4px);
}

.mak-bottom-cta {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	min-height: 74px;
	padding: 18px 34px;
	background: var(--mak-primary);
	color: #fff;
	border-radius: 50px;
	text-align: center;
	overflow: hidden;
}

.mak-cta-icon {
	display: inline-flex;
	font-size: 26px;
}

.mak-cta-icon svg {
	width: 26px;
	height: 26px;
	fill: currentColor;
}

.mak-cta-copy {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 14px;
}

.mak-cta-copy strong {
	font-size: 1.08em;
}

.mak-cta-copy span {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.mak-cta-hit {
	position: absolute;
	inset: 0;
	z-index: 2;
}

/* Unified hero geometry for all four designs.
 * The text stays on the left, the image stays on the right, and both sides
 * remain flush at the top and bottom. The former diagonal divider bar has
 * intentionally been removed. */
.mak-design-1 .mak-about-hero,
.mak-design-2 .mak-about-hero,
.mak-design-3 .mak-about-hero,
.mak-design-4 .mak-about-hero {
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	min-height: var(--mak-hero-min);
	background: var(--mak-surface);
	border: 1px solid var(--mak-border);
	border-radius: calc(var(--mak-card-radius) + 8px);
}

.mak-design-1 .mak-hero-copy,
.mak-design-2 .mak-hero-copy,
.mak-design-3 .mak-hero-copy,
.mak-design-4 .mak-hero-copy {
	grid-column: 1;
	grid-row: 1;
	align-items: stretch;
	padding-right: 10%;
	text-align: inherit;
}

.mak-design-1 .mak-hero-image,
.mak-design-2 .mak-hero-image,
.mak-design-3 .mak-hero-image,
.mak-design-4 .mak-hero-image {
	grid-column: 2;
	grid-row: 1;
	min-height: var(--mak-hero-min);
	margin: 0 0 0 -8%;
	border-radius: 0;
	clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
}

.mak-design-1 .mak-hero-image img,
.mak-design-2 .mak-hero-image img,
.mak-design-3 .mak-hero-image img,
.mak-design-4 .mak-hero-image img {
	min-height: var(--mak-hero-min);
}

.mak-design-1 .mak-about-hero::before,
.mak-design-2 .mak-about-hero::before,
.mak-design-3 .mak-about-hero::before,
.mak-design-4 .mak-about-hero::before {
	display: none !important;
	content: none !important;
}

.mak-design-2 .mak-about-logo img,
.mak-design-3 .mak-about-logo img {
	margin-left: 0;
	margin-right: 0;
	object-position: left center;
}

.mak-design-3 .mak-about-subtitle {
	margin-left: 0;
	margin-right: 0;
}

/* Design 2: Industrial Flow */
.mak-design-2 .mak-about-hero {
	background: linear-gradient(135deg, var(--mak-surface-alt), var(--mak-surface));
}

.mak-design-2 .mak-about-overview {
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
}

.mak-design-2 .mak-copy-primary {
	background: var(--mak-primary);
	color: #fff;
}

.mak-design-2 .mak-copy-primary .mak-section-title,
.mak-design-2 .mak-copy-primary strong {
	color: #fff;
}

.mak-design-2 .mak-copy-primary .mak-rich-text {
	color: rgba(255, 255, 255, 0.82);
}

.mak-design-2 .mak-support-section {
	background: var(--mak-surface-alt);
	border: 1px solid var(--mak-border);
}

.mak-design-2 .mak-support-section > .mak-section-title {
	color: var(--mak-heading);
}

.mak-design-2 .mak-support-card {
	display: flex;
	gap: 18px;
	background: var(--mak-surface);
	border-color: var(--mak-border);
	color: var(--mak-text);
}

.mak-design-2 .mak-support-card .mak-icon-wrap {
	margin: 0;
	background: var(--mak-primary);
	border: 0;
}

.mak-design-2 .mak-support-title {
	color: var(--mak-heading);
}

.mak-design-2 .mak-support-text {
	color: var(--mak-muted);
}

.mak-design-2 .mak-info-card:nth-child(even) {
	transform: translateY(18px);
}

/* Design 3: Editorial Blueprint */
.mak-design-3 .mak-about-shell {
	max-width: min(100%, var(--mak-max-width));
}

.mak-design-3 .mak-about-overview {
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid var(--mak-border);
	border-bottom: 1px solid var(--mak-border);
}

.mak-design-3 .mak-copy-primary,
.mak-design-3 .mak-copy-stack {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.mak-design-3 .mak-copy-primary {
	border-right: 1px solid var(--mak-border);
}

.mak-design-3 .mak-about-gallery {
	grid-template-columns: 1.3fr 0.7fr;
	align-items: end;
}

.mak-design-3 .mak-gallery-card {
	border-radius: 0;
	box-shadow: none;
}

.mak-design-3 .mak-gallery-card-two {
	margin-bottom: 40px;
}

.mak-design-3 .mak-certifications {
	grid-template-columns: 1fr;
}

.mak-design-3 .mak-cert-heading {
	padding: 0 0 28px;
	background: transparent;
	color: var(--mak-text);
	border-radius: 0;
	border-bottom: 1px solid var(--mak-border);
}

.mak-design-3 .mak-cert-heading .mak-section-title,
.mak-design-3 .mak-cert-heading strong {
	color: var(--mak-heading);
}

.mak-design-3 .mak-cert-heading .mak-cert-summary {
	color: var(--mak-text);
}

.mak-design-3 .mak-cert-card,
.mak-design-3 .mak-info-card {
	border-radius: 0;
	box-shadow: none;
}

.mak-design-3 .mak-support-section {
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.mak-design-3 .mak-support-section > .mak-section-title {
	color: var(--mak-heading);
}

.mak-design-3 .mak-support-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid var(--mak-border);
}

.mak-design-3 .mak-support-card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 20px;
	padding-left: 0;
	padding-right: 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--mak-border);
	border-radius: 0;
	box-shadow: none;
	color: var(--mak-text);
}

.mak-design-3 .mak-support-card:nth-child(odd) {
	padding-right: var(--mak-card-gap);
	border-right: 1px solid var(--mak-border);
}

.mak-design-3 .mak-support-card:nth-child(even) {
	padding-left: var(--mak-card-gap);
}

.mak-design-3 .mak-support-card .mak-icon-wrap {
	margin: 0;
	background: transparent;
	border: 1px solid var(--mak-primary);
	color: var(--mak-primary);
}

.mak-design-3 .mak-support-title {
	color: var(--mak-heading);
}

.mak-design-3 .mak-support-text {
	color: var(--mak-muted);
}

.mak-design-3 .mak-info-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mak-design-3 .mak-info-card::before {
	width: 5px;
	height: 100%;
}

/* Design 4: Premium Mosaic */
.mak-design-4 .mak-about-title-highlight {
	position: relative;
}

.mak-design-4 .mak-about-title-highlight::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -8px;
	height: 3px;
	background: var(--mak-accent);
}

.mak-design-4 .mak-about-overview {
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
}

.mak-design-4 .mak-copy-primary {
	border-left: 7px solid var(--mak-accent);
}

.mak-design-4 .mak-about-gallery {
	grid-template-columns: 0.82fr 1.18fr;
	align-items: center;
}

.mak-design-4 .mak-gallery-card-one {
	transform: translateY(34px);
}

.mak-design-4 .mak-certifications {
	padding: clamp(28px, 4vw, 50px);
	background: var(--mak-surface-alt);
	border-radius: calc(var(--mak-card-radius) + 8px);
}

.mak-design-4 .mak-cert-heading {
	background: transparent;
	color: var(--mak-text);
	padding: 0;
}

.mak-design-4 .mak-cert-heading .mak-section-title,
.mak-design-4 .mak-cert-heading strong {
	color: var(--mak-heading);
}

.mak-design-4 .mak-cert-heading .mak-cert-summary {
	color: var(--mak-text);
}

.mak-design-4 .mak-support-section {
	background: linear-gradient(135deg, var(--mak-primary), color-mix(in srgb, var(--mak-primary) 76%, var(--mak-secondary)));
}

.mak-design-4 .mak-support-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mak-design-4 .mak-support-card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 20px;
}

.mak-design-4 .mak-support-card .mak-icon-wrap {
	margin: 0;
}

.mak-design-4 .mak-info-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mak-design-4 .mak-info-card {
	grid-column: span 3;
}

.mak-design-4 .mak-info-card-1,
.mak-design-4 .mak-info-card-4 {
	grid-column: span 4;
}

.mak-design-4 .mak-info-card-2,
.mak-design-4 .mak-info-card-3 {
	grid-column: span 2;
}

.mak-design-4 .mak-info-card:nth-child(2) {
	background: var(--mak-primary);
	color: #fff;
}

.mak-design-4 .mak-info-card:nth-child(2) .mak-card-title,
.mak-design-4 .mak-info-card:nth-child(2) .mak-card-content,
.mak-design-4 .mak-info-card:nth-child(2) .mak-card-content strong {
	color: #fff;
}

.mak-design-4 .mak-info-card:nth-child(2) .mak-icon-wrap {
	background: rgba(255, 255, 255, 0.14);
}


/* Awards: Design 1 - corporate milestone cards */
.mak-design-1 .mak-award-card:nth-child(even)::before {
	background: linear-gradient(90deg, var(--mak-secondary), var(--mak-primary));
}

/* Awards: Design 2 - connected industrial timeline */
.mak-design-2 .mak-awards-section {
	background: var(--mak-surface-alt);
}

.mak-design-2 .mak-awards-heading-wrap {
	grid-template-columns: 1fr;
	text-align: center;
}

.mak-design-2 .mak-awards-intro {
	max-width: 760px;
	margin: 0 auto;
}

.mak-design-2 .mak-awards-grid {
	position: relative;
}

.mak-design-2 .mak-awards-grid::before {
	content: "";
	position: absolute;
	left: 5%;
	right: 5%;
	top: 27px;
	height: 2px;
	background: var(--mak-border);
}

.mak-design-2 .mak-award-card {
	min-height: 220px;
	padding-top: 14px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	overflow: visible;
}

.mak-design-2 .mak-award-card::before {
	display: none;
}

.mak-design-2 .mak-award-topline {
	position: relative;
	z-index: 1;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 18px;
}

.mak-design-2 .mak-award-icon {
	box-shadow: 0 0 0 8px var(--mak-surface-alt);
}

/* Awards: Design 3 - editorial recognition index */
.mak-design-3 .mak-awards-section {
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.mak-design-3 .mak-awards-heading-wrap {
	grid-template-columns: 1fr 1fr;
	padding-bottom: 26px;
	border-bottom: 1px solid var(--mak-border);
}

.mak-design-3 .mak-awards-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mak-design-3 .mak-award-card {
	min-height: 190px;
	padding: 28px 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--mak-border);
	border-radius: 0;
	box-shadow: none;
}

.mak-design-3 .mak-award-card::before {
	width: 5px;
	height: calc(100% - 56px);
	top: 28px;
}

.mak-design-3 .mak-award-topline {
	justify-content: flex-start;
}

.mak-design-3 .mak-award-icon {
	background: transparent;
	border-color: var(--mak-primary);
}

/* Awards: Design 4 - premium recognition gallery */
.mak-design-4 .mak-awards-section {
	background: var(--mak-primary);
	border-color: transparent;
}

.mak-design-4 .mak-awards-section .mak-section-title,
.mak-design-4 .mak-award-organization {
	color: #fff;
}

.mak-design-4 .mak-awards-intro,
.mak-design-4 .mak-award-title {
	color: rgba(255, 255, 255, 0.74);
}

.mak-design-4 .mak-awards-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mak-design-4 .mak-award-card {
	grid-column: span 2;
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.16);
}

.mak-design-4 .mak-award-card:nth-child(1),
.mak-design-4 .mak-award-card:nth-child(5) {
	grid-column: span 3;
}

.mak-design-4 .mak-award-card::before {
	background: var(--mak-accent);
}

.mak-design-4 .mak-award-icon {
	background: rgba(255, 255, 255, 0.12);
	color: var(--mak-accent);
	border-color: rgba(255, 255, 255, 0.18);
}

.mak-design-4 .mak-award-year {
	background: var(--mak-accent);
	color: var(--mak-primary);
}

@media (max-width: 1450px) {
	.mak-design-1 .mak-support-grid,
	.mak-design-2 .mak-support-grid,
	.mak-design-3 .mak-support-grid,
	.mak-design-4 .mak-support-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1100px) {
	.mak-support-grid,
	.mak-info-grid,
	.mak-awards-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mak-design-4 .mak-info-grid,
	.mak-design-4 .mak-awards-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mak-design-4 .mak-info-card,
	.mak-design-4 .mak-info-card-1,
	.mak-design-4 .mak-info-card-2,
	.mak-design-4 .mak-info-card-3,
	.mak-design-4 .mak-info-card-4,
	.mak-design-4 .mak-award-card,
	.mak-design-4 .mak-award-card:nth-child(1),
	.mak-design-4 .mak-award-card:nth-child(5) {
		grid-column: auto;
	}

	.mak-design-2 .mak-support-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.mak-about-hero,
	.mak-design-1 .mak-about-hero,
	.mak-design-2 .mak-about-hero,
	.mak-design-3 .mak-about-hero,
	.mak-design-4 .mak-about-hero {
		grid-template-columns: 1fr;
	}

	.mak-hero-copy,
	.mak-hero-image,
	.mak-design-1 .mak-hero-copy,
	.mak-design-1 .mak-hero-image,
	.mak-design-2 .mak-hero-copy,
	.mak-design-2 .mak-hero-image,
	.mak-design-3 .mak-hero-copy,
	.mak-design-3 .mak-hero-image,
	.mak-design-4 .mak-hero-copy,
	.mak-design-4 .mak-hero-image {
		grid-column: 1;
		grid-row: auto;
	}

	.mak-design-1 .mak-hero-image,
	.mak-design-2 .mak-hero-image,
	.mak-design-3 .mak-hero-image,
	.mak-design-4 .mak-hero-image {
		min-height: 360px;
		margin: 0;
		border-radius: 0;
		clip-path: none;
	}

	.mak-design-1 .mak-hero-image img,
	.mak-design-2 .mak-hero-image img,
	.mak-design-3 .mak-hero-image img,
	.mak-design-4 .mak-hero-image img {
		min-height: 360px;
	}

	.mak-about-overview,
	.mak-awards-heading-wrap,
	.mak-design-2 .mak-about-overview,
	.mak-design-3 .mak-about-overview,
	.mak-design-4 .mak-about-overview,
	.mak-certifications {
		grid-template-columns: 1fr;
	}

	.mak-design-3 .mak-awards-heading-wrap {
		grid-template-columns: 1fr;
	}

	.mak-design-3 .mak-copy-primary {
		border-right: 0;
		border-bottom: 1px solid var(--mak-border);
	}

	.mak-design-3 .mak-about-gallery,
	.mak-design-4 .mak-about-gallery {
		grid-template-columns: 1fr 1fr;
	}

	.mak-design-4 .mak-gallery-card-one,
	.mak-design-2 .mak-info-card:nth-child(even) {
		transform: none;
	}
}

@media (max-width: 620px) {
	.mak-about-shell {
		padding-left: max(18px, var(--mak-pad-left));
		padding-right: max(18px, var(--mak-pad-right));
	}

	.mak-hero-copy {
		padding: 34px 26px;
	}

	.mak-about-logo img {
		max-width: 100%;
	}

	.mak-about-title {
		font-size: clamp(38px, 14vw, 58px);
	}

	.mak-about-gallery,
	.mak-design-3 .mak-about-gallery,
	.mak-design-4 .mak-about-gallery,
	.mak-cert-grid,
	.mak-awards-grid,
	.mak-support-grid,
	.mak-info-grid,
	.mak-design-2 .mak-support-grid,
	.mak-design-3 .mak-support-grid,
	.mak-design-4 .mak-support-grid,
	.mak-design-4 .mak-info-grid,
	.mak-design-3 .mak-awards-grid,
	.mak-design-4 .mak-awards-grid {
		grid-template-columns: 1fr;
	}

	.mak-design-3 .mak-support-card:nth-child(odd),
	.mak-design-3 .mak-support-card:nth-child(even) {
		padding-left: 0;
		padding-right: 0;
		border-right: 0;
	}

	.mak-design-2 .mak-support-card,
	.mak-design-4 .mak-support-card {
		grid-template-columns: 1fr;
		display: block;
	}

	.mak-design-2 .mak-support-card .mak-icon-wrap,
	.mak-design-4 .mak-support-card .mak-icon-wrap {
		margin-bottom: 20px;
	}

	.mak-bottom-cta {
		align-items: flex-start;
		border-radius: 24px;
		text-align: left;
	}

	.mak-cta-copy {
		justify-content: flex-start;
	}
}


/* Width modes: placed last intentionally to override theme and design constraints. */
.mak-about-page.mak-layout-full-browser {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.mak-about-page.mak-layout-full-browser .mak-about-shell {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.mak-about-page.mak-layout-contained {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.mak-about-page.mak-layout-contained .mak-about-shell {
	width: min(100%, var(--mak-max-width));
	max-width: var(--mak-max-width);
	margin-left: auto;
	margin-right: auto;
}

@supports (width: 100dvw) {
	.mak-about-page.mak-layout-full-browser {
		width: 100dvw;
		max-width: 100dvw;
		margin-left: calc(50% - 50dvw);
		margin-right: calc(50% - 50dvw);
	}
}


/* Version 1.1.0 final uniform-layout safeguards.
 * Designs retain their own colors and visual treatment, while the structural
 * geometry stays consistent: aligned rows, equal card heights and no staggered
 * top/bottom offsets. */
.mak-about-gallery,
.mak-cert-grid,
.mak-support-grid,
.mak-awards-grid,
.mak-info-grid {
	align-items: stretch;
}

.mak-gallery-card,
.mak-cert-card,
.mak-support-card,
.mak-award-card,
.mak-info-card {
	min-width: 0;
	height: 100%;
}

.mak-gallery-card,
.mak-info-card {
	display: flex;
	flex-direction: column;
}

.mak-gallery-image {
	flex: 1 1 auto;
}

.mak-gallery-image img {
	height: 330px;
}

.mak-info-card .mak-card-content {
	flex: 1 1 auto;
}

.mak-info-card .mak-card-link {
	margin-top: auto;
	padding-top: 22px;
}

/* All four designs use the same dependable desktop grid geometry. */
.mak-design-1 .mak-about-gallery,
.mak-design-2 .mak-about-gallery,
.mak-design-3 .mak-about-gallery,
.mak-design-4 .mak-about-gallery {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
}

.mak-design-1 .mak-support-grid,
.mak-design-2 .mak-support-grid,
.mak-design-3 .mak-support-grid,
.mak-design-4 .mak-support-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: stretch;
}

.mak-design-1 .mak-info-grid,
.mak-design-2 .mak-info-grid,
.mak-design-3 .mak-info-grid,
.mak-design-4 .mak-info-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
}

.mak-design-1 .mak-awards-grid,
.mak-design-2 .mak-awards-grid,
.mak-design-3 .mak-awards-grid,
.mak-design-4 .mak-awards-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: stretch;
}


/* Keep support-card internals consistently aligned when five cards share a row. */
.mak-design-2 .mak-support-card,
.mak-design-3 .mak-support-card,
.mak-design-4 .mak-support-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.mak-design-2 .mak-support-card .mak-icon-wrap,
.mak-design-3 .mak-support-card .mak-icon-wrap,
.mak-design-4 .mak-support-card .mak-icon-wrap {
	margin: 0 0 20px;
}

.mak-design-3 .mak-support-card:nth-child(odd),
.mak-design-3 .mak-support-card:nth-child(even) {
	padding: 28px;
	border: 1px solid var(--mak-border);
}

/* Remove deliberate stagger/mosaic offsets that caused uneven rows. */
.mak-design-2 .mak-info-card:nth-child(even),
.mak-design-4 .mak-gallery-card-one {
	transform: none;
}

.mak-design-3 .mak-gallery-card-two {
	margin-bottom: 0;
}

.mak-design-4 .mak-info-card,
.mak-design-4 .mak-info-card-1,
.mak-design-4 .mak-info-card-2,
.mak-design-4 .mak-info-card-3,
.mak-design-4 .mak-info-card-4,
.mak-design-4 .mak-award-card,
.mak-design-4 .mak-award-card:nth-child(1),
.mak-design-4 .mak-award-card:nth-child(5) {
	grid-column: auto;
}

/* Equal-height content flow for cards with different text lengths. */
.mak-cert-card,
.mak-award-card,
.mak-support-card {
	align-self: stretch;
}

.mak-support-content,
.mak-card-content,
.mak-cert-card,
.mak-award-card,
.mak-copy-block,
.mak-about-subtitle,
.mak-awards-intro,
.mak-gallery-card figcaption,
.mak-cert-summary,
.mak-card-link,
.mak-cta-copy {
	overflow-wrap: anywhere;
	hyphens: auto;
	text-justify: inter-word;
}

/* Static document label shown until a URL is entered in Elementor. */
.mak-card-link-static {
	cursor: default;
	text-decoration: none;
}

@media (max-width: 1450px) {
	.mak-design-1 .mak-support-grid,
	.mak-design-2 .mak-support-grid,
	.mak-design-3 .mak-support-grid,
	.mak-design-4 .mak-support-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1100px) {
	.mak-design-1 .mak-support-grid,
	.mak-design-2 .mak-support-grid,
	.mak-design-3 .mak-support-grid,
	.mak-design-4 .mak-support-grid,
	.mak-design-1 .mak-info-grid,
	.mak-design-2 .mak-info-grid,
	.mak-design-3 .mak-info-grid,
	.mak-design-4 .mak-info-grid,
	.mak-design-1 .mak-awards-grid,
	.mak-design-2 .mak-awards-grid,
	.mak-design-3 .mak-awards-grid,
	.mak-design-4 .mak-awards-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.mak-design-1 .mak-about-gallery,
	.mak-design-2 .mak-about-gallery,
	.mak-design-3 .mak-about-gallery,
	.mak-design-4 .mak-about-gallery,
	.mak-design-1 .mak-support-grid,
	.mak-design-2 .mak-support-grid,
	.mak-design-3 .mak-support-grid,
	.mak-design-4 .mak-support-grid,
	.mak-design-1 .mak-info-grid,
	.mak-design-2 .mak-info-grid,
	.mak-design-3 .mak-info-grid,
	.mak-design-4 .mak-info-grid,
	.mak-design-1 .mak-awards-grid,
	.mak-design-2 .mak-awards-grid,
	.mak-design-3 .mak-awards-grid,
	.mak-design-4 .mak-awards-grid {
		grid-template-columns: 1fr;
	}

	.mak-gallery-image img {
		height: 260px;
	}
}


/* Version 1.1.1 hotfix: keep Design 4 info cards fully uniform and remove
 * the decorative underline under the ABOUT US hero title highlight. */
.mak-design-4 .mak-about-title-highlight::after {
	display: none !important;
	content: none !important;
}

.mak-design-4 .mak-info-card:nth-child(2) {
	background: var(--mak-surface) !important;
	color: var(--mak-text) !important;
}

.mak-design-4 .mak-info-card:nth-child(2) .mak-card-title,
.mak-design-4 .mak-info-card:nth-child(2) .mak-card-content,
.mak-design-4 .mak-info-card:nth-child(2) .mak-card-content strong {
	color: var(--mak-heading) !important;
}

.mak-design-4 .mak-info-card:nth-child(2) .mak-card-content {
	color: var(--mak-text) !important;
}

.mak-design-4 .mak-info-card:nth-child(2) .mak-icon-wrap {
	background: var(--mak-primary) !important;
	color: #fff !important;
	border: 0 !important;
}


/* ========================================================================
 * Design 5 - Corporate Legacy (v1.2.0)
 * Full-width premium corporate About page inspired by the approved mockup.
 * ======================================================================== */
.mak-design-5 {
	background: #fff;
	color: var(--mak-text);
	overflow: hidden;
}
.mak-design-5 .mak-d5-wrap { width: 100%; }
.mak-design-5 .mak-d5-container {
	width: min(100% - 64px, 1440px);
	margin: 0 auto;
}
.mak-design-5 .mak-d5-section { padding: clamp(64px, 7vw, 104px) 0; }
.mak-design-5 .mak-d5-section + .mak-d5-section { margin-top: 0; }
.mak-design-5 .mak-d5-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	color: var(--mak-primary);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
}
.mak-design-5 .mak-d5-eyebrow::before {
	content: "";
	width: 34px;
	height: 3px;
	background: var(--mak-accent);
}
.mak-design-5 .mak-d5-eyebrow-light { color: rgba(255,255,255,.88); }
.mak-design-5 .mak-d5-title {
	margin: 0 0 22px;
	color: var(--mak-heading);
	font-size: clamp(30px, 3.2vw, 48px);
	line-height: 1.12;
	letter-spacing: -.025em;
}
.mak-design-5 .mak-d5-heading-center { text-align: center; }
.mak-design-5 .mak-d5-heading-center .mak-d5-eyebrow { justify-content: center; }
.mak-design-5 .mak-d5-copy,
.mak-design-5 .mak-d5-richtext { color: var(--mak-text); line-height: 1.75; }
.mak-design-5 .mak-d5-richtext p { margin: 0 0 1em; }

/* Hero */
.mak-design-5 .mak-d5-hero {
	position: relative;
	min-height: 590px;
	background: var(--mak-primary);
	background-image: var(--mak-d5-hero-image);
	background-size: cover;
	background-position: center;
	isolation: isolate;
}
.mak-design-5 .mak-d5-hero-overlay {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(11,37,76,.98) 0%, rgba(20,55,104,.94) 42%, rgba(20,55,104,.58) 66%, rgba(20,55,104,.20) 100%);
}
.mak-design-5 .mak-d5-hero-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 590px;
	padding-top: 74px;
	padding-bottom: 52px;
}
.mak-design-5 .mak-d5-hero-copy { max-width: 760px; }
.mak-design-5 .mak-d5-hero-title {
	margin: 0;
	color: #fff;
	font-size: clamp(44px, 5.3vw, 78px);
	font-weight: 800;
	line-height: .98;
	letter-spacing: -.045em;
}
.mak-design-5 .mak-d5-hero-text {
	max-width: 720px;
	margin-top: 28px;
	color: rgba(255,255,255,.92);
	font-size: clamp(16px, 1.35vw, 20px);
	line-height: 1.65;
}
.mak-design-5 .mak-d5-hero-stats {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 22px;
	max-width: 980px;
	margin-top: 50px;
}
.mak-design-5 .mak-d5-hero-stat {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 12px;
	align-items: center;
	color: #fff;
}
.mak-design-5 .mak-d5-hero-stat-icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255,255,255,.45);
	border-radius: 50%;
}
.mak-design-5 .mak-d5-hero-stat-icon i { font-size: 18px; }
.mak-design-5 .mak-d5-hero-stat-icon svg { width: 18px; height: 18px; fill: currentColor; }
.mak-design-5 .mak-d5-hero-stat strong { display: block; font-size: 15px; line-height: 1.3; }
.mak-design-5 .mak-d5-hero-stat span { display: block; margin-top: 3px; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.35; }

/* Overview */
.mak-design-5 .mak-d5-overview-grid,
.mak-design-5 .mak-d5-mfg-grid {
	display: grid;
	grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
	gap: clamp(44px, 6vw, 86px);
	align-items: center;
}
.mak-design-5 .mak-d5-image-card,
.mak-design-5 .mak-d5-mfg-image {
	position: relative;
	min-height: 430px;
	overflow: hidden;
	background: var(--mak-surface-alt);
	border: 1px solid var(--mak-border);
}
.mak-design-5 .mak-d5-image-card::after,
.mak-design-5 .mak-d5-mfg-image::after {
	content:"";
	position:absolute;
	left:24px;
	bottom:24px;
	width:84px;
	height:5px;
	background:var(--mak-accent);
}
.mak-design-5 .mak-d5-image-card img,
.mak-design-5 .mak-d5-mfg-image img { width:100%; height:100%; min-height:430px; object-fit:cover; }

/* At a glance */
.mak-design-5 .mak-d5-glance-section { background: var(--mak-surface-alt); }
.mak-design-5 .mak-d5-glance-grid {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	margin-top: 48px;
}
.mak-design-5 .mak-d5-glance-item {
	position: relative;
	padding: 14px 34px;
	text-align: center;
}
.mak-design-5 .mak-d5-glance-item + .mak-d5-glance-item { border-left: 1px solid var(--mak-border); }
.mak-design-5 .mak-d5-glance-icon { color: var(--mak-primary); margin-bottom: 16px; font-size: 28px; }
.mak-design-5 .mak-d5-glance-icon svg { width: 28px; height: 28px; fill: currentColor; }
.mak-design-5 .mak-d5-stat-value { color: var(--mak-primary); font-size: clamp(24px,2.3vw,34px); font-weight:800; line-height:1.15; }
.mak-design-5 .mak-d5-stat-label { margin-top:8px; color:var(--mak-text); font-size:14px; line-height:1.45; }

/* Journey */
.mak-design-5 .mak-d5-timeline {
	position:relative;
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:28px;
	margin-top:58px;
}
.mak-design-5 .mak-d5-timeline::before {
	content:"";
	position:absolute;
	left:8%;
	right:8%;
	top:31px;
	height:1px;
	background:#AFC0D6;
}
.mak-design-5 .mak-d5-timeline-item { position:relative; z-index:1; text-align:center; }
.mak-design-5 .mak-d5-timeline-dot {
	display:grid;
	place-items:center;
	width:62px;
	height:62px;
	margin:0 auto 18px;
	background:var(--mak-primary);
	color:#fff;
	border:6px solid #fff;
	border-radius:50%;
	box-shadow:0 0 0 1px var(--mak-border);
}
.mak-design-5 .mak-d5-timeline-item:nth-child(3) .mak-d5-timeline-dot { background:var(--mak-accent); }
.mak-design-5 .mak-d5-timeline-dot i { font-size:20px; }
.mak-design-5 .mak-d5-timeline-dot svg { width:20px; height:20px; fill:currentColor; }
.mak-design-5 .mak-d5-timeline-year { color:var(--mak-primary); font-weight:800; font-size:20px; }
.mak-design-5 .mak-d5-timeline-title { margin:4px 0 10px; color:var(--mak-heading); font-size:17px; line-height:1.3; }
.mak-design-5 .mak-d5-timeline-text { color:var(--mak-muted); font-size:13px; line-height:1.6; }

/* Capabilities */
.mak-design-5 .mak-d5-cap-section { background:linear-gradient(180deg,#F6F9FD 0%,#EEF4FB 100%); }
.mak-design-5 .mak-d5-cap-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:22px;
	margin-top:48px;
}
.mak-design-5 .mak-d5-cap-card {
	position:relative;
	padding:30px;
	background:#fff;
	border:1px solid var(--mak-border);
	min-height:275px;
	overflow:hidden;
	transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.mak-design-5 .mak-d5-cap-card::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--mak-primary); }
.mak-design-5 .mak-d5-cap-card:hover { transform:translateY(-4px); border-color:#B8C9DE; box-shadow:0 18px 38px rgba(23,50,88,.10); }
.mak-design-5 .mak-d5-cap-icon { color:var(--mak-primary); font-size:30px; margin-bottom:24px; }
.mak-design-5 .mak-d5-cap-icon svg { width:30px; height:30px; fill:currentColor; }
.mak-design-5 .mak-d5-card-title { margin:0 0 12px; color:var(--mak-heading); font-size:20px; line-height:1.3; }
.mak-design-5 .mak-d5-card-text { color:var(--mak-muted); font-size:14px; line-height:1.65; }

/* Manufacturing */
.mak-design-5 .mak-d5-mfg-section { background:#fff; }
.mak-design-5 .mak-d5-process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:34px; }
.mak-design-5 .mak-d5-process-item { position:relative; display:grid; justify-items:center; gap:8px; padding:12px 8px; color:var(--mak-primary); text-align:center; }
.mak-design-5 .mak-d5-process-icon { font-size:24px; }
.mak-design-5 .mak-d5-process-icon svg { width:24px; height:24px; fill:currentColor; }
.mak-design-5 .mak-d5-process-title { color:var(--mak-heading); font-weight:700; font-size:13px; }
.mak-design-5 .mak-d5-process-arrow { position:absolute; right:-10px; top:18px; color:#9BB0CA; font-size:22px; }

/* R&D + Quality */
.mak-design-5 .mak-d5-rdq-section { background:var(--mak-surface-alt); }
.mak-design-5 .mak-d5-rdq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.mak-design-5 .mak-d5-rdq-card { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(180px,.88fr); min-height:390px; background:#fff; border:1px solid var(--mak-border); overflow:hidden; }
.mak-design-5 .mak-d5-rdq-copy { padding:38px; }
.mak-design-5 .mak-d5-rdq-copy .mak-d5-title { font-size:clamp(26px,2.3vw,36px); }
.mak-design-5 .mak-d5-rdq-image { position:relative; min-height:100%; background:#EAF0F7; overflow:hidden; }
.mak-design-5 .mak-d5-rdq-image img { width:100%; height:100%; object-fit:cover; }
.mak-design-5 .mak-d5-quality-badge { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(78%,190px); padding:26px 18px; background:rgba(255,255,255,.94); color:var(--mak-primary); border:1px solid var(--mak-border); font-size:18px; font-weight:800; line-height:1.35; text-align:center; box-shadow:0 12px 28px rgba(20,48,86,.16); }

/* Vision Mission Values */
.mak-design-5 .mak-d5-vmv-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:26px; }
.mak-design-5 .mak-d5-vmv-card { padding:34px; background:var(--mak-surface-alt); border:1px solid var(--mak-border); }
.mak-design-5 .mak-d5-vmv-icon { color:var(--mak-primary); font-size:30px; margin-bottom:20px; }
.mak-design-5 .mak-d5-values-list { display:grid; gap:10px; }
.mak-design-5 .mak-d5-value-card { display:flex; gap:10px; align-items:center; color:var(--mak-heading); font-size:14px; }
.mak-design-5 .mak-d5-value-card span { color:var(--mak-accent); }
.mak-design-5 .mak-d5-value-card svg { width:14px; height:14px; fill:currentColor; }

/* Why MAK */
.mak-design-5 .mak-d5-why-section { padding-top:54px; padding-bottom:70px; }
.mak-design-5 .mak-d5-why-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); margin-top:44px; }
.mak-design-5 .mak-d5-why-item { padding:20px 18px; text-align:center; border-right:1px solid var(--mak-border); }
.mak-design-5 .mak-d5-why-item:last-child { border-right:0; }
.mak-design-5 .mak-d5-why-item span { display:block; margin-bottom:12px; color:var(--mak-primary); font-size:26px; }
.mak-design-5 .mak-d5-why-item svg { width:26px; height:26px; fill:currentColor; }
.mak-design-5 .mak-d5-why-item strong { display:block; color:var(--mak-heading); font-size:13px; line-height:1.4; }

/* Awards timeline */
.mak-design-5 .mak-d5-awards-section { background:#fff; padding-top:54px; }
.mak-design-5 .mak-d5-awards-timeline { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; margin-top:50px; }
.mak-design-5 .mak-d5-awards-timeline::before { content:""; position:absolute; left:7%; right:7%; top:8px; height:2px; background:#AFC0D6; }
.mak-design-5 .mak-d5-award-item { position:relative; z-index:1; padding:26px 12px 0; text-align:center; }
.mak-design-5 .mak-d5-award-dot { position:absolute; left:50%; top:0; width:16px; height:16px; transform:translateX(-50%); background:var(--mak-accent); border:4px solid #fff; border-radius:50%; box-shadow:0 0 0 1px var(--mak-accent); }
.mak-design-5 .mak-d5-award-year { color:var(--mak-primary); font-size:18px; font-weight:800; }
.mak-design-5 .mak-d5-award-org { margin-top:7px; color:var(--mak-heading); font-size:13px; font-weight:700; line-height:1.45; }
.mak-design-5 .mak-d5-award-title { margin-top:5px; color:var(--mak-muted); font-size:12px; line-height:1.5; }

/* CTA */
.mak-design-5 .mak-d5-cta-section { position:relative; padding:56px 0; background:linear-gradient(120deg,#142E54,#0C2243); color:#fff; overflow:hidden; }
.mak-design-5 .mak-d5-cta-section::after { content:""; position:absolute; right:-120px; top:-210px; width:520px; height:520px; border:1px solid rgba(255,255,255,.09); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02); }
.mak-design-5 .mak-d5-cta-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:44px; align-items:center; }
.mak-design-5 .mak-d5-cta-heading { margin:0; color:#fff; font-size:clamp(26px,3vw,42px); line-height:1.15; letter-spacing:.01em; }
.mak-design-5 .mak-d5-cta-text { max-width:850px; margin-top:14px; color:rgba(255,255,255,.76); }
.mak-design-5 .mak-d5-cta-actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
.mak-design-5 .mak-d5-btn { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:48px; padding:12px 22px; font-weight:700; font-size:14px; border:1px solid transparent; transition:transform .2s ease, background .2s ease; }
.mak-design-5 .mak-d5-btn:hover { transform:translateY(-2px); }
.mak-design-5 .mak-d5-btn-primary { background:var(--mak-accent); color:#fff; }
.mak-design-5 .mak-d5-btn-secondary { background:#fff; color:var(--mak-primary); }

@media (max-width: 1200px) {
	.mak-design-5 .mak-d5-hero-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.mak-design-5 .mak-d5-timeline { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.mak-design-5 .mak-d5-timeline::before { display:none; }
	.mak-design-5 .mak-d5-cap-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.mak-design-5 .mak-d5-rdq-grid { grid-template-columns:1fr; }
	.mak-design-5 .mak-d5-why-grid { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:18px; }
	.mak-design-5 .mak-d5-why-item:nth-child(3) { border-right:0; }
	.mak-design-5 .mak-d5-awards-timeline { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.mak-design-5 .mak-d5-awards-timeline::before { display:none; }
}
@media (max-width: 900px) {
	.mak-design-5 .mak-d5-container { width:min(100% - 40px,1440px); }
	.mak-design-5 .mak-d5-overview-grid,
	.mak-design-5 .mak-d5-mfg-grid { grid-template-columns:1fr; gap:34px; }
	.mak-design-5 .mak-d5-glance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
	.mak-design-5 .mak-d5-glance-item:nth-child(3) { border-left:0; border-top:1px solid var(--mak-border); padding-top:32px; margin-top:20px; }
	.mak-design-5 .mak-d5-glance-item:nth-child(4) { border-top:1px solid var(--mak-border); padding-top:32px; margin-top:20px; }
	.mak-design-5 .mak-d5-vmv-grid { grid-template-columns:1fr; }
	.mak-design-5 .mak-d5-cta-inner { grid-template-columns:1fr; }
	.mak-design-5 .mak-d5-cta-actions { justify-content:flex-start; }
}
@media (max-width: 680px) {
	.mak-design-5 .mak-d5-container { width:min(100% - 28px,1440px); }
	.mak-design-5 .mak-d5-section { padding:54px 0; }
	.mak-design-5 .mak-d5-hero,
	.mak-design-5 .mak-d5-hero-inner { min-height:640px; }
	.mak-design-5 .mak-d5-hero-overlay { background:linear-gradient(90deg,rgba(11,37,76,.96),rgba(11,37,76,.82)); }
	.mak-design-5 .mak-d5-hero-title { font-size:clamp(40px,12vw,58px); }
	.mak-design-5 .mak-d5-hero-stats { grid-template-columns:1fr 1fr; gap:20px 12px; }
	.mak-design-5 .mak-d5-hero-stat { grid-template-columns:38px 1fr; }
	.mak-design-5 .mak-d5-hero-stat-icon { width:36px; height:36px; }
	.mak-design-5 .mak-d5-glance-grid,
	.mak-design-5 .mak-d5-timeline,
	.mak-design-5 .mak-d5-cap-grid,
	.mak-design-5 .mak-d5-process-grid,
	.mak-design-5 .mak-d5-why-grid,
	.mak-design-5 .mak-d5-awards-timeline { grid-template-columns:1fr; }
	.mak-design-5 .mak-d5-glance-item,
	.mak-design-5 .mak-d5-glance-item + .mak-d5-glance-item,
	.mak-design-5 .mak-d5-glance-item:nth-child(3),
	.mak-design-5 .mak-d5-glance-item:nth-child(4) { border-left:0; border-top:1px solid var(--mak-border); padding:24px 10px; margin:0; }
	.mak-design-5 .mak-d5-glance-item:first-child { border-top:0; }
	.mak-design-5 .mak-d5-timeline-item { display:grid; grid-template-columns:54px 1fr; column-gap:16px; text-align:left; }
	.mak-design-5 .mak-d5-timeline-dot { grid-row:1/5; width:50px; height:50px; margin:0; border-width:4px; }
	.mak-design-5 .mak-d5-timeline-year,
	.mak-design-5 .mak-d5-timeline-title,
	.mak-design-5 .mak-d5-timeline-text { grid-column:2; }
	.mak-design-5 .mak-d5-rdq-card { grid-template-columns:1fr; }
	.mak-design-5 .mak-d5-rdq-image { min-height:260px; }
	.mak-design-5 .mak-d5-rdq-copy { padding:28px; }
	.mak-design-5 .mak-d5-why-item,
	.mak-design-5 .mak-d5-why-item:nth-child(3) { display:flex; align-items:center; gap:16px; border-right:0; border-bottom:1px solid var(--mak-border); text-align:left; }
	.mak-design-5 .mak-d5-why-item span { margin:0; }
	.mak-design-5 .mak-d5-award-item { text-align:left; padding:0 0 0 34px; }
	.mak-design-5 .mak-d5-award-dot { left:8px; top:4px; transform:none; }
	.mak-design-5 .mak-d5-cta-actions { flex-direction:column; align-items:stretch; }
	.mak-design-5 .mak-d5-btn { width:100%; }
	.mak-design-5 .mak-d5-process-arrow { display:none; }
}