* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url('https://cdn.gushwork.ai/noise.png');
	background-repeat: repeat;
	background-size: auto;
	background-position: center;
	height: 100vh;
	margin: 0;
	font-family: var(--font-inter);
}

a {
	text-decoration: none;
}

.text-input::placeholder {
	color: var(--color-neutral-400);
}

/* Page Container */
.page-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.homepage-wrapper {
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

@media (max-width: 991px) {
	.homepage-wrapper {
		max-width: 100%;
	}
}

/* sticky bar */
.sticky-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: white;
	z-index: 2000;
	padding: 20px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0px 16px 32px -12px rgba(88, 92, 95, 0.10);
	transition: transform 0.3s ease;
	border-bottom: 1px solid var(--color-neutral-100);
}

@media (max-width: 470px) {
	.sticky-bar {
		padding: 20px 16px;
		padding-top: 16px;
	}
}

.hidden {
	transform: translateY(-100%);
}

.show {
	transform: translateY(0);
}

.sticky-content {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.logo-content {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: start;
}

.logo-header {
	aspect-ratio: 1;
	width: 56px;
	height: 56px;
	border: 1px solid var(--Colors-Neutral-200);
	border-radius: 5.6px;
}

.header-title {
	font-size: 20px;
	font-family: Urbanist;
	font-weight: 500;
}

.header-price {
	font-family: Urbanist;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.4;
	margin-top: 4px;
}

@media (max-width: 600px) {
	.primary-button.mobile-button {
		width: 100%;
		min-height: 25px;
		border-radius: 8px;
		margin: 8px 0px;
		padding: 8px 16px;
		font-size: 16px;
		font-family: Inter;
	}

	.sticky-bar {
		min-height: 120px;
		padding: 10px 16px;
	}

	.header-title {
		font-size: 16px;
		width: 100%;
		font-weight: 500;
	}

	.header-price {
		font-size: 16px;
		font-weight: 700;
	}

	.sticky-content {
		display: inline;
	}

	.logo-content {
		width: 100%;
	}
}

/* Hero Section */
.hero-section {
	justify-content: center;
	align-items: center;
	background-color: #ffffff00;
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	padding: 100px;
	gap: 56px;
}

@media (max-width: 991px) {
	.hero-section {
		max-width: 100%;
		padding: 0px;
	}
}

.hero-background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
}

.hero-content {
	max-width: 1240px;
	align-items: flex-start;
	position: relative;
	display: flex;
	width: 100%;
	gap: 100px;
	justify-content: space-between;
}

@media (max-width: 1171px) {
	.hero-content {
		max-width: 100%;
		flex-direction: column-reverse;
		gap: 40px;
	}
}

@media (max-width: 600px) {
	.hero-content {
		flex-direction: column;
	}
}

/* Breadcrumb */
.bread-crumb-hero-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	max-width: 1240px;
}

/* Make breadcrumb wrap and scale nicely */
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding-bottom: 56px;
	letter-spacing: -0.08px;
	width: 100%;
	font: 400 14px/1 Inter, -apple-system, Roboto, Helvetica, sans-serif;
	word-break: break-word;
}

@media (max-width: 800px) {
	.breadcrumb {
		padding-bottom: 48px;
	}
}

@media (max-width: 470px) {
	.breadcrumb {
		padding-bottom: 36px;
	}
}

/* Prevent arrows from breaking layout */
.breadcrumb-arrow {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}

/* Make sure breadcrumb text wraps nicely */
.breadcrumb-item,
.breadcrumb-current {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Product Showcase */
.product-showcase {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	flex: 1 1 50%;
	min-width: 0;
}

@media (max-width: 991px) {
	.product-showcase {
		max-width: 100%;
	}
}

.product-images {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1000px;
	border-radius: 24px;
	box-shadow: 0px 20px 40px -8px rgba(88, 92, 95, 0.2);
	overflow: hidden;
	background-color: var(--color-neutral-white);
}

.product-image-main {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 24px;
	border: 3px solid var(--color-neutral-white);
	aspect-ratio: 1;
	cursor: zoom-in;
	box-shadow: 0px 20px 40px -8px rgba(88, 92, 95, 0.20);
}

.zoom-container {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 24px;
	overflow: hidden;
	aspect-ratio: 1;
}

.zoom-lens {
	position: absolute;
	border: 2px solid #B1B1B1;
	background-color: rgba(255, 255, 255, 0.2);
	width: 100px;
	height: 100px;
	pointer-events: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	visibility: hidden;
	backdrop-filter: blur(2px);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	pointer-events: none;
}

@media (max-width: 1171px) {
	.zoom-container-wrapper {
		display: none;
	}

	.product-image-main {
		cursor: default;
	}
}

.zoom-result {
	position: absolute;
	top: 15%;
	left: 105%;
	width: 400px;
	height: 400px;
	display: none;
	z-index: 10 !important;
	/* this ensures it's above all elements */
	background-repeat: no-repeat;
	background-size: 1200px 1200px;
	/* adjust scale as needed */
	border: 1px solid #909090;
	background-color: white;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	border-radius: 12px;
}

@media (max-width: 1171px) {

	.zoom-lens,
	.zoom-result {
		display: none !important;
	}
}

.product-thumbnails {
	display: flex;
	margin-top: 20px;
	width: 100%;
	align-items: start;
	gap: 20px;
	overflow: hidden;
	justify-content: start;
	overflow: hidden;
	max-width: 580px;
	overflow-x: auto;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
}

@media (max-width: 470px) {
	.product-thumbnails {
		margin-top: 0px;
		margin-bottom: 20px;
	}
}

@media (max-width: 1171px) {
	.product-thumbnails {
		max-width: 100%;
	}
}

.thumbnail-placeholder {
	border-radius: 8px;
	border: 1px solid #cfd1d4;
	background-color: var(--color-neutral-white);
	display: flex;
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	overflow: hidden;
	/* important */
}

.thumbnail-placeholder.active {
	border: 2px solid var(--color-primary);
}

.thumbnail-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* use 'cover' instead of 'stretch' */
	border-radius: 0;
	/* let container handle rounding */
	display: block;
}

/* Product Information */
.product-info {
	align-items: stretch;
	align-self: stretch;
	z-index: 0;
	display: flex;
	flex-direction: column;
	font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
	justify-content: start;
	flex: 1;
	flex: 1 1 50%;
	min-width: 0;
	gap: 20px;
	margin: auto 0;
}

@media (max-width: 991px) {
	.product-info {
		max-width: 100%;
	}
}

@media (max-width: 470px) {
	.product-info {
		gap: 24px
	}
}

.product-details {
	width: 100%;
	gap: 24px;
}

@media (max-width: 991px) {
	.product-details {
		max-width: 100%;
	}
}

/* Certifications */
.certifications {
	align-self: start;
	display: flex;
	align-items: stretch;
	gap: 12px;
	font-size: 14px;
	color: #4b5563;
	font-weight: 400;
	letter-spacing: -0.08px;
	line-height: 1;
	justify-content: start;
	flex-wrap: wrap;
}

@media (max-width: 991px) {
	.certifications {
		max-width: 100%;
		flex-wrap: wrap;
	}
}

.certification-badge {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 6px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	display: flex;
	gap: 10px;
	border: 1px solid #E1E3E8;
	background-color: #F7F8F9;
}

.certification-badge img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	display: block;
}

@media (max-width: 500px) {
	.certification-badge img {
		width: 20px;
		height: 20px;
	}
}

.certification-text {
	color: #4b5563;
	align-self: stretch;
	margin: auto 0;
}

/* Main Heading */
.main-heading {
	width: 100%;
	color: #111827;
	margin-top: 16px;
	font-family: Urbanist;
	line-height: 120%;
	font-weight: 600;
	font-size: 56px;
}

@media (max-width: 991px) {
	.main-heading {
		max-width: 100%;
		line-height: 54px;
	}
}

@media (max-width: 500px) {
	.main-heading {
		font-size: 36px;
	}
}

/* Features List */
.features-list {
	justify-content: center;
	align-items: start;
	display: flex;
	margin-top: 16px;
	width: 100%;
	flex-direction: column;
	font-size: 16px;
	color: #0d0d0d;
	font-weight: 300;
	letter-spacing: -0.1px;
}

@media (max-width: 991px) {
	.features-list {
		max-width: 100%;
	}
}

.feature-item {
	display: flex;
	min-width: 240px;
	align-items: center;
	gap: 6px;
	justify-content: start;
	margin-bottom: 16px;
}

.feature-item:first-child {
	margin-bottom: 16px;
}

.feature-icon {
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	width: 16px;
	align-self: stretch;
	flex-shrink: 0;
	margin: auto 0;
}

.feature-text {
	color: #0d0d0d;
	align-self: stretch;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	margin: auto 0;
}

/* Pricing Section */
.pricing-section {
	align-items: stretch;
	border-radius: 10px;
	border: 1px solid #cfd1d4;
	background-color: var(--color-neutral-white);
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: start;
	padding: 16px 20px;
}

@media (max-width: 991px) {
	.pricing-section {
		max-width: 100%;
	}
}

.price-info {
	align-self: start;
	display: flex;
	min-width: 240px;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
}

.price-label {
	color: #6a7077;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.08px;
}

.price-value {
	color: #0d0d0d;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.12px;
	margin-top: 8px;
}

.shipping-info {
	margin-top: 16px;
	width: 100%;
	font-size: 14px;
	color: #92400e;
	font-weight: 300;
	letter-spacing: -0.08px;
	line-height: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.certified {
	background-color: #F3F4F6;
	color: black;
	padding: 6px 12px;
	width: fit-content;
	border-radius: 6px;
}

@media (max-width: 991px) {
	.shipping-info {
		max-width: 100%;
	}
}

.info-badges {
	display: flex;
	width: 100%;
	align-items: start;
	gap: 8px;
	justify-content: start;
	flex-wrap: wrap;
}

@media (max-width: 991px) {
	.info-badges {
		max-width: 100%;
	}
}

.info-badge {
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	display: flex;
	background-color: #fef3c7;
	padding: 6px 12px;
}

.badge-text {
	color: #92400e;
	align-self: stretch;
	margin: auto 0;
}

/* Action Buttons */
.action-buttons {
	align-items: center;
	align-self: start;
	display: flex;
	margin-top: 24px;
	flex-direction: row;
	gap: 12px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.1px;
	justify-content: start;
}

@media (max-width: 470px) {
	.action-buttons {
		margin-top: 0px;
	}
}


@media (max-width: 991px) {
	.action-buttons {
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.action-buttons {
		flex-direction: column;
		width: 100%;
	}
}

.primary-button {
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background-color: var(--color-primary);
	align-self: stretch;
	display: flex;
	min-height: 52px;
	gap: 4px;
	color: var(--color-neutral-white);
	padding: 16px 24px;
	margin: auto 0;
	border: none;
	cursor: pointer;
	font-size: 16px;
}

@media (max-width: 991px) {
	.primary-button {
		padding: 0 20px;
	}
}

.secondary-button {
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	border: 1px solid var(--color-primary);
	align-self: stretch;
	display: flex;
	min-height: 52px;
	gap: 8px;
	color: var(--color-neutral-900);
	padding: 16px 16px 16px 20px;
	margin: auto 0;
	background: transparent;
	cursor: pointer;
	font-size: 16px;
}

.button-text {
	color: var(--color-neutral-900);
	align-self: stretch;
	margin: auto 0;
}

.button-icon {
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	width: 16px;
	align-self: stretch;
	flex-shrink: 0;
	margin: auto 0;
}

/* Company Trust Section */
.trusted-companies {
	max-width: 1240px;
	align-items: stretch;
	z-index: 0;
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: start;
	gap: var(--spacing-16);
}

.trusted-title {
	color: var(--color-neutral-500);
	letter-spacing: -0.1px;
	align-self: center;
	font: 400 16px var(--font-inter);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.1px;
}

@media (max-width: 470px) {
	.trusted-title {
		font-size: 14px;
	}
}

/* Trusted Companies Auto-Scroll Styles */
.trusted-companies {
	width: 100%;
}

.company-logos-scroll-wrapper {
	width: 100vw;
	overflow: visible;
	margin-top: 16px;
	display: flex;
	justify-content: center;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.company-logos {
	display: flex;
	align-items: center;
	gap: 100px;
	animation: scroll-logos 25s linear infinite;
	width: max-content;
	will-change: transform;
}

.company-logo {
	max-height: 48px;
	flex-shrink: 0;
}

.company-logo-wrapper {
	padding: 4px 12px;
	flex-shrink: 0;
	display: inline-block;
}

@media (max-width: 768px) {
	.company-logo-wrapper {
		width: 91px;
		height: 24px;
	}
}

@keyframes scroll-logos {
	0% {
		transform: translateX(10%);
	}

	100% {
		transform: translateX(-60%);
	}
}

/* Technical Specifications Section */
.technical-specs {
	width: 100%;
	overflow: hidden;
}

@media (max-width: 991px) {
	.technical-specs {
		max-width: 100%;
	}
}

.specs-container {
	align-items: center;
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	justify-content: start;
	padding: 100px;
	background-color: #111827;
}

.specs-header {
	width: 100%;
	max-width: 1240px;
}

@media (max-width: 991px) {
	.specs-header {
		max-width: 100%;
	}
}

.specs-title {
	max-width: 800px;
	color: var(--color-neutral-white);
	font: 600 48px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.specs-title {
		max-width: 100%;
		font-size: 40px;
	}
}

@media (max-width: 500px) {
	.specs-title {
		font-size: 36px;
	}
}

.title-highlight {
	color: var(--color-primary);
	font-family: Urbanist;
}

.specs-description {
	max-width: 800px;
	color: rgba(255, 255, 255, 0.80);
	letter-spacing: -0.11px;
	margin-top: 20px;
	font: 400 18px/29px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.specs-description {
		max-width: 100%;
	}
}

/* Specifications Table */
.specs-table {
	max-width: 1240px;
	border-radius: 16px;
	border: 1.25px solid #374151;
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	margin-top: 56px;
	width: 100%;
	overflow: hidden;
	color: var(--color-neutral-white);
	background-color: var(--color-neutral-white);
	font: 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.specs-table {
		max-width: 100%;
		margin-top: 40px;
	}
}

.table-row {
	display: flex;
	width: 100%;
	align-items: center;
	background-color: rgba(31, 41, 55, 1);
}

.header-row {
	background-color: #374151;
}

.table-row:not(:last-child) {
	border-bottom: 1px solid #374151;
}

.table-parameter {
	flex: 0 0 50%;
	font-weight: 500;
	font-size: 16px;
	padding: 16px 24px;
	color: var(--color-neutral-white);
	display: flex;
	align-items: center;
}

@media (max-width: 991px) {
	.table-parameter {
		padding: 12px 20px;
	}
}

.table-specification {
	flex: 0 0 50%;
	font-weight: 400;
	font-size: 16px;
	padding: 16px 24px;
	color: var(--color-neutral-white);
	display: flex;
	align-items: center;
	gap: 8px;
}

@media (max-width: 991px) {
	.table-specification {
		/* flex: none; */
		width: 100%;
		padding: 12px 20px;
	}
}

.flag-emoji {
	color: var(--color-neutral-white);
	align-self: stretch;
	margin: auto 0;
}

.country-name {
	color: var(--color-neutral-white);
	align-self: stretch;
	margin: auto 0;
}

/* Download Button */
.download-button {
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	border: 1px solid var(--color-neutral-white);
	display: flex;
	margin-top: 56px;
	min-height: 52px;
	gap: 8px;
	color: var(--color-neutral-white);
	letter-spacing: -0.1px;
	padding: 16px 20px 16px 16px;
	font: 500 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	background: transparent;
	cursor: pointer;
}

@media (max-width: 991px) {
	.download-button {
		margin-top: 40px;
		width: 100%;
	}
}

.download-text {
	color: var(--color-neutral-white);
	align-self: stretch;
	margin: auto 0;
}

/* Product Benefits Section */
.product-benefits {
	align-items: center;
	border-bottom: 1px solid #e1e3e8;
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	justify-content: start;
	padding: 100px;
}

@media (max-width: 991px) {
	.product-benefits {
		max-width: 100%;
		padding: 0 20px;
	}
}

.benefits-content {
	z-index: 0;
	width: 100%;
	max-width: 1240px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (max-width: 991px) {
	.benefits-content {
		max-width: 100%;
	}
}

.benefits-header {
	width: 100%;
	max-width: 1240px;
}

@media (max-width: 991px) {
	.benefits-header {
		max-width: 100%;
	}
}

.benefits-title {
	max-width: 800px;
	color: #0d0d0d;
	font: 600 44px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.benefits-title {
		max-width: 100%;
	}
}

@media (max-width: 500px) {
	.benefits-title {
		font-size: 36px;
	}
}

.benefits-description {
	max-width: 800px;
	color: #6a7077;
	letter-spacing: -0.11px;
	margin-top: 20px;
	font: 300 18px/29px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	line-height: 1.6;
}

@media (max-width: 991px) {
	.benefits-description {
		max-width: 100%;
	}
}

/* Benefits Grid */
.benefits-grid {
	margin-top: 40px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	align-items: stretch;
}

@media (max-width: 800px) {
	.benefits-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 580px) {
	.benefits-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width: 991px) {
	.benefits-grid {
		max-width: 100%;
		margin-top: 40px;
	}
}

.benefits-row {
	display: flex;
	width: 100%;
	align-items: stretch;
	gap: 24px;
	justify-content: start;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

.benefits-row:last-child {
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.benefits-row {
		max-width: 100%;
	}
}

.benefit-card {
	border-radius: 16px;
	border: 1px solid #cfd1d4;
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	min-width: 240px;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	background-color: var(--color-neutral-white);
	padding: 20px;
	max-width: 400px;
}

.benefit-card i {
	font-size: 32px;
	color: var(--color-primary);
}

.benefit-icon {
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	width: 32px;
}

.benefit-content {
	display: flex;
	margin-top: 16px;
	width: 100%;
	align-items: start;
	gap: 24px;
	color: #0d0d0d;
	justify-content: start;
	font: 500 20px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

.benefit-title {
	color: #0d0d0d;
	align-self: stretch;
	margin: auto 0;
	font-weight: 550;
}

.benefit-description {
	color: #535a61;
	letter-spacing: -0.1px;
	margin-top: 16px;
	font: 400 16px/24px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

/* Request Quote Button */
.request-quote-button {
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background-color: var(--color-primary);
	z-index: 0;
	display: flex;
	margin-top: 56px;
	min-height: 52px;
	gap: 4px;
	color: var(--color-neutral-white);
	letter-spacing: -0.1px;
	padding: 16px 24px;
	font: 500 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	border: none;
	cursor: pointer;
}

@media (max-width: 991px) {
	.request-quote-button {
		margin-top: 40px;
		padding: 0 20px;
	}
}

/* Email Subscription */
.email-subscription {
	max-width: 1280px;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #cfd1d4;
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	z-index: 0;
	display: flex;
	margin-top: 56px;
	width: 100%;
	gap: 40px 100px;
	overflow: hidden;
	flex-wrap: wrap;
	background-color: #f7f8f9;
	padding: 20px;
}

@media (max-width: 991px) {
	.email-subscription {
		max-width: 100%;
		margin-top: 40px;
	}
}

@media (max-width: 1240px) {
	.email-subscription {
		flex-direction: column;
		gap: 20px;
	}
}

.subscription-content {
	align-self: stretch;
	display: flex;
	min-width: 240px;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	width: 651px;
	margin: auto 0;
}

@media (max-width: 991px) {
	.subscription-content {
		max-width: 100%;
	}
}

.subscription-title {
	color: #0d0d0d;
	font: 600 26px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.subscription-title {
		max-width: 100%;
	}
}

.subscription-description {
	color: var(--color-neutral-900);
	letter-spacing: -0.1px;
	opacity: 0.8;
	margin-top: 12px;
	font: 400 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.subscription-description {
		max-width: 100%;
	}
}

.subscription-form {
	align-self: stretch;
	display: flex;
	min-width: 240px;
	flex-direction: column;
	align-items: stretch;
	letter-spacing: -0.08px;
	justify-content: center;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	max-width: 360px;
	margin: auto 0;
	font: 14px/1 Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

.email-input {
	width: 100%;
	color: #959ba4;
	font-weight: 400;
}

.email-field {
	align-items: center;
	border-radius: 8px;
	border: 1px solid #e1e3e8;
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 20, 0.03);
	display: flex;
	width: 100%;
	gap: 8px;
	overflow: hidden;
	justify-content: start;
	background-color: var(--color-neutral-white);
	padding: 10px 10px 10px 12px;
	color: #959ba4;
	font-size: 14px;
	border: 1px solid #e1e3e8;
}

.catalogue-button {
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--color-primary);
	display: flex;
	margin-top: 12px;
	width: 100%;
	gap: 8px;
	color: var(--color-neutral-white);
	font-weight: 500;
	padding: 10px 16px;
	border: none;
	cursor: pointer;
}

@media screen and (max-width: 1240px) {
	.subscription-form {
		flex-direction: row;
		width: 100%;
		max-width: none;
	}

	.catalogue-button {
		margin-top: 0px;
		margin-left: 12px;
		max-width: 250px;
	}

	.email-input {
		width: 100%;
	}

}

@media screen and (max-width: 600px) {
	.subscription-form {
		flex-direction: column;
	}

	.catalogue-button {
		margin-top: 12px;
		margin-left: 0px;
		max-width: 100%;
	}
}

/* Manufacturing Process Section */
.manufacturing-process {
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #e1e3e8;
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	padding: 100px;
}

@media (max-width: 991px) {
	.manufacturing-process {
		max-width: 100%;
		padding: 0 20px;
	}
}

.process-content {
	max-width: 1240px;
	justify-content: center;
	align-items: center;
	z-index: 0;
	display: flex;
	width: 100%;
	flex-direction: column;
	text-align: center;
	gap: 20px;
}

@media (max-width: 991px) {
	.process-content {
		max-width: 100%;
	}
}

.process-title {
	max-width: 800px;
	color: #0d0d0d;
	width: 800px;
	font: 600 44px/53px Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.process-title {
		max-width: 100%;
	}
}

@media (max-width: 470px) {
	.process-title {
		font-size: 36px;
		line-height: 1.2;
	}
}

.process-description {
	max-width: 800px;
	color: #4d545c;
	width: 800px;
	font: 400 18px/29px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.process-description {
		max-width: 100%;
	}
}

@media (max-width: 991px) {
	.process-description {
		font-size: 16px;
	}
}

/* Process Steps */
.process-steps {
	max-width: 1240px;
	border-radius: 20px;
	border: 1.25px solid #cfd1d4;
	box-shadow: 0px 16px 32px -12px rgba(88, 92, 95, 0.1);
	z-index: 0;
	margin-top: 56px;
	width: 100%;
	font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
	color: #0d0d0d;
	background-color: var(--color-neutral-white);
	padding: 32px;
}

@media (max-width: 991px) {
	.process-steps {
		max-width: 100%;
		padding: 0 20px;
	}
}

.steps-timeline {
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	gap: 16px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	letter-spacing: -0.08px;
	line-height: 1;
	justify-content: space-between;
}

@media (max-width: 1080px) {
	.process-steps {
		padding: 24px;
		border-radius: 20px;
		background: var(--color-neutral-white);
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.steps-timeline {
		display: none;
		/* Hide top timeline for mobile */
	}

	.detail-text,
	.detail-image {
		width: 100%;
		max-width: 100%;
	}

	.detail-title {
		font-size: 22px;
		line-height: 1.4;
		font-family: Urbanist;
	}

	.step-footer button {
		border: 1px solid #d0d0d0;
		border-radius: 999px;
		padding: 10px 16px;
		background: white;
		font-weight: 400;
		cursor: pointer;
		transition: background 0.2s ease;
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.step-footer button:hover {
		background: #f2f2f2;
	}
}

@media (max-width: 471px) {
	.process-steps {
		padding: 16px;
		border-radius: 20px;
		background: var(--color-neutral-white);
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
}

.step-footer {
	display: none;
}

.connector {
	flex-grow: 1;
	height: 1px;
	background-color: #d9d9d9;
}

.step-label-mobile {
	display: none;
}

@media (max-width: 1080px) {
	.step-footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 24px;
	}

	.step-label-mobile {
		display: inline-block;
		background: #1E2A78;
		color: white;
		font-size: 13px;
		font-weight: 400;
		padding: 6px 14px;
		border-radius: 20px;
		width: fit-content;
	}
}

@media (max-width: 991px) {
	.steps-timeline {
		max-width: 100%;
		flex-wrap: wrap;
	}
}

.timeline-line {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #cfd1d4;
	z-index: 0;
	pointer-events: none;
}

.step-item {
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	border: 1px solid #cfd1d4;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	background-color: var(--color-neutral-white);
	align-self: stretch;
	z-index: 0;
	display: flex;
	gap: 8px;
	overflow: hidden;
	white-space: nowrap;
	margin: auto 0;
	padding: 8px 16px;
	color: #0d0d0d;
	cursor: pointer;
}

@media (max-width: 991px) {
	.step-item {
		white-space: initial;
	}
}

.step-item.active {
	background: linear-gradient(0deg,
			rgba(0, 0, 0, 0.12) 0%,
			rgba(0, 0, 0, 0.12) 100%),
		var(--color-primary);
	color: var(--color-neutral-white);
}

/* Step Details */
.step-details {
	margin-top: 32px;
	width: 100%;
}

@media (max-width: 1080px) {
	.step-details {
		max-width: 100%;
		margin-top: 0px;
	}
}

.detail-content {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
	gap: 40px 56px;
	justify-content: center;
}

@media (max-width: 1080px) {
	.detail-content {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 991px) {
	.detail-content {
		max-width: 100%;
		gap: 16px;
	}
}

.detail-text {
	align-self: stretch;
	min-width: 240px;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	margin: auto 0;
}

@media (max-width: 991px) {
	.detail-text {
		max-width: 100%;
	}
}

.detail-title {
	color: #0d0d0d;
	letter-spacing: -0.17px;
	font: 600 28px/1.6 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.detail-title {
		max-width: 100%;
	}
}

.detail-description {
	color: #4d545c;
	font-size: 18px;
	font-weight: 300;
	line-height: 29px;
	letter-spacing: -0.11px;
	margin-top: 16px;
}

@media (max-width: 991px) {
	.detail-description {
		max-width: 100%;
		font-size: 14px;
		line-height: 20px;
	}
}

.detail-features {
	align-self: start;
	display: flex;
	margin-top: 16px;
	flex-direction: column;
	align-items: stretch;
	font-size: 16px;
	font-weight: 200;
	letter-spacing: -0.1px;
	justify-content: center;
}

.feature-point {
	align-self: start;
	display: flex;
	min-width: 240px;
	align-items: center;
	gap: 6px;
	justify-content: start;
	margin-bottom: 12px;
}

.feature-point:last-child {
	margin-bottom: 0;
}

.feature-point-icon {
	color: var(--color-primary);
}

.feature-point-text {
	color: #0d0d0d;
	align-self: stretch;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	margin: auto 0;
}

@media (max-width: 991px) {
	.feature-point-text {
		font-size: 14px;
	}
}

.detail-image-wrapper {
	position: relative;
	width: 100%;
	max-width: 560px;
}

@media (max-width: 1200px) {
	.detail-image-wrapper {
		max-width: 100%;
		width: 520px;
	}
}

@media (max-width: 1080px) {
	.detail-image-wrapper {
		max-width: 100%;
		width: 100%;
	}
}

.image-controls {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
	padding: 0 12px;
	pointer-events: none;
	overflow: hidden;
}

@media (max-width: 1080px) {
	.image-controls {
		display: none;
	}
}

/* Important for Image Carousel Function */
.control-button {
	background-color: black;
	border-radius: 999px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	padding: 8px;
	cursor: pointer;
	pointer-events: all;
	transition: background 0.2s ease;
}

.control-button:hover {
	background-color: #f2f2f2;
}

.icon-size-btn {
	font-size: 20px;
}

.detail-image {
	width: 100%;
	max-width: 560px;
	height: auto;
	aspect-ratio: 1.78;
	object-fit: cover;
	/* changed from contain */
	border-radius: 16px;
	align-self: flex-start;
	/* changed from stretch */
}

@media (max-width: 1200px) {
	.detail-image {
		max-width: 100%;
		width: 520px;
	}
}

@media (max-width: 1080px) {
	.detail-image {
		max-width: 100%;
		width: 100%;
	}
}

/* Product Portfolio Section */
.product-portfolio {
	align-items: center;
	border-bottom: 1px solid #cfd1d4;
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	justify-content: start;
	padding: 100px 100px 100px 100px;
}

@media (max-width: 991px) {
	.product-portfolio {
		max-width: 100%;
		padding: 0 20px;
	}
}

.portfolio-content {
	z-index: 0;
	display: flex;
	width: 100%;
	max-width: 1240px;
	flex-direction: column;
	align-items: stretch;
	text-align: center;
	justify-content: center;
}

@media (max-width: 991px) {
	.portfolio-content {
		max-width: 100%;
	}
}

.portfolio-header {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (max-width: 991px) {
	.portfolio-header {
		max-width: 100%;
	}
}

.portfolio-title {
	max-width: 800px;
	color: #0d0d0d;
	font: 600 44px/1.2 Urbanist;
}

@media (max-width: 991px) {
	.portfolio-title {
		max-width: 100%;
	}
}

@media (max-width: 470px) {
	.portfolio-title {
		font-size: 36px;
	}
}

.portfolio-description {
	max-width: 800px;
	color: #4d545c;
	letter-spacing: -0.11px;
	margin-top: 20px;
	font: 400 18px/29px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.portfolio-description {
		max-width: 100%;
	}
}

@media (max-width: 471px) {
	.portfolio-description {
		font-size: 16px;
	}
}

/* Portfolio Grid */
.portfolio-grid {
	z-index: 0;
	display: flex;
	margin-top: 56px;
	width: 100%;
	max-width: 1240px;
	align-items: stretch;
	gap: 24px;
	justify-content: start;
	flex-wrap: wrap;
}

@media (max-width: 991px) {
	.portfolio-grid {
		max-width: 100%;
		margin-top: 40px;
	}
}

.portfolio-item {
	display: flex;
	min-width: 240px;
	align-items: stretch;
	justify-content: start;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	max-width: calc(33.333% - 16px);
}

@media (max-width: 863px) {
	.portfolio-item {
		max-width: 100%;
		/* max-width: 500px; */
	}
}

.portfolio-card {
	border-radius: 20px;
	border: 1.25px solid #cfd1d4;
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	min-width: 240px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: var(--color-neutral-white);
	padding: 24px;
	display: flex;
	flex-direction: column;
}

.card-content {
	width: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media (max-width: 991px) {
	.card-content {
		padding: 0px 0px;
	}
}

.card-title {
	color: rgba(13, 13, 13, 1);
	font: 500 28px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
	margin-bottom: 16px;
}

.card-description {
	color: #4d545c;
	letter-spacing: -0.1px;
	font: 400 16px/24px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	flex: 1;
}

.card-image-section {
	margin-top: 24px;
	width: 100%;
	color: var(--color-primary);
	letter-spacing: -0.1px;
	font: 400 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}

@media (max-width: 991px) {
	.card-image-section {
		margin-top: 20px;
	}
}

.card-image {
	aspect-ratio: 2;
	object-fit: cover;
	object-position: center;
	width: 100%;
	border-radius: 12px;
	margin-bottom: 20px;
}

.learn-more-button {
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	border: 1px solid var(--color-primary-medium);
	background-color: var(--color-primary-light);
	display: flex;
	min-height: 42px;
	width: 100%;
	gap: 4px;
	padding: 10px 24px;
	color: var(--color-primary);
	letter-spacing: -0.1px;
	font: 400 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none
}

.learn-more-button:hover {
	background-color: var(--color-primary-medium);
	border-color: var(--color-primary-dark);
}

@media (max-width: 991px) {
	.learn-more-button {
		padding: 0 20px;
	}
}

/* Expert Consultation */
.expert-consultation {
	max-width: 1280px;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #cfd1d4;
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	z-index: 0;
	display: flex;
	margin-top: 56px;
	width: 100%;
	gap: 40px 100px;
	overflow: hidden;
	background-color: var(--color-neutral-white);
	padding: 20px;
}

@media (max-width: 991px) {
	.expert-consultation {
		max-width: 100%;
		margin-top: 40px;
		gap: 16px;
	}
}

@media (max-width: 780px) {
	.expert-consultation {
		flex-wrap: wrap;
	}
}

.consultation-content {
	align-self: stretch;
	display: flex;
	min-width: 240px;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	width: 651px;
	margin: auto 0;
}

@media (max-width: 991px) {
	.consultation-content {
		max-width: 100%;
	}
}

.consultation-title {
	color: #0d0d0d;
	font: 600 26px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.consultation-title {
		max-width: 100%;
	}
}

.consultation-description {
	color: var(--color-neutral-900);
	letter-spacing: -0.1px;
	opacity: 0.8;
	margin-top: 12px;
	font: 400 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.consultation-description {
		max-width: 100%;
	}
}

.expert-button {
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--color-primary);
	align-self: stretch;
	display: flex;
	min-height: 44px;
	gap: 8px;
	color: var(--color-neutral-white);
	letter-spacing: -0.1px;
	padding: 12px 16px;
	margin: auto 0;
	font: 400 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	border: none;
	cursor: pointer;
	width: 100%;
	max-width: 200px;
}

@media (max-width: 500px) {
	.expert-button {
		width: 100%;
		max-width: 100%;
	}
}

.expert-icon {
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	width: 20px;
	align-self: stretch;
	flex-shrink: 0;
	margin: auto 0;
}

.expert-text {
	color: var(--color-neutral-white);
	align-self: stretch;
	margin: auto 0;
}

/* Resources Section */
.resources-section {
	align-items: center;
	border-bottom: 1px solid #cfd1d4;
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	justify-content: start;
	padding: 100px;
}

@media (max-width: 991px) {
	.resources-section {
		max-width: 100%;
		/* padding: 0 20px; */
	}
}

.resources-content {
	z-index: 0;
	display: flex;
	width: 100%;
	max-width: 1240px;
	flex-direction: column;
	align-items: stretch;
	text-align: center;
	justify-content: center;
}

@media (max-width: 991px) {
	.resources-content {
		max-width: 100%;
	}
}

.resources-header {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (max-width: 991px) {
	.resources-header {
		max-width: 100%;
	}
}

.resources-title {
	max-width: 800px;
	color: #0d0d0d;
	font: 600 44px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.resources-title {
		max-width: 100%;
	}
}

@media (max-width: 500px) {
	.resources-title {
		font-size: 36px;
	}
}

.resources-description {
	max-width: 800px;
	color: #4d545c;
	letter-spacing: -0.11px;
	margin-top: 20px;
	font: 400 18px/29px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.resources-description {
		max-width: 100%;
	}
}

/* Downloads List */
.downloads-list {
	max-width: 1240px;
	border-radius: 10px;
	border: 1px solid #cfd1d4;
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	z-index: 0;
	margin-top: 56px;
	width: 100%;
	overflow: hidden;
	letter-spacing: -0.1px;
	background-color: var(--color-neutral-white);
	padding: 20px;
	font: 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.downloads-list {
		max-width: 100%;
		margin-top: 40px;
	}
}

.download-item {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 12px;
	justify-content: start;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

@media (max-width: 500px) {
	.download-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		padding-bottom: 16px;
		border-bottom: 1px solid #cfd1d4;
	}

	.download-item:last-child {
		border-bottom: none;
	}
}

.download-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

@media (max-width: 991px) {
	.download-item {
		max-width: 100%;
	}
}

.download-title {
	color: #0d0d0d;
	font-weight: 500;
	opacity: 0.8;
	align-self: stretch;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	margin: auto 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.096px;
}

@media (max-width: 991px) {
	.download-title {
		max-width: 100%;
	}
}

.download-action {
	align-self: stretch;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--color-primary);
	font-weight: 500;
	justify-content: left;
	margin: auto 0;
	cursor: pointer;
}

.download-label {
	opacity: 0.8;
	align-self: stretch;
	margin: auto 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.096px;
}

/* Contact Section */
.contact-section {
	align-items: center;
	display: flex;
	width: 100%;
	gap: 40px 120px;
	overflow: hidden;
	justify-content: center;
	padding: 100px;
}

@media (max-width: 991px) {
	.contact-section {
		max-width: 100%;
		padding: 0 20px;
	}
}

.contact-container {
	align-self: stretch;
	display: flex;
	min-width: 240px;
	width: 100%;
	max-width: 1280px;
	align-items: center;
	gap: 40px 120px;
	justify-content: start;
	padding: 56px;
	border-radius: 32px;
	flex-wrap: wrap;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	margin: auto 0;
	background-color: var(--color-primary);
}

@media (max-width: 991px) {
	.contact-container {
		max-width: 100%;
		gap: 40px 60px;
		padding: 40px 32px;
	}
}

@media (max-width: 471px) {
	.contact-container {
		padding: 24px;
	}
}

.contact-content {
	align-self: stretch;
	display: flex;
	min-width: 240px;
	width: 100%;
	max-width: 1280px;
	align-items: center;
	gap: 40px 120px;
	justify-content: start;
	flex-wrap: wrap;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	margin: auto 0;
}

@media (max-width: 991px) {
	.contact-content {
		max-width: 100%;
	}
}

.contact-info {
	align-self: stretch;
	min-width: 340px;
	width: 50%;
	margin: auto 0;
}

@media (max-width: 991px) {
	.contact-info {
		max-width: 100%;
		min-width: auto;
		width: 100%;
	}
}

.contact-info-content {
	width: 100%;
}

.contact-title {
	color: var(--color-neutral-white);
	font: 600 44px/53px Urbanist;
}

@media (max-width: 991px) {
	.contact-title {
		max-width: 100%;
		font-size: 36px;
	}
}

.contact-description {
	color: rgba(255, 255, 255, 0.80);
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: -0.096px;
	margin-top: 16px;
}

@media (max-width: 991px) {
	.contact-description {
		max-width: 100%;
		font-size: 16px;
	}
}

.contact-details {
	margin-top: 40px;
	width: 100%;
	color: var(--color-neutral-white);
	letter-spacing: -0.08px;
	font: 300 14px/20px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.contact-details {
		max-width: 100%;
		font-size: 13px;
		line-height: 18px;
	}
}

.contact-divider {
	min-height: 1px;
	width: 100%;
	background-color: rgb(255, 255, 255, 0.2);
}

@media (max-width: 991px) {
	.contact-divider {
		max-width: 100%;
	}
}

.contact-text-2 {
	margin-top: 12px;
}

@media (max-width: 991px) {
	.contact-text {
		max-width: 100%;
	}
}

.contact-form {
	border-radius: 24px;
	align-self: stretch;
	min-width: 240px;
	letter-spacing: -0.08px;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	padding: 32px;
	background-color: #f7f8f9;
	margin: auto 0;
	font: 500 14px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	width: 100%;
	max-width: none;
}

@media (max-width: 991px) {
	.contact-form {
		max-width: 100%;
		min-width: auto;
		width: 100%;
		padding: 24px;
	}
}

.form-title {
	color: var(--color-neutral-900);
	font-size: 16px;
	letter-spacing: -0.1px;
}

.form-fields {
	margin-top: 16px;
	width: 100%;
	font-weight: 400;
	line-height: 1.5;
}

.input-field {
	width: 100%;
	color: #959ba4;
	margin-bottom: 12px;
}

.input-field:first-child {
	margin-bottom: 12px;
}

.input-wrapper {
	width: 100%;
}

.text-input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--color-neutral-100);
	border-radius: 8px;
	font-size: 14px;
	background-color: var(--color-neutral-white);
}

.text-input::placeholder {
	color: var(--color-neutral-400);
}

.form-input {
	align-items: center;
	border-radius: 8px;
	border: 1px solid #e1e3e8;
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 20, 0.03);
	display: flex;
	width: 100%;
	gap: 8px;
	overflow: hidden;
	justify-content: start;
	background-color: var(--color-neutral-white);
	padding: 10px 10px 10px 12px;
}

.input-content {
	align-self: stretch;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: start;
	margin: auto 0;
}

.input-placeholder {
	color: #959ba4;
	align-self: stretch;
	margin: auto 0;
	gap: 8px;
}

.phone-input-field {
	margin-top: 12px;
	width: 100%;
	white-space: nowrap;
}

.phone-input {
	display: flex;
	align-items: center;
	background-color: var(--color-neutral-white);
	border: 1px solid #E1E3E8;
	border-radius: 8px;
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 20, 0.03);
	overflow: hidden;
	/* margin-top: 12px; */
	width: 100%;
	white-space: nowrap;
}

@media (max-width: 991px) {
	.phone-input {
		white-space: initial;
	}
}

.form-input-phone {
	align-items: center;
	border-radius: 8px;
	border: 1px solid #e1e3e8;
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 20, 0.03);
	display: flex;
	width: 100%;
	overflow: hidden;
	justify-content: start;
	background-color: var(--color-neutral-white);
}

@media (max-width: 991px) {
	.form-input-phone {
		white-space: initial;
	}
}

.country-code {
	display: flex;
	align-items: center;
	padding: 10px;
	gap: 8px;
	color: #0D0D0D;
	align-self: stretch;
	justify-content: start;
	margin: auto 0;
}

@media (max-width: 991px) {
	.country-code {
		white-space: initial;
	}
}

.country-code-content {
	display: flex;
	align-items: center;
	gap: 2px;
	align-self: stretch;
	justify-content: start;
	margin: auto 0;
}

@media (max-width: 991px) {
	.code-content {
		white-space: initial;
	}
}

.country-code-text {
	color: #0D0D0D;
	align-self: stretch;
	margin: auto 0;
}

.country-dropdown {
	width: 16px;
	height: 16px;
}

.phone-number {
	align-items: center;
	border-color: rgba(225, 227, 232, 1);
	border-left-width: 1px;
	align-self: stretch;
	display: flex;
	min-width: 240px;
	gap: 8px;
	color: #959ba4;
	justify-content: start;
	flex: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	border-left: 1px solid #e1e3e8;
	margin: auto 0;
	padding: 10px;
}

@media (max-width: 991px) {
	.phone-number {
		white-space: initial;
	}
}

.phone-placeholder {
	color: #959ba4;
	align-self: stretch;
	margin: auto 0;
	flex: 1;
	min-width: 240px;
	border-left: 1px solid #E1E3E8;
	padding: 10px;
	gap: 8px;
}

.submit-button {
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	display: flex;
	margin-top: 16px;
	min-height: 44px;
	width: 100%;
	gap: 4px;
	color: var(--color-neutral-white);
	line-height: 1.5;
	padding: 12px 16px;
	background-color: var(--color-neutral-900);
	border: none;
	cursor: pointer;
}

.submit-text {
	color: var(--color-neutral-white);
	align-self: stretch;
	margin: auto 0;
}

.form-submit-button {
	background-color: var(--color-neutral-900);
	color: var(--color-neutral-white);
	border: none;
	border-radius: 10px;
	margin-top: 16px;
	min-height: 44px;
	width: 100%;
	gap: 4px;
	line-height: 1.5;
	padding: 12px 16px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.form-submit-button:hover {
	background-color: #000000;
}

.mobile-only {
	display: none;
}

@media screen and (max-width: 991px) {
	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: contents;
	}
}

/* Footer Spacer */
.footer-spacer {
	background: linear-gradient(180deg, var(--color-neutral-white) 0%, #dfe4ff 100%),
		#f1f2f3;
	width: 100%;
	min-height: 100px;
}

@media (max-width: 991px) {
	.footer-spacer {
		max-width: 100%;
	}
}

.hero-controls {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 40px);
	left: 20px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	pointer-events: none;
}

@media (max-width: 991px) {
	.hero-controls {
		width: calc(100% - 40px);
		left: 20px;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}
}

/* Important for Image Carousel Function */
.control-button {
	background-color: var(--color-neutral-white);
	padding: 10px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	border: 1px solid #e9ecef;
}

.control-button:disabled,
.control-button[style*="pointer-events: none"] {
	opacity: 0.5;
	cursor: not-allowed;
	background-color: #f8f9fa;
	border: 1px solid #e9ecef;
}

.icon-size {
	font-size: large;
}

.icon-primary-color {
	color: var(--color-primary);
}

/* CTA Card */
.cta-card-2 {
	max-width: 1280px;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #cfd1d4;
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	display: flex;
	margin-top: 56px;
	width: 100%;
	gap: 24px 100px;
	overflow: hidden;
	flex-wrap: wrap;
	background-color: var(--color-neutral-white);
	padding: 20px;
}

@media (max-width: 991px) {
	.cta-card-2 {
		max-width: 100%;
		margin-top: 40px;
	}
}

.cta-content {
	align-self: stretch;
	display: flex;
	min-width: 240px;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	width: 651px;
	margin: auto 0;
}

@media (max-width: 991px) {
	.cta-content {
		max-width: 100%;
	}
}

.cta-title {
	color: #000000;
	font: 500 26px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.2;
}

@media (max-width: 991px) {
	.cta-title {
		max-width: 100%;
	}
}

.cta-description {
	color: var(--color-neutral-900);
	letter-spacing: -0.1px;
	opacity: 0.8;
	margin-top: 12px;
	font: 400 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

@media (max-width: 991px) {
	.cta-description {
		max-width: 100%;
		font-size: 16px;
	}
}

.cta-button {
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #fda4af;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	align-self: stretch;
	display: flex;
	min-height: 44px;
	gap: 6px;
	color: var(--color-primary);
	letter-spacing: -0.1px;
	padding: 12px 16px 12px 12px;
	background-color: #fff1f2;
	margin: auto 0;
	font: 400 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	cursor: pointer;
}

.primary-button-3 {
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	display: flex;
	min-width: auto;
	/* Remove fixed min-width */
	min-height: 44px;
	gap: 4px;
	color: var(--color-neutral-white);
	padding: 12px 16px;
	background-color: var(--color-primary);
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.primary-button-3:hover {
	background-color: color-mix(in srgb, var(--color-primary) 88%, black 12%);
}

.cta-icon {
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	width: 20px;
	align-self: stretch;
	flex-shrink: 0;
	margin: auto 0;
}

.cta-text {
	color: var(--color-neutral-white);
	align-self: stretch;
	margin: auto 0;
}

.section-heading {
	justify-content: center;
	align-items: start;
	display: flex;
	flex-direction: column;
	min-width: 240px;
	width: 651px;
	gap: 16px;
}

@media (max-width: 991px) {
	.section-heading {
		max-width: 100%;
	}
}

.section-title {
	font: 600 44px/53px Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
	font-size: 44px;
	font-weight: 500;
	line-height: 1.2;
	color: #0d0d0d;
}

@media (max-width: 500px) {
	.section-title {
		font-size: 36px;
	}
}

.section-description {
	color: #4D545C;
	font: 300 18px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	line-height: 1.6;
	font-weight: 300;
	font-size: 18px;
}

.industries-section {
	align-items: center;
	border-bottom: 1px solid var(--color-neutral-100);
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow: visible;
	justify-content: start;
	padding: var(--spacing-100) 0px;
}

.industries-content {
	align-self: center;
	z-index: 0;
	width: 100%;
	gap: var(--spacing-56);
	overflow: visible;
}

.industries-text {
	align-self: stretch;
	min-width: 240px;
	flex: 1;
	margin: auto 0;
}

.section-header-large {
	align-items: center;
	display: flex;
	width: 100%;
	gap: var(--spacing-16);
	color: #0d0d0d;
	justify-content: start;
	font: 700 44px/53px var(--font-vert);
}

.industries-heading {
	max-width: 800px;
	align-self: stretch;
	flex: 1 0 0;
	margin: auto 0;
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	font-family: var(--font-urbanist);
}

.industries-heading-accent {
	color: var(--color-primary);
}

.industries-description {
	display: flex;
	margin-top: 20px;
	width: 100%;
	flex-direction: column;
	align-items: stretch;
	color: var(--color-neutral-800);
	justify-content: center;
	font: 400 18px/29px var(--font-inter);
}

.industries-subtitle {
	max-width: 640px;
	align-self: stretch;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	color: var(--color-neutral-800);
}

.industries-icons {
	align-self: stretch;
	display: flex;
	align-items: start;
	gap: 24px;
	justify-content: start;
	margin: auto 0;
}

.industries-arrow-icon {
	display: flex;
	width: 68px;
	height: 68px;
	padding: 22px;
	justify-content: center;
	align-items: center;
	border: 1px solid #CFD1D4;
	border-radius: 80px;
	background: var(--color-neutral-white);
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	cursor: pointer;
	transition: all 0.2s ease;
}

.industries-arrow-icon:hover {
	background-color: #f8f9fa;
	border-color: #9ca3af;
	transform: translateY(-1px);
	box-shadow: 0px 4px 8px 0px rgba(27, 28, 29, 0.08);
}

.industries-arrow-icon:active {
	transform: translateY(0);
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
}

.industry-showcase {
	display: flex;
	flex-direction: column;
	row-gap: 5rem;
	justify-content: center;
	padding: var(--spacing-56) 0px 0px 0px;
	width: 100%;
	overflow: visible;
}

.industries-list {
	display: flex;
	gap: 1.25rem;
	scroll-snap-type: x mandatory;
	width: max-content;
	padding-left: 520px;
	padding-right: 20px;
}

/* if max-width is greater than 1480px then padding-left is 100px else 0px */
@media (min-width: 1480px) {
	.industries-list {
		padding-left: 520px;
	}
}

.industry-card {
	position: relative;
	flex-shrink: 0;
	width: 420px;
	height: 420px;
	border-radius: 1.5rem;
	overflow: hidden;
	background-color: #000;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	scroll-snap-align: start;
}

.industry-card img {
	aspect-ratio: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 32px 24px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, transparent 100%);
}

.text-content {
	min-height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 0.5rem;
}

.text-content h3 {
	color: var(--color-neutral-white);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
}

.text-content p {
	color: var(--color-neutral-white);
	font-size: 0.875rem;
	line-height: 1.25rem;
	opacity: 0.9;
}

.industries-container {
	display: flex;
	flex-direction: column;
	gap: 56px;
}

.industries-header {
	font-family: var(--font-urbanist);
	display: flex;
	align-items: center;
	gap: 20px;
	align-items: center;
	justify-content: center;
	max-width: 1240px;
	margin: 0 auto;
	width: 100%;
}

.section-description {
	flex: 1;
	min-width: 240px;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	color: #4D545C;
}

.industries-grid {
	display: flex;
	align-items: start;
	gap: 16px;
	min-height: 520px;
}

.industry-image-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 520px;
	z-index: 0;
}

.industry-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.industry-overlay {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 424px;
	z-index: 0;
}

.industry-content {
	position: relative;
	z-index: 1;
	color: var(--color-neutral-white);
}

.industry-text {
	max-width: 350px;
}

.industry-title {
	font-family: Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-neutral-white);
}

.industry-description {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.1px;
	color: var(--color-neutral-white);
	opacity: 0.8;
	margin-top: 12px;
}

.scroll-container {
	width: 100%;
	overflow-x: auto;
	padding: 0px;
	scrollbar-width: none;
	-ms-overflow-style: none;
	display: flex;
	justify-content: center;
}

.scroll-container::-webkit-scrollbar {
	display: none;
}

@media (max-width: 1080px) {
	.industries-header {
		flex-direction: column;
		padding: var(--spacing-80) 48px;
		font-family: Urbanist;
		font-size: 36px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
	}

	.industries-heading,
	.industries-heading-accent {
		font-size: 36px !important;
		line-height: 120%;
	}

	.industries-section {
		max-width: 100%;
		padding: 0px;
	}

	.industries-list {
		padding-left: 900px;
		padding-bottom: 100px;
	}

	.industry-card {
		width: 400px;
		height: 400px;
	}

	.industries-arrow-icon {
		display: flex;
		width: 48px;
		height: 48px;
		padding: 15.529px;
		justify-content: center;
		align-items: center;
		border-radius: 56.471px;
		border: 0.706px solid #CFD1D4;
		background: var(--color-neutral-white);
		box-shadow: 0px 1.412px 2.824px 0px rgba(27, 28, 29, 0.04);
	}

	.industry-showcase {
		padding: 0px;
	}
}

@media (max-width:768px) {
	.industry-card {
		width: 340px;
		height: 340px;
	}

	.industries-list {
		gap: 1rem;
		padding-left: 700px;
	}

	.overlay {
		padding: 24px 32px;
	}

	.industry-card {
		width: 320px;
		height: 320px;
	}
}

@media (max-width: 480px) {
	.industries-header {
		padding-bottom: var(--spacing-56);
		padding-left: 16px;
		padding-right: 16px;
	}

	.industries-list {
		gap: 0.75rem;
		padding-left: 980px;
		padding-bottom: 48px;
	}

	.overlay {
		padding: 20px 24px;
	}

	.text-content h3 {
		font-size: 0.9rem;
		line-height: 1.125rem;
	}

	.industries-header {
		padding-bottom: var(--spacing-56);
		padding-left: 16px;
		padding-right: 16px;
	}

	.text-content p {
		font-size: 0.75rem;
		line-height: 1rem;
	}

	.section-subtitle {
		font-size: 16px;
	}
}

/* Testimonials Section */
.testimonials-section {
	align-items: center;
	border-bottom: 1px solid #e1e3e8;
	background-color: rgba(255, 255, 255, 0.05);
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	justify-content: start;
	padding: 100px 0;
}

.testimonials-content {
	align-self: center;
	z-index: 0;
	width: 100%;
	overflow: hidden;
}

.section-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.testimonials-title {
	max-width: 800px;
	color: #0d0d0d;
	flex: 1;
	margin: auto 0;
	font: 600 44px Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
	line-height: 1.2;
}

@media (max-width: 500px) {
	.testimonials-title {
		font-size: 36px;
	}
}

.testimonials-description {
	max-width: 800px;
	color: #4D545C;
	flex: 1;
	text-align: center;
	font: 400 18px Inter, -apple-system, Roboto, Helvetica, sans-serif;
	line-height: 1.6;
}

.testimonials-container {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	overflow: hidden;
	margin-top: 56px;
}

.testimonials-grid {
	display: flex;
	align-items: stretch;
	gap: 24px;
	justify-content: start;
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 100%;
}

.testimonials-slider {
	display: flex;
	gap: 24px;
	animation: scroll-testimonials 20s linear infinite;
	width: fit-content;
	will-change: transform;
}

@keyframes scroll-testimonials {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.testimonials-slider:hover {
	animation-play-state: paused;
}

.testimonials-container:hover .testimonials-slider {
	animation-play-state: paused;
}

.testimonial-card {
	border-radius: 24px;
	border: 1.5px solid #e1e3e8;
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	align-self: start;
	min-width: 420px;
	width: 420px;
	flex-shrink: 0;
	background-color: #f7f8f9;
	padding: 32px;
	overflow: visible !important;
	height: 405px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media (max-width: 500px) {
	.testimonial-card {
		width: 100px;
		min-width: 280px;
		height: 100%;
	}
}

.testimonial-content {
	width: 100%;
}

.quote-icon {
	aspect-ratio: 1.29;
	object-fit: contain;
	object-position: center;
	width: 31px;
}

.quote-icon-alt {
	background-color: var(--color-primary);
	display: flex;
	min-height: 24px;
	width: 31px;
}

.testimonial-text {
	justify-content: center;
	align-items: stretch;
	display: flex;
	margin-top: 32px;
	width: 100%;
	flex-direction: column;
	gap: 16px;
}

.testimonial-headline {
	color: #0d0d0d;
	font: 600 24px/29px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

.testimonial-description {
	color: #535a61;
	letter-spacing: -0.1px;
	font: 400 16px/24px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

.testimonial-footer {
	display: flex;
	margin-top: 40px;
	width: 100%;
	align-items: center;
	gap: 40px 52px;
	font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
	justify-content: space-between;
}

.client-info {
	align-self: stretch;
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: start;
	margin: auto 0;
}

.client-avatar {
	border-radius: 800px;
	align-self: stretch;
	display: flex;
	width: 48px;
	flex-shrink: 0;
	height: 48px;
	background-color: var(--color-primary);
	margin: auto 0;
	align-items: center;
	justify-content: center;
	color: var(--color-neutral-white);
	font-weight: 600;
	font-size: 18px;
	font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

.client-details {
	align-self: stretch;
	display: flex;
	align-items: start;
	gap: 10px;
	justify-content: start;
	width: 120px;
	margin: auto 0;
}

.client-name-container {
	justify-content: center;
	align-items: stretch;
	display: flex;
	width: 120px;
	flex-direction: column;
	gap: 4px;
}

.client-name {
	color: #0d0d0d;
	font-size: 16px;
	font-weight: 500;
}

.client-title {
	color: #535a61;
	font-size: 12px;
	font-weight: 300;
	line-height: 1;
	margin-top: 4px;
}

/* Responsive styles for testimonials */
@media (max-width: 1080px) {
	.testimonials-title {
		text-align: center;
	}
}

@media (max-width: 1080px) {
	.testimonials-section {
		max-width: 100%;
	}

	.testimonials-title,
	.testimonials-content,
	.testimonials-grid {
		max-width: 100%;
	}

	.testimonials-container {
		max-width: 100%;
		margin-top: 40px;
	}

	.testimonials-slider {
		animation-duration: 35s;
	}

	.testimonial-card {
		padding: 20px 20px;
	}

	.testimonial-footer {
		margin-top: 40px;
	}
}

/* FAQ Section */
.faq-section {
	align-items: center;
	border-bottom: 1px solid #e1e3e8;
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	justify-content: start;
	padding: 100px;
}

.faq-container {
	width: 100%;
	max-width: 1280px;
}

@media (max-width: 991px) {
	.faq-container {
		max-width: 100%;
	}
}

.faq-content {
	margin-top: 56px;
	width: 100%;
	overflow-x: auto;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}

.faq-content::-webkit-scrollbar {
	height: 6px;
}

.faq-content::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.faq-content::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 3px;
}

.faq-content::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

@media (max-width: 991px) {
	.faq-content {
		max-width: 100%;
		margin-top: 40px;
	}
}

.faq-list {
	width: 100%;
}

@media (max-width: 991px) {
	.faq-list {
		max-width: 100%;
	}
}

.faq-item {
	border-radius: 12px;
	border: 1px solid #e1e3e8;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	width: 100%;
	overflow: hidden;
	background-color: var(--color-neutral-white);
	padding: 20px;
	margin-top: 16px;
}

.faq-item:first-child {
	margin-top: 0;
}

.faq-item-expanded {
	background-color: #f7f8f9;
}

@media (max-width: 991px) {
	.faq-item {
		max-width: 100%;
	}
}

.faq-question {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

@media (max-width: 991px) {
	.faq-question {
		max-width: 100%;
	}
}

.question-text {
	color: #000;
	letter-spacing: -0.1px;
	align-self: stretch;
	margin: auto 0;
	font: 400 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

.question-content {
	align-self: stretch;
	min-width: 240px;
	color: #000;
	letter-spacing: -0.1px;
	margin: auto 0;
	font: 400 16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.question-content {
		max-width: 100%;
	}
}

.question-toggle {
	align-items: center;
	border-radius: 37.5px;
	align-self: stretch;
	display: flex;
	gap: 3px;
	justify-content: start;
	width: 24px;
	height: 24px;
	background-color: var(--color-primary);
	margin: auto 0;
	padding: 3px;
	color: var(--color-neutral-white);
}

.faq-item:not(.faq-item-expanded) .question-toggle {
	background-color: #f1f2f3;
	color: #000;
}

.toggle-icon {
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	width: 18px;
	align-self: stretch;
	margin: auto 0;
	transition: transform 0.3s ease-in-out;
	transform: rotate(0deg);
}

.faq-item-expanded .toggle-icon {
	transform: rotate(180deg);
}

.faq-answer-wrapper {
	overflow: hidden;
	transition: max-height 0.3s ease-in-out;
	max-height: 0;
}

.faq-item-expanded .faq-answer-wrapper {
	max-height: 200px;
	/* This will be overridden by JavaScript */
}

.faq-answer {
	color: #535a61;
	letter-spacing: -0.1px;
	margin-top: 16px;
	font: 300 16px/1.5 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
	.faq-answer {
		max-width: 100%;
		font-size: 16px;
	}
}

/* Responsive padding adjustments */
@media (max-width: 1200px) {

	.hero-section,
	.products-section,
	.faq-section,
	.related-products-section,
	.why-choose-section,
	.contact-section,
	.testimonials-section,
	.resources-section,
	.product-portfolio,
	.product-benefits,
	.manufacturing-process,
	.specs-container {
		padding: 80px;
	}

	.industries-container {
		padding: 80px;
	}

	.testimonials-section {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 1080px) {

	.hero-section,
	.products-section,
	.faq-section,
	.related-products-section,
	.why-choose-section,
	.contact-section,
	.testimonials-section,
	.resources-section,
	.product-portfolio,
	.product-benefits,
	.manufacturing-process,
	.specs-container {
		padding: 80px 48px;
	}

	.trusted-companies {
		margin-top: 40px;
	}

	.industries-container {
		padding: 80px 48px;
	}

	.testimonials-section {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 991px) {
	.industries-container {
		padding: 80px 48px;
		padding-bottom: 0px;
	}
}

@media (max-width: 500px) {

	.hero-section,
	.products-section,
	.faq-section,
	.related-products-section,
	.why-choose-section,
	.contact-section,
	.testimonials-section,
	.resources-section,
	.product-portfolio,
	.product-benefits,
	.manufacturing-process,
	.section-header,
	.specs-container {
		padding: 48px 16px;
	}

	.industries-container {
		padding: 48px 16px;
		padding-bottom: 0px;
	}

	.testimonials-section {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 500px) {
	.industries-grid-wrapper {
		padding-bottom: 48px;
	}
}

@media (max-width: 1200px) {
	.industries-grid-wrapper {
		padding-bottom: 80px;
	}
}

/* Modal Styles */
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(15px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.modal-overlay.active {
	opacity: 1;
	visibility: visible;
}

.modal-container {
	background: white;
	border-radius: 16px;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	max-width: 550px;
	width: 100%;
	max-height: 90vh;
	overflow-y: auto;
	transform: scale(0.9);
	transition: transform 0.3s ease;
}

.modal-overlay.active .modal-container {
	transform: scale(1);
}

.modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 24px;
	border-bottom: 1px solid #e5e7eb;
	background-color: #F9FAFB;
}

.modal-title {
	font-size: 20px;
	font-weight: 500;
	color: #1f2937;
	margin: 0;
}


.modal-close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 6px;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
	color: #6B7280;
	background-color: var(--color-neutral-white);
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-close:hover {
	background-color: #f3f4f6;
	color: #374151;
}

.modal-description {
	color: #6b7280;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 24px;
}

.modal-form {
	display: flex;
	flex-direction: column;
}

.form-button {
	padding: 11px 24px;
	background-color: #F9FAFB;
	border-top: 1px solid #E5E7EB;
	margin-top: 20px;
	display: flex;
	justify-content: end;
}

.form-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 20px;
	padding-left: 24px;
	padding-right: 24px;
}

.form-field2 {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 12px;
	padding-left: 24px;
	padding-right: 24px;
}

.form-label {
	font-size: 14px;
	font-weight: 300;
	color: #374151;
}

.optional {
	color: #9ca3af;
	font-weight: 300;
}

.modal-input {
	padding: 12px 16px;
	border: 1px solid var(--color-primary-medium);
	border-radius: 8px;
	font-size: 14px;
	transition: all 0.2s ease;
	background-color: white;
}

.modal-input:focus {
	outline: none;
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px var(--color-primary-medium);
}

.modal-input::placeholder {
	color: #9ca3af;
}

.modal-input2 {
	padding: 12px 16px;
	font-size: 14px;
	transition: all 0.2s ease;
	background-color: white;
	max-width: 90px;
	border: 0px;
}

.modal-input2:focus {
	outline: none;
	border-color: none;
	box-shadow: none;
}

.modal-input2::placeholder {
	color: #9ca3af;
}

.modal-input3 {
	padding: 12px 16px;
	font-size: 14px;
	transition: all 0.2s ease;
	background-color: white;
	width: 100%;
	margin-left: 10px;
	border-left: 1px solid var(--color-primary-medium);
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
}

.modal-input3:focus {
	outline: none;
	border-color: none;
	box-shadow: none;
}

.modal-input3::placeholder {
	color: #9ca3af;
}

.modal-submit-btn {
	background-color: var(--color-primary);
	color: white;
	border: none;
	border-radius: 8px;
	padding: 14px 24px;
	font-size: 14px;
	font-weight: 300;
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.modal-submit-btn:hover {
	background-color: var(--color-primary);
	transform: translateY(-1px);
}

.modal-submit-btn:active {
	transform: translateY(0);
}

.material-count {
	color: #9CA3AF;
	font-size: 14px;
	font-weight: 300;
}

/* Mobile responsive styles for modal */
@media (max-width: 768px) {
	.modal-container {
		width: 95%;
		margin: 20px;
	}

	.modal-header {
		padding: 20px 20px 0 20px;
	}

	.modal-title {
		font-size: 18px;
	}
}

/* Modal 2 Styles */
.modal-overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(15px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.modal-overlay2.active {
	opacity: 1;
	visibility: visible;
}

.modal-overlay2.active .modal-container {
	transform: scale(1);
}

/* Mobile responsive styles for modal 2 */
@media (max-width: 768px) {
	.modal-overlay2 .modal-container {
		width: 95%;
		margin: 20px;
	}

	.modal-overlay2 .modal-header {
		padding: 20px 20px 0 20px;
	}

	.modal-overlay2 .modal-title {
		font-size: 18px;
	}
}

.testimonials-grid,
.testimonials-slider,
.testimonials-container,
.testimonials-content,
.industries-list,
.industry-showcase,
.industries-content,
.industries-section {
	overflow: visible !important;
}

.form-fields ::selection,
.form-input ::selection,
.text-input ::selection {
	background: var(--color-primary);
	color: var(--color-neutral-white);
}