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

:root {
	--text-base-line-height: 24px;
	--font-weight-semibold: 600;
	--text-base-font-size: 16px;
	--base-border: #E5E5E5;
	--base-muted-foreground: #737373;
	--base-foreground: #0A0A0A;
	--heading-lg-font-family: "Geist", sans-serif;
	--heading-lg-font-size: 36px;
	--heading-lg-font-weight: 700;
	--heading-lg-line-height: 40px;
	--section-padding-y: 96px;
	--spacing-8: 32px;
	--spacing-4: 16px;
	--spacing-6: 24px;
	--container-padding-x: 24px;
	--spacing-16: 64px;
	--spacing-1: 4px;
	--spacing-5: 20px;
	--height-h-9: 36px;
	--spacing-2: 8px;
	--spacing-3: 12px;
	--border-radius-rounded-md: 8px;
	--tailwind-colors-base-transparent: rgba(255, 255, 255, 0.00);
	--tailwind-colors-base-white: #FFF;
	--font-font-sans: "Geist", sans-serif;
	--text-sm-font-size: 14px;
	--font-weight-medium: 500;
	--text-sm-line-height: 20px;
	--height-h-4: 16px;
	--height-h-8: 32px;
	--tailwind-colors-cyan-50: #ECFEFF;
	--shadow-xs-offset-x: 0;
	--shadow-xs-offset-y: 1px;
	--shadow-xs-blur-radius: 2px;
	--shadow-xs-spread-radius: 0;
	--shadow-xs-color: rgba(0, 0, 0, 0.05);
	--tailwind-colors-lime-950: #1A2E05;
	--text-xs-font-size: 12px;
	--text-xs-line-height: 16px;
	--border-width-border: 1px;
	--base-input: #E5E5E5;
	--base-background: #FFF;
	--spacing-11: 44px;
	--spacing-0: 0;
	--spacing-0-5: 2px;
	--border-radius-rounded-full: 9999px;
	--font-weight-normal: 400;
	--tailwind-colors-cyan-500: #06B6D4;
	--text-5xl-font-size: 48px;
	--font-weight-bold: 700;
	--text-5xl-line-height: 48px;
	--section-title-gap-xl: 24px;
	--base-muted: #F5F5F5;
	--text-lg-font-size: 18px;
	--text-lg-line-height: 28px;
	--tailwind-colors-gray-900: #111827;
	--spacing-12: 48px;
	--min-width-min-w-xl: 576px;
	--section-title-gap-lg: 20px;
	--border-radius-rounded-xl: 14px;

	--shadowsm2offset-x: 0;
	--shadowsm2offset-y: 1;
	--shadowsm2blur-radius: 2;
	--shadowsm2spread-radius: -1;
	--shadowsm2color: #0000001A;
}

html,
body {
	max-width: 100vw;
	overflow-x: hidden;
	font-family: var(--font-font-sans);
	background-color: #040C18;
	color: white;
}

.container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--container-padding-x);
}

.hero-section {
	min-height: 100vh;
	background: #040C18;
	background-blend-mode: overlay;
	position: relative;
	padding-bottom: 100px;
}

.hero-background {
	position: absolute;
	bottom: 0;
	left: 0.25px;
	width: 100%;
	height: 1097px;
	z-index: 0;
}

.navbar {
	padding: 16px 0;
	position: relative;
	z-index: 10;
}

.header.header-white {
	background-color: #ffffff;
}

.header.header-white .nav-links a {
	color: #000000;
}

.header.header-white .btn-ghost:hover {
	background: #f1f2f4;
}

.header.header-white .nav-buttons .btn-primary {
	background-color: #171717;
	color: #ffffff;
}

.header.header-white .btn-outline {
	border-color: #171717;
	color: #171717;
}

.header.header-white .lang-dd button {
	color: #000000;
}

.header.header-white .nav-buttons .btn-primary:hover {
	background-color: #2563EB;
}

.header.header-white .btn-outline:hover {
	background-color: #00000020;
}

.dropdown{position:relative}
.dropdown-menu{position:absolute;left:0;top:100%;display:none;min-width:520px;background:#fff;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.15);padding:12px}
.dropdown.open>.dropdown-menu{display:block}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;padding:6px}
.menu-item{display:block;padding:10px;border-radius:8px;text-decoration:none;color:inherit}
.menu-item:hover{background:#f1f2f4}
.mi-title{font-weight:500;font-size:14px;line-height:1.2;margin-bottom:4px;color:#0A0A0A;}
.mi-desc{font-size:12px;opacity:.8;color:#737373;}


.lang-dd{position:relative}
.lang-dd .dropdown-menu{position:absolute;left:0;top:100%;display:none;min-width:180px;background:#fff;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.18);padding:6px}
.lang-dd.open>.dropdown-menu{display:block}
.lang-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;color:#171717;}
.lang-item:hover{background:#f2f3f5}
.lang-item.is-active{background:#f6f7f8;}
.flag{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}
.flag img{width:100%;height:100%;display:block}



.partner-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
}
.partner-modal.is-open { display: block; }

.partner-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.55);
}


.partner-modal__dialog {
	position: relative;
	background: #fff;
	border-radius: 12px;
	max-width: 420px;
	margin: 40px auto;
	padding: 28px 24px;
	z-index: 2;
	font-family: sans-serif;
}


.partner-modal__close {
	position: absolute;
	top: 14px;
	right: 14px;
	background: none;
	border: 0;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}


.pm-step { display: none; }
.pm-step.is-active { display: block; }


.pm-head { text-align: center; margin-bottom: 20px; }
.pm-head h3 {
	margin: 10px 0 6px;
	font-size: 24px;
	font-weight: 700;
	color: #0A0A0A;
}
.pm-head p { color: #737373; font-size: 14px; }

label.pm-field span {
	color: #0A0A0A;
	display: flex;
	justify-content: space-between;
}

label.pm-field span i {
	color: #737373;
	font-style: normal;
}

.pm-form { display:flex; flex-direction:column; gap:14px; }
.pm-field { display:flex; flex-direction:column; gap:6px; font-size:14px; position: relative; }
.pm-field input,
.pm-field textarea{ border:1px solid #ccc; border-radius:8px; padding:10px 12px; font-size:14px; outline:0; transition:border .2s; }
.pm-field input:focus,
.pm-field textarea:focus{ border-color:#2b7cff; }
.pm-field input.is-invalid,
.pm-field textarea.is-invalid{ border-color:#e74c3c; }
.pm-error {
	color: #e74c3c !important;
	font-size: 12px;
	line-height: 1.3;
	min-height: 15px;
	margin-top: -17px;
}
.pm-form-foot{ display:flex; flex-direction:column; gap:10px; margin-top:4px; }
.pm-error--global{ text-align:center; }
span.pm-error.is-active {
	opacity: 1;
	margin: 0;
}

.pm-submit{ width:100%; background:#111827; color:#fff; border:0; border-radius:8px; padding:12px; font-size:15px; font-weight:500; cursor:pointer; }
.pm-submit:hover{ background:#000; }
.pm-submit.is-loading{ opacity:.6; cursor:wait; }


.pm-status { text-align: center; padding: 20px 10px; }
.pm-status h3 { font-size: 20px; margin-bottom: 8px; }
.pm-status p { font-size: 14px; color: #555; }

.pm-status--success .pm-check {
	width: 42px;
	height: 42px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: #e9f9ee;
	position: relative;
}
.pm-status--success .pm-check::after {
	content: '';
	position: absolute;
	left: 12px;
	top: 10px;
	width: 12px;
	height: 20px;
	border: solid #2ecc71;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}

.pm-status--error h3 { color: #e74c3c; }



.nav-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav-links {
	display: flex;
	align-items: center;
	gap: 4px;
}

.nav-buttons {
	display: flex;
	align-items: center;
	gap: 8px;
}

.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-radius: var(--border-radius-rounded-md);
	font-family: var(--font-font-sans);
	font-size: var(--text-sm-font-size);
	font-weight: var(--font-weight-medium);
	line-height: var(--text-sm-line-height);
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s ease;
}

.btn-primary {
	background: var(--tailwind-colors-cyan-50);
	color: var(--tailwind-colors-lime-950);
	box-shadow: 0 var(--shadow-xs-offset-y) var(--shadow-xs-blur-radius) var(--shadow-xs-spread-radius) var(--shadow-xs-color);
	transition: all .2s ease;
}

.btn-primary:hover {
	background-color: #2563EB;
}

.btn-outline {
	background: transparent;
	color: white;
	border: 1px solid var(--base-input);
	transition: all .2s ease;
}

.btn-outline:hover {
	background: #ffffff;
	color: var(--tailwind-colors-lime-950);
}

.btn-ghost {
	background: transparent;
	color: white;
	border: none;
}

.btn-ghost:hover {
	background: rgba(255, 255, 255, 0.1);
}

.btn-sm {
	height: 32px;
	padding: 8px 12px;
	font-size: var(--text-xs-font-size);
	line-height: var(--text-xs-line-height);
}

.hero-content {
	padding: var(--spacing-11) var(--container-padding-x) 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-8);
	position: relative;
	z-index: 5;
}

.banner {
	display: flex;
	padding: 0 12px 0 2px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: var(--border-radius-rounded-full);
	background: rgba(66, 48, 48, 0.50);
	backdrop-filter: blur(8px);
}

.banner-icon {
	width: 32px;
	height: 32px;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-text {
	color: white;
	font-size: var(--text-xs-font-size);
	line-height: 12px;
	font-weight: var(--font-weight-normal);
}

.hero-text-section {
	max-width: 720px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-11);
}

.hero-title-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--section-title-gap-lg);
}

.hero-title {
	font-size: var(--text-5xl-font-size);
	font-weight: var(--font-weight-bold);
	line-height: var(--text-5xl-line-height);
	text-align: center;
}

.hero-subtitle {
	color: var(--base-muted);
	font-size: var(--text-lg-font-size);
	line-height: var(--text-lg-line-height);
	text-align: center;
	opacity: 0.8;
}

.hero-buttons {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.companies-section {
	padding: var(--spacing-8) var(--container-padding-x) 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-12);
	position: relative;
	z-index: 5;
}

.companies-header {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	max-width: 1280px;
}

.companies-title {
	color: var(--tailwind-colors-cyan-50);
	font-size: var(--text-lg-font-size);
	font-weight: var(--font-weight-medium);
	line-height: 18px;
	text-align: center;
	max-width: 576px;
	flex: 1;
}

.companies-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	gap: 10px;
	width: 100%;
	max-width: 919px;
	justify-content: center;
}

.company-logo {
	display: flex;
	height: 90px;
	max-width: 200px;
	padding: var(--spacing-6);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-6);
	border-radius: var(--border-radius-rounded-xl);
	background: rgba(66, 48, 48, 0.40);
	backdrop-filter: blur(8px);
	flex: 1;
	min-width: 150px;
}

.companies-description {
	color: var(--tailwind-colors-cyan-50);
	text-align: center;
	font-size: var(--text-sm-font-size);
	line-height: 14px;
	opacity: 0.8;
	width: 100%;
}

.highlight-cyan {
	color: var(--tailwind-colors-cyan-500);
}

.highlight-cyan-light {
	color: #CFFAFE;
}

@media (max-width: 768px) {
	.nav-links {
		display: none;
	}

	.hero-title {
		font-size: 36px;
		line-height: 40px;
	}

	.hero-buttons {
		flex-direction: column;
		width: 100%;
	}

	.btn {
		width: 100%;
		justify-content: center;
	}

	.companies-grid {
		justify-content: center;
	}

	.company-logo {
		min-width: 140px;
	}

	.companies-header {
		flex-direction: column;
		gap: var(--spacing-6);
	}
}

/* Product Categories Section */
.product-categories {
	background: white;
	padding: var(--section-padding-y) 0;
}

.section-header {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: var(--spacing-12);
}

.section-title-wrapper {
	max-width: 576px;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--section-title-gap-lg);
}

.section-title {
	color: var(--base-foreground);
	font-family: var(--heading-lg-font-family);
	font-size: var(--heading-lg-font-size);
	font-weight: var(--heading-lg-font-weight);
	line-height: var(--heading-lg-line-height);
	text-align: center;
	margin: 0;
}

.section-subtitle {
	color: var(--base-muted-foreground);
	font-family: var(--font-font-sans);
	font-size: var(--text-base-font-size);
	font-weight: var(--font-weight-normal);
	line-height: var(--text-base-line-height);
	text-align: center;
	margin: 0;
}

.categories-grid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-6);
	margin-bottom: var(--spacing-11);
}

.category-card {
	display: flex;
	min-width: 260px;
	flex-direction: column;
	flex: 1 0 0;
	border-radius: var(--border-radius-rounded-md);
	border: 1px solid var(--base-border);
	box-shadow: 0 var(--shadow-xs-offset-y) var(--shadow-xs-blur-radius) var(--shadow-xs-spread-radius) var(--shadow-xs-color);
	overflow: hidden;
	background: white;
}

.category-image {
	height: 217px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	aspect-ratio: 4/3;
}

.category-content {
	padding: var(--spacing-4);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-1);
	opacity: 0.9;
}

.category-title {
	color: var(--base-foreground);
	font-family: var(--font-font-sans);
	font-size: var(--text-lg-font-size);
	font-weight: var(--font-weight-semibold);
	line-height: var(--text-lg-line-height);
	margin: 0;
}

.category-description-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-2);
}

.category-description {
	flex: 1;
	color: var(--base-foreground);
	font-family: var(--font-font-sans);
	font-size: var(--text-base-font-size);
	font-weight: var(--font-weight-normal);
	line-height: var(--text-base-line-height);
	margin: 0;
}

.category-arrow {
	display: flex;
	width: var(--width-w-9);
	height: var(--height-h-9);
	padding: var(--spacing-2) var(--spacing-4);
	justify-content: center;
	align-items: center;
	border-radius: var(--border-radius-rounded-md);
	background: transparent;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.category-arrow:hover {
	background: rgba(0, 0, 0, 0.05);
}

.categories-cta {
	display: flex;
	justify-content: center;
}

.btn-dark {
	background: var(--tailwind-colors-gray-900);
	color: var(--tailwind-colors-cyan-50);
	border: none;
	transition: all .2s ease;
	font-weight: 400;
}

.btn-dark:hover {
	background: #2563EB;
}

.btn-lg {
	height: var(--height-h-10);
	padding: var(--spacing-2) var(--spacing-8);
}

/* Stats Section */
.stats-section {
	background: #040C18;
	padding: var(--section-padding-y) 0;
	color: white;
	background-image: url(/wp-content/uploads/2025/08/4-1.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: relative;
}

.stats-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(10 10 10 / 80%);
}

.stats-section .container {
	z-index: 2;
	position: relative;
}

.stats-content {
	display: flex;
	align-items: center;
	gap: var(--spacing-16);
}

.stats-image {
	flex: 1;
	max-width: 600px;
}

.stats-image img {
	width: 100%;
	height: auto;
	border-radius: var(--border-radius-rounded-xl);
}

.stats-text {
	flex: 1;
	max-width: 600px;
}

.stats-title {
	font-size: var(--heading-lg-font-size);
	font-weight: var(--heading-lg-font-weight);
	line-height: var(--heading-lg-line-height);
	margin: 0 0 var(--spacing-6) 0;
	color: white;
}

.stats-description {
	font-size: var(--text-base-font-size);
	line-height: var(--text-base-line-height);
	color: rgba(255, 255, 255, 0.8);
	margin: 0 0 var(--spacing-8) 0;
}

.stats-grid {
	display: flex;
	gap: var(--spacing-8);
}

.stat-item {
	flex: 1;
}

.stat-number {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: var(--spacing-1);
	color: white;
}

.stat-label {
	font-size: var(--text-sm-font-size);
	color: rgba(255, 255, 255, 0.7);
	line-height: var(--text-sm-line-height);
}

@media (max-width: 1024px) {
	.stats-content {
		flex-direction: column;
		text-align: center;
	}

	.stats-image {
		order: 2;
	}

	.stats-text {
		order: 1;
	}
}

@media (max-width: 768px) {
	.nav-links {
		display: none;
	}

	.hero-title {
		font-size: 36px;
		line-height: 40px;
	}

	.hero-buttons {
		flex-direction: column;
		width: 100%;
	}

	.btn {
		width: 100%;
		justify-content: center;
	}

	.companies-grid {
		justify-content: center;
	}

	.company-logo {
		min-width: 140px;
	}

	.companies-header {
		flex-direction: column;
		gap: var(--spacing-6);
	}

	.categories-grid {
		flex-direction: column;
	}

	.category-card {
		min-width: auto;
	}

	.stats-grid {
		gap: var(--spacing-6);
	}
}

/* Contact Section */
.contact-section {
	background: white;
	padding: var(--section-padding-y) 0;
}

.contact-header {
	display: flex;
	justify-content: center;
}

.world-map-container {
	display: flex;
	justify-content: center;
	margin-bottom: var(--spacing-12);
	padding: 0 var(--spacing-6);
}

.world-map {
	position: relative;
	max-width: 800px;
	width: 100%;
}

.map-image {
	width: 100%;
	height: auto;
	display: block;
}

.location-tooltip {
	position: absolute;
	display: inline-flex;
	padding: 6px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: var(--border-radius-rounded-md);
	background: #2E1065;
	color: white;
	font-size: var(--text-sm-font-size);
	font-weight: var(--font-weight-medium);
	line-height: var(--text-sm-line-height);
	white-space: nowrap;
	z-index: 5;
}

.location-tooltip::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	background: #2E1065;
}

.location-germany {
	top: 25%;
	left: 48%;
}

.location-poland {
	top: 20%;
	left: 52%;
}

.location-uae {
	top: 45%;
	left: 58%;
}

.location-japan {
	top: 35%;
	left: 85%;
}

.location-hk {
	top: 50%;
	left: 82%;
}

.flag {
	font-size: 16px;
}

.contact-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--spacing-8);
}

.contact-form-section {
	flex: 1;
	max-width: 448px;
}

.form-header {
	margin-bottom: var(--spacing-12);
}

.form-title {
	font-size: 30px;
	font-weight: var(--font-weight-semibold);
	line-height: 36px;
	color: var(--base-foreground);
	margin: 0 0 var(--section-title-gap-lg) 0;
}

.form-subtitle {
	color: var(--base-muted-foreground);
	font-size: var(--text-base-font-size);
	line-height: var(--text-base-line-height);
	margin: 0;
}

.contact-form {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
}

.form-group {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-2);
}

.form-group input, .form-group textarea {
	width: 100%;
}

.form-group label {
	color: var(--tailwind-colors-gray-900);
	font-size: var(--text-sm-font-size);
	font-weight: var(--font-weight-medium);
	line-height: 14px;
}

.form-group input,
.form-group textarea {
	padding: var(--spacing-1) var(--spacing-3);
	border-radius: var(--border-radius-rounded-md);
	border: 1px solid var(--base-input);
	background: white;
	box-shadow: 0 var(--shadow-xs-offset-y) var(--shadow-xs-blur-radius) var(--shadow-xs-spread-radius) var(--shadow-xs-color);
	font-family: var(--font-font-sans);
	font-size: var(--text-sm-font-size);
	line-height: var(--text-sm-line-height);
	transition: border-color 0.2s ease;
}

.form-group input {
	height: var(--height-h-9);
}

.form-group textarea {
	min-height: 80px;
	resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus {
	outline: none;
	border-color: var(--tailwind-colors-gray-900);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
	color: var(--base-muted-foreground);
}

.checkbox-group {
	flex-direction: row;
	align-items: flex-start;
	gap: var(--spacing-2);
}

.checkbox-group input {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--tailwind-colors-gray-900);
}

.checkbox-group label {
	flex: 1;
	font-size: var(--text-sm-font-size);
	font-weight: var(--font-weight-normal);
	color: var(--base-muted-foreground);
	line-height: 14px;
}

.privacy-link {
	color: var(--tailwind-colors-gray-900);
	text-decoration: underline;
}

.btn-full {
	width: 100%;
}

.contact-separator {
	width: 1px;
	background: var(--base-border);
	align-self: stretch;
}

.contact-info-section {
	flex: 1;
	max-width: 448px;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-8);
}

.locations-grid {
	display: flex;
	gap: var(--spacing-6);
	flex-wrap: wrap;
}

.location-item {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-2);
	width: calc(50% - var(--spacing-6));
}

.location-header {
	display: flex;
	align-items: center;
	gap: var(--spacing-2);
}

.location-flag {
	font-size: 24px;
}

.location-country {
	font-size: var(--text-base-font-size);
	font-weight: var(--font-weight-semibold);
	line-height: var(--text-base-line-height);
	color: var(--base-foreground);
	margin: 0;
}

.location-address {
	color: var(--base-muted-foreground);
	font-size: var(--text-base-font-size);
	line-height: var(--text-base-line-height);
	margin: 0;
	white-space: pre-line;
}

.contact-separator-horizontal {
	width: 100%;
	height: 1px;
	background: var(--base-border);
}

.contact-details-title {
	font-size: var(--text-lg-font-size);
	font-weight: var(--font-weight-bold);
	line-height: var(--text-lg-line-height);
	color: var(--base-foreground);
	margin: 0 0 var(--spacing-6) 0;
}

.contact-methods {
	display: flex;
	gap: var(--spacing-6);
	margin-bottom: var(--spacing-6);
}

.contact-method {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-2);
}

.contact-method h5 {
	font-size: var(--text-base-font-size);
	font-weight: var(--font-weight-semibold);
	line-height: var(--text-base-line-height);
	color: var(--base-foreground);
	margin: 0;
}

.contact-value {
	display: flex;
	align-items: center;
	gap: var(--spacing-2);
	color: var(--base-muted-foreground);
	font-size: var(--text-base-font-size);
	line-height: var(--text-base-line-height);
}

.contact-icon {
	font-size: 24px;
}

.contact-link {
	color: var(--base-muted-foreground);
	font-size: var(--text-base-font-size);
	line-height: var(--text-base-line-height);
	text-decoration: underline;
}

.contact-link:hover {
	color: var(--base-foreground);
}

/* CTA Section */
.cta-section {
	position: relative;
	min-height: 420px;
	display: flex;
	align-items: center;
	background: url('/wp-content/uploads/2025/08/Group-2147220700.png') center/cover no-repeat;
}

.cta-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(10, 10, 10, 0.80) 0%, rgba(10, 10, 10, 0.80) 100%);
	display: flex;
	align-items: center;
	padding: var(--section-padding-y) 0;
}

.cta-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-6);
	text-align: center;
	width: 100%;
}

.cta-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-4);
	max-width: 600px;
}

.cta-title {
	font-size: 36px;
	text-align: center;
}

.cta-subtitle {
	font-size: var(--text-lg-font-size);
	line-height: var(--text-lg-line-height);
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
	text-align: center;
}

.cta-action {
	display: flex;
	justify-content: center;
}

.btn-cta {
	background: white;
	color: var(--base-foreground);
	border: none;
	padding: var(--spacing-3) var(--spacing-6);
	display: flex;
	align-items: center;
	gap: var(--spacing-2);
	font-weight: var(--font-weight-medium);
	transition: all 0.2s ease;
}

.btn-cta:hover {
	background: #2563EB;
}

/* Team Section */
.team-section {
	background: white;
	padding: var(--section-padding-y) 0;
}

.team-header {
	max-width: 576px;
	margin-bottom: var(--spacing-16);
}

.team-title {
	font-size: var(--heading-lg-font-size);
	font-weight: var(--heading-lg-font-weight);
	line-height: var(--heading-lg-line-height);
	color: var(--base-foreground);
	margin: 0 0 var(--section-title-gap-lg) 0;
}

.team-subtitle {
	color: var(--base-muted-foreground);
	font-size: var(--text-base-font-size);
	line-height: var(--text-base-line-height);
	margin: 0;
}

.team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: var(--spacing-12) var(--spacing-6);
}

.team-member {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-4);
}

.member-header {
	display: flex;
	align-items: flex-start;
	gap: var(--spacing-4);
}

.member-avatar {
	width: 72px;
	height: 72px;
	border-radius: var(--border-radius-rounded-xl);
	object-fit: cover;
	flex-shrink: 0;
}

.member-info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.member-name {
	font-size: var(--text-base-font-size);
	font-weight: var(--font-weight-semibold);
	line-height: var(--text-base-line-height);
	color: var(--base-foreground);
	margin: 0;
}

.member-title {
	font-size: var(--text-base-font-size);
	font-weight: var(--font-weight-normal);
	line-height: var(--text-base-line-height);
	color: var(--base-muted-foreground);
	margin: 0;
}

.member-description {
	color: var(--base-muted-foreground);
	font-size: var(--text-base-font-size);
	line-height: var(--text-base-line-height);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Testimonials Section */
.testimonials-section {
	background: white;
	padding: var(--section-padding-y) 0 var(--spacing-8) 0;
	border-top: 1px solid var(--base-border);
}

.testimonials-header {
	max-width: 576px;
	margin-bottom: var(--spacing-16);
}

.testimonials-title {
	font-size: var(--heading-lg-font-size);
	font-weight: var(--heading-lg-font-weight);
	line-height: var(--heading-lg-line-height);
	color: var(--base-foreground);
	margin: 0;
}

.testimonials-content {
	display: flex;
	align-items: stretch;
	gap: var(--spacing-12);
	margin-bottom: var(--spacing-24);
}

.testimonial-card {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-8);
}

.testimonial-quote {
	font-size: var(--text-lg-font-size);
	font-weight: var(--font-weight-medium);
	line-height: var(--text-lg-line-height);
	color: var(--base-foreground);
	margin: 0;
	font-style: normal;
}

.testimonial-author {
	display: flex;
	align-items: center;
	gap: var(--spacing-5);
}

.author-avatar {
	width: 56px;
	height: 56px;
	border-radius: var(--border-radius-rounded-full);
	object-fit: cover;
	flex-shrink: 0;
}

.author-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-1);
}

.author-name {
	font-size: var(--text-base-font-size);
	font-weight: var(--font-weight-semibold);
	line-height: var(--text-base-line-height);
	color: var(--base-foreground);
	margin: 0;
}

.author-title {
	font-size: var(--text-base-font-size);
	font-weight: var(--font-weight-normal);
	line-height: var(--text-base-line-height);
	color: var(--base-muted-foreground);
	margin: 0;
}

.testimonials-separator {
	width: 1px;
	background: var(--base-border);
	align-self: stretch;
}

.testimonials-cta {
	display: flex;
	justify-content: center;
	margin-top: 96px;
}

/* Careers Section */
.careers-section {
	background: white;
	padding: var(--section-padding-y) 0;
	border-top: 1px solid var(--base-border);
}

.careers-content {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-12);
}

.careers-text {
	max-width: 512px;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-8);
}

.careers-header {
	display: flex;
	flex-direction: column;
	gap: var(--section-title-gap-lg);
}

.careers-title {
	font-size: var(--heading-lg-font-size);
	font-weight: var(--heading-lg-font-weight);
	line-height: var(--heading-lg-line-height);
	color: var(--base-foreground);
	margin: 0;
}

.careers-subtitle {
	color: var(--base-muted-foreground);
	font-size: var(--text-base-font-size);
	line-height: var(--text-base-line-height);
	margin: 0;
}

.careers-action {
	display: flex;
	align-items: flex-start;
}

.jobs-grid {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: var(--spacing-6);
}

.job-card {
	display: flex;
	padding: var(--spacing-6);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-6);
	border-radius: var(--border-radius-rounded-xl);
	border: 1px solid var(--base-border);
	background: linear-gradient(135deg, #040C18 0%, #1a2332 100%);
	position: relative;
	overflow: hidden;
}

.job-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/wp-content/uploads/2025/08/c7dafbb0af07fda150a470ebcfc0bdace70cfa68-1-scaled.jpg) center / cover no-repeat;
	opacity: 1;
	z-index: 1;
}

.job-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
	height: 100%;
}

.job-title {
	font-size: var(--text-lg-font-size);
	font-weight: var(--font-weight-semibold);
	line-height: var(--text-lg-line-height);
	color: white;
	margin: 0;
}

.job-description {
	color: rgba(255, 255, 255, 0.9);
	font-size: var(--text-sm-font-size);
	line-height: var(--text-sm-line-height);
	margin: 0;
	flex: 1;
}

.job-link {
	background: #ffffff;
	color: #171717;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: var(--spacing-2) var(--spacing-3);
	border-radius: var(--border-radius-rounded-md);
	font-size: var(--text-xs-font-size);
	font-weight: var(--font-weight-medium);
	line-height: var(--text-xs-line-height);
	cursor: pointer;
	transition: all 0.2s ease;
	align-self: flex-start;
}

.job-link {
	text-decoration: none;
}

/* Partnership CTA Section */
.partnership-cta {
	background: white;
	padding: var(--section-padding-y) 0;
}

.partnership-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
}

.partnership-content {
	display: flex;
	align-items: center;
	gap: var(--spacing-16);
	border-radius: var(--border-radius-rounded-xl);
	overflow: hidden;
	background: #040C18;
	min-height: 492px;
}

.partnership-text {
	flex: 1;
	padding: var(--spacing-16);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
	max-width: 50%;
}

.partnership-title {
	font-size: var(--text-5xl-font-size);
	font-weight: var(--font-weight-bold);
	line-height: var(--text-5xl-line-height);
	color: white;
	margin: 0;
}

.partnership-subtitle {
	font-size: var(--text-lg-font-size);
	line-height: var(--text-lg-line-height);
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.partnership-action {
	display: flex;
	align-items: flex-start;
}

.btn-partnership {
	background: white;
	color: var(--base-foreground);
	border: none;
	padding: var(--spacing-3) var(--spacing-6);
	display: flex;
	align-items: center;
	gap: var(--spacing-2);
	font-weight: var(--font-weight-medium);
	font-size: var(--text-sm-font-size);
	transition: all 0.2s ease;
}

.btn-partnership:hover {
	background: var(--tailwind-colors-cyan-50);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.partnership-image {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 50%;
	height: 492px;
}

.partnership-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.cta-section-partnership {
	background-color: #ffffff;
}

.cta-partnership-content {
	display: flex;
	background: rgb(10 10 10 / 80%);
	border-radius: 14px;
	padding: 60px;
	gap: 90px;
	position: relative;
}

.cta-partnership-text, .cta-partnership-image {
	flex: 1;
}

.cta-partnership-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cta-partnership-title {
	font-size: 36px;
	line-height: 40px;
}

.cta-partnership-subtitle {
	font-size: 18px;
	color: #ECFEFF;
	margin-bottom: 24px;
}

.cta-partnership-image {
	height: 430px;
}

.cta-partnership-image img {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 10px 0 0 0;
	width: 100%;
	height: 100%;
	max-height: 430px;
	object-fit: cover;
}

/*Categories*/

.light {
	background-color: white;
	color: var(--base-foreground);
}

.catalog-categories {
	padding: var(--section-padding-y) 0;
}



@media (max-width: 1024px) {
	.stats-content {
		flex-direction: column;
		text-align: center;
	}

	.stats-image {
		order: 2;
	}

	.stats-text {
		order: 1;
	}

	.contact-content {
		flex-direction: column;
	}

	.contact-separator {
		width: 100%;
		height: 1px;
		align-self: stretch;
	}

	.locations-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--spacing-6);
	}
}

@media (max-width: 768px) {
	.nav-links {
		display: none;
	}

	.hero-title {
		font-size: 36px;
		line-height: 40px;
	}

	.hero-buttons {
		flex-direction: column;
		width: 100%;
	}

	.btn {
		width: 100%;
		justify-content: center;
	}

	.companies-grid {
		justify-content: center;
	}

	.company-logo {
		min-width: 140px;
	}

	.companies-header {
		flex-direction: column;
		gap: var(--spacing-6);
	}

	.categories-grid {
		flex-direction: column;
	}

	.category-card {
		min-width: auto;
	}

	.stats-grid {
		gap: var(--spacing-6);
	}

	.locations-grid {
		grid-template-columns: 1fr;
	}

	.contact-methods {
		gap: var(--spacing-4);
	}

	.location-tooltip {
		font-size: 10px;
		padding: 4px 8px;
	}

	.location-tooltip::after {
		width: 6px;
		height: 6px;
	}

	.team-grid {
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: var(--spacing-8) var(--spacing-4);
	}

	.partnership-content {
		flex-direction: column;
		min-height: auto;
	}

	.partnership-text {
		max-width: 100%;
		padding: var(--spacing-8);
		text-align: center;
	}

	.partnership-image {
		max-width: 100%;
		height: 300px;
	}

	.testimonials-content {
		flex-direction: column;
		gap: var(--spacing-8);
	}

	.testimonials-separator {
		width: 100%;
		height: 1px;
	}

	.careers-content {
		flex-direction: column;
		gap: var(--spacing-8);
	}

	.jobs-grid {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, 1fr);
		height: auto;
	}
}

@media (max-width: 480px) {
	.nav-buttons {
		gap: 4px;
	}

	.btn-sm {
		padding: 6px 8px;
		font-size: 11px;
	}

	.hero-title {
		font-size: 28px;
		line-height: 32px;
	}

	.banner-text {
		font-size: 11px;
	}

	.section-title {
		font-size: 28px;
		line-height: 32px;
	}

	.stats-title {
		font-size: 28px;
		line-height: 32px;
	}

	.stat-number {
		font-size: 24px;
	}

	.form-title {
		font-size: 24px;
		line-height: 28px;
	}

	.location-tooltip {
		display: none;
	}

	.cta-title {
		font-size: 32px;
		line-height: 36px;
	}

	.cta-subtitle {
		font-size: var(--text-base-font-size);
		line-height: var(--text-base-line-height);
	}

	.team-title {
		font-size: 28px;
		line-height: 32px;
	}

	.team-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-6);
	}

	.partnership-title {
		font-size: 32px;
		line-height: 36px;
	}

	.partnership-subtitle {
		font-size: var(--text-base-font-size);
		line-height: var(--text-base-line-height);
	}

	.partnership-text {
		padding: var(--spacing-6);
	}

	.partnership-image {
		height: 250px;
	}

	.testimonials-title {
		font-size: 28px;
		line-height: 32px;
	}

	.testimonial-quote {
		font-size: var(--text-base-font-size);
		line-height: var(--text-base-line-height);
	}

	.careers-title {
		font-size: 28px;
		line-height: 32px;
	}

	.careers-text {
		text-align: center;
	}

	.job-card {
		min-height: 180px;
	}
}

/*FAQ*/

.faq {
	background: white;
	padding: var(--section-padding-y) 0;
	border-top: 1px solid var(--base-border);
}

.container-min {
	margin-left: auto;
	margin-right: auto;
	max-width: 630px;
}

.faq__head h2 {
	text-align: center;
	color: #111827;
	font-size: 36px;
	font-weight: 700;
}

.faq__head p {
	margin-top: 20px;
	color: #737373;
	text-align: center;
	font-weight: 300;
}

.faq__list {
	margin-top: 40px;
}

.faq__question {
	color: #111827;
	font-size: 16px;
	background-color: transparent;
	border: none;
	padding: 16px 0;
	cursor: pointer;
	font-weight: 400;
	width: 100%;
	text-align: start;
	position: relative;
}

.faq__item {
	border-bottom: 1px solid #E5E5E5;
	position: relative;
}

.faq__answer {
	font-size: 14px;
	color: #737373;
	font-weight: 400;
	margin-bottom: 16px;
}

.faq__icon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.faq__icon svg {
	transition: transform 0.3s ease;
}

.faq__question[aria-expanded="true"] .faq__icon svg {
	transform: rotate(180deg);
}

.faq__cta {
	margin-top: 48px;
}

.faq__cta {
	text-align: center;
	margin-top: 48px;
	border-radius: 14px;
	background: linear-gradient(0deg, var(--base-muted, #F5F5F5), var(--base-muted, #F5F5F5)), linear-gradient(0deg, var(--alpha-60, rgba(255, 255, 255, 0.4)), var(--alpha-60, rgba(255, 255, 255, 0.4)));
	padding: 32px;
}

.faq__cta h3 {
	color: #111827;
	font-size: 24px;
	font-weight: 700;
}

.faq__cta p {
	margin-top: 8px;
	color: #737373;
}

.faq__button a {
	width: fit-content;
}

.faq__button {
	display: flex;
	justify-content: center;
	margin-top: 24px;
}

/*Footer*/

.footer {
	padding: 96px 0;
	background: linear-gradient(0deg, var(--base-muted, #F5F5F5), var(--base-muted, #F5F5F5)), linear-gradient(0deg, var(--alpha-40, rgba(255, 255, 255, 0.6)), var(--alpha-40, rgba(255, 255, 255, 0.6)));
}

.footer-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-navigation {
	display: flex;
	gap: 32px;
}

.footer-nav-link {
	text-decoration: none;
	color: #737373;
}

.footer-social {
	display: flex;
	gap: 32px;
}

.footer-social-link svg path {
	fill: #111827;
}

.footer-bottom {
	margin-top: 64px;
	padding-top: 64px;
	border-top: 1px solid #E5E5E5;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-copyright {
	color: #737373;
	font-size: 16px;
	font-weight: 400;
}

.footer-legal {
	display: flex;
	gap: 28px;
}

.footer-legal-link {
	text-decoration: none;
	color: #737373;
	font-weight: 400;
	font-size: 16px;
}

/*Cta Partner*/

.cta-partner {
	background: white;
}

.cta-partner__container {
	padding: 96px 0;
}

.cta-partner__card {
	background: #0A0A0ACC;
	border-radius: 14px;
	position: relative;
	display: flex;
	gap: 92px;
	min-height: 492px;
	background-image: url(/wp-content/uploads/2025/08/b847bcd8c4536d040c67da85c4f3150db8b6d8f4-scaled.webp);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.cta-partner__col {
	flex: 1;
	position: relative;
	z-index: 2;
}

.cta-partner__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cta-partner__col--content {
	padding: 62px 0 62px 62px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cta-partner__title {
	font-size: 36px;
	line-height: 1.2;
	font-weight: 700;
	color: #ECFEFF;
}

.cta-partner__text {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #ECFEFF;
}

.cta-partner__button {
	width: fit-content;
	margin-top: 24px;
}

.cta-partner__col--media {
	position: relative;
}

figure.cta-partner__media {
	position: absolute;
	bottom: 0;
	border-top-left-radius: 10px;
	overflow: hidden;
	height: 436px;
}

.cta-partner__card:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0A0A0ACC;
}


/*Category*/

.catalog-categories__tile, .catalog-categories__card {
	display: flex;
	border-radius: var(--border-radius-rounded-md);
	border: 1px solid var(--base-border);
	box-shadow: 0 var(--shadow-xs-offset-y) var(--shadow-xs-blur-radius) var(--shadow-xs-spread-radius) var(--shadow-xs-color);
	overflow: hidden;
	background: white;
	padding: var(--spacing-4);
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-2);
	color: var(--base-foreground);
	text-decoration: none;
}

.catalog-last .catalog-categories__tile {
	align-items: flex-start;
}

.catalog-categories__card.catalog-categories__card--medium {
	height: 100%;
}

.catalog-categories__card {
	flex-direction: column;
	position: relative;
}

.catalog-categories__tile-desc, .catalog-categories__card-desc {
	color: var(--base-muted-foreground);
	margin-top: 5px;
	font-size: 14px;
}

.catalog-categories__tile-title, .catalog-categories__card-title {
	font-size: var(--text-lg-font-size);
	font-weight: var(--font-weight-semibold);
	line-height: var(--text-lg-line-height);
}

.catalog-categories__card-media {
	width: 100%;
	height: 100%;
	margin-top: 20px;
	overflow: hidden;
	border-radius: 10px;
}

.catalog-categories__card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.catalog-image {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.catalog-center {
	display: flex;
	gap: 16px;
	flex-direction: column;
}

.catalog-last {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 16px;
}

.catalog-categories__card-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Product Page*/

.product-hero {
	padding-top: 100px;
}

.product-hero__body {
	border-radius: 14px;
	border: 1px solid var(--base-border);
	display: flex;
	gap: 60px;
	background: #FAFAFA;
	min-height: 408px;
}

.product-hero__media {
	width: 50%;
	position: relative;
}

.product-hero__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 0px 60px 60px;
	width: 50%;
}

.product-hero__title {
	color: var(--base-foreground);
	font-family: var(--heading-lg-font-family);
	font-size: var(--heading-lg-font-size);
	font-weight: var(--heading-lg-font-weight);
	line-height: var(--heading-lg-line-height);
}

.product-hero__description {
	color: var(--base-foreground);
	font-family: var(--font-font-sans);
	font-size: var(--text-base-font-size);
	font-weight: var(--font-weight-normal);
	line-height: var(--text-base-line-height);
	margin-top: 20px;
	color: var(--base-muted-foreground);
}

.product-hero__actions {
	margin-top: 32px;
	width: fit-content;
}

.product-hero__image {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: contain;
	bottom: 0px;
}

@media (max-width:1024px) {
	.product-hero {
		padding: 40px 0;
	}

	.product-hero__body {
		flex-direction: column;
		min-height: auto;
		gap: 20px;
	}

	.product-hero__content {
		padding: 20px;
		width: 100%;
	}

	.product-hero__media {
		width: 100%;
		line-height: 1;
	}

	.product-hero__image {
		position: relative;
		max-height: 200px;
		object-fit: cover;
	}


}

/*Product card Product Page*/

.product-models {
	padding-top: 64px;
	padding-bottom: 64px;
}

.product-models__list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
}

.product-models__item {
	list-style: none;
}

.product-models__link {
	border: 1px solid #E5E5E5;
	border-radius: 14px;
	padding: 24px;
	display: flex;
	align-items: center;
	text-decoration: none;
	font-size: 16px;
	color: #0A0A0A;
	font-weight: 600;
	height: 100%;
}

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

	.product-models {
		padding: 30px 0 40px;
	}
}

/*Cards*/

.posts-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

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

	.category-card {
		overflow: hidden;
	}
}

/*Services*/

.services-overview__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.services-overview__item {
	list-style: none;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.services-overview__item-title {
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}

.services-overview__item-desc {
	text-align: center;
	margin-top: 8px;
}

.services-overview__item-desc {
	text-align: center;
	margin-top: 8px;
	color: #737373;
}

.services-overview {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 96px 0;
}

@media (max-width:1024px) {
	.services-overview.light {
		padding: 40px 0;
	}

	.services-overview__list {
		grid-template-columns: repeat(1, 1fr);
	}
}

/*Partner*/

.suppliers-logos {
	padding: 96px 0;
}

.suppliers-logos__item {
	list-style: none;
}

.suppliers-logos__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.suppliers-logos__link {
	padding: 15px 24px;
	border: 1px solid #E5E5E5;
	border-radius: 14px;
}

.suppliers-logos__item a img {
	padding: 12px 24px;
	border: 1px solid #E5E5E5;
	border-radius: 14px;
	backdrop-filter: blur(16px);
}

.page-id-207 .suppliers-logos.light {
	border-top: 1px solid #E5E5E5;
}

@media (max-width: 1024px) {
	.suppliers-logos {
		padding: 40px 0;
	}

	.suppliers-logos__item {
		max-width: calc(50% - 10px);
	}


}

/*Hero About*/

.hero-intro {
	position: relative;
	min-height: 416px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero-intro:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: #040C18D6;
}

.hero-intro__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hero-intro__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-intro__overlay {
	z-index: 3;
	position: relative;
}

.hero-intro__title {
	text-align: center;
	font-size: 36px;
	font-weight: bold;
}

.hero-intro__content {
	max-width: 550px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hero-intro__subtitle {
	margin-top: 20px;
	text-align: center;
	opacity: .8;
	font-weight: 300;
	margin-bottom: 40px;
}

.hero-intro__content .btn {
	width: fit-content;
}

@media (max-width:1024px) {
	.hero-intro__overlay {
		padding: 0 10px;
	}

	.hero-intro__title {
		font-size: 26px;
	}
}

/*About*/

.company-reach {
	padding: 96px 0;
}

.company-reach__highlights {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-top: 60px;
}

.company-reach__highlight {
	list-style: none;
	padding: 24px;
	border: 1px solid #E5E5E5;
	border-radius: 14px;
	box-shadow: var(--shadowsm2offset-x) var(--shadowsm2offset-y) var(--shadowsm2blur-radius) var(--shadowsm2spread-radius) var(--shadowsm2color);
}

.company-reach__highlight-title {
	font-size: 16px;
	font-weight: 600;
	padding: 16px 0 8px;
}

.company-reach__highlight-text {
	color: #737373;
}

.company-reach .world-map-container {
	margin: 40px 0;
}

.company-reach__highlight-icon {
	line-height: 1;
}

@media (max-width:1024px) {
	.company-reach {
		padding: 40px 0;
	}
}

/*Timeline*/



.timeline {
	padding: 64px 0 96px;
	border-top: 1px solid #E5E5E5;
}

.timeline__inner{
	position:relative;
}

.timeline__inner::before{
	content:"";
	position:absolute;
	left:0; right:0; top:0;
	height:1px;
	background: #E5E5E5;
}

.timeline__list {
	display: grid;
	grid-template-columns: repeat(5, minmax(180px, 1fr));
	gap: 32px;
	margin: 0;
	list-style: none;
	padding-left: 30px;
}

.timeline__item{
	position:relative;
	padding:0 16px 0 0;
}

.timeline__item::before {
	content: "";
	position: absolute;
	left: -16px;
	top: 0;
	width: 1px;
	height: 60%;
	background: #E5E5E5;
}

.timeline__head{position:relative; padding-top:20px;}

.timeline__ring {
	position: absolute;
	top: 35px;
	left: -22px;
	width: 13px;
	height: 13px;
	border: 2px solid #000;
	border-radius: 50%;
	background: #fff;
}

.timeline__year {
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0.2px;
	margin-bottom: 20px;
}

.timeline__bullets{
	margin:0; padding:0; list-style:none;
}

.timeline__bullet {
	position: relative;
	font-size: 14px;
	color: #000000;
}

.timeline__bullet::before {
	content: "";
	position: absolute;
	left: -19px;
	top: 4px;
	width: 7px;
	height: 7px;
	background: #000;
	border-radius: 50%;
}

.title-timeline, .description-timeline {
	flex: 1;
}

.title-timeline {
	font-size: 36px;
	font-weight: bold;
}

.title-timeline span {
	color: #9333EA;
}

.description-timeline {
	font-size: 36px;
	color: #B4B4B4;
}

.description-timeline span {
	color: #000000;
}

.header-timeline {
	display: flex;
	gap: 20px;
	margin-bottom: 64px;
}

@media (max-width:1024px) {
	.header-timeline {
		flex-direction: column;
	}

	.description-timeline {
		font-size: 26px;
		font-weight: 300;
	}

	.timeline__list {
		grid-template-columns: repeat(1, minmax(180px, 1fr));
	}

	.timeline__inner::before {
		left: 14px;
		height: 100%;
		width: 1px;
	}

	.timeline {
		padding: 40px 0;
	}

	.header-timeline {
		margin-bottom: 40px;
	}


}

/*Expert*/

.experts-regional {
	padding: var(--section-padding-y) 0;
	border-top: 1px solid #E5E5E5;
}

.experts-regional__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
	margin-top: 24px;
}

.experts-regional__cta {
	display: flex;
	justify-content: center;
	margin-top: 24px;
}

.experts-regional__item {
	list-style: none;
	display: flex;
}

.experts-regional__card {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.experts-regional__media {
	display: flex;
	justify-content: center;
	overflow: hidden;
	border-radius: 14px;
}

.experts-regional__media img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: center top;
	border-radius: 14px;
}

.experts-regional__content {
	margin-top: 18px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.experts-regional__name {
	font-size: 18px;
	font-weight: 600;
}

.experts-regional__position {
	padding: 8px 0;
	font-size: 16px;
	color: #737373;
}

.experts-regional__bio {
	font-size: 14px;
	line-height: 24px;
}

.experts-regional__contacts {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid #E5E5E5;
}

.experts-regional__contact {
	list-style: none;
}

.experts-regional__link {
	color: #0A0A0A;
	line-height: 2;
	font-size: 14px;
	font-weight: 500;
}

@media (max-width: 1024px) {
	.experts-regional {
		padding: 40px 0;
	}

	.experts-regional__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

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

/*Contact*/

.contact {
	padding: 96px 0;
}

.contact-wrapper {
	margin: 0 auto;
	width: fit-content;
}

/*Offices*/

.company-offices {
	padding: 96px 0;
}

.company-offices {
	border-top: 1px solid #E5E5E5;
}

.company-offices__nav {
	display: flex;
	justify-content: center;
}

.company-offices__countries {
	display: flex;
	background-color: #F5F5F5;
	padding: 4px;
	border-radius: 10px;
}

.company-offices__country {
	list-style: none;
}

.company-offices__button {
	border: none;
	display: flex;
	align-items: center;
	color: #0A0A0A;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Geist';
	padding: 4px 8px;
	gap: 8px;
	background: transparent;
}

.company-offices__country.company-offices__country--active .company-offices__button {
	background-color: #ffffff;
	border-radius: 8px;
}

.company-offices__grid {
	display: flex;
	gap: 24px;
	margin-top: 32px;
}

.company-offices__details[aria-hidden="true"],
.company-offices__map[aria-hidden="true"] {
	display: none !important;
}

.company-offices__details {
	flex: .4;
	background-color: #0A0A0A;
	color: #FFFFFF;
	padding: 32px;
	border-radius: 14px;
}

.company-offices__location-title {
	font-size: 18px;
	font-weight: 500;
}

.company-offices__address {
	margin-top: 12px;
	font-style: normal;
	opacity: .7;
	font-weight: 300;
}

.company-offices__action {
	margin-top: 24px;
}

.company-offices__contacts {
	margin-top: 32px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 24px;
	grid-row-gap: 32px;
}

.company-offices__contact-item {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.company-offices__contact-label {
	font-weight: 500;
}

.company-offices__contact-link {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	gap: 8px;
}

.company-offices__icon {
	line-height: 1;
}

.company-offices__map {
	flex: .6;
	border-radius: 14px;
	overflow: hidden;
}

.company-offices__map iframe {
	width: 100%;
	height: 380px;
}


.catalog-center img {
	max-height: 180px;
}

@media (max-width: 1024px) {
	.company-offices {
		padding: 40px 0;
	}

	.company-offices__grid {
		flex-direction: column;
	}

	.company-offices__details, .company-offices__map {
		flex: auto;
	}

	.company-offices__details {
		padding: 20px;
	}

	.company-offices__contacts {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 20px;
	}

}

@media (min-width: 1024px) {
	.burger {
		display: none;
	}
	.mobmenu{display:none}
}

@media (max-width: 1024px) {

	section.contact {
		padding: 40px 0;
	}

	.navbar .container {
		padding: 0;
	}	

	.nav-buttons .btn-primary, .nav-buttons .btn-outline {
		display: none;
	}

	.companies-header {
		align-items: center;
	}

	.product-categories, .stats-section, .contact-section, .team-section, .cta-partner__container, .testimonials-section, .careers-section, .faq, .footer {
		padding: 40px 0;
	}

	.category-card {
		min-width: 100%;
		width: 100%;
		overflow: visible;
	}

	.world-map-container {
		padding: 0;
	}

	.world-map img {
		width: 100%;
	}

	.locations-grid {
		display: flex;
	}

	.cta-partner__card {
		flex-direction: column;
		gap: 20px;
	}

	figure.cta-partner__media {
		position: relative;
		border-top-left-radius: 0px;
		overflow: hidden;
		height: auto;
		line-height: 1;
	}

	.cta-partner__col--content {
		padding: 16px;
		text-align: center;
	}

	.cta-partner__title {
		font-size: 23px;
	}

	.cta-partner__bottom {
		margin-top: 16px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.testimonials-header {
		margin-bottom: 20px;
	}

	.testimonials-cta {
		margin-top: 50px;
	}

	.container-min {
		padding: 0 var(--container-padding-x);
	}

	.footer-main {
		flex-direction: column;
		gap: 16px;
		align-items: flex-start;
	}

	.footer-bottom {
		margin-top: 24px;
		padding-top: 24px;
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}

	.footer-legal {
		display: flex;
		gap: 12px;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.footer-navigation {
		display: flex;
		gap: 12px;
		flex-wrap: wrap;
	}





	:root{--mm-bg:#0b0b0b;--mm-fg:#fff;--mm-accent:#fff;--mm-muted:#9b9b9b;--mm-overlay:rgba(0,0,0,.5)}
	*{box-sizing:border-box}
	body.mm-lock{overflow:hidden}

	.burger {
		top: 16px;
		right: 16px;
		z-index: 1001;
		width: 42px;
		height: 42px;
		border: none;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		flex-direction: column;
		background-color: transparent;
	}	

	.burger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .2s ease,top .25s ease;position:relative}
	.burger span+span{margin-top:5px}
	.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
	.burger.active span:nth-child(2){opacity:0}
	.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
	.mobmenu{position:fixed;inset:0;z-index:1000;pointer-events:none}

	.mobmenu__overlay{position:absolute;inset:0;background:var(--mm-overlay);opacity:0;transition:opacity .25s ease}

	.mobmenu__inner{position:absolute;top:0;right:0;height:100%;width:100%;background:#040C18;color:var(--mm-fg);transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column}


	.mobmenu.open{pointer-events:auto}
	.mobmenu.open .mobmenu__inner{transform:translateX(0)}
	.mobmenu.open .mobmenu__overlay{opacity:1; z-index: -1;}
	.mobmenu__top{padding:60px;border-bottom:1px solid rgba(255,255,255,.08)}
	.mobmenu__logo img{height:28px;display:block}
	.mobmenu__nav{flex:1;overflow:auto;padding:8px 12px; align-items: center;}
	.mobmenu__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
	.mobmenu__item>a,.mobmenu__link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:var(--mm-fg);background:transparent;border:none;padding:14px 12px;border-radius:12px;font-size:16px;line-height:1.2;cursor:pointer}
	.mobmenu__item>a:hover,.mobmenu__link:hover{background:rgba(255,255,255,.06)}
	.mobmenu__item.has-sub .mobmenu__link:after{content:"";width:10px;height:6px;display:inline-block;flex:0 0 10px;background:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1.15039L5 5.15039L9 1.15039" stroke="%23ffffff" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1.15039L5 5.15039L9 1.15039" stroke="%23ffffff" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;transition:transform .25s ease}
	.mobmenu__item.open .mobmenu__link:after{transform:rotate(180deg)}
	.mobmenu__sub{list-style:none;margin:0;padding:0 0 8px 0;display:none}
	.mobmenu__sub li a{display:block;padding:10px 12px 10px 28px;color:var(--mm-muted);text-decoration:none;border-radius:10px;font-size:15px}
	.mobmenu__sub li a:hover{background:rgba(255,255,255,.06);color:var(--mm-accent)}
	.mobmenu__bottom{padding:14px 12px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px}
	.mobmenu__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:12px 14px;font-weight:600}
	.mobmenu__btn--primary{background:#fff;color:#000}
	.mobmenu__btn--secondary{border:1px solid rgba(255,255,255,.2);color:#fff}



	.header {
		z-index: 1002;
		position: relative;
	}

}

@media (max-width:1024px) {
	.catalog-categories {
		padding: 40 0;
	}

	.catalog-image {
		grid-template-columns: repeat(1, 1fr);
	}

	.catalog-last {
		grid-template-columns: repeat(1, 1fr);
	}

}

#products-dd .dd-trigger svg {
  transition: transform 0.2s ease;
}

#products-dd.open .dd-trigger svg {
  transform: rotate(180deg);
}

.header.header-white .burger span {
    background: #000;
}