/* ==================== About Page ==================== */

:root {
	--gel-main: #28978a;
	--gel-main-dark: #1f766d;
	--gel-ink: #102629;
	--gel-text: #2c3d40;
	--gel-muted: #657477;
	--gel-soft: #f6f8f8;
	--gel-line: #e4ebea;
	--gel-white: #ffffff;
}

.about-page {
	width: 100%;
	background: #ffffff;
	color: var(--gel-text);
	font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

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

.about-container {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

/* ==================== About Banner ==================== */

.about-hero {

	position: relative;

	min-height: 560px;

	display: flex;

	align-items: center;

	overflow: hidden;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

}



/* ==================== About Banner Overlay ==================== */

.about-hero-overlay {

	position: absolute;

	inset: 0;

	z-index: 1;

	background:
		linear-gradient(
			90deg,
			rgba(8, 28, 32, 0.55) 0%,
			rgba(8, 28, 32, 0.28) 35%,
			rgba(8, 28, 32, 0.05) 58%,
			rgba(8, 28, 32, 0) 75%
		);

}

/* ==================== About Banner Container ==================== */

.about-hero .about-container {

	position: relative;

	z-index: 2;

	width: 100%;

}



/* ==================== About Banner Content ==================== */

.about-hero-content {

	max-width: 720px;

	color: #ffffff;

}



.about-hero-content span {

	display: block;

	margin-bottom: 16px;

	color: #70d1c6;

	font-size: 12px;

	font-weight: 800;

	letter-spacing: 2.2px;

	text-transform: uppercase;

}



.about-hero-content h1 {

	margin: 0 0 22px;

	color: #ffffff;

	font-size: 56px;

	line-height: 1.1;

	font-weight: 760;

	letter-spacing: -1.4px;

}



.about-hero-content p {

	max-width: 640px;

	margin: 0;

	color: rgba(255,255,255,0.88);

	font-size: 18px;

	line-height: 1.78;

	font-weight: 400;

}



/* ==================== About Banner Responsive ==================== */

@media (max-width:991px){


	.about-hero {

		min-height:520px;

	}


	.about-hero-content h1 {

		font-size:42px;

	}


}



@media (max-width:575px){


	.about-hero {

		min-height:500px;

	}


	.about-hero-content h1 {

		font-size:34px;

		line-height:1.16;

		letter-spacing:-0.6px;

	}


	.about-hero-content p {

		font-size:16px;

		line-height:1.7;

	}


}


/* ==================== /About Banner ==================== */

/* ==================== About Company Intro ==================== */

.about-company {
	padding: 94px 0 104px;
	background: #ffffff;
	color: var(--gel-text);
	font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}


/* ==================== About Company Header ==================== */

.about-company-head {
	margin-bottom: 46px;
}

.about-company-head span {
	display: block;
	margin-bottom: 12px;
	color: var(--gel-main);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 2.2px;
	text-transform: uppercase;
}

.about-company-head h2 {
	margin: 0;
	color: var(--gel-ink);
	font-size: 42px;
	line-height: 1.14;
	font-weight: 760;
	letter-spacing: -1.1px;
}


/* ==================== About Company Layout ==================== */

.about-company-row {
	display: grid;
	grid-template-columns: 1.04fr 0.96fr;
	gap: 64px;
	align-items: center;
}


/* ==================== About Company Image ==================== */

.about-company-media {
	position: relative;
	overflow: hidden;
	background: #f7f9f9;
	border-radius: 26px;
	box-shadow: 0 22px 58px rgba(16, 38, 41, 0.08);
}

.about-company-media::after {
	display: none;
	content: none;
}

.about-company-media img {
	width: 100%;
	height: 420px;
	display: block;
	object-fit: cover;
	object-position: center center;
	transition: transform 0.6s ease;
}

.about-company-media:hover img {
	transform: scale(1.035);
}


/* ==================== About Company Content Right ==================== */

.about-company-content {
	max-width: 620px;
}

.about-company-content p {
	margin: 0 0 18px;
	color: #425154;
	font-size: 16px;
	line-height: 1.78;
	font-weight: 400;
}


/* ==================== About Company Button ==================== */

.about-company-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 168px;
	min-height: 50px;

	margin-top: 8px;
	padding: 0 34px;

	border-radius: 999px;

	background: var(--gel-main);
	border: 1px solid var(--gel-main);

	color: #ffffff;

	font-size: 15px;
	font-weight: 760;

	text-decoration: none;

	box-shadow: 0 14px 32px rgba(40, 151, 138, 0.22);

	transition: all 0.25s ease;
}

.about-company-btn:hover {
	background: var(--gel-main-dark);
	border-color: var(--gel-main-dark);

	color: #ffffff;

	text-decoration: none;

	transform: translateY(-2px);

	box-shadow: 0 18px 40px rgba(40, 151, 138, 0.3);
}


/* ==================== About Company Strength ==================== */

.about-company-strength {
	margin-top: 54px;
	padding-top: 42px;
	border-top: 1px solid var(--gel-line);
}

.about-company-strength-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 34px;
}

.about-company-strength-item {
	position: relative;

	min-height: 185px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	background: #ffffff;

	border: 1px solid #e5eceb;
	border-radius: 18px;

	text-align: center;

	padding: 32px 24px;

	box-shadow: 0 12px 34px rgba(16, 38, 41, 0.045);

	transition: all 0.25s ease;
}

.about-company-strength-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 40px rgba(16, 38, 41, 0.08);
}


/* Strength Icon */

.about-company-strength-icon {
	width: 54px;
	height: 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 18px;

	color: var(--gel-main);

	font-size: 32px;
}


/* Strength Number */

.about-company-strength-number {
	margin-bottom: 10px;

	color: var(--gel-main);

	font-size: 42px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -1px;
}

.about-company-strength-number span {
	margin-left: 4px;

	font-size: 22px;
	font-weight: 700;
}


/* Strength Title */

.about-company-strength-item h3 {
	margin: 0;

	color: var(--gel-ink);

	font-size: 18px;
	line-height: 1.35;
	font-weight: 750;
}


/* ==================== About Company More Content ==================== */

.about-company-more {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	align-items: stretch;

	margin-top: 34px;
}

.about-company-more p {
	position: relative;

	height: 100%;
	margin: 0;
	padding: 26px 28px 28px;

	background: #f8fbfa;
	border: 1px solid #e4ebea;
	border-left: 4px solid var(--gel-main);
	border-radius: 18px;

	color: #425154;
	font-size: 15.5px;
	line-height: 1.78;
	font-weight: 400;

	box-shadow: 0 12px 34px rgba(16, 38, 41, 0.045);
}


/* ==================== About Company Responsive ==================== */

@media (max-width: 991px) {

	.about-company {
		padding: 74px 0 84px;
	}

	.about-company-head h2 {
		font-size: 36px;
	}

	.about-company-row {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.about-company-content {
		max-width: none;
	}

	.about-company-media img {
		height: 380px;
	}

	.about-company-strength {
		margin-top: 42px;
		padding-top: 36px;
	}

	.about-company-strength-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}

	.about-company-strength-item {
		min-height: 165px;
		padding: 28px 18px;
	}

	.about-company-strength-number {
		font-size: 34px;
	}

	.about-company-strength-number span {
		font-size: 18px;
	}

	.about-company-strength-item h3 {
		font-size: 16px;
	}

	.about-company-more {
		grid-template-columns: 1fr;
		gap: 18px;
		margin-top: 30px;
	}

	.about-company-more p {
		padding: 24px 24px;
	}

}


@media (max-width: 575px) {

	.about-company {
		padding: 58px 0 68px;
	}

	.about-company-head {
		margin-bottom: 34px;
	}

	.about-company-head h2 {
		font-size: 30px;
		letter-spacing: -0.6px;
	}

	.about-company-media {
		border-radius: 22px;
	}

	.about-company-media img {
		height: 260px;
	}

	.about-company-content p {
		font-size: 15px;
		line-height: 1.74;
	}

	.about-company-btn {
		width: 100%;
	}

	.about-company-strength {
		margin-top: 34px;
		padding-top: 30px;
	}

	.about-company-strength-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.about-company-strength-item {
		min-height: 170px;
		padding: 28px 20px;
	}

	.about-company-strength-number {
		font-size: 36px;
	}

	.about-company-more {
		gap: 14px;
		margin-top: 26px;
	}

	.about-company-more p {
		padding: 22px 20px;
		font-size: 15px;
		line-height: 1.74;
	}

}


/* ==================== /About Company Intro ==================== */

/* ==================== Company Mission Vision Positioning ==================== */

.about-mvp {

	padding: 82px 0 86px;

	background: #ffffff;

	color: var(--gel-text);

	font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

}


/* Layout */

.about-mvp-layout {

	display: grid;

	grid-template-columns: 320px 1fr;

	gap: 70px;

	align-items: start;

}


/* Left Title */

.about-mvp-title span {

	display:block;

	margin-bottom:14px;

	color:var(--gel-main);

	font-size:12px;

	font-weight:800;

	letter-spacing:2px;

	text-transform:uppercase;

}


.about-mvp-title h2 {

	margin:0;

	color:var(--gel-ink);

	font-size:46px;

	line-height:1.15;

	font-weight:760;

	letter-spacing:-1px;

}



/* Right Content */

.about-mvp-content {

	border-left:1px solid #e5eceb;

	padding-left:42px;

}


.about-mvp-item {

	padding-bottom:26px;

	margin-bottom:26px;

	border-bottom:1px solid #edf1f0;

}


.about-mvp-item:last-of-type {

	margin-bottom:28px;

}



.about-mvp-item h3 {

	margin:0 0 10px;

	color:var(--gel-main);

	font-size:20px;

	font-weight:760;

}



.about-mvp-item p {

	margin:0;

	color:#425154;

	font-size:16px;

	line-height:1.75;

}

/* Responsive */

@media(max-width:991px){


	.about-mvp-layout{

		grid-template-columns:1fr;

		gap:40px;

	}


	.about-mvp-title h2{

		font-size:36px;

	}


	.about-mvp-content{

		padding-left:0;

		border-left:none;

	}


}


@media(max-width:575px){


	.about-mvp{

		padding:60px 0;

	}


	.about-mvp-title h2{

		font-size:30px;

	}


	.about-mvp-item p{

		font-size:15px;

	}


}


/* ==================== /Company Mission Vision Positioning ==================== */

/* ==================== Company History ==================== */

.about-history {
	padding: 76px 0 84px;
	background: #f6f8f8;
	color: var(--gel-text);
	font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.about-history-layout {
	display: grid;
	grid-template-columns: 0.32fr 0.68fr;
	gap: 58px;
	align-items: start;
}

.about-history-head {
	position: sticky;
	top: 120px;
	padding-top: 4px;
}

.about-history-head span {
	display: block;
	margin-bottom: 12px;
	color: var(--gel-main);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 2.2px;
	text-transform: uppercase;
}

.about-history-head h2 {
	margin: 0;
	color: var(--gel-ink);
	font-size: 40px;
	line-height: 1.14;
	font-weight: 760;
	letter-spacing: -1.1px;
}

.about-history-timeline {
	position: relative;
	padding-left: 46px;
}

.about-history-timeline::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 6px;
	bottom: 6px;
	width: 2px;
	background: #cfdad9;
}

.about-history-item {
	position: relative;
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	gap: 30px;
	align-items: start;
	padding-bottom: 18px;
}

.about-history-item:last-child {
	padding-bottom: 0;
}

.about-history-item::before {
	content: "";
	position: absolute;
	left: -43px;
	top: 3px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ffffff;
	border: 4px solid var(--gel-main);
	box-shadow: 0 0 0 6px rgba(40, 151, 138, 0.1);
}

.about-history-date {
	color: var(--gel-main-dark);
	font-size: 16px;
	line-height: 1.42;
	font-weight: 760;
	white-space: nowrap;
}

.about-history-content {
	padding: 0 0 18px;
	border-bottom: 1px solid var(--gel-line);
}

.about-history-item:last-child .about-history-content {
	border-bottom: none;
	padding-bottom: 0;
}

.about-history-content p {
	margin: 0;
	color: #2f3f42;
	font-size: 17px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: -0.1px;
}

.about-history-item:hover .about-history-content p {
	color: var(--gel-main-dark);
}

/* Company History Responsive */

@media (max-width: 991px) {
	.about-history {
		padding: 66px 0 74px;
	}

	.about-history-layout {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.about-history-head {
		position: relative;
		top: auto;
	}

	.about-history-head h2 {
		font-size: 34px;
	}

	.about-history-item {
		grid-template-columns: 126px minmax(0, 1fr);
		gap: 22px;
		padding-bottom: 16px;
	}

	.about-history-content {
		padding-bottom: 16px;
	}
}

@media (max-width: 575px) {
	.about-history {
		padding: 52px 0 60px;
	}

	.about-history-head h2 {
		font-size: 30px;
		letter-spacing: -0.6px;
	}

	.about-history-timeline {
		padding-left: 34px;
	}

	.about-history-timeline::before {
		left: 8px;
	}

	.about-history-item {
		grid-template-columns: 1fr;
		gap: 6px;
		padding-bottom: 20px;
	}

	.about-history-item::before {
		left: -33px;
		top: 3px;
		width: 15px;
		height: 15px;
		border-width: 4px;
		box-shadow: 0 0 0 5px rgba(40, 151, 138, 0.1);
	}

	.about-history-date {
		font-size: 15px;
	}

	.about-history-content {
		padding-bottom: 18px;
	}

	.about-history-content p {
		font-size: 15.5px;
		line-height: 1.55;
		font-weight: 500;
	}
}

/* ==================== /Company History ==================== */

/* ==================== Testing Instruments ==================== */

.about-testing {
	padding: 94px 0 106px;
	background: #ffffff;
	color: var(--gel-text);
	font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}


/* ==================== Testing Instruments Header ==================== */

.about-testing-head {
	max-width: 880px;
	margin: 0 auto 54px;
	text-align: center;
}

.about-testing-head span {
	display: block;
	margin-bottom: 12px;
	color: var(--gel-main);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 2.2px;
	text-transform: uppercase;
}

.about-testing-head h2 {
	margin: 0;
	color: var(--gel-ink);
	font-size: 42px;
	line-height: 1.14;
	font-weight: 760;
	letter-spacing: -1.1px;
}

.about-testing-head p {
	max-width: 760px;
	margin: 18px auto 0;
	color: var(--gel-muted);
	font-size: 16px;
	line-height: 1.78;
}


/* ==================== Testing Instruments Grid ==================== */

.about-testing-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
}


/* ==================== Testing Instruments Card ==================== */

.about-testing-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #ffffff;
	border: 1px solid var(--gel-line);
	overflow: hidden;
	box-shadow: 0 14px 34px rgba(16, 38, 41, 0.06);
	transition: all 0.28s ease;
}

.about-testing-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 24px 56px rgba(16, 38, 41, 0.12);
}


/* ==================== Testing Instruments Image ==================== */

.about-testing-image {
	position: relative;
	height: 190px;
	overflow: hidden;
	background: #f7f9f9;
}


/* Remove Image Overlay */

.about-testing-image::after {
	display: none;
	content: none;
}


.about-testing-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	object-position: center center;
	background: #ffffff;
	padding: 12px;
	transition: transform 0.45s ease;
}


.about-testing-card:hover .about-testing-image img {
	transform: scale(1.04);
}


/* ==================== Testing Instruments Content ==================== */

.about-testing-content {
	flex: 1;
	min-height: 145px;
	padding: 22px 20px 26px;
	text-align: center;
}


.about-testing-content h3 {
	margin: 0 0 10px;
	color: var(--gel-ink);
	font-size: 18px;
	line-height: 1.32;
	font-weight: 760;
	letter-spacing: -0.25px;
}


.about-testing-content p {
	margin: 0;
	color: #425154;
	font-size: 13.5px;
	line-height: 1.65;
}


/* ==================== Testing Instruments Responsive ==================== */

@media (max-width: 1199px) {

	.about-testing {
		padding: 82px 0 94px;
	}


	.about-testing-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}


@media (max-width: 991px) {

	.about-testing-head h2 {
		font-size: 36px;
	}


	.about-testing-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	.about-testing-image {
		height: 210px;
	}

}


@media (max-width: 575px) {

	.about-testing {
		padding: 60px 0 72px;
	}


	.about-testing-head {
		margin-bottom: 36px;
	}


	.about-testing-head h2 {
		font-size: 30px;
		letter-spacing: -0.6px;
	}


	.about-testing-head p {
		font-size: 15px;
	}


	.about-testing-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}


	.about-testing-image {
		height: 230px;
	}


	.about-testing-content {
		padding: 24px 22px 28px;
	}


	.about-testing-content h3 {
		font-size: 20px;
	}


	.about-testing-content p {
		font-size: 14px;
	}

}


/* ==================== /Testing Instruments ==================== */

/* ==================== Quality Assurance ==================== */

.about-assurance {
	padding: 94px 0 104px;
	background: #f6f8f8;
	color: var(--gel-text);
	font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}


/* ==================== Quality Assurance Layout ==================== */

.about-assurance-row {
	display: grid;
	grid-template-columns: 0.95fr 1.05fr;
	gap: 72px;
	align-items: center;
}


/* ==================== Quality Assurance Content ==================== */

.about-assurance-content {
	max-width: 650px;
}

.about-assurance-content span {
	display: block;
	margin-bottom: 14px;
	color: var(--gel-main);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 2.2px;
	text-transform: uppercase;
}

.about-assurance-content h2 {
	margin: 0 0 24px;
	color: var(--gel-ink);
	font-size: 42px;
	line-height: 1.14;
	font-weight: 760;
	letter-spacing: -1.1px;
}

.about-assurance-content p {
	margin: 0 0 20px;
	color: #425154;
	font-size: 16px;
	line-height: 1.82;
	font-weight: 400;
}


/* ==================== Quality Assurance Badges ==================== */

.about-assurance-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 30px 0 34px;
}

.about-assurance-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 38px;
	padding: 0 18px;

	background: #ffffff;

	color: var(--gel-main-dark);

	font-size: 13px;
	font-weight: 760;
	letter-spacing: 0.2px;

	box-shadow: 0 10px 26px rgba(16, 38, 41, 0.06);
}


/* ==================== Quality Assurance Button ==================== */

.about-assurance-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 168px;
	min-height: 50px;

	padding: 0 34px;

	border-radius: 999px;

	background: var(--gel-main);
	border: 1px solid var(--gel-main);

	color: #ffffff;

	font-size: 15px;
	font-weight: 760;

	text-decoration: none;

	box-shadow: 0 14px 32px rgba(40, 151, 138, 0.22);

	transition: all 0.25s ease;
}


.about-assurance-btn:hover {

	background: var(--gel-main-dark);
	border-color: var(--gel-main-dark);

	color: #ffffff;

	text-decoration: none;

	transform: translateY(-2px);

	box-shadow: 0 18px 40px rgba(40, 151, 138, 0.3);

}


/* ==================== Quality Assurance Image ==================== */

.about-assurance-image {

	position: relative;

	overflow: hidden;

	background: #f7f9f9;

	box-shadow: 0 22px 58px rgba(16, 38, 41, 0.08);

}


/* Remove Image Overlay */

.about-assurance-image::after {

	display: none;

	content: none;

}


.about-assurance-image img {

	width: 100%;

	height: 500px;

	display: block;

	object-fit: cover;

	object-position: center center;

	transition: transform 0.6s ease;

}


.about-assurance-image:hover img {

	transform: scale(1.035);

}


/* ==================== Quality Assurance Responsive ==================== */

@media (max-width: 991px) {

	.about-assurance {

		padding: 74px 0 84px;

	}


	.about-assurance-row {

		grid-template-columns: 1fr;

		gap: 42px;

	}


	.about-assurance-content {

		max-width: none;

	}


	.about-assurance-content h2 {

		font-size: 36px;

	}


	.about-assurance-image img {

		height: 380px;

	}

}



@media (max-width: 575px) {

	.about-assurance {

		padding: 58px 0 68px;

	}


	.about-assurance-content h2 {

		font-size: 30px;

		letter-spacing: -0.6px;

	}


	.about-assurance-content p {

		font-size: 15px;

	}


	.about-assurance-image img {

		height: 280px;

	}


	.about-assurance-btn {

		width: 100%;

	}

}


/* ==================== /Quality Assurance ==================== */

/* ==================== Customer Case ==================== */

.about-cases {

	padding: 92px 0 106px;

	background: #f6f8f8;

	color: var(--gel-text);

	font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

	overflow: hidden;

}



/* ==================== Customer Case Header ==================== */

.about-cases-head {

	max-width: 760px;

	margin: 0 auto 54px;

	text-align: center;

}


.about-cases-head span {

	display: block;

	margin-bottom: 12px;

	color: var(--gel-main);

	font-size: 12px;

	font-weight: 800;

	letter-spacing: 2.2px;

	text-transform: uppercase;

}


.about-cases-head h2 {

	margin: 0;

	color: var(--gel-ink);

	font-size: 42px;

	line-height: 1.14;

	font-weight: 760;

	letter-spacing: -1.1px;

}



/* ==================== Customer Case Grid ==================== */

.about-cases-grid {

	display: grid;

	grid-template-columns: repeat(4, minmax(0, 1fr));

	gap: 28px;

}



/* ==================== Customer Case Card ==================== */

.about-case-item {

	background: #ffffff;

	overflow: hidden;

	box-shadow: 0 18px 46px rgba(16, 38, 41, 0.07);

	transition: all 0.28s ease;

}



.about-case-item:hover {

	transform: translateY(-6px);

	box-shadow: 0 28px 68px rgba(16, 38, 41, 0.12);

}



/* ==================== Customer Case Image 4:3 ==================== */

.about-case-image {

	width: 100%;

	aspect-ratio: 4 / 3;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #ffffff;

	overflow: hidden;

}



.about-case-image img {

	width: 100%;

	height: 100%;

	display: block;

	object-fit: contain;

	object-position: center center;

	transition: transform 0.45s ease;

}



.about-case-item:hover .about-case-image img {

	transform: scale(1.04);

}



/* ==================== Customer Case Title ==================== */

.about-case-content {

	padding: 20px 16px 24px;

	text-align: center;

}



.about-case-content h3 {

	margin: 0;

	color: var(--gel-ink);

	font-size: 18px;

	line-height: 1.35;

	font-weight: 760;

	letter-spacing: -0.2px;

}



/* ==================== Customer Case Responsive ==================== */

@media (max-width: 1199px) {


	.about-cases-grid {

		grid-template-columns: repeat(2, minmax(0, 1fr));

	}


}



@media (max-width: 991px) {


	.about-cases {

		padding: 74px 0 84px;

	}


	.about-cases-head h2 {

		font-size: 36px;

	}


}



@media (max-width: 575px) {


	.about-cases {

		padding: 58px 0 68px;

	}


	.about-cases-head {

		margin-bottom: 36px;

	}


	.about-cases-head h2 {

		font-size: 30px;

		letter-spacing: -0.6px;

	}


	.about-cases-grid {

		grid-template-columns: 1fr;

		gap: 22px;

	}


	.about-case-content {

		padding: 18px 14px 22px;

	}


	.about-case-content h3 {

		font-size: 17px;

	}


}


/* ==================== /Customer Case ==================== */

/* Final CTA Responsive */

@media (max-width: 991px) {
	.final-cta {
		padding: 76px 0 86px;
	}

	.final-cta-inner {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.final-cta-content {
		padding: 50px 42px;
	}

	.final-cta-content h2 {
		font-size: 32px;
	}

	.final-cta-panel {
		border-left: none;
		border-top: 1px solid #dfe7e6;
		padding: 40px 42px;
	}

	.final-cta-specs {
		grid-template-columns: 1fr;
	}

	.final-cta-spec {
		border-right: none;
		border-bottom: 1px solid #dfe7e6;
	}

	.final-cta-spec:last-child {
		border-bottom: none;
	}
}

@media (max-width: 575px) {
	.final-cta {
		padding: 60px 0 68px;
	}

	.final-cta-content {
		padding: 40px 26px;
	}

	.final-cta-content h2 {
		font-size: 28px;
		letter-spacing: -0.6px;
	}

	.final-cta-content p {
		font-size: 15px;
		line-height: 1.72;
	}

	.final-cta-panel {
		padding: 34px 26px;
	}

	.final-cta-panel-head h3 {
		font-size: 23px;
	}

	.final-cta-btn {
		width: 100%;
	}
}

/* ==================== /Final CTA ==================== */