﻿.rayvatek-template {
	font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;
	color: #122033;
	background: #ffffff;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero {
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .88) 0%, rgba(1, 16, 32, .76) 45%, rgba(5, 25, 45, .42) 100%),
		url("/images/rayvatek/composite-materials/electrolysis-hydrogrn.webp") center center / cover no-repeat !important;
}

.rayvatek-page-communication-navigation-control-taiwan #about-hero.metal-3d-hero,
.rayvatek-page-communication-navigation-control-taiwan .about-hero {
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .86) 0%, rgba(1, 16, 32, .66) 45%, rgba(5, 25, 45, .24) 100%),
		url("/images/rayvatek/communication-banner.webp") center center / cover no-repeat !important;
}

.rayvatek-page-laboratory-and-testing-taiwan #about-hero.metal-3d-hero,
.rayvatek-page-laboratory-and-testing-taiwan .about-hero {
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .86) 0%, rgba(1, 16, 32, .66) 45%, rgba(5, 25, 45, .24) 100%),
		url("/images/rayvatek/laboratory1.webp") center center / cover no-repeat !important;
}

.rayvatek-page-case-study-tw #about-hero.metal-3d-hero,
.rayvatek-page-case-study-tw .about-hero {
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .86) 0%, rgba(1, 16, 32, .66) 45%, rgba(5, 25, 45, .24) 100%),
		url("/images/rayvatek/case1.webp") center center / cover no-repeat !important;
}

.rayvatek-page-certifications-tw #about-hero.metal-3d-hero,
.rayvatek-page-certifications-tw .about-hero,
.rayvatek-page-certifications-en #about-hero.metal-3d-hero,
.rayvatek-page-certifications-en .about-hero,
.rayvatek-page-intercompany-agreement-tw #about-hero.metal-3d-hero,
.rayvatek-page-intercompany-agreement-tw .about-hero,
.rayvatek-page-tw_faq #about-hero.metal-3d-hero,
.rayvatek-page-tw_faq .about-hero,
.rayvatek-page-contact-us-tw #about-hero.metal-3d-hero,
.rayvatek-page-contact-us-tw .about-hero {
	background: #081420 !important;
}

body {
	margin: 0;
}

.rayvatek-footer-inner {
	width: min(1180px, calc(100% - 40px));
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
.rayvatek-main {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.rayvatek-site-footer {
	background: #101a26;
	color: rgba(255, 255, 255, 0.76);
	padding: 34px 0;
}

.rayvatek-footer-inner strong,
.rayvatek-footer-inner span {
	display: block;
}

.rayvatek-footer-inner strong {
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 4px;
}

.rayvatek-section {
	position: relative;
}

.rayvatek-section .sppb-row-container {
	width: min(1180px, calc(100% - 40px));
}

.rayvatek-hero {
	min-height: 840px;
	display: flex;
	align-items: center;
	color: #ffffff;
}

.rayvatek-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(7, 24, 45, 0.82), rgba(7, 24, 45, 0.42) 48%, rgba(7, 24, 45, 0.12));
	pointer-events: none;
}

.rayvatek-hero .sppb-row-container {
	position: relative;
	z-index: 1;
}

.rayvatek-hero-kicker {
	color: #89c8ff;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
}

.rayvatek-hero-title .sppb-addon-title {
	max-width: 760px;
	margin: 0 0 24px;
	font-size: 58px;
	line-height: 1.12;
	font-weight: 800;
	color: #ffffff;
}

.rayvatek-hero-text {
	max-width: 650px;
	color: rgba(255, 255, 255, 0.86);
	font-size: 18px;
	line-height: 1.8;
}

.rayvatek-button-primary .sppb-btn,
.rayvatek-button-secondary .sppb-btn,
.sppb-btn.rayvatek-button-primary,
.sppb-btn.rayvatek-button-secondary {
	border-radius: 999px;
	padding: 14px 24px;
	font-weight: 800;
}

.rayvatek-button-primary .sppb-btn,
.sppb-btn.rayvatek-button-primary {
	background: #0d75bd;
	border-color: #0d75bd;
	color: #ffffff;
	text-decoration: none;
}

.rayvatek-button-secondary .sppb-btn,
.sppb-btn.rayvatek-button-secondary {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.72);
	color: #ffffff;
	text-decoration: none;
}

.rayvatek-eyebrow {
	color: #0861a8;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}

.rayvatek-section-title .sppb-addon-title {
	margin: 8px 0 18px;
	color: #122033;
	font-size: 38px;
	line-height: 1.22;
	font-weight: 800;
}

.rayvatek-section-text {
	color: #5a697c;
	font-size: 16px;
	line-height: 1.85;
}

.rayvatek-card {
	height: 100%;
	padding: 30px;
	border: 1px solid rgba(18, 32, 51, 0.1);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 16px 42px rgba(18, 32, 51, 0.08);
}

.rayvatek-card .sppb-addon-title {
	font-size: 21px;
	line-height: 1.35;
	font-weight: 800;
	color: #122033;
}

.rayvatek-card .sppb-addon-content {
	color: #617084;
	line-height: 1.75;
}

.rayvatek-dark {
	background: #101a26;
	color: #ffffff;
}

.rayvatek-dark .rayvatek-section-title .sppb-addon-title,
.rayvatek-dark .rayvatek-card .sppb-addon-title {
	color: #ffffff;
}

.rayvatek-dark .rayvatek-section-text,
.rayvatek-dark .rayvatek-card .sppb-addon-content {
	color: rgba(255, 255, 255, 0.76);
}

.rayvatek-dark .rayvatek-card {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: none;
}

.rayvatek-image img,
.rayvatek-news-image img,
.rayvatek-cert-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.rayvatek-image .sppb-addon-single-image-container {
	aspect-ratio: 16 / 11;
}

.rayvatek-news-image .sppb-addon-single-image-container {
	aspect-ratio: 16 / 10;
}

.rayvatek-cert-image .sppb-addon-single-image-container {
	aspect-ratio: 4 / 3;
	background: #f4f7fb;
}

.rayvatek-stat .sppb-addon-title {
	color: #0861a8;
	font-size: 44px;
	font-weight: 800;
}

.rayvatek-stat .sppb-addon-content {
	color: #5a697c;
	font-weight: 700;
}

.rayvatek-map iframe {
	display: block;
	width: 100%;
	height: 420px;
	border: 0;
	border-radius: 8px;
}

.rtvk-who {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	min-height: 802px;
	background: #edf2f8;
	color: #0d1c2d;
	isolation: isolate;
}

.rtvk-who:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image:
		linear-gradient(rgba(112, 135, 162, .085) 1px, transparent 1px),
		linear-gradient(90deg, rgba(112, 135, 162, .085) 1px, transparent 1px);
	background-position: 0 0;
	background-size: 64px 64px;
	pointer-events: none;
}

.rtvk-who:after {
	content: "";
	position: absolute;
	right: -170px;
	top: 48px;
	z-index: 0;
	width: 680px;
	height: 680px;
	border-radius: 50%;
	border: 1px solid rgba(30, 119, 190, .08);
	background: rgba(58, 137, 202, .06);
	pointer-events: none;
}

.rtvk-who > .sppb-row-container:after {
	content: "";
	position: absolute;
	right: -360px;
	bottom: -210px;
	z-index: 0;
	width: 760px;
	height: 760px;
	border-radius: 50%;
	background: rgba(58, 137, 202, .05);
	pointer-events: none;
}

.sppb-section.rtvk-who > .sppb-row-container {
	position: relative;
	z-index: 1;
	width: min(1482px, calc(100% - 438px));
	max-width: 1482px;
	padding: 0;
}

.sppb-section.rtvk-who > .sppb-row-container > .sppb-row {
	display: grid;
	grid-template-columns: 44% 56%;
	align-items: center;
	margin: 0;
}

.sppb-section.rtvk-who > .sppb-row-container > .sppb-row > [class*="sppb-col"] {
	width: auto;
	max-width: none;
	padding: 0;
}

.sppb-section.rtvk-who #column-wrap-id-col-codex-who-copy,
.sppb-section.rtvk-who #column-wrap-id-col-codex-who-cards {
	width: 100% !important;
	max-width: none !important;
	flex: none !important;
	padding: 0;
}

.sppb-section.rtvk-who .rtvk-who-copy,
.sppb-section.rtvk-who .rtvk-who-cards {
	display: block;
	width: 100%;
	max-width: 100%;
}

.rtvk-who-copy {
	position: relative;
	padding-left: 36px;
}

.rtvk-who-copy:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 118px;
	background: #ff7130;
}

.rtvk-who-eyebrow .sppb-addon-content {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-bottom: 22px;
	color: #176eb3;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .18em;
}

.rtvk-who-eyebrow span {
	color: #ff7130;
}

.rtvk-who-heading .sppb-addon-title {
	max-width: 610px;
	margin: 0 0 34px;
	color: #03070d;
	font-size: 60px;
	line-height: 1.18;
	font-weight: 900;
	letter-spacing: 0;
}

.rtvk-who-heading .sppb-addon-title span {
	color: #116cb4;
}

.rtvk-who-text .sppb-addon-content {
	max-width: 595px;
	margin: 0 0 24px;
	color: #5c7189;
	font-size: 18px;
	line-height: 1.9;
	font-weight: 400;
}

.rtvk-who-text--second .sppb-addon-content {
	margin-bottom: 18px;
}

.rtvk-who__link,
.rtvk-who__link:visited {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	padding-bottom: 8px;
	color: #0d1c2d;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.55;
	text-decoration: none;
}

.rtvk-who__link:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #ff7130;
}

.rtvk-who-cards .sppb-column-addons {
	display: grid;
	grid-template-columns: repeat(2, 312px);
	gap: 22px;
	justify-content: start;
	padding: 55px 0 0 40px;
}

.rtvk-who-card-addon .sppb-addon-content {
	height: 100%;
}

.rtvk-who-card {
	position: relative;
	box-sizing: border-box;
	width: 312px;
	min-height: 227px;
	padding: 30px 28px 28px;
	border: 1px solid rgba(51, 86, 118, .1);
	border-radius: 18px;
	background: rgba(255, 255, 255, .88);
	box-shadow: 0 26px 58px rgba(45, 70, 95, .09);
}

.rtvk-who-card:before {
	content: "";
	position: absolute;
	inset: 15px;
	border: 1px solid rgba(42, 99, 151, .08);
	border-radius: 14px;
	pointer-events: none;
}

.rtvk-who-card:after {
	content: "";
	position: absolute;
	left: 28px;
	bottom: 0;
	width: 70px;
	height: 2px;
	background: #ff7130;
}

.rtvk-who-card__icon {
	width: 42px;
	height: 42px;
	margin: 0 0 20px 21px;
	color: #13588f;
}

.rtvk-who-card__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rtvk-who-card span {
	display: block;
	color: #247dd0;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: .12em;
}

.rtvk-who-card h3 {
	margin: 4px 0 10px;
	color: #0d1c2d;
	font-size: 20px;
	line-height: 1.05;
	font-weight: 800;
	letter-spacing: 0;
}

.rtvk-who-card p {
	margin: 0;
	color: #66788c;
	font-size: 18px;
	line-height: 1.72;
	font-weight: 400;
}

.rtvk-about-tech {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	min-height: 721px;
	padding: 118px 0 124px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(245, 248, 252, .88) 55%, rgba(255, 255, 255, .92) 100%),
		url("/media/templates/site/rayvatek2026/images/bg4.webp") center center / cover no-repeat;
	background-size: cover, cover;
	background-position: center center, center center;
	color: #0a1726;
}

.rtvk-about-tech > .sppb-row-container {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 640px));
	max-width: 1280px;
	padding: 0 40px;
}

.rtvk-about-tech .sppb-column-addons {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 22px;
	row-gap: 0;
	margin: 0;
}

.rtvk-about-tech > .sppb-row-container > .sppb-row {
	display: block;
	margin: 0;
}

.rtvk-about-tech > .sppb-row-container > .sppb-row > [class*="sppb-col"],
.rtvk-about-tech #column-wrap-id-col-codex-about-tech {
	width: 100% !important;
	max-width: none !important;
	flex: none !important;
	padding: 0;
}

.rtvk-about-tech .rtvk-about-tech-wrap {
	width: 100%;
	max-width: 100%;
}

.rtvk-about-kicker,
.rtvk-about-title,
.rtvk-about-sub {
	grid-column: 1 / -1;
	max-width: 920px;
}

.rtvk-about-tech #sppb-addon-wrapper-addon-codex-about-kicker,
.rtvk-about-tech #sppb-addon-wrapper-addon-codex-about-title,
.rtvk-about-tech #sppb-addon-wrapper-addon-codex-about-sub {
	grid-column: 1 / -1;
	max-width: 920px;
}

.rtvk-about-kicker .sppb-addon-content {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #0861a8;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	line-height: 1.65;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .16em;
}

.rtvk-about-kicker .sppb-addon-content span {
	color: #f2682a;
}

.rtvk-about-title .sppb-addon-title {
	display: block;
	width: 920px;
	max-width: 100%;
	margin: 18px 0 0;
	color: #0861a8;
	font-size: 49px;
	line-height: 1.05;
	font-weight: 700;
	letter-spacing: 0;
}

.rtvk-about-sub .sppb-addon-content {
	max-width: none;
	min-height: 60px;
	margin: 20px 0 0;
	color: #000000;
	font-size: 16px;
	line-height: 1.88;
	font-weight: 400;
}

.rtvk-tech-card-addon {
	margin-top: 58px;
}

.rtvk-tech-item {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 370px;
	padding: 32px 30px 30px;
	border: 1px solid rgba(60, 99, 132, .12);
	border-radius: 20px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	box-shadow: 0 18px 48px rgba(10, 23, 38, .075);
}

.rtvk-tech-item svg {
	display: block;
	width: 42px;
	height: 42px;
	margin: 20px auto 20px;
	color: #15527f;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rtvk-tech-item .tnum {
	display: inline-block;
	color: #f2682a;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	line-height: 1.65;
	font-weight: 400;
	letter-spacing: .16em;
}

.rtvk-tech-item h3 {
	margin: 0;
	color: #0a1726;
	font-size: 20px;
	line-height: 1.36;
	font-weight: 850;
	letter-spacing: 0;
}

.rtvk-tech-item p {
	margin: 12px 0 0;
	color: #607284;
	font-size: 18px;
	line-height: 1.78;
	font-weight: 400;
}

.rtvk-products {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding: 108px 0;
	background-color: #f3f7fb;
	background-image:
		linear-gradient(rgba(24, 68, 105, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(24, 68, 105, .045) 1px, transparent 1px);
	background-size: 64px 64px;
	color: #0d1b2b;
}

.rtvk-products > .sppb-row-container {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 640px));
	max-width: 1280px;
	padding: 0 40px;
}

.rtvk-products > .sppb-row-container > .sppb-row {
	display: block;
	margin: 0;
}

.rtvk-products > .sppb-row-container > .sppb-row > [class*="sppb-col"],
.rtvk-products #column-wrap-id-col-codex-products {
	width: 100% !important;
	max-width: none !important;
	flex: none !important;
	padding: 0;
}

.rtvk-products .sppb-column-addons {
	display: block;
}

.rtvk-products-kicker .sppb-addon-content {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #1a73c0;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	line-height: 1.65;
	font-weight: 600;
	letter-spacing: .16em;
}

.rtvk-products-kicker .sppb-addon-content span {
	color: #f2682a;
}

.rtvk-products-title .sppb-addon-title {
	display: block;
	width: 860px;
	max-width: 100%;
	margin: 18px 0 0;
	color: #0d1b2b;
	font-size: 49px;
	line-height: 1.05;
	font-weight: 700;
	letter-spacing: 0;
}

.rtvk-products-sub .sppb-addon-content {
	width: 780px;
	max-width: 100%;
	min-height: 59px;
	margin: 18px 0 0;
	color: #52647a;
	font-size: 17px;
	line-height: 1.75;
	font-weight: 400;
}

.rtvk-product-tabs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 48px;
}

.rtvk-product-tabs a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 10px 18px;
	border: 1px solid rgba(30, 72, 105, .12);
	border-radius: 999px;
	background: rgba(255, 255, 255, .72);
	box-shadow: 0 8px 22px rgba(10, 23, 38, .043);
	color: #244055;
	font-size: 18px;
	line-height: 1.65;
	font-weight: 700;
	text-decoration: none;
}

.rtvk-product-tabs a.active {
	border-color: #071523;
	background: #071523;
	color: #ffffff;
}

.rtvk-product-showcase {
	display: grid;
	grid-template-columns: 493px 1fr;
	gap: 26px;
	margin-top: 39px;
}

.rtvk-product-side-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.rtvk-product-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(29, 76, 116, .12);
	border-radius: 18px;
	background: rgba(255, 255, 255, .82);
	box-shadow: 0 20px 52px rgba(10, 23, 38, .075);
}

.rtvk-product-card.featured {
	display: flex;
	flex-direction: column;
	min-height: 936px;
}

.rtvk-product-media {
	position: relative;
	overflow: hidden;
	height: 185px;
}

.rtvk-product-card.featured .rtvk-product-media {
	height: 307px;
}

.rtvk-product-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rtvk-product-badge {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 7px 14px;
	border-radius: 999px;
	background: rgba(23, 39, 55, .78);
	color: #ffffff;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 800;
}

.rtvk-product-info {
	padding: 31px 31px 30px;
}

.rtvk-product-side-grid .rtvk-product-info {
	padding: 24px 24px 26px;
}

.rtvk-product-info h3 {
	margin: 0;
	color: #0a1726;
	font-size: 43.2px;
	line-height: 1.22;
	font-weight: 850;
	letter-spacing: 0;
}

.rtvk-product-side-grid .rtvk-product-info h3 {
	font-size: 32px;
	line-height: 1.22;
}

.rtvk-product-lead {
	margin: 14px 0 0;
	color: #0a1726;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 800;
}

.rtvk-product-info p:not(.rtvk-product-lead) {
	margin: 10px 0 0;
	color: #607284;
	font-size: 18px;
	line-height: 1.72;
	font-weight: 400;
}

.rtvk-product-side-grid .rtvk-product-info p {
	font-size: 18px;
	line-height: 1.72;
}

.rtvk-product-feature-title {
	margin-top: 24px;
	color: #f2682a;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 900;
}

.rtvk-product-features {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 24px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
	color: #607284;
	font-size: 18px;
	line-height: 1.5;
}

.rtvk-product-features li {
	position: relative;
	padding-left: 18px;
}

.rtvk-product-features li:before {
	content: "";
	position: absolute;
	left: 0;
	top: .68em;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #f2682a;
}

.rtvk-product-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}

.rtvk-product-tags span {
	display: inline-flex;
	align-items: center;
	min-height: 31.94px;
	padding: 6px 12px;
	border: 1px solid rgba(41, 110, 168, .16);
	border-radius: 999px;
	background: rgba(245, 250, 255, .75);
	color: #356c98;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	line-height: 1.65;
	letter-spacing: .06em;
}

.rtvk-product-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 22px;
	color: #0a1726;
	font-size: 18px;
	line-height: 1.65;
	font-weight: 850;
	text-decoration: none;
}

@media (max-width: 1399px) {
	.rtvk-products > .sppb-row-container {
		width: min(1280px, calc(100% - 120px));
	}
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content,
body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
	width: min(720px, 52vw) !important;
	max-width: 52vw !important;
	margin-left: max(48px, calc((100vw - 1200px) / 2 + 48px)) !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (max-width: 1280px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
		width: min(660px, 55vw) !important;
		max-width: 55vw !important;
		margin-left: 40px !important;
	}
}

@media (max-width: 1024px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
		width: min(620px, 62vw) !important;
		max-width: 62vw !important;
		margin-left: 32px !important;
	}
}

@media (max-width: 767px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type,
body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;
	align-items: center !important;
}

body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-bg,
body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-bg {
	inset: 0 !important;
	z-index: 0 !important;
	background-size: cover !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
}

body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-overlay,
body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-overlay {
	inset: 0 !important;
	height: 100% !important;
	z-index: 1 !important;
	background: linear-gradient(90deg,
		rgba(5, 22, 40, .98) 0%,
		rgba(5, 22, 40, .94) 34%,
		rgba(5, 22, 40, .72) 52%,
		rgba(5, 22, 40, .30) 68%,
		rgba(5, 22, 40, .06) 100%) !important;
}

body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-content,
body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
	position: relative !important;
	z-index: 2 !important;
	width: min(720px, 52vw) !important;
	max-width: 52vw !important;
	margin-left: max(48px, calc((100vw - 1200px) / 2 + 48px)) !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-title,
body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-title,
body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-title-sub,
body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-title-sub,
body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-desc,
body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-desc {
	max-width: 100% !important;
}

@media (max-width: 1280px) {
	body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-content,
	body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
		width: min(660px, 55vw) !important;
		max-width: 55vw !important;
		margin-left: 40px !important;
	}

	body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-title,
	body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-title {
		font-size: clamp(44px, 5vw, 64px) !important;
	}
}

@media (max-width: 1024px) {
	body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-content,
	body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
		width: min(620px, 62vw) !important;
		max-width: 62vw !important;
		margin-left: 32px !important;
	}

	body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-overlay,
	body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-overlay {
		background: linear-gradient(90deg,
			rgba(5, 22, 40, .99) 0%,
			rgba(5, 22, 40, .97) 44%,
			rgba(5, 22, 40, .78) 62%,
			rgba(5, 22, 40, .24) 86%,
			rgba(5, 22, 40, .08) 100%) !important;
	}
}

@media (max-width: 767px) {
	body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type,
	body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type {
		height: auto !important;
		min-height: 520px !important;
		padding: 118px 24px 64px !important;
	}

	body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-overlay,
	body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-overlay {
		background: linear-gradient(180deg,
			rgba(5, 22, 40, .98) 0%,
			rgba(5, 22, 40, .92) 56%,
			rgba(5, 22, 40, .48) 100%) !important;
	}

	body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-content,
	body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.rayvatek-page-drone1-tw .rayvatek-drone-page > .hero:first-of-type .hero-title,
	body.rayvatek-page-usv-tw .rayvatek-usv-html-addon .hero:first-of-type .hero-title {
		font-size: 40px !important;
		line-height: 1.08 !important;
	}
}

/* Drone hero safe text zone. */
body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type {
	position: relative !important;
	min-height: 580px !important;
	overflow: hidden !important;
	background: #071c30 !important;
	isolation: isolate !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: 72% center !important;
	background-repeat: no-repeat !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-overlay {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	height: 100% !important;
	background: linear-gradient(90deg,
		rgba(4, 24, 43, .98) 0%,
		rgba(4, 24, 43, .95) 30%,
		rgba(4, 24, 43, .78) 45%,
		rgba(4, 24, 43, .35) 58%,
		rgba(4, 24, 43, 0) 72%) !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
	position: relative !important;
	z-index: 2 !important;
	width: min(560px, 46vw) !important;
	max-width: 560px !important;
	margin: 0 0 0 max(48px, calc((100vw - 1200px) / 2 + 48px)) !important;
	padding: 80px 0 60px !important;
	box-sizing: border-box !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title {
	max-width: 100% !important;
	font-size: clamp(52px, 5vw, 78px) !important;
	line-height: 1.05 !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title-sub,
body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
	max-width: 540px !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
	font-size: clamp(17px, 1.3vw, 20px) !important;
	line-height: 1.7 !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
	max-width: 560px !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats .stat-item {
	flex: 1 1 120px !important;
	min-width: 120px !important;
	box-sizing: border-box !important;
}

@media (max-width: 1280px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
		background-position: 78% center !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
		width: min(520px, 52vw) !important;
		max-width: 520px !important;
		margin-left: 40px !important;
		padding-top: 56px !important;
		padding-bottom: 36px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title {
		font-size: clamp(46px, 4.5vw, 64px) !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title-sub,
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
		max-width: 500px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats .stat-item {
		min-width: 0 !important;
	}
}

@media (max-width: 1024px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
		background-position: 82% center !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
		width: min(560px, 62vw) !important;
		max-width: 62vw !important;
		margin-left: 32px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-overlay {
		background: linear-gradient(90deg,
			rgba(4, 24, 43, .99) 0%,
			rgba(4, 24, 43, .96) 46%,
			rgba(4, 24, 43, .72) 65%,
			rgba(4, 24, 43, .15) 88%) !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats .stat-item {
		min-width: 0 !important;
	}
}

@media (max-width: 767px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		background: #071c30 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-overlay {
		display: none !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
		order: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 118px 24px 32px !important;
		background: #071c30 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
		order: 2 !important;
		position: relative !important;
		display: block !important;
		inset: auto !important;
		width: 100% !important;
		aspect-ratio: 16 / 10 !important;
		min-height: 0 !important;
		height: auto !important;
		background-size: cover !important;
		background-position: 70% center !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title {
		font-size: 40px !important;
		line-height: 1.08 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title-sub,
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
		max-width: 100% !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		max-width: 100% !important;
	}
}

@media (max-width: 430px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
		grid-template-columns: 1fr !important;
	}
}

/* Drone hero final layout: full background with a strict safe text zone. */
body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type {
	position: relative !important;
	display: flex !important;
	align-items: flex-start !important;
	height: auto !important;
	min-height: 720px !important;
	padding: 130px 0 70px !important;
	overflow: hidden !important;
	background: #071c30 !important;
	isolation: isolate !important;
	box-sizing: border-box !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: 82% center !important;
	background-repeat: no-repeat !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-overlay {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	background: linear-gradient(90deg,
		rgba(4, 24, 43, 1) 0%,
		rgba(4, 24, 43, .98) 28%,
		rgba(4, 24, 43, .96) 48%,
		rgba(4, 24, 43, .82) 58%,
		rgba(4, 24, 43, .38) 70%,
		rgba(4, 24, 43, 0) 84%) !important;
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 62%, rgba(0, 0, 0, .36) 78%, transparent 100%) !important;
	mask-image: linear-gradient(180deg, #000 0%, #000 62%, rgba(0, 0, 0, .36) 78%, transparent 100%) !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
	position: relative !important;
	z-index: 2 !important;
	width: 42% !important;
	max-width: 600px !important;
	min-width: 0 !important;
	margin: 0 0 0 clamp(48px, 5vw, 96px) !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title {
	max-width: 100% !important;
	font-size: clamp(52px, 4.5vw, 70px) !important;
	line-height: 1.05 !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title-sub,
body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
	max-width: 100% !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
	font-size: clamp(17px, 1.25vw, 20px) !important;
	line-height: 1.7 !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
	position: relative !important;
	bottom: auto !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 36px !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats .stat-item {
	min-width: 0 !important;
	padding: 16px 18px !important;
	box-sizing: border-box !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type + .features-strip {
	margin-top: 0 !important;
	transform: none !important;
}

@media (max-width: 1280px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type {
		min-height: 720px !important;
		padding-top: 125px !important;
		padding-bottom: 64px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
		background-position: 88% center !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
		width: 46% !important;
		max-width: 540px !important;
		margin-left: 40px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title {
		font-size: clamp(46px, 4.2vw, 64px) !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
		font-size: 17px !important;
	}
}

@media (max-width: 1024px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		height: auto !important;
		min-height: auto !important;
		padding: 0 !important;
		background: #071c30 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-overlay {
		display: none !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
		order: 1 !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 130px 32px 35px !important;
		background: #071c30 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
		order: 2 !important;
		position: relative !important;
		display: block !important;
		inset: auto !important;
		width: 100% !important;
		height: 420px !important;
		min-height: 0 !important;
		background-size: cover !important;
		background-position: 75% center !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
		padding: 118px 24px 32px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title {
		font-size: 40px !important;
		line-height: 1.08 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
		height: auto !important;
		aspect-ratio: 16 / 10 !important;
	}
}

@media (max-width: 430px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
		grid-template-columns: 1fr !important;
	}
}

/* Drone hero breakpoint layout split. */
@media (min-width: 1440px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-overlay {
		display: block !important;
		background: linear-gradient(90deg,
			rgba(4, 24, 43, .96) 0%,
			rgba(4, 24, 43, .88) 28%,
			rgba(4, 24, 43, .56) 46%,
			rgba(4, 24, 43, .20) 64%,
			rgba(4, 24, 43, 0) 82%) !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
		width: 42% !important;
		max-width: 520px !important;
	}
}

@media (min-width: 1200px) and (max-width: 1439px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type {
		display: grid !important;
		grid-template-columns: 46% 54% !important;
		align-items: stretch !important;
		min-height: 650px !important;
		padding: 0 !important;
		background: #071c30 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-overlay {
		display: none !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
		grid-column: 1 !important;
		order: 1 !important;
		width: auto !important;
		max-width: none !important;
		min-height: 650px !important;
		margin: 0 !important;
		padding: 126px 48px 60px 60px !important;
		background: #071c30 !important;
		box-sizing: border-box !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
		grid-column: 2 !important;
		order: 2 !important;
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 650px !important;
		background-size: cover !important;
		background-position: 68% center !important;
		background-repeat: no-repeat !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title {
		font-size: clamp(48px, 4.2vw, 60px) !important;
		line-height: 1.05 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		margin-top: 30px !important;
	}
}

@media (max-width: 1199px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		height: auto !important;
		min-height: auto !important;
		padding: 0 !important;
		background: #071c30 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-overlay {
		display: none !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-content {
		display: contents !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title,
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title-sub,
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
		width: auto !important;
		max-width: none !important;
		margin-left: 40px !important;
		margin-right: 40px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title {
		order: 1 !important;
		margin-top: 132px !important;
		font-size: 46px !important;
		line-height: 1.05 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title-sub {
		order: 2 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
		order: 3 !important;
		margin-bottom: 36px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
		order: 4 !important;
		position: relative !important;
		display: block !important;
		inset: auto !important;
		width: 100% !important;
		height: 420px !important;
		min-height: 0 !important;
		background-size: cover !important;
		background-position: 70% center !important;
		background-repeat: no-repeat !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
		order: 5 !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		width: auto !important;
		max-width: none !important;
		margin: 30px 40px 54px !important;
	}
}

@media (max-width: 767px) {
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title,
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title-sub,
	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-desc {
		margin-left: 24px !important;
		margin-right: 24px !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-title {
		margin-top: 118px !important;
		font-size: 42px !important;
		line-height: 1.05 !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-bg {
		height: 280px !important;
		aspect-ratio: auto !important;
	}

	body.rayvatek-page-drone1-tw #sp-page-builder .rayvatek-drone-page > .hero:first-of-type .hero-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		margin: 28px 24px 44px !important;
	}
}

/* USV hero breakpoint layout split, matching the drone hero behavior. */
body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type {
	position: relative !important;
	overflow: hidden !important;
	background: #071c30 !important;
	isolation: isolate !important;
	box-sizing: border-box !important;
}

body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-stats {
	position: relative !important;
	bottom: auto !important;
}

body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type + .features-strip {
	margin-top: 0 !important;
	transform: none !important;
}

@media (min-width: 1440px) {
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type {
		display: flex !important;
		align-items: flex-start !important;
		height: auto !important;
		min-height: 720px !important;
		padding: 130px 0 70px !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-bg {
		position: absolute !important;
		inset: 0 !important;
		z-index: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background-size: cover !important;
		background-position: 88% center !important;
		background-repeat: no-repeat !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-overlay {
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		background: linear-gradient(90deg,
			rgba(4, 24, 43, .96) 0%,
			rgba(4, 24, 43, .88) 28%,
			rgba(4, 24, 43, .56) 46%,
			rgba(4, 24, 43, .20) 64%,
			rgba(4, 24, 43, 0) 82%) !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
		position: relative !important;
		z-index: 2 !important;
		width: 42% !important;
		max-width: 520px !important;
		min-width: 0 !important;
		margin: 0 0 0 clamp(48px, 5vw, 96px) !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title {
		max-width: 100% !important;
		font-size: clamp(52px, 4.5vw, 70px) !important;
		line-height: 1.05 !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title-sub,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-desc {
		max-width: 100% !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-stats {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 36px !important;
		border-left: 0 !important;
	}
}

@media (min-width: 1200px) and (max-width: 1439px) {
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type {
		display: grid !important;
		grid-template-columns: 46% 54% !important;
		align-items: stretch !important;
		height: auto !important;
		min-height: 650px !important;
		padding: 0 !important;
		background: #071c30 !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-overlay {
		display: none !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
		grid-column: 1 !important;
		order: 1 !important;
		width: auto !important;
		max-width: none !important;
		min-height: 650px !important;
		margin: 0 !important;
		padding: 126px 48px 60px 60px !important;
		background: #071c30 !important;
		box-sizing: border-box !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-bg {
		grid-column: 2 !important;
		order: 2 !important;
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 650px !important;
		background-size: cover !important;
		background-position: 88% center !important;
		background-repeat: no-repeat !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title {
		font-size: clamp(48px, 4.2vw, 60px) !important;
		line-height: 1.05 !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-stats {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		margin-top: 30px !important;
		border-left: 0 !important;
	}
}

@media (max-width: 1199px) {
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		height: auto !important;
		min-height: auto !important;
		padding: 0 !important;
		background: #071c30 !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-overlay {
		display: none !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-content {
		display: contents !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-eyebrow,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title-sub,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-desc {
		width: auto !important;
		max-width: none !important;
		margin-left: 40px !important;
		margin-right: 40px !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-eyebrow {
		order: 1 !important;
		margin-top: 132px !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title {
		order: 2 !important;
		font-size: 46px !important;
		line-height: 1.05 !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title-sub {
		order: 3 !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-desc {
		order: 4 !important;
		margin-bottom: 36px !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-bg {
		order: 5 !important;
		position: relative !important;
		display: block !important;
		inset: auto !important;
		width: 100% !important;
		height: 420px !important;
		min-height: 0 !important;
		background-size: cover !important;
		background-position: 88% center !important;
		background-repeat: no-repeat !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-stats {
		order: 6 !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		width: auto !important;
		max-width: none !important;
		margin: 30px 40px 54px !important;
		border-left: 0 !important;
	}
}

@media (max-width: 768px) {
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-eyebrow,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title-sub,
	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-desc {
		margin-left: 24px !important;
		margin-right: 24px !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-eyebrow {
		margin-top: 118px !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-title {
		font-size: 42px !important;
		line-height: 1.05 !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-bg {
		height: 280px !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-stats {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		gap: 12px !important;
		margin: 20px 24px 40px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		border-left: 0 !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-stats .stat-item {
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 16px 20px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 16px !important;
		border: none !important;
		background: rgba(255, 255, 255, 0.04) !important;
		border-radius: 8px !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-stats .stat-val {
		white-space: nowrap !important;
		word-break: keep-all !important;
		flex-shrink: 0 !important;
		margin: 0 !important;
	}

	body.rayvatek-page-usv-tw #sp-page-builder .rayvatek-usv-html-addon .hero:first-of-type .hero-stats .stat-label {
		writing-mode: horizontal-tb !important;
		white-space: normal !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		line-height: 1.5 !important;
		text-align: right !important;
		margin-top: 0 !important;
	}
}

body.rayvatek-page-drone1-en .hero .hero-title {
	font-size: 40px !important;
	line-height: 1.08 !important;
}

body.rayvatek-page-drone1-en .hero .hero-title-sub {
	font-size: 24px !important;
	line-height: 1.35 !important;
}

body.rayvatek-page-drone1-en .hero .hero-desc {
	font-size: 16px !important;
	line-height: 1.75 !important;
}

body.rayvatek-page-usv-en .hero .hero-title {
	font-size: 40px !important;
	line-height: 1.08 !important;
}

body.rayvatek-page-usv-en .hero .hero-title-sub {
	font-size: 24px !important;
	line-height: 1.35 !important;
}

body.rayvatek-page-usv-en .hero .hero-desc {
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* English UAV / USV hero breakpoint layout split. */
body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type {
	position: relative !important;
	overflow: hidden !important;
	background: #071c30 !important;
	isolation: isolate !important;
	box-sizing: border-box !important;
}

body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type + .features-strip {
	margin-top: 0 !important;
	transform: none !important;
}

body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-stats {
	position: relative !important;
	bottom: auto !important;
}

@media (min-width: 1440px) {
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type {
		display: flex !important;
		align-items: flex-start !important;
		height: auto !important;
		min-height: 720px !important;
		padding: 130px 0 70px !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-bg {
		position: absolute !important;
		inset: 0 !important;
		z-index: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background-size: cover !important;
		background-position: 88% center !important;
		background-repeat: no-repeat !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-overlay {
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		background: linear-gradient(90deg,
			rgba(4, 24, 43, .96) 0%,
			rgba(4, 24, 43, .88) 28%,
			rgba(4, 24, 43, .56) 46%,
			rgba(4, 24, 43, .20) 64%,
			rgba(4, 24, 43, 0) 82%) !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-content {
		position: relative !important;
		z-index: 2 !important;
		width: 42% !important;
		max-width: 520px !important;
		min-width: 0 !important;
		margin: 0 0 0 clamp(48px, 5vw, 96px) !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-stats {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 36px !important;
		border-left: 0 !important;
	}
}

@media (min-width: 1200px) and (max-width: 1439px) {
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type {
		display: grid !important;
		grid-template-columns: 46% 54% !important;
		align-items: stretch !important;
		height: auto !important;
		min-height: 650px !important;
		padding: 0 !important;
		background: #071c30 !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-overlay {
		display: none !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-content {
		grid-column: 1 !important;
		order: 1 !important;
		width: auto !important;
		max-width: none !important;
		min-height: 650px !important;
		margin: 0 !important;
		padding: 126px 48px 60px 60px !important;
		background: #071c30 !important;
		box-sizing: border-box !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-bg {
		grid-column: 2 !important;
		order: 2 !important;
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 650px !important;
		background-size: cover !important;
		background-position: 88% center !important;
		background-repeat: no-repeat !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-stats {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		margin-top: 30px !important;
		border-left: 0 !important;
	}
}

@media (max-width: 1199px) {
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		height: auto !important;
		min-height: auto !important;
		padding: 0 !important;
		background: #071c30 !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-overlay {
		display: none !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-content {
		display: contents !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-eyebrow,
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-title,
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-title-sub,
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-desc {
		width: auto !important;
		max-width: none !important;
		margin-left: 40px !important;
		margin-right: 40px !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-eyebrow {
		order: 1 !important;
		margin-top: 132px !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-title {
		order: 2 !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-title-sub {
		order: 3 !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-desc {
		order: 4 !important;
		margin-bottom: 36px !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-bg {
		order: 5 !important;
		position: relative !important;
		display: block !important;
		inset: auto !important;
		width: 100% !important;
		height: 420px !important;
		min-height: 0 !important;
		background-size: cover !important;
		background-position: 88% center !important;
		background-repeat: no-repeat !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-stats {
		order: 6 !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		width: auto !important;
		max-width: none !important;
		margin: 30px 40px 54px !important;
		border-left: 0 !important;
	}
}

@media (max-width: 768px) {
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-eyebrow,
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-title,
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-title-sub,
	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-desc {
		margin-left: 24px !important;
		margin-right: 24px !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-eyebrow {
		margin-top: 118px !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-bg {
		height: 280px !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-stats {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		gap: 12px !important;
		margin: 20px 24px 40px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		border-left: 0 !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-stats .stat-item {
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 16px 20px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 16px !important;
		border: none !important;
		background: rgba(255, 255, 255, 0.04) !important;
		border-radius: 8px !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-stats .stat-val {
		white-space: nowrap !important;
		word-break: keep-all !important;
		flex-shrink: 0 !important;
		margin: 0 !important;
	}

	body:is(.rayvatek-page-drone1-en, .rayvatek-page-usv-en) > .hero:first-of-type .hero-stats .stat-label {
		writing-mode: horizontal-tb !important;
		white-space: normal !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		line-height: 1.5 !important;
		text-align: right !important;
		margin-top: 0 !important;
	}
}

/* Product hero safe-zone layout 2026-08-04. */
body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero.about-hero {
	position: relative !important;
	min-height: 560px !important;
	overflow: hidden !important;
	background-position: center !important;
	background-size: cover !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero.about-hero::before {
	z-index: 1 !important;
	background: linear-gradient(90deg, rgba(5, 25, 45, .99) 0%, rgba(5, 25, 45, .97) 34%, rgba(5, 25, 45, .84) 50%, rgba(5, 25, 45, .58) 68%, rgba(5, 25, 45, .34) 100%) !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-row-container,
body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-row,
body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-column,
body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-column-addons {
	position: relative !important;
	z-index: 3 !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-column-addons {
	width: min(720px, 52%) !important;
	max-width: 52% !important;
	padding: 70px 30px 70px 0 !important;
	box-sizing: border-box !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero h1,
body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-addon-title {
	max-width: 100% !important;
	font-size: clamp(44px, 4.5vw, 68px) !important;
	line-height: 1.05 !important;
	overflow-wrap: break-word !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero p,
body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-addon-content,
body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .rayvatek-lead {
	max-width: 680px !important;
	font-size: clamp(17px, 1.4vw, 21px) !important;
	line-height: 1.7 !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components {
	display: block !important;
	position: absolute !important;
	inset: 0 0 auto auto !important;
	z-index: 2 !important;
	width: 50% !important;
	height: 100% !important;
	transform: none !important;
	pointer-events: none !important;
	overflow: visible !important;
}

body:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) #about-hero > .consumer-hero-image-stage {
	display: block !important;
	position: absolute !important;
	inset: 0 0 auto auto !important;
	z-index: 2 !important;
	width: 50% !important;
	height: 100% !important;
	transform: none !important;
	pointer-events: none !important;
	overflow: visible !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components .innovative-component {
	position: absolute !important;
	width: clamp(96px, 9vw, 130px) !important;
	max-width: 130px !important;
	height: auto !important;
	left: auto !important;
	right: 40% !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components .innovative-component-1 {
	top: max(155px, 18%) !important;
	right: 45% !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components .innovative-component-2 {
	top: 30% !important;
	right: 30% !important;
}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components .innovative-component-3 {
	top: 58% !important;
	right: 52% !important;
}

body:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) #about-hero > .consumer-hero-image-stage .consumer-hero-image {
	position: absolute !important;
	top: max(96px, 22%) !important;
	right: 42% !important;
	width: min(260px, 72%) !important;
	height: auto !important;
	max-height: none !important;
	min-height: 0 !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	transform: none !important;
}

@media (min-width: 1281px) {
	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components .innovative-component {
		width: clamp(120px, 10.8vw, 170px) !important;
		max-width: 170px !important;
	}

	body:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) #about-hero > .consumer-hero-image-stage .consumer-hero-image {
		width: min(320px, 76%) !important;
	}
}

@media (max-width: 1280px) {
	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-column-addons {
		width: 55% !important;
		max-width: 55% !important;
		padding-right: 20px !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components,
	body:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) #about-hero > .consumer-hero-image-stage {
		width: 44% !important;
		right: 0 !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components .innovative-component {
		width: min(105px, 8.6vw) !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero h1,
	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-addon-title {
		font-size: clamp(40px, 4.2vw, 58px) !important;
	}
}

@media (max-width: 1024px) {
	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-column-addons {
		width: 62% !important;
		max-width: 62% !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components,
	body:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) #about-hero > .consumer-hero-image-stage {
		width: 36% !important;
		right: 0 !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components .innovative-component {
		width: 85px !important;
	}

	body:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) #about-hero > .consumer-hero-image-stage .consumer-hero-image {
		right: 34% !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero > .innovative-hero-components .innovative-component-3 {
		display: none !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero.about-hero::before {
		background: linear-gradient(90deg, rgba(5, 25, 45, .99) 0%, rgba(5, 25, 45, .98) 45%, rgba(5, 25, 45, .88) 62%, rgba(5, 25, 45, .58) 82%, rgba(5, 25, 45, .36) 100%) !important;
	}
}

@media (max-width: 767px) {
	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero.about-hero {
		min-height: auto !important;
		padding-bottom: 24px !important;
		overflow: hidden !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-column-addons {
		width: 100% !important;
		max-width: 100% !important;
		padding: 48px 24px 30px !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero h1,
	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-addon-title {
		font-size: 40px !important;
		line-height: 1.12 !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero p,
	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-addon-content,
	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .rayvatek-lead {
		font-size: 17px !important;
		line-height: 1.7 !important;
		max-width: 100% !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-column-addons > .innovative-hero-components {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 16px !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 120px !important;
		margin: 28px 0 0 !important;
		padding: 0 !important;
		inset: auto !important;
		transform: none !important;
		overflow: visible !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-en) #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component {
		position: static !important;
		display: block !important;
		width: 90px !important;
		max-width: 90px !important;
		height: 90px !important;
		object-fit: cover !important;
		transform: none !important;
	}

	body:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) #about-hero .sppb-column-addons > .consumer-hero-image-stage {
		position: relative !important;
		display: block !important;
		width: min(342px, calc(100vw - 48px)) !important;
		height: min(342px, calc(100vw - 48px)) !important;
		max-width: 342px !important;
		max-height: 342px !important;
		margin: 28px 0 0 !important;
		inset: auto !important;
		transform: none !important;
		overflow: visible !important;
	}

	body:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) #about-hero .sppb-column-addons > .consumer-hero-image-stage .consumer-hero-image {
		position: relative !important;
		display: block !important;
		inset: auto !important;
		width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		min-height: 100% !important;
		object-fit: cover !important;
		transform: none !important;
	}
}

/* English QA final mobile overrides 2026-08-03 */
@media (max-width: 575px) {
	html.rayvatek-lang-en .rayvatek-mobile-menu {
		left: 0 !important;
		right: auto !important;
		width: 100vw !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		transform: translateX(100%) !important;
	}

	html.rayvatek-lang-en .rayvatek-mobile-menu.is-open,
	html.rayvatek-lang-en .rayvatek-mobile-menu.open,
	html.rayvatek-lang-en .rayvatek-mobile-menu.active,
	html.rayvatek-lang-en body.rayvatek-mobile-menu-open .rayvatek-mobile-menu {
		transform: translateX(0) !important;
	}

	.rayvatek-page-usv-en .section-title,
	.rayvatek-page-usv-en h2,
	.rayvatek-page-drone1-en .section-title,
	.rayvatek-page-drone1-en h2 {
		max-width: 100% !important;
		overflow-wrap: anywhere !important;
		word-break: normal !important;
	}

	html.rayvatek-lang-en .about-hero p,
	html.rayvatek-lang-en .about-hero .rayvatek-lead,
	html.rayvatek-lang-en .about-hero .sppb-addon-content {
		max-width: calc(100vw - 64px) !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
		hyphens: auto;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-hero .innovative-hero-components,
	.rayvatek-page-metal-microstructure-en .about-hero .innovative-hero-components,
	.rayvatek-page-lightweight-structure-en .about-hero .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero .innovative-hero-components,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero .consumer-hero-image-stage {
		display: none !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-hero,
	.rayvatek-page-metal-microstructure-en .about-hero,
	.rayvatek-page-lightweight-structure-en .about-hero,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero {
		min-height: 560px !important;
		padding-bottom: 28px !important;
	}
}

@media (max-width: 991px) {
	.rtvk-products {
		padding-top: 86px !important;
		padding-bottom: 86px !important;
	}

	.rtvk-products > .sppb-row-container {
		width: min(760px, calc(100% - 36px));
		max-width: 760px;
		padding: 0;
	}

	.rtvk-products-title .sppb-addon-title {
		font-size: 42px;
	}

	.rtvk-product-showcase {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.rtvk-product-card.featured {
		min-height: 0;
	}

	.rtvk-product-side-grid {
		grid-template-columns: 1fr 1fr;
		gap: 22px;
	}
}

@media (max-width: 575px) {
	.rtvk-products {
		padding-top: 72px !important;
		padding-bottom: 72px !important;
	}

	.rtvk-products > .sppb-row-container {
		width: calc(100% - 36px);
		max-width: calc(100% - 36px);
	}

	.rtvk-products .sppb-addon-wrapper,
	.rtvk-products .sppb-addon,
	.rtvk-products .sppb-addon-content {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.rtvk-products-title .sppb-addon-title {
		width: 100%;
		font-size: 36px;
	}

	.rtvk-product-tabs {
		gap: 8px;
		margin-top: 36px;
	}

	.rtvk-product-tabs a {
		min-height: 42px;
		padding: 8px 14px;
		font-size: 14px;
	}

	.rtvk-product-showcase,
	.rtvk-product-side-grid {
		grid-template-columns: 1fr;
		width: 100%;
	}

	.rtvk-product-card,
	.rtvk-product-card.featured {
		width: 100%;
		min-height: 0;
	}

	.rtvk-product-card.featured .rtvk-product-media,
	.rtvk-product-media {
		height: 210px;
	}

	.rtvk-product-info,
	.rtvk-product-side-grid .rtvk-product-info {
		padding: 24px 22px 26px;
	}

	.rtvk-product-info h3,
	.rtvk-product-side-grid .rtvk-product-info h3 {
		font-size: 28px;
	}

	.rtvk-product-features {
		grid-template-columns: 1fr;
	}
}

.rtvk-hidden-section {
	display: none !important;
}

.rtvk-stats-dashboard {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding: 118px 0 124px;
	background-image: linear-gradient(120deg, #071421 0%, #0b2d55 48%, #176fbe 100%);
	color: #0d1b2b;
}

.rtvk-stats-dashboard::before,
.rtvk-stats-dashboard::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.rtvk-stats-dashboard::before {
	z-index: 0;
	background: url("/media/templates/site/rayvatek2026/images/bg1.webp") center right 16% / 760px auto no-repeat;
	opacity: .16;
}

.rayvatek-page-metal-3d-printing-tw #company-stats.rtvk-stats-dashboard::before,
.rayvatek-page-metal-3d-printing-en #company-stats.rtvk-stats-dashboard::before {
	background-image: url("/images/rayvatek/metal-3d-products/3D-metal-Printing-cover-2.png");
	background-position: center right 10%;
	background-size: 780px auto;
	opacity: .18;
}

.rtvk-stats-dashboard::after {
	z-index: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(120deg, rgba(255, 255, 255, .035), transparent 38%, rgba(255, 255, 255, .05));
	background-size: 158px 158px, 158px 158px, 100% 100%;
	opacity: .82;
}

.rtvk-stats-dashboard > .sppb-row-container {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 640px));
	max-width: 1280px;
	padding: 0 40px;
}

.rtvk-stats-dashboard > .sppb-row-container > .sppb-row {
	display: block;
	margin: 0;
}

.rtvk-stats-dashboard > .sppb-row-container > .sppb-row > [class*="sppb-col"],
.rtvk-stats-dashboard #column-wrap-id-col-codex-stats-dashboard {
	width: 100% !important;
	max-width: none !important;
	flex: none !important;
	padding: 0;
}

.rtvk-stats-dashboard .sppb-column-addons {
	display: block;
}

.rtvk-stats-kicker {
	margin-top: 24px;
}

.rtvk-stats-kicker .sppb-addon-content {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #2f8fe6;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	line-height: 19.008px;
	font-weight: 600;
	letter-spacing: .16em;
}

.rtvk-stats-kicker .sppb-addon-content span {
	color: #f2682a;
}

.rtvk-stats-title .sppb-addon-title {
	display: block;
	width: 760px;
	max-width: 100%;
	margin: 16px 0 0;
	color: #ffffff;
	font-size: 48.8px;
	line-height: 51.24px;
	font-weight: 700;
	letter-spacing: 0;
}

.rtvk-stats-sub .sppb-addon-content {
	width: auto;
	max-width: none;
	margin: 16px 0 0;
	color: rgba(224, 240, 252, .76);
	font-size: 16px;
	line-height: 26.4px;
	font-weight: 400;
}

.rtvk-stat-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	margin-top: 42px;
}

.rtvk-stat {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	min-height: 195.59px;
	padding: 28px 28px 26px;
	border: 1px solid rgba(142, 209, 255, .2);
	border-radius: 18px;
	background: rgba(7, 24, 41, .54);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.rtvk-stat-index {
	position: absolute;
	top: 28px;
	right: 28px;
	color: rgba(142, 209, 255, .5);
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 13px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .08em;
}

.rtvk-stat-meta {
	margin: 0 0 18px;
	color: rgba(142, 209, 255, .78);
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	line-height: 19.008px;
	font-weight: 400;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.rtvk-stat-value {
	display: flex;
	align-items: flex-end;
	gap: 9.632px;
	color: #ffffff;
	font-size: 68.8px;
	line-height: 63.296px;
	font-weight: 800;
	letter-spacing: 0;
	white-space: nowrap;
}

.rtvk-stat-unit {
	display: block;
	padding-bottom: 3.082px;
	color: #f2682a;
	font-size: 19.264px;
	line-height: 17.723px;
	font-weight: 800;
	letter-spacing: .04em;
}

.rtvk-stat-label {
	position: relative;
	width: 320px;
	max-width: 100%;
	margin-top: 16px;
	padding-bottom: 0;
	color: rgba(225, 239, 250, .78);
	font-size: 18px;
	line-height: 23.312px;
	font-weight: 400;
}

.rtvk-one-stop-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
	margin-top: 42px;
}

.rtvk-one-stop-card {
	min-width: 0;
	min-height: 176px;
	padding: 28px 22px 24px;
	border: 1px solid rgba(142, 209, 255, .2);
	border-radius: 18px;
	background: rgba(7, 24, 41, .54);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.rtvk-one-stop-icon {
	width: 24px;
	height: 24px;
	margin-bottom: 24px;
	color: rgba(142, 209, 255, .86);
}

.rtvk-one-stop-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rtvk-one-stop-card h3 {
	margin: 0 0 8px;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 800;
	letter-spacing: 0;
}

.rtvk-one-stop-card p {
	margin: 0 0 18px;
	color: rgba(225, 239, 250, .78);
	font-size: 14px;
	line-height: 1.65;
	font-weight: 400;
}

.rtvk-one-stop-card a {
	color: rgba(142, 209, 255, .92);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.rtvk-one-stop-card a:hover,
.rtvk-one-stop-card a:focus {
	color: #ffffff;
	text-decoration: none;
}

.metal-benefits-section {
	position: relative;
	overflow: hidden;
	padding: 104px 0 112px;
	background:
		linear-gradient(120deg, rgba(5, 16, 29, .98) 0%, rgba(8, 29, 51, .96) 55%, rgba(7, 20, 33, .98) 100%),
		radial-gradient(circle at 20% 16%, rgba(47, 143, 230, .16), transparent 34%);
	color: #ffffff;
}

.metal-benefits-section > .sppb-row-container {
	width: min(1280px, calc(100% - 112px));
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

.metal-benefits-head {
	margin-bottom: 52px;
}

.metal-benefits-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	color: #2f8fe6;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: .16em;
}

.metal-benefits-kicker span {
	color: #f2682a;
}

.metal-benefits-kicker b {
	color: rgba(142, 209, 255, .68);
	font-weight: 800;
}

.metal-benefits-head h2 {
	margin: 0;
	color: #ffffff;
	font-size: 48px;
	font-weight: 950;
	line-height: 1.12;
	letter-spacing: 0;
}

.metal-benefits-copy {
	max-width: 930px;
	margin-top: 24px;
}

.metal-benefits-copy h3 {
	margin: 0 0 12px;
	color: #ffffff;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.metal-benefits-copy p {
	margin: 0;
	color: rgba(225, 239, 250, .78);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0;
}

.metal-benefits-copy p + p {
	margin-top: 14px;
}

.metal-benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.metal-benefit-card {
	min-width: 0;
	min-height: 216px;
	padding: 34px 34px 30px;
	border: 0;
	border-radius: 18px;
	background: rgba(9, 31, 54, .82);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.metal-benefit-value {
	display: flex;
	align-items: flex-end;
	gap: 5px;
	color: #ffffff;
	font-size: 50px;
	font-weight: 950;
	line-height: .92;
	letter-spacing: 0;
}

.metal-benefit-value span {
	color: #f2682a;
	font-size: .72em;
	line-height: .9;
}

.metal-benefit-card h3 {
	margin: 18px 0 9px;
	color: #2f8fe6;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: 0;
}

.metal-benefit-card p {
	margin: 0;
	color: rgba(225, 239, 250, .78);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.7;
}

.metal-benefit-card h4 {
	margin: 14px 0 0;
	color: #ffffff;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: 0;
}

.metal-comparison-bars {
	display: grid;
	gap: 12px;
	margin-top: 20px;
}

.metal-comparison-row {
	display: grid;
	gap: 7px;
}

.metal-comparison-label {
	color: rgba(225, 239, 250, .72);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0;
}

.metal-comparison-track {
	overflow: hidden;
	height: 7px;
	border-radius: 999px;
	background: rgba(142, 209, 255, .12);
}

.metal-comparison-track span {
	display: block;
	min-width: 7px;
	height: 100%;
	border-radius: inherit;
}

.metal-comparison-track .is-rayvatek {
	background: linear-gradient(90deg, #f2682a, #ff8a4a);
}

.metal-comparison-track .is-traditional {
	background: linear-gradient(90deg, #2f8fe6, #8ed1ff);
}

.metal-benefit-bar {
	overflow: hidden;
	height: 5px;
	margin-top: 20px;
	border-radius: 999px;
	background: rgba(142, 209, 255, .18);
}

.metal-benefit-bar span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #f2682a, #ff8a4a);
}

.metal-benefit-note {
	margin-top: 11px;
	color: rgba(142, 209, 255, .5);
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: .06em;
}

.rtvk-stat-label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	width: 80px;
	height: 1px;
	background: #f2682a;
}

.rtvk-certification-panel {
	box-sizing: border-box;
	margin-top: 34px;
	padding: 28px;
	border: 1px solid rgba(142, 209, 255, .18);
	border-radius: 18px;
	background: rgba(7, 24, 41, .78);
	box-shadow: 0 22px 60px rgba(0, 0, 0, .16);
}

.rtvk-certification-copy {
	display: flex;
	align-items: flex-end;
	gap: 24px;
	margin-bottom: 22px;
}

.rtvk-certification-kicker {
	flex: 0 0 156px;
	color: rgba(142, 209, 255, .82);
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	line-height: 19.008px;
	font-weight: 400;
	letter-spacing: .16em;
}

.rtvk-certification-copy h3 {
	flex: 1 1 auto;
	margin: 8px 0 0;
	color: #ffffff;
	font-size: 26.88px;
	line-height: 36.288px;
	font-weight: 850;
	letter-spacing: 0;
}

.rtvk-certification-copy p {
	flex: 0 0 auto;
	margin: 0;
	color: #ff8b55;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 18px;
	line-height: 26.4px;
	font-weight: 800;
	letter-spacing: .08em;
	white-space: nowrap;
}

.rtvk-certification-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.rtvk-certification-grid figure {
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 12px;
	background: #ffffff;
}

.rtvk-certification-grid img {
	display: block;
	width: 100%;
	height: 203.13px;
	padding: 8px;
	background: #ffffff;
	object-fit: contain;
}

.rayvatek-page-certifications-tw #company-stats .rtvk-certification-panel,
.rayvatek-page-intercompany-agreement-tw #company-stats .rtvk-certification-panel {
	margin-top: 28px;
}

.rayvatek-page-certifications-tw #company-stats .rtvk-certification-copy,
.rayvatek-page-intercompany-agreement-tw #company-stats .rtvk-certification-copy {
	display: block;
	margin-bottom: 28px;
}

.rayvatek-page-certifications-tw #company-stats .rtvk-certification-copy h3,
.rayvatek-page-intercompany-agreement-tw #company-stats .rtvk-certification-copy h3 {
	margin: 0;
	max-width: 780px;
	font-size: 32px;
	line-height: 1.35;
}

.rayvatek-page-certifications-tw #company-stats .rtvk-certification-grid,
.rayvatek-page-intercompany-agreement-tw #company-stats .rtvk-certification-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.rayvatek-page-certifications-tw #company-stats .rtvk-certification-grid figure,
.rayvatek-page-intercompany-agreement-tw #company-stats .rtvk-certification-grid figure {
	cursor: zoom-in;
	transition: transform .22s ease, box-shadow .22s ease;
}

.rayvatek-page-certifications-tw #company-stats .rtvk-certification-grid figure:hover,
.rayvatek-page-intercompany-agreement-tw #company-stats .rtvk-certification-grid figure:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 38px rgba(0, 0, 0, .24);
}

.rayvatek-page-certifications-tw #company-stats .rtvk-certification-grid img,
.rayvatek-page-intercompany-agreement-tw #company-stats .rtvk-certification-grid img {
	height: 360px;
}

.rayvatek-cert-lightbox {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 42px;
	background: rgba(0, 8, 20, .84);
	backdrop-filter: blur(8px);
}

.rayvatek-cert-lightbox.is-open {
	display: flex;
}

.rayvatek-cert-lightbox img {
	display: block;
	max-width: min(1120px, 94vw);
	max-height: 88vh;
	width: auto;
	height: auto;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 28px 80px rgba(0, 0, 0, .45);
}

.rayvatek-cert-lightbox-close {
	position: absolute;
	top: 22px;
	right: 24px;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, .34);
	border-radius: 50%;
	background: rgba(7, 24, 41, .72);
	color: #ffffff;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}

.rayvatek-cert-lightbox-open {
	overflow: hidden;
}

@media (max-width: 1399px) {
	.rtvk-stats-dashboard > .sppb-row-container {
		width: min(1280px, calc(100% - 120px));
	}
}

@media (max-width: 991px) {
	.rtvk-stats-dashboard {
		padding-top: 86px !important;
		padding-bottom: 92px !important;
	}

	.rtvk-stats-dashboard > .sppb-row-container {
		width: min(760px, calc(100% - 36px));
		max-width: 760px;
		padding: 0;
	}

	.rtvk-stats-title .sppb-addon-title {
		width: 100%;
		font-size: 42px;
		line-height: 1.12;
	}

	.rtvk-stat-grid {
		grid-template-columns: 1fr;
		margin-top: 36px;
	}

	.rtvk-one-stop-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 36px;
	}

	.metal-benefits-section {
		padding-top: 86px;
		padding-bottom: 92px;
	}

	.metal-benefits-section > .sppb-row-container {
		width: min(760px, calc(100% - 36px));
	}

	.metal-benefits-head h2 {
		font-size: 42px;
	}

	.metal-benefits-grid {
		grid-template-columns: 1fr;
	}

	.rtvk-certification-copy {
		display: block;
	}

	.rtvk-certification-copy h3 {
		margin-top: 12px;
		font-size: 24px;
		line-height: 1.35;
	}

	.rtvk-certification-copy p {
		margin-top: 12px;
		white-space: normal;
	}

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

@media (max-width: 575px) {
	.rtvk-stats-dashboard {
		padding-top: 72px !important;
		padding-bottom: 78px !important;
	}

	.rtvk-stats-dashboard > .sppb-row-container {
		width: calc(100% - 36px);
		max-width: calc(100% - 36px);
	}

	.rtvk-stats-kicker {
		margin-top: 0;
	}

	.rtvk-stats-title .sppb-addon-title {
		font-size: 35px;
		line-height: 1.16;
	}

	.rtvk-stats-sub .sppb-addon-content {
		width: 100%;
	}

	.rtvk-stat {
		min-height: 0;
		padding: 24px 22px;
	}

	.rtvk-stat-grid {
		grid-template-columns: minmax(0, 1fr);
		width: min(350px, calc(100vw - 40px));
		margin-right: auto;
		margin-left: auto;
	}

	.rtvk-stat-grid-addon,
	.rtvk-stat-grid-addon .sppb-addon-content,
	.rtvk-certification-panel-addon,
	.rtvk-certification-panel-addon .sppb-addon-content {
		width: min(350px, calc(100vw - 40px)) !important;
		max-width: min(350px, calc(100vw - 40px)) !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.rtvk-stat,
	.rtvk-certification-panel {
		width: min(350px, calc(100vw - 40px));
		max-width: min(350px, calc(100vw - 40px));
		margin-right: auto;
		margin-left: auto;
	}

	.rtvk-one-stop-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.rtvk-one-stop-card {
		min-height: 0;
		padding: 24px 22px;
	}

	.metal-benefits-section {
		padding-top: 86px;
		padding-bottom: 92px;
	}

	.metal-benefits-section > .sppb-row-container {
		width: min(760px, calc(100% - 36px));
	}

	.metal-benefits-head h2 {
		font-size: 42px;
	}

	.metal-benefits-grid {
		grid-template-columns: 1fr;
	}

	.rtvk-stat-value {
		gap: 7px;
		font-size: 46px;
		line-height: 1;
	}

	.rtvk-stat-unit {
		font-size: 17px;
		line-height: 1;
	}

	.rtvk-certification-panel {
		padding: 22px;
	}

	.rtvk-certification-grid {
		grid-template-columns: 1fr;
	}

	.rtvk-certification-grid img {
		height: auto;
		aspect-ratio: 271.5 / 203.13;
	}
}

@media (max-width: 1399px) {
	.rtvk-about-tech > .sppb-row-container {
		width: min(1280px, calc(100% - 120px));
	}
}

@media (max-width: 991px) {
	.rtvk-about-tech {
		min-height: 0;
		padding: 86px 0 82px;
	}

	.rtvk-about-tech > .sppb-row-container {
		width: min(760px, calc(100% - 36px));
		max-width: 760px;
		padding: 0;
	}

	.rtvk-about-tech .sppb-column-addons {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}

	.rtvk-about-kicker,
	.rtvk-about-title,
	.rtvk-about-sub {
		grid-column: 1 / -1;
	}

	.rtvk-about-title .sppb-addon-title {
		font-size: 42px;
	}

	.rtvk-tech-card-addon {
		margin-top: 40px;
	}
}

@media (max-width: 575px) {
	.rtvk-about-tech {
		padding: 72px 0 70px;
	}

	.rtvk-about-tech > .sppb-row-container {
		width: calc(100% - 36px);
		max-width: calc(100% - 36px);
	}

	.rtvk-about-tech .sppb-addon-wrapper,
	.rtvk-about-tech .sppb-addon,
	.rtvk-about-tech .sppb-addon-content,
	.rtvk-about-tech .rtvk-tech-item {
		width: 100%;
		max-width: 100%;
	}

	.rtvk-about-tech .sppb-column-addons {
		width: 100%;
		min-width: 0;
		grid-template-columns: 1fr;
	}

	.rtvk-about-tech #sppb-addon-wrapper-addon-codex-about-kicker,
	.rtvk-about-tech #sppb-addon-wrapper-addon-codex-about-title,
	.rtvk-about-tech #sppb-addon-wrapper-addon-codex-about-sub,
	.rtvk-about-tech #sppb-addon-wrapper-addon-codex-tech-card-1,
	.rtvk-about-tech #sppb-addon-wrapper-addon-codex-tech-card-2,
	.rtvk-about-tech #sppb-addon-wrapper-addon-codex-tech-card-3 {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.rtvk-about-kicker .sppb-addon-content {
		margin-top: 0;
	}

	.rtvk-about-title .sppb-addon-title {
		width: 100%;
		font-size: 36px;
	}

	.rtvk-tech-card-addon {
		margin-top: 22px;
	}

	.rtvk-tech-item {
		height: auto;
		min-height: 370px;
	}
}

@media (max-width: 991px) {
	.rayvatek-footer-inner {
		width: min(100% - 28px, 720px);
	}

	.rayvatek-footer-inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.rayvatek-hero {
		min-height: 620px;
	}

	.rayvatek-hero-title .sppb-addon-title {
		font-size: 42px;
	}

	.rayvatek-section-title .sppb-addon-title {
		font-size: 30px;
	}

	.rtvk-who {
		min-height: auto;
		padding: 86px 0 56px;
	}

	.sppb-section.rtvk-who > .sppb-row-container {
		width: min(760px, calc(100% - 36px));
		max-width: 760px;
	}

	.sppb-section.rtvk-who > .sppb-row-container > .sppb-row {
		grid-template-columns: 1fr;
		gap: 44px;
	}

	.rtvk-who-heading .sppb-addon-title {
		font-size: 42px;
	}

	.rtvk-who-cards .sppb-column-addons {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
		padding: 0;
	}

	.rtvk-who-card {
		width: 100%;
	}
}

@media (max-width: 575px) {
	.rayvatek-section .sppb-row-container {
		width: calc(100% - 28px);
	}

	.rayvatek-hero-title .sppb-addon-title {
		font-size: 34px;
	}

	.rayvatek-card {
		padding: 24px;
	}

	.rtvk-who {
		padding: 72px 0 44px;
	}

	.rtvk-who-copy {
		padding-left: 24px;
	}

	.sppb-section.rtvk-who > .sppb-row-container {
		width: calc(100% - 36px);
		max-width: calc(100% - 36px);
	}

	.rtvk-who-heading .sppb-addon-title {
		font-size: 34px;
		max-width: 100%;
	}

	.rtvk-who-text .sppb-addon-content {
		font-size: 16px;
	}

	.rtvk-who-cards .sppb-column-addons {
		grid-template-columns: 1fr;
	}
}

:root {
	--rayvatek-navy: #071421;
	--rayvatek-blue-dark: #0c2742;
	--rayvatek-blue: #0d6fb8;
	--rayvatek-sky: #6bb9ef;
	--rayvatek-orange: #ff7130;
	--rayvatek-ice: #eef4fa;
	--rayvatek-text: #102033;
	--rayvatek-muted: #607187;
	--rayvatek-card-shadow: 0 18px 46px rgba(8, 25, 43, 0.12);
	--rayvatek-container-width: 1360px;
	--rayvatek-container-padding: 40px;
}

@media (max-width: 1399px) {
	:root {
		--rayvatek-container-padding: 32px;
	}
}

@media (max-width: 991px) {
	:root {
		--rayvatek-container-padding: 24px;
	}
}

@media (max-width: 767px) {
	:root {
		--rayvatek-container-padding: 20px;
	}
}

@media (max-width: 480px) {
	:root {
		--rayvatek-container-padding: 16px;
	}
}

.rayvatek-template .sppb-row-container {
	width: 100% !important;
	max-width: var(--rayvatek-container-width) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--rayvatek-container-padding) !important;
	padding-right: var(--rayvatek-container-padding) !important;
	box-sizing: border-box !important;
}

/* Hero's row-container is the full-bleed background layer itself (holds the slider image),
   not a content column, so it must stay edge-to-edge; .hero-content (inside it) carries
   the unified 1360/40px alignment instead. */
.rayvatek-template .rtvk-hero-carousel-section > .sppb-row-container {
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.rayvatek-template {
	background: var(--rayvatek-ice);
}

html,
body {
	margin: 0;
}

.rayvatek-site-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3000;
	width: 100%;
	max-width: var(--rayvatek-container-width);
	margin-right: auto;
	margin-left: auto;
	background: #ffffff;
	border: 0;
	border-radius: 0 0 42px 42px;
	box-shadow: 0 16px 28px rgba(116, 28, 50, 0.14);
	backdrop-filter: none;
	overflow: visible;
	isolation: isolate;
	min-height: 82px;
}

body.rayvatek-static-content.rayvatek-page-home > .hero,
body.rayvatek-static-content.rayvatek-page-index > .hero {
	position: relative;
	z-index: 1;
	margin-top: -73px !important;
	min-height: 840px !important;
}

body.rayvatek-static-content.rayvatek-page-home > .hero .hero-slider,
body.rayvatek-static-content.rayvatek-page-home > .hero .hero-content,
body.rayvatek-static-content.rayvatek-page-index > .hero .hero-slider,
body.rayvatek-static-content.rayvatek-page-index > .hero .hero-content {
	min-height: 840px !important;
}

/* Rayvatek home hero carousel */
.rtvk-hero-carousel-section {
	position: relative;
	z-index: 1;
	overflow: hidden;
	max-width: 100vw;
	margin-top: -30px;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding: 0;
	background: #071421;
}

.rtvk-hero-carousel-section > .sppb-row-container {
	width: 100%;
	max-width: none;
	padding: 0;
}

.rtvk-hero-carousel-section .sppb-row,
.rtvk-hero-carousel-section .sppb-row > [class*="sppb-col"],
.rtvk-hero-carousel-section .sppb-column,
.rtvk-hero-carousel-section .sppb-column-addons,
.rtvk-hero-carousel-section .sppb-addon-wrapper,
.rtvk-hero-carousel-section .sppb-addon,
.rtvk-hero-carousel-section .sppb-addon-content {
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
}

.rtvk-hero-carousel-section .sppb-row {
	--bs-gutter-x: 0;
	--sppb-gutter-x: 0;
	margin-right: 0;
	margin-left: 0;
}

.rtvk-hero-carousel-section .hero {
	position: relative;
	min-height: 760px;
	padding: 0;
	overflow: hidden;
	background: #071421;
	color: #ffffff;
}

.rtvk-hero-carousel-section .hero-slider {
	position: relative;
	min-height: 760px;
	isolation: isolate;
	background: #0a1726;
}

.rtvk-hero-carousel-section .hero-slide {
	position: absolute;
	inset: 0;
	display: block;
	min-height: 760px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity .85s ease;
}

.rtvk-hero-carousel-section .hero-slide.active {
	z-index: 2;
	opacity: 1;
	pointer-events: auto;
}

.rtvk-hero-carousel-section .hero-slide:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .96) 30%, rgba(255, 255, 255, .72) 46%, rgba(255, 255, 255, 0) 66%);
}

.rtvk-hero-carousel-section .hero-slide:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	opacity: .18;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
		linear-gradient(115deg, transparent 0 50%, rgba(242, 104, 42, .12) 50.2%, transparent 50.7%);
	background-size: 72px 72px, 72px 72px, 100% 100%;
	background-position: center, center, center;
	animation: rtvkHeroGridDrift 22s linear infinite;
}

.rtvk-hero-carousel-section .hero-picture {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	min-width: 0;
	overflow: hidden;
	z-index: 0;
}

.rtvk-hero-carousel-section .hero-bg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 58% center;
	filter: saturate(1.02) contrast(1.04) brightness(.96);
}

.rtvk-hero-carousel-section .hero-theme-uav .hero-bg {
	object-position: 58% center;
}

.rtvk-hero-carousel-section .hero-theme-lm1 .hero-bg {
	object-position: 56% center;
}

.rtvk-hero-carousel-section .hero-theme-usv .hero-bg {
	object-position: 58% center;
	filter: saturate(.98) contrast(1.06) brightness(.92);
}

.rtvk-hero-carousel-section .hero-theme-metal .hero-bg {
	object-position: 54% center;
	filter: saturate(.9) contrast(1.06) brightness(.92);
}

.rtvk-hero-carousel-section .hero-theme-usv:before,
.rtvk-hero-carousel-section .hero-theme-metal:before {
	background: linear-gradient(90deg, rgba(7, 20, 33, .98) 0%, rgba(7, 20, 33, .92) 34%, rgba(7, 20, 33, .62) 52%, rgba(7, 20, 33, 0) 72%);
}

.rtvk-hero-carousel-section .hero-theme-uav:before,
.rtvk-hero-carousel-section .hero-theme-lm1:before {
	background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .96) 30%, rgba(255, 255, 255, .72) 46%, rgba(255, 255, 255, 0) 66%);
}

.rtvk-hero-carousel-section .hero-theme-uav:after,
.rtvk-hero-carousel-section .hero-theme-lm1:after {
	opacity: .18;
	background-image:
		linear-gradient(rgba(11, 42, 70, .07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(11, 42, 70, .06) 1px, transparent 1px);
}

.rtvk-hero-carousel-section .hero-theme-uav .hero-bg,
.rtvk-hero-carousel-section .hero-theme-lm1 .hero-bg {
	filter: saturate(1.03) contrast(1.02) brightness(.96);
}

.rtvk-hero-carousel-section .hero-content {
	position: relative;
	z-index: 4;
	width: clamp(500px, 44vw, 620px);
	min-width: 500px;
	max-width: 620px;
	min-height: 760px;
	margin: 0;
	padding: 112px 0 70px 7vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.rtvk-hero-carousel-section .hero-copy {
	position: relative;
	width: 100%;
	max-width: 520px;
	padding-left: 30px;
}

.rtvk-hero-carousel-section .hero-copy:before {
	content: "";
	position: absolute;
	top: 4px;
	bottom: 10px;
	left: 0;
	width: 1px;
	background: #f2682a;
}

.rtvk-hero-carousel-section .kicker {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 18px;
	padding: 10px 13px;
	border: 1px solid rgba(8, 97, 168, .95);
	color: #0861a8;
	background: rgba(255, 255, 255, .72);
	font-family: "Roboto Mono", "Consolas", monospace;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: .06em;
}

.rtvk-hero-carousel-section .hero-theme-usv .kicker,
.rtvk-hero-carousel-section .hero-theme-metal .kicker {
	border-color: rgba(242, 104, 42, .42);
	color: #f2682a;
	background: rgba(15, 10, 8, .6);
}

.rtvk-hero-carousel-section .hero-theme-uav .hero-copy,
.rtvk-hero-carousel-section .hero-theme-lm1 .hero-copy {
	width: 100%;
}

.rtvk-hero-carousel-section .hero-theme-uav h1,
.rtvk-hero-carousel-section .hero-theme-lm1 h1 {
	max-width: 620px;
}

.rtvk-hero-carousel-section .kicker .idx {
	color: inherit;
	font-weight: 900;
}

.rtvk-hero-carousel-section h1 {
	max-width: 520px;
	margin: 0;
	color: #0861a8;
	font-size: clamp(54px, 4.7vw, 82px);
	font-weight: 900;
	line-height: .98;
	letter-spacing: 0;
}

.rtvk-hero-carousel-section .hero-theme-usv h1,
.rtvk-hero-carousel-section .hero-theme-metal h1 {
	color: #ffffff;
}

.rtvk-hero-carousel-section .hero-sub {
	max-width: 520px;
	margin: 24px 0 0;
	color: #172437;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.6;
}

.rtvk-hero-carousel-section .hero-note {
	max-width: 520px;
	margin: 18px 0 0;
	color: rgba(23, 36, 55, .76);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
}

.rtvk-hero-carousel-section .hero-theme-usv .hero-sub,
.rtvk-hero-carousel-section .hero-theme-usv .hero-note,
.rtvk-hero-carousel-section .hero-theme-metal .hero-sub,
.rtvk-hero-carousel-section .hero-theme-metal .hero-note {
	color: rgba(255, 255, 255, .86);
}

.rtvk-hero-carousel-section .hero-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 28px;
}

.rtvk-hero-carousel-section .btn {
	display: inline-flex;
	min-height: 58px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 28px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.2;
	text-decoration: none;
}

.rtvk-hero-carousel-section .btn-primary {
	background: #f2682a;
	border-color: #f2682a;
	color: #ffffff;
}

.rtvk-hero-carousel-section .btn-ghost {
	background: rgba(255, 255, 255, .14);
	border-color: rgba(8, 97, 168, .72);
	color: #0861a8;
}

.rtvk-hero-carousel-section .hero-theme-usv .btn-ghost,
.rtvk-hero-carousel-section .hero-theme-metal .btn-ghost {
	border-color: rgba(255, 255, 255, .62);
	color: #ffffff;
}

.rtvk-hero-carousel-section .hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 11px;
	margin-top: 22px;
}

.rtvk-hero-carousel-section .hero-tags span {
	display: inline-flex;
	min-height: 39px;
	align-items: center;
	padding: 9px 14px;
	border: 1px solid rgba(8, 97, 168, .22);
	background: rgba(255, 255, 255, .62);
	color: #172437;
	font-family: "Roboto Mono", "Consolas", monospace;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.1;
}

.rtvk-hero-carousel-section .hero-theme-usv .hero-tags span,
.rtvk-hero-carousel-section .hero-theme-metal .hero-tags span {
	border-color: rgba(142, 209, 255, .28);
	background: rgba(7, 16, 27, .62);
	color: #ffffff;
}

.rtvk-hero-carousel-section .hero-tags b {
	font-weight: 900;
	margin-right: 4px;
}

.rtvk-hero-carousel-section .hero-arrows {
	position: absolute;
	right: max(300px, calc((100vw - 1320px) / 2 + 8px));
	bottom: 30px;
	z-index: 7;
	display: flex;
	gap: 10px;
}

.rtvk-hero-carousel-section .hero-arrow {
	width: 51px;
	height: 51px;
	border: 1px solid rgba(142, 209, 255, .28);
	border-radius: 8px;
	background: rgba(5, 15, 25, .82);
	color: #ffffff;
	font-size: 28px;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
}

.rtvk-hero-carousel-section .en {
	display: none;
}

html.rayvatek-lang-en .rtvk-hero-carousel-section .zh {
	display: none;
}

html.rayvatek-lang-en .rtvk-hero-carousel-section .en {
	display: inline;
}

html.rayvatek-lang-en .rtvk-hero-carousel-section h1 .en {
	display: block;
}

html.rayvatek-lang-en body.rayvatek-page-en .rtvk-hero-carousel-section h1 {
	font-size: 40px;
	line-height: 1.08;
}

@keyframes rtvkHeroGridDrift {
	from {
		background-position: center, center, center;
	}
	to {
		background-position: 72px 72px, 72px 72px, center;
	}
}

@media (max-width: 1500px) {
	.rtvk-hero-carousel-section .hero-content {
		padding-left: 6vw;
	}
}

@media (max-width: 1280px) {
	.rtvk-hero-carousel-section .hero,
	.rtvk-hero-carousel-section .hero-slider,
	.rtvk-hero-carousel-section .hero-slide {
		min-height: 650px;
	}

	.rtvk-hero-carousel-section .hero-slide:before {
		background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .96) 34%, rgba(255, 255, 255, .68) 52%, rgba(255, 255, 255, 0) 70%);
	}

	.rtvk-hero-carousel-section .hero-content {
		width: clamp(480px, 48vw, 560px);
		min-width: 480px;
		min-height: 650px;
		padding: 104px 0 58px 5vw;
	}

	.rtvk-hero-carousel-section h1 {
		font-size: clamp(54px, 5vw, 64px);
	}

	.rtvk-hero-carousel-section .hero-sub {
		margin-top: 24px;
		font-size: 20px;
	}

	.rtvk-hero-carousel-section .hero-note {
		margin-top: 22px;
		font-size: 16px;
	}

	.rtvk-hero-carousel-section .hero-tags span {
		flex: 0 1 auto;
	}

	.rtvk-hero-carousel-section .hero-bg,
	.rtvk-hero-carousel-section .hero-theme-uav .hero-bg,
	.rtvk-hero-carousel-section .hero-theme-usv .hero-bg {
		object-position: 58% center;
	}

	.rtvk-hero-carousel-section .hero-theme-lm1 .hero-bg {
		object-position: 56% center;
	}

	.rtvk-hero-carousel-section .hero-arrows {
		right: 24px;
		bottom: 24px;
	}
}

@media (max-width: 1024px) {
	.rtvk-hero-carousel-section .hero-slide:before {
		background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .96) 40%, rgba(255, 255, 255, .62) 58%, rgba(255, 255, 255, 0) 76%);
	}

	.rtvk-hero-carousel-section .hero-content {
		width: 500px;
		min-width: 500px;
		padding-left: 34px;
	}

	.rtvk-hero-carousel-section h1 {
		font-size: clamp(50px, 5.4vw, 58px);
	}
}

@media (max-width: 768px) {
	.rtvk-hero-carousel-section .hero,
	.rtvk-hero-carousel-section .hero-slider,
	.rtvk-hero-carousel-section .hero-slide {
		width: 100%;
		min-height: auto;
		height: auto;
	}

	.rtvk-hero-carousel-section .hero-slide {
		position: absolute;
		inset: 0;
		display: flex;
		flex-direction: column;
	}

	.rtvk-hero-carousel-section .hero-slide.active {
		position: relative;
		inset: auto;
	}

	.rtvk-hero-carousel-section .hero-slide:not(.active) {
		display: none;
	}

	.rtvk-hero-carousel-section .hero-picture {
		position: relative;
		inset: auto;
		order: 2;
		display: block;
		width: 100%;
		height: auto;
		min-height: 0;
		aspect-ratio: 16 / 10;
	}

	.rtvk-hero-carousel-section .hero-bg {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	.rtvk-hero-carousel-section .hero-theme-uav .hero-bg,
	.rtvk-hero-carousel-section .hero-theme-lm1 .hero-bg,
	.rtvk-hero-carousel-section .hero-theme-usv .hero-bg,
	.rtvk-hero-carousel-section .hero-theme-metal .hero-bg {
		object-position: center center;
	}

	.rtvk-hero-carousel-section .hero-slide:before {
		display: none;
	}

	.rtvk-hero-carousel-section .hero-slide:after {
		display: none;
	}

	.rtvk-hero-carousel-section .hero-content {
		position: relative;
		order: 1;
		z-index: 2;
		width: 100%;
		height: auto;
		min-height: 0;
		min-width: 0;
		max-width: none;
		margin-top: 0;
		padding: 104px 24px 28px;
		display: flex;
		align-items: flex-start;
		box-sizing: border-box;
		background: #ffffff;
	}

	.rtvk-hero-carousel-section .hero-copy {
		width: 100%;
		max-width: none;
		padding-left: 11px;
		margin: 0;
	}

	.rtvk-hero-carousel-section .hero-copy:before {
		left: 0;
	}

	.rtvk-hero-carousel-section .hero-theme-usv .hero-content,
	.rtvk-hero-carousel-section .hero-theme-metal .hero-content {
		background: #071421;
	}

	.rtvk-hero-carousel-section .hero-theme-usv h1,
	.rtvk-hero-carousel-section .hero-theme-metal h1 {
		color: #ffffff;
	}

	.rtvk-hero-carousel-section .hero-theme-usv .hero-sub,
	.rtvk-hero-carousel-section .hero-theme-usv .hero-note,
	.rtvk-hero-carousel-section .hero-theme-metal .hero-sub,
	.rtvk-hero-carousel-section .hero-theme-metal .hero-note {
		color: rgba(255, 255, 255, .86);
	}

	.rtvk-hero-carousel-section .hero-theme-usv .btn-ghost,
	.rtvk-hero-carousel-section .hero-theme-metal .btn-ghost {
		color: #ffffff;
		border-color: rgba(255, 255, 255, .58);
	}

	.rtvk-hero-carousel-section .hero-theme-usv .hero-tags span,
	.rtvk-hero-carousel-section .hero-theme-metal .hero-tags span {
		border-color: rgba(142, 209, 255, .28);
		background: rgba(7, 16, 27, .62);
		color: #ffffff;
	}

	.rtvk-hero-carousel-section .kicker {
		display: inline-flex;
		font-size: 14px;
		margin-bottom: 10px;
	}

	.rtvk-hero-carousel-section h1 {
		color: #0861a8;
		margin: 0 0 8px;
		font-size: 46px;
		line-height: 1.05;
		letter-spacing: 0;
	}

	.rtvk-hero-carousel-section .hero-sub {
		margin: 0 0 6px;
		width: 100%;
		max-width: none;
		color: #172437;
		font-size: 18px;
		line-height: 1.55;
		font-weight: 700;
	}

	.rtvk-hero-carousel-section .hero-note {
		display: block;
		margin: 0 0 6px;
		width: 100%;
		max-width: none;
		color: rgba(23, 36, 55, .76);
		font-size: 15px;
		line-height: 1.6;
		font-weight: 500;
	}

	.rtvk-hero-carousel-section .hero-cta {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px;
		width: 100%;
		margin-top: 10px;
	}

	.rtvk-hero-carousel-section .hero-cta .btn {
		width: 100%;
		min-height: 44px;
		padding: 0 18px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		font-size: 15px;
	}

	.rtvk-hero-carousel-section .btn-ghost {
		color: #0861a8;
		border-color: rgba(8, 97, 168, .58);
	}

	.rtvk-hero-carousel-section .hero-tags {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		width: 100%;
		margin-top: 10px;
	}

	.rtvk-hero-carousel-section .hero-tags span {
		flex: 1 1 calc(50% - 4px);
		justify-content: center;
		text-align: center;
		font-size: 14px;
		padding: 7px 9px;
		background: rgba(255, 255, 255, .86);
	}

	.rtvk-hero-carousel-section .hero-dots {
		position: absolute;
		z-index: 5;
		left: 20px;
		bottom: calc(62.5vw + 16px);
		display: flex;
		align-items: center;
		gap: 9px;
	}

	.rtvk-hero-carousel-section .hero-dots button {
		width: 6px;
		height: 6px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #c9d6e2;
		cursor: pointer;
	}

	.rtvk-hero-carousel-section .hero-dots button.active {
		width: 8px;
		height: 8px;
		background: #f26522;
	}

	.rtvk-hero-carousel-section .hero-arrows {
		position: absolute;
		z-index: 5;
		right: 20px;
		bottom: 24px;
		display: flex;
		gap: 8px;
	}

	.rtvk-hero-carousel-section .hero-arrow {
		width: 42px;
		height: 42px;
	}
}

.rayvatek-header-inner {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 82px;
	margin: 0 auto;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}

.rayvatek-brand img {
	width: auto;
	height: 44px;
	height: auto;
	max-width: none;
}

.rayvatek-main-nav {
	gap: 6px;
	color: #102033;
	font-size: 18px;
	font-weight: 800;
}

.rayvatek-language-switch {
	position: absolute;
	top: 28px;
	right: 0;
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	border: 1px solid #cdd9e6;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 800;
}

.rayvatek-language-switch span,
.rayvatek-language-switch a {
	display: block;
	padding: 8px 14px;
	text-decoration: none;
}

.rayvatek-language-switch span {
	background: var(--rayvatek-blue);
	color: #ffffff;
}

.rayvatek-language-switch a {
	color: #5d6b7d;
}

.rayvatek-site-header *,
.rayvatek-mobile-menu * {
	box-sizing: border-box;
}

.rayvatek-header-stacked {
	width: 100%;
	max-width: none;
	padding: 17px var(--rayvatek-container-padding) 15px;
	flex-direction: row;
	justify-content: flex-start;
	gap: 32px;
}

.rayvatek-logo-row,
.rayvatek-menu-row {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.rayvatek-logo-row {
	order: 1;
	width: auto;
	flex: 0 0 auto;
	justify-content: flex-start;
}

.rayvatek-menu-row {
	order: 3;
	padding: 0;
	overflow: visible;
	flex: 1 1 auto;
}

.rayvatek-site-header.is-stuck {
	position: fixed;
}

.rayvatek-brand {
	display: flex;
	align-items: center;
	line-height: 1;
}

.rayvatek-brand img {
	display: block;
	height: 44px;
	width: auto;
	max-width: none;
}

.rayvatek-main-nav,
.rayvatek-site-header .rayvatek-main-nav {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	z-index: auto !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1556px;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	gap: 6px;
	background: transparent;
	border: 0;
	box-shadow: none;
	backdrop-filter: none !important;
}

.rayvatek-nav-item {
	position: relative;
	display: flex;
	align-items: center;
	height: 44px;
}

.rayvatek-nav-link,
.rayvatek-nav-link:visited {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 100%;
	padding: 0 8px;
	color: #18263a;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	text-decoration: none;
	white-space: nowrap;
	transition: color .16s ease;
}

button.rayvatek-nav-link {
	border: 0;
	background: transparent;
	font-family: inherit;
	cursor: default;
}

.rayvatek-nav-link:hover,
.rayvatek-nav-item:hover .rayvatek-nav-link {
	color: var(--rayvatek-orange);
}

.rayvatek-car {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	opacity: .6;
	transform: rotate(45deg);
	transition: .2s;
}

.rayvatek-nav-item:hover .rayvatek-car {
	margin-top: 2px;
	transform: rotate(225deg);
}

.rayvatek-drop {
	position: absolute;
	top: calc(100% - 8px);
	left: 50%;
	z-index: 60;
	min-width: 248px;
	padding: 8px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid rgba(26, 39, 56, .1);
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(116, 28, 50, .18);
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%) translateY(8px);
	transition: .2s;
}

.rayvatek-nav-submenu {
	min-width: 330px;
	text-align: left;
}

.rayvatek-mega {
	display: flex;
	gap: 28px;
	min-width: 580px;
	max-width: 640px;
	padding: 18px 20px;
}

.rayvatek-mega-col {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
}

.rayvatek-mega-group {
	display: flex;
	flex-direction: column;
}

.rayvatek-mega-heading {
	display: block;
	padding: 4px 14px 6px;
	color: var(--rayvatek-orange);
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.rayvatek-nav-item:hover .rayvatek-drop {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.rayvatek-mega-sub-item {
	position: relative;
}

.rayvatek-mega-sub-trigger .rayvatek-car {
	margin-left: 2px;
}

.rayvatek-mega-submenu {
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	z-index: 61;
	min-width: 260px;
	padding: 8px;
	background: #ffffff;
	border: 1px solid rgba(26, 39, 56, .1);
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(116, 28, 50, .18);
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
	transition: .2s;
}

.rayvatek-mega-sub-item:hover .rayvatek-mega-submenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.rayvatek-drop:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 46px;
	height: 2px;
	background: var(--rayvatek-orange);
}

.rayvatek-drop a,
.rayvatek-drop a:visited {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 14px;
	color: #18263a;
	font-size: .88rem;
	line-height: 1.38;
	text-decoration: none;
	white-space: normal;
	border-left: 2px solid transparent;
	transition: .14s;
}

.rayvatek-drop a:hover {
	color: var(--rayvatek-orange);
	background: rgba(242, 104, 42, .08);
	border-left-color: var(--rayvatek-orange);
}

.rayvatek-dot {
	width: 5px;
	height: 5px;
	flex: none;
	background: #8da0b6;
	transform: rotate(45deg);
}

.rayvatek-drop a:hover .rayvatek-dot {
	background: var(--rayvatek-orange);
}

.rayvatek-nav-right {
	position: absolute;
	top: 50%;
	right: 32px;
	transform: translateY(-50%);
	z-index: 70;
	display: flex;
	align-items: center;
	gap: 18px;
}

.rayvatek-language-switch {
	position: static;
	top: auto;
	right: auto;
	border: 1px solid rgba(26, 39, 56, 0.16);
	border-radius: 8px;
	background: #ffffff;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.04em;
}

.rayvatek-language-switch button {
	display: block;
	padding: 7px 13px;
	border: 0;
	background: transparent;
	color: #5d6b7d;
	font: inherit;
	line-height: 19px;
	cursor: pointer;
}

.rayvatek-language-switch button.active {
	background: var(--rayvatek-blue);
	color: #ffffff;
}

.rayvatek-burger {
	display: none;
	flex-direction: column;
	gap: 5px;
	padding: 6px;
	border: 0;
	background: none;
	cursor: pointer;
}

.rayvatek-burger span {
	width: 24px;
	height: 2px;
	background: #18263a;
	transition: .2s;
}

.rayvatek-mobile-menu {
	position: fixed;
	inset: 0;
	z-index: 49;
	display: none;
	padding: 100px 30px 30px;
	overflow-y: auto;
	background: rgba(7, 14, 24, .98);
	backdrop-filter: blur(8px);
	transform: translateX(100%);
	transition: .3s;
}

.rayvatek-mobile-menu.open {
	transform: none;
}

.rayvatek-mobile-links a,
.rayvatek-mobile-links a:visited {
	display: block;
	padding: 16px 0;
	color: #ffffff;
	font-size: 1.3rem;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.rayvatek-mobile-heading {
	display: block;
	padding: 20px 0 8px;
	color: #ff7130;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: .88rem;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: .14em;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.rayvatek-mobile-subitem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.rayvatek-mobile-subitem a {
	flex: 1;
	border-bottom: 0;
}

.rayvatek-mobile-subtoggle {
	flex: none;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
}

.rayvatek-mobile-subtoggle .rayvatek-car {
	width: 9px;
	height: 9px;
	margin-top: -4px;
	border-right: 1.5px solid #ffffff;
	border-bottom: 1.5px solid #ffffff;
	transform: rotate(45deg);
	transition: .2s;
}

.rayvatek-mobile-subtoggle[aria-expanded="true"] .rayvatek-car {
	margin-top: 4px;
	transform: rotate(225deg);
}

.rayvatek-mobile-submenu {
	display: none;
	flex-direction: column;
	padding-left: 16px;
}

.rayvatek-mobile-submenu.open {
	display: flex;
}

.rayvatek-mobile-submenu a {
	font-size: 1.05rem;
	padding: 14px 0;
}

html:not(.rayvatek-lang-en) .rayvatek-en-menu,
html.rayvatek-lang-en .rayvatek-zh-menu {
	display: none !important;
}

html.rayvatek-lang-en .rayvatek-site-header .rayvatek-en-menu {
	display: flex !important;
}

html.rayvatek-lang-en .rayvatek-mobile-menu .rayvatek-en-menu {
	display: block !important;
}

html:not(.rayvatek-lang-en) .rayvatek-site-header .rayvatek-en-menu,
html:not(.rayvatek-lang-en) .rayvatek-mobile-menu .rayvatek-en-menu,
html.rayvatek-lang-en .rayvatek-site-header .rayvatek-zh-menu,
html.rayvatek-lang-en .rayvatek-mobile-menu .rayvatek-zh-menu {
	display: none !important;
}

.rayvatek-page-about-us .rayvatek-main {
	background: var(--rayvatek-ice);
}

.rayvatek-page-about-us .sppb-section {
	position: relative;
	overflow: hidden;
}

.rayvatek-page-about-us *,
.rayvatek-page-about-us *:before,
.rayvatek-page-about-us *:after {
	box-sizing: border-box;
}

.rayvatek-section .sppb-row-container {
	width: min(1320px, calc(100% - 64px));
}

.about-hero {
	min-height: 620px;
	display: flex;
	align-items: center;
	color: #ffffff;
	background-color: var(--rayvatek-navy);
}

.about-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(5, 15, 28, 0.9) 0%, rgba(10, 33, 55, 0.72) 48%, rgba(10, 33, 55, 0.28) 100%),
		radial-gradient(circle at 72% 36%, rgba(13, 111, 184, 0.34), transparent 34%),
		url("/images/rayvatek/about-us.png") center center / cover no-repeat;
}

.rayvatek-page-industrial-grade-heat-dissipation-module-mold-cooling-application-tw .about-hero:before,
.rayvatek-page-industrial-grade-heat-dissipation-module-mold-cooling-application-en .about-hero:before {
	background:
		linear-gradient(90deg, rgba(5, 15, 28, 0.9) 0%, rgba(10, 33, 55, 0.72) 48%, rgba(10, 33, 55, 0.28) 100%),
		radial-gradient(circle at 72% 36%, rgba(13, 111, 184, 0.34), transparent 34%),
		url("/media/templates/site/rayvatek2026/images/banner4.webp") center center / cover no-repeat;
}

.rayvatek-page-innovative-design-optimized-components-tw .about-hero,
.rayvatek-page-metal-microstructure-tw .about-hero,
.rayvatek-page-lightweight-structure-tw .about-hero,
.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero,
.rayvatek-page-innovative-design-optimized-components-en .about-hero,
.rayvatek-page-metal-microstructure-en .about-hero,
.rayvatek-page-lightweight-structure-en .about-hero,
.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero {
	overflow: hidden;
}

.rayvatek-page-innovative-design-optimized-components-tw .about-hero .sppb-row-container,
.rayvatek-page-metal-microstructure-tw .about-hero .sppb-row-container,
.rayvatek-page-lightweight-structure-tw .about-hero .sppb-row-container,
.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero .sppb-row-container,
.rayvatek-page-innovative-design-optimized-components-en .about-hero .sppb-row-container,
.rayvatek-page-metal-microstructure-en .about-hero .sppb-row-container,
.rayvatek-page-lightweight-structure-en .about-hero .sppb-row-container,
.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero .sppb-row-container {
	width: min(1320px, calc(100% - 64px));
	padding-right: 0;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

.rayvatek-page-innovative-design-optimized-components-tw .about-hero .sppb-column-addons,
.rayvatek-page-metal-microstructure-tw .about-hero .sppb-column-addons,
.rayvatek-page-lightweight-structure-tw .about-hero .sppb-column-addons,
.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero .sppb-column-addons,
.rayvatek-page-innovative-design-optimized-components-en .about-hero .sppb-column-addons,
.rayvatek-page-metal-microstructure-en .about-hero .sppb-column-addons,
.rayvatek-page-lightweight-structure-en .about-hero .sppb-column-addons,
.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero .sppb-column-addons {
	max-width: none;
}

.innovative-hero-components {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.rayvatek-page-en .rtvk-hero-carousel-section .hero-slide:before {
	background:
		linear-gradient(90deg, rgb(10 23 38 / 0%) 0%, rgb(10 23 38 / 28%) 34%, rgba(10, 23, 38, .56) 66%, rgba(10, 23, 38, .24) 100%),
		radial-gradient(circle at 76% 48%, rgba(47, 143, 230, .2), transparent 34%),
		linear-gradient(180deg, rgba(10, 23, 38, .18), rgb(10 23 38 / 0%)) !important;
}

.innovative-component {
	position: absolute;
	right: max(120px, calc((100vw - 1320px) / 2 + 120px));
	width: clamp(96px, 9vw, 148px);
	height: auto;
	object-fit: contain;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 28px;
	overflow: hidden;
	filter: drop-shadow(0 24px 42px rgba(0, 0, 0, 0.38));
	animation: innovative-component-float 6.8s ease-in-out infinite;
	--innovative-component-rotate: 0deg;
	will-change: transform;
}

.innovative-component-1 {
	top: 18%;
	right: max(180px, calc((100vw - 1320px) / 2 + 180px));
	--innovative-component-rotate: -14deg;
	animation-delay: -1.2s;
}

.innovative-component-2 {
	top: 39%;
	right: max(36px, calc((100vw - 1320px) / 2 + 36px));
	width: clamp(104px, 10vw, 164px);
	--innovative-component-rotate: 0deg;
	animation-duration: 7.6s;
}

.innovative-component-3 {
	top: 60%;
	right: max(176px, calc((100vw - 1320px) / 2 + 176px));
	width: clamp(96px, 9vw, 148px);
	--innovative-component-rotate: 14deg;
	animation-delay: -2.4s;
	animation-duration: 6.2s;
}

@keyframes innovative-component-float {
	0%,
	100% {
		transform: translate3d(0, 0, 0) rotate(var(--innovative-component-rotate));
	}
	50% {
		transform: translate3d(0, -8px, 0) rotate(var(--innovative-component-rotate));
	}
}

.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .about-hero,
.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero {
	overflow: hidden;
}

.consumer-hero-image-stage {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.consumer-hero-image {
	position: absolute;
	top: 22%;
	right: max(96px, calc((100vw - 1320px) / 2 + 96px));
	width: auto;
	height: clamp(210px, 20vw, 280px);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 34px;
	overflow: hidden;
	object-fit: cover;
	filter: drop-shadow(0 28px 52px rgba(0, 0, 0, 0.4));
	animation: consumer-hero-image-float 7.2s ease-in-out infinite;
	will-change: transform;
}

@keyframes consumer-hero-image-float {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0, -16px, 0);
	}
}

.about-hero .sppb-row-container,
.about-hero .sppb-row {
	position: relative;
	z-index: 2;
}

.rayvatek-kicker,
.about-kicker {
	margin-bottom: 14px;
	color: var(--rayvatek-orange);
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rayvatek-title .sppb-addon-title,
.about-title .sppb-addon-title {
	margin: 0 0 20px;
	color: #ff7130;
	font-size: 58px;
	line-height: 1.12;
	font-weight: 900;
	letter-spacing: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.rayvatek-title-dark .sppb-addon-title {
	color: var(--rayvatek-text);
}

.rayvatek-title-orange .sppb-addon-title {
	color: var(--rayvatek-orange);
}

.rayvatek-lead {
	max-width: 760px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 18px;
	line-height: 1.85;
}

.about-hero-stats {
	margin-top: 42px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	max-width: 860px;
}

.about-stat-chip {
	padding: 24px 26px;
	border-left: 3px solid var(--rayvatek-orange);
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(8px);
}

.about-stat-chip .sppb-addon-title,
.company-stat-card .sppb-addon-title {
	color: #ffffff;
	font-size: 42px;
	line-height: 1;
	font-weight: 900;
}

.about-stat-chip .sppb-addon-content {
	margin-top: 8px;
	color: rgba(255, 255, 255, 0.78);
	font-weight: 800;
}

.about-intro,
.capability-grid {
	background: var(--rayvatek-ice);
}

.about-intro:after {
	content: "";
	position: absolute;
	right: -160px;
	top: 80px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(13, 111, 184, 0.06);
}

.rayvatek-copy {
	color: var(--rayvatek-muted);
	font-size: 17px;
	line-height: 1.9;
}

.rayvatek-info-card,
.rayvatek-capability-card,
.location-card,
.application-card,
.spec-card {
	height: 100%;
	padding: 30px;
	border: 1px solid rgba(34, 63, 94, 0.08);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: var(--rayvatek-card-shadow);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.rayvatek-info-card:hover,
.rayvatek-capability-card:hover,
.location-card:hover,
.application-card:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 113, 48, 0.35);
	box-shadow: 0 24px 60px rgba(8, 25, 43, 0.18);
}

.rayvatek-info-card .sppb-addon-title,
.rayvatek-capability-card .sppb-addon-title,
.location-card .sppb-addon-title,
.application-card .sppb-addon-title,
.spec-card .sppb-addon-title {
	margin-bottom: 12px;
	color: var(--rayvatek-text);
	font-size: 22px;
	line-height: 1.34;
	font-weight: 900;
}

.rayvatek-info-card .sppb-addon-content,
.rayvatek-capability-card .sppb-addon-content,
.location-card .sppb-addon-content,
.application-card .sppb-addon-content,
.spec-card .sppb-addon-content {
	color: var(--rayvatek-muted);
	font-size: 15px;
	line-height: 1.75;
}

.global-locations,
.company-stats,
.certification-section,
.about-cta {
	color: #ffffff;
	background:
		linear-gradient(120deg, rgba(7, 20, 33, 0.98), rgba(11, 54, 91, 0.92)),
		radial-gradient(circle at 82% 28%, rgba(13, 111, 184, 0.42), transparent 32%);
}

.rayvatek-page-about-us #company-stats:not([data-rayvatek-company-data-ready="1"]) {
	display: none !important;
}

.rayvatek-page-about-us #global-locations.global-locations {
	position: relative;
	overflow: hidden;
	color: #ffffff;
	background: #071421 !important;
}

.rayvatek-page-about-us #global-locations.global-locations:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	opacity: .07;
	background:
		linear-gradient(115deg, transparent 0 46%, #8ac8ff 46.2%, transparent 46.6%),
		linear-gradient(rgba(148, 203, 242, .55) 1px, transparent 1px),
		linear-gradient(90deg, rgba(148, 203, 242, .48) 1px, transparent 1px);
	background-size: 100% 100%, 68px 68px, 68px 68px;
}

.rayvatek-page-about-us #global-locations.global-locations:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 78% 18%, rgba(47, 143, 230, .16), transparent 34%),
		linear-gradient(180deg, rgba(10, 23, 38, .20), rgba(10, 23, 38, .86));
}

.rayvatek-page-about-us #global-locations > .sppb-row-container {
	position: relative;
	z-index: 1;
}

.rayvatek-page-about-us #global-locations {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}

.rayvatek-page-about-us #global-locations > .sppb-row-container {
	width: min(1053px, calc(100% - 96px));
	max-width: none;
	margin-right: auto;
	margin-left: auto;
}

.rayvatek-global-footprint-redesign {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 514px;
	gap: 54px;
	align-items: end;
	width: 100%;
	min-height: 407px;
}

.rayvatek-page-metal-3d-printing-tw #global-locations .rayvatek-global-map,
.rayvatek-page-metal-3d-printing-en #global-locations .rayvatek-global-map {
	align-self: center;
}

.rayvatek-global-copy {
	min-width: 0;
}

.rayvatek-global-kicker {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 16px;
	color: #2f8fe6;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: 2px;
}

.rayvatek-global-kicker span {
	color: #f2682a;
}

.rayvatek-global-kicker b {
	color: rgba(142, 209, 255, .52);
	font-weight: 800;
}

.rayvatek-global-copy h2 {
	margin: 0;
	color: #fff;
	font-size: 44px;
	font-weight: 950;
	line-height: 1.1;
	letter-spacing: 0;
}

.rayvatek-global-copy > p {
	max-width: 694px;
	margin: 20px 0 126px;
	color: rgba(222, 237, 248, .72);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.85;
	letter-spacing: 0;
}

.rayvatek-global-list {
	border-top: 1px solid rgba(142, 209, 255, .15);
}

.rayvatek-global-row {
	display: grid;
	grid-template-columns: 148px minmax(0, 1fr);
	gap: 0;
	align-items: center;
	min-height: 64px;
	border-bottom: 1px solid rgba(142, 209, 255, .15);
}

.rayvatek-global-row div {
	color: #2f8fe6;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.4;
	letter-spacing: 0;
}

.rayvatek-global-row p {
	margin: 0;
	color: rgba(222, 237, 248, .72);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0;
}

.rayvatek-global-map {
	position: relative;
	width: 100%;
	aspect-ratio: 1489 / 1056;
	border: 0;
	border-radius: 14px;
	background:
		url("/images/rayvatek/about-us-source/map.jpg?v=20260717") center center / cover no-repeat,
		linear-gradient(rgba(142, 209, 255, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(142, 209, 255, .04) 1px, transparent 1px),
		radial-gradient(circle at 48% 42%, rgba(47, 143, 230, .12), transparent 33%),
		linear-gradient(rgba(7, 25, 43, .28), rgba(7, 25, 43, .28));
	background-size: cover, 31px 31px, 31px 31px, auto, auto;
	box-shadow: inset 0 0 78px rgba(0, 0, 0, .18);
	overflow: hidden;
}

.rayvatek-global-map:before {
	content: none;
}

.heat-applications {
	width: 100%;
}

.heat-applications-head {
	margin-bottom: 52px;
}

.heat-applications h2 {
	margin: 0;
	color: #ffffff;
	font-size: 44px;
	font-weight: 950;
	line-height: 1.1;
	letter-spacing: 0;
}

.heat-applications-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.heat-application-card {
	position: relative;
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	min-height: 253px;
	overflow: hidden;
	border: 1px solid rgba(142, 209, 255, .2);
	border-radius: 12px;
	background: #09223b;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 0 20px 44px rgba(0, 0, 0, .16);
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.heat-application-card.is-featured {
	border-color: rgba(242, 104, 42, .85);
}

.heat-application-card:hover,
.heat-application-card:focus {
	color: #ffffff;
	text-decoration: none;
	border-color: rgba(242, 104, 42, .75);
	box-shadow: 0 28px 58px rgba(0, 0, 0, .24);
	transform: translateY(-3px);
}

.heat-application-card img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	background: #ffffff;
}

.heat-application-card span {
	display: flex;
	align-items: center;
	min-height: 72px;
	padding: 18px 58px 18px 20px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.heat-application-card i {
	position: absolute;
	right: 20px;
	bottom: 21px;
	display: grid;
	place-items: center;
	width: 31px;
	height: 31px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	color: #ffffff;
	font-style: normal;
	font-size: 15px;
	line-height: 1;
}

.rayvatek-map-route {
	position: absolute;
	z-index: 1;
	display: block;
	height: 6px;
	border-radius: 999px;
	background: repeating-linear-gradient(90deg, rgba(47, 143, 230, .78) 0 23px, transparent 23px 42px);
	opacity: .72;
	transform-origin: left center;
}

.rayvatek-map-route.route-main {
	left: 284px;
	top: 76px;
	width: 190px;
	transform: rotate(141deg);
}

.rayvatek-map-route.route-branch {
	left: 242px;
	top: 178px;
	width: 165px;
	transform: rotate(42deg);
}

.rayvatek-map-node {
	position: absolute;
	z-index: 3;
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: #f2682a;
	box-shadow: 0 0 0 4px rgba(242, 104, 42, .14), 0 0 16px rgba(242, 104, 42, .56);
}

.rayvatek-map-label {
	position: absolute;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	min-height: 25px;
	padding: 6px 10px;
	border: 1px solid rgba(142, 209, 255, .12);
	border-radius: 4px;
	background: rgba(4, 13, 23, .88);
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: .3px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
	white-space: nowrap;
}

.rayvatek-map-label em {
	display: block;
	margin-top: 3px;
	color: rgba(222, 237, 248, .76);
	font-style: normal;
	font-size: 14px;
	font-weight: 800;
}

.node-miaoli {
	left: 145px;
	top: 171px;
}

.node-taipei {
	left: 170px;
	top: 136px;
}

.node-japan {
	left: 287px;
	top: 51px;
}

.node-australia {
	left: 323px;
	top: 283px;
}

.label-miaoli {
	left: 166px;
	top: 153px;
}

.label-taipei {
	left: 203px;
	top: 119px;
}

.label-japan {
	left: 306px;
	top: 42px;
}

.label-australia {
	left: 344px;
	top: 272px;
}

.global-locations .rayvatek-title .sppb-addon-title,
.company-stats .rayvatek-title .sppb-addon-title,
.certification-section .rayvatek-title .sppb-addon-title,
.about-cta .rayvatek-title .sppb-addon-title {
	color: #ffffff;
}

.global-map-panel {
	position: relative;
	overflow: hidden;
	min-height: 440px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background:
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		radial-gradient(circle at 72% 46%, rgba(107, 185, 239, 0.22), transparent 22%),
		radial-gradient(circle at 54% 38%, rgba(107, 185, 239, 0.12), transparent 18%),
		rgba(255, 255, 255, 0.05);
	background-size: 44px 44px, 44px 44px, auto, auto, auto;
	box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.22);
}

.global-map-image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .92;
}

.global-map-panel:before {
	content: "";
	position: absolute;
	inset: 46px;
	border: 1px solid rgba(107, 185, 239, 0.18);
	border-radius: 50%;
	transform: skewX(-18deg);
	z-index: 1;
}

.map-marker {
	position: absolute;
	z-index: 2;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--rayvatek-orange);
	box-shadow: 0 0 0 8px rgba(255, 113, 48, 0.18);
}

.marker-tw { right: 25%; top: 52%; }
.marker-jp { right: 20%; top: 37%; }
.marker-au { right: 18%; top: 72%; }

.location-card {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow: none;
}

.location-card .sppb-addon-title,
.location-card .sppb-addon-content {
	color: #ffffff;
}

.company-stat-card {
	height: 100%;
	padding: 34px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
}

.company-stat-card .sppb-addon-title {
	color: #ffffff;
}

.company-stat-card .sppb-addon-title strong,
.about-stat-chip .sppb-addon-title strong {
	color: var(--rayvatek-orange);
}

.company-stat-card .sppb-addon-content {
	margin-top: 12px;
	color: rgba(255, 255, 255, 0.74);
	font-weight: 800;
}

.talent-section {
	background-color: #f5f8fb;
	background-image:
		linear-gradient(rgba(12, 35, 56, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(12, 35, 56, 0.035) 1px, transparent 1px);
	background-size: 80px 80px;
}

.metal-case-study {
	width: 100%;
}

.metal-case-head {
	margin-bottom: 42px;
}

.metal-case-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
	color: #2f6ea7;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: .16em;
}

.metal-case-kicker span {
	color: #d9785f;
}

.metal-case-kicker b {
	color: #8aa0b5;
	font-weight: 800;
}

.metal-case-head h2 {
	margin: 0;
	color: #071d34;
	font-size: 46px;
	font-weight: 950;
	line-height: 1.12;
	letter-spacing: 0;
}

.metal-case-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.metal-case-card {
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: hidden;
	border: 1px solid rgba(8, 33, 57, .1);
	border-radius: 8px;
	background: rgba(255, 255, 255, .82);
	box-shadow: 0 18px 42px rgba(8, 33, 57, .08);
}

.metal-case-copy {
	padding: 30px 30px 26px;
}

.metal-case-label-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 12px;
}

.metal-case-copy span {
	display: block;
	margin-bottom: 12px;
	color: #2f6ea7;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: .04em;
}

.metal-case-label-row span {
	margin-bottom: 0;
}

.metal-case-copy p {
	margin: 0;
	color: #516477;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: 0;
}

.metal-case-size {
	margin-top: 0;
	color: #09223b;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.5;
	text-align: right;
}

.metal-case-card figure {
	overflow: hidden;
	margin: 0;
}

.metal-case-card img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.metal-case-card img.metal-case-image-bottom {
	object-position: center bottom;
	transform: translateY(42px) scale(1.02);
	transform-origin: center bottom;
}

.metal-more-cases {
	margin-top: 48px;
}

.metal-more-cases h3 {
	margin: 0 0 24px;
	color: #071d34;
	font-size: 28px;
	font-weight: 950;
	line-height: 1.2;
	letter-spacing: 0;
}

.metal-more-case-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.metal-more-case-card {
	display: grid;
	grid-template-rows: auto 1fr;
	min-width: 0;
	overflow: hidden;
	border: 1px solid #2283ba36;
	border-radius: 8px;
	background: rgba(255, 255, 255, .44);
	color: #09223b;
	text-decoration: none;
	box-shadow: 0 18px 42px rgba(8, 33, 57, .08);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.metal-more-case-card:hover,
.metal-more-case-card:focus {
	color: #09223b;
	text-decoration: none;
	border-color: rgba(47, 143, 230, .36);
	box-shadow: 0 24px 56px rgba(8, 33, 57, .14);
	transform: translateY(-3px);
}

.metal-more-case-card img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	background: #dbe4ec;
}

.metal-more-case-card h4 {
	display: flex;
	align-items: center;
	min-height: 72px;
	margin: 0;
	padding: 17px 18px;
	color: #ffffff;
	background: #2f6ea7;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0;
}

.talent-image-main .sppb-addon-single-image-container,
.talent-image-small .sppb-addon-single-image-container,
.capability-image .sppb-addon-single-image-container {
	overflow: hidden;
	border-radius: 8px;
	box-shadow: var(--rayvatek-card-shadow);
}

.talent-image-main .sppb-addon-single-image-container {
	aspect-ratio: 4 / 3;
}

.talent-image-small {
	max-width: 58%;
	margin: -120px 0 0 auto;
}

.talent-image-small .sppb-addon-single-image-container {
	aspect-ratio: 16 / 10;
	border: 8px solid #ffffff;
}

.talent-image-main img,
.talent-image-small img,
.capability-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-source-video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border: 1px solid rgba(13, 111, 184, .18);
	border-radius: 8px;
	background: #081a2a;
	box-shadow: 0 18px 42px rgba(8, 26, 42, .16);
}

.rayvatek-check-list ul {
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 14px;
}

.rayvatek-check-list li {
	position: relative;
	padding-left: 30px;
	color: var(--rayvatek-text);
	font-weight: 800;
	line-height: 1.6;
}

.rayvatek-check-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: .45em;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--rayvatek-orange);
	box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.35);
}

.cert-card {
	height: 100%;
	padding: 18px;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}

.cert-card .sppb-addon-single-image-container {
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	border-radius: 6px;
	background: #f4f7fb;
}

.cert-card img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.capability-image .sppb-addon-single-image-container {
	aspect-ratio: 16 / 9;
	margin: -30px -30px 24px;
	border-radius: 8px 8px 0 0;
	box-shadow: none;
}

.rayvatek-capability-card .sppb-btn,
.about-cta .sppb-btn {
	margin-top: 18px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--rayvatek-blue);
	font-weight: 900;
}

.about-cta {
	text-align: center;
}

.about-cta .rayvatek-copy {
	margin: 0 auto;
	max-width: 860px;
	color: rgba(255, 255, 255, 0.78);
}

.about-cta .sppb-btn {
	margin: 12px 8px 0;
	padding: 15px 28px;
	background: var(--rayvatek-orange);
	color: #ffffff;
}

.about-cta .sppb-btn:hover {
	background: #ff8b54;
}

/* ---- rayvatek-about- : premium visual refinement pass ---- */

.rayvatek-about-hero:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
	background-size: 46px 46px, 46px 46px;
	-webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), transparent 78%);
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), transparent 78%);
	pointer-events: none;
}

.about-hero.rayvatek-about-hero {
	border-bottom: 1px solid rgba(255, 113, 48, 0.35);
}

.rayvatek-about-hero .about-hero-stats,
.about-hero-stats.rayvatek-about-stats {
	gap: 14px;
}

.rayvatek-about-stats .about-stat-chip,
.about-stat-chip.rayvatek-about-stat-chip {
	position: relative;
	background: rgba(7, 20, 33, 0.42);
	border-left: 3px solid var(--rayvatek-orange);
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	border-right: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(10px);
}

.rayvatek-about-stats .about-stat-chip:before,
.about-stat-chip.rayvatek-about-stat-chip:before {
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--rayvatek-orange);
	box-shadow: 0 0 0 4px rgba(255, 113, 48, 0.2);
}

/* HUD corner-bracket frame utility, reused on hero/talent imagery for an aerospace instrument feel */
.rayvatek-about-frame {
	position: relative;
}

.rayvatek-about-frame:before,
.rayvatek-about-frame:after {
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	border-color: var(--rayvatek-orange);
	border-style: solid;
	z-index: 2;
	pointer-events: none;
}

.rayvatek-about-frame:before {
	top: -10px;
	left: -10px;
	border-width: 3px 0 0 3px;
}

.rayvatek-about-frame:after {
	bottom: -10px;
	right: -10px;
	border-width: 0 3px 3px 0;
}

.talent-image-main.rayvatek-about-frame,
.talent-image-small.rayvatek-about-frame {
	overflow: visible;
}

/* Capability grid: subtle blueprint texture + numbered badge + icon-tile fallback for items without photography */
.capability-grid.rayvatek-about-capability-grid {
	position: relative;
}

.capability-grid.rayvatek-about-capability-grid:before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(13, 111, 184, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(13, 111, 184, 0.05) 1px, transparent 1px);
	background-size: 42px 42px, 42px 42px;
	pointer-events: none;
}

.rayvatek-capability-card {
	position: relative;
	overflow: hidden;
}

.rayvatek-about-card-num {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 3;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(7, 20, 33, 0.72);
	color: var(--rayvatek-orange);
	font-size: 13px;
	font-weight: 900;
	backdrop-filter: blur(4px);
}

.rayvatek-about-icon-tile .sppb-addon-single-image-container {
	display: none;
}

.rayvatek-about-icon-tile {
	position: relative;
}

.sppb-addon-raw-html.rayvatek-about-icon-visual,
.sppb-addon.rayvatek-about-icon-visual {
	aspect-ratio: 16 / 9;
	margin: -30px -30px 24px;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	display: block;
}

.sppb-addon.rayvatek-about-icon-visual .sppb-addon-content {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background:
		radial-gradient(circle at 30% 30%, rgba(107, 185, 239, 0.28), transparent 55%),
		linear-gradient(135deg, var(--rayvatek-blue-dark), var(--rayvatek-navy));
}

.sppb-addon.rayvatek-about-icon-visual .sppb-addon-content:after {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
	background-size: 20px 20px, 20px 20px;
}

.rayvatek-about-icon-ring {
	position: relative;
	z-index: 1;
	width: 74px;
	height: 74px;
	border: 2px solid rgba(255, 113, 48, 0.85);
	border-radius: 50%;
	box-shadow: 0 0 0 12px rgba(255, 113, 48, 0.12);
}

.rayvatek-site-footer {
	background: #06111c;
	padding: 80px 0 28px;
	color: #9ab8d3;
}

.rayvatek-footer-inner {
	width: 100%;
	max-width: var(--rayvatek-container-width);
	margin: 0 auto;
	padding-left: var(--rayvatek-container-padding);
	padding-right: var(--rayvatek-container-padding);
	box-sizing: border-box;
	align-items: flex-start;
	display: grid;
	grid-template-columns: minmax(230px, 1.05fr) minmax(120px, .6fr) minmax(150px, .7fr) minmax(150px, .7fr) minmax(230px, 1.05fr);
	column-gap: 40px;
	row-gap: 54px;
}

.rayvatek-footer-brand img {
	width: 143px;
	height: auto;
	margin-bottom: 24px;
}

.rayvatek-footer-inner h3 {
	margin: 0 0 24px;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 900;
}

.rayvatek-footer-inner p,
.rayvatek-footer-inner a {
	display: block;
	margin: 0 0 18px;
	color: #96c3e9;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.85;
	text-decoration: none;
}

.rayvatek-footer-brand p {
	max-width: 320px;
	margin-bottom: 0;
	color: #88a9c8;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.75;
}

.rayvatek-footer-inner b {
	margin-right: 28px;
	color: #168fe1;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .16em;
}

.rayvatek-footer-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 10px;
	margin-top: 24px;
	max-width: 290px;
}

.rayvatek-footer-tags span {
	min-height: 31px;
	padding: 6px 13px;
	border: 1px solid rgba(126, 193, 246, 0.18);
	border-radius: 7px;
	color: #9fd0fb;
	font-size: 14px;
	font-family: "Roboto Mono", "Consolas", monospace;
	letter-spacing: .12em;
	line-height: 1.4;
}

.rayvatek-footer-contact {
	font-style: normal;
}

.rayvatek-footer-contact p {
	display: grid;
	grid-template-columns: 32px 1fr;
	column-gap: 26px;
	align-items: start;
	margin-bottom: 22px;
	color: #96c3e9;
}

.rayvatek-footer-contact b {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-right: 0;
	padding: 6px;
	border: 1px solid rgba(150, 195, 233, .28);
	border-radius: 8px;
	color: #2f8fe6;
	box-sizing: border-box;
}

.rayvatek-footer-contact b svg {
	display: block;
	width: 100%;
	height: 100%;
}

.rayvatek-footer-contact span {
	display: block;
	line-height: 1.7;
}

.rayvatek-footer-bottom {
	width: 100%;
	max-width: var(--rayvatek-container-width);
	margin: 42px auto 0;
	padding-top: 30px;
	padding-left: var(--rayvatek-container-padding);
	padding-right: var(--rayvatek-container-padding);
	box-sizing: border-box;
	border-top: 1px solid rgba(255, 255, 255, 0.09);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	color: #6f91ad;
	font-size: 18px;
	font-family: "Roboto Mono", "Consolas", monospace;
	letter-spacing: .06em;
}

.rayvatek-footer-social {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	margin-top: 4px;
}

.rayvatek-footer-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 6px;
	border: 1px solid rgba(150, 195, 233, .28);
	border-radius: 50%;
	color: #96c3e9;
	transition: color .2s ease, border-color .2s ease;
}

.rayvatek-footer-social a:hover {
	color: #ffffff;
	border-color: rgba(255, 255, 255, .5);
}

.rayvatek-footer-social svg {
	display: block;
	width: 100%;
	height: 100%;
}

.rayvatek-footer-field {
	padding: 9px 16px;
	border: 1px solid rgba(126, 193, 246, 0.14);
	border-radius: 8px;
	color: #9fc8ec;
	font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .08em;
}

@media (max-width: 1199px) {
	.rayvatek-main-nav {
		gap: 18px;
		font-size: 14px;
	}

	.rayvatek-title .sppb-addon-title,
	.about-title .sppb-addon-title {
		font-size: 48px;
	}
}

@media (max-width: 991px) {
	.rayvatek-header-inner {
		width: min(100% - 32px, 760px);
		min-height: auto;
		padding: 24px 0 28px;
	}

	.rayvatek-language-switch {
		position: static;
	}

	.rayvatek-main-nav {
		justify-content: center;
		flex-flow: row wrap;
		padding-bottom: 0;
	}

	.about-hero-stats {
		grid-template-columns: 1fr;
	}

	.rayvatek-section .sppb-row-container {
		width: min(100% - 32px, 760px);
	}

	.rayvatek-footer-inner {
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}

	.talent-image-small {
		max-width: 80%;
		margin-top: -70px;
	}
}

@media (max-width: 575px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	.rayvatek-page-about-us .sppb-row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.rayvatek-page-about-us .sppb-row > [class*="sppb-col"],
	.rayvatek-page-about-us .sppb-row-column,
	.rayvatek-page-about-us .sppb-column {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.rayvatek-page-about-us .sppb-addon,
	.rayvatek-page-about-us .sppb-addon-title,
	.rayvatek-page-about-us .sppb-addon-content {
		display: block;
		min-width: 0 !important;
		width: 100%;
		max-width: calc(100vw - 120px) !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: keep-all;
	}

	.rayvatek-page-about-us .about-stat-chip,
	.rayvatek-page-about-us .rayvatek-info-card,
	.rayvatek-page-about-us .rayvatek-capability-card,
	.rayvatek-page-about-us .location-card,
	.rayvatek-page-about-us .company-stat-card,
	.rayvatek-page-about-us .cert-card {
		width: calc(100vw - 120px) !important;
		max-width: calc(100vw - 120px) !important;
	}

	.rayvatek-brand img {
		width: 168px;
	}

	.rayvatek-main-nav {
		gap: 12px 16px;
		font-size: 13px;
	}

	.about-hero {
		min-height: 560px;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .about-hero .sppb-row-container,
	.rayvatek-page-lightweight-structure-tw .about-hero .sppb-row-container,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero .sppb-row-container,
	.rayvatek-page-innovative-design-optimized-components-en .about-hero .sppb-row-container,
	.rayvatek-page-lightweight-structure-en .about-hero .sppb-row-container,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero .sppb-row-container {
		padding-right: 0;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .innovative-hero-components,
	.rayvatek-page-metal-microstructure-tw .innovative-hero-components,
	.rayvatek-page-lightweight-structure-tw .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .innovative-hero-components,
	.rayvatek-page-innovative-design-optimized-components-en .innovative-hero-components,
	.rayvatek-page-metal-microstructure-en .innovative-hero-components,
	.rayvatek-page-lightweight-structure-en .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .innovative-hero-components {
		display: none;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .consumer-hero-image-stage,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .consumer-hero-image-stage {
		display: none;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .about-hero .innovative-hero-components,
	.rayvatek-page-metal-microstructure-tw .about-hero .innovative-hero-components,
	.rayvatek-page-lightweight-structure-tw .about-hero .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero .innovative-hero-components,
	.rayvatek-page-innovative-design-optimized-components-en .about-hero .innovative-hero-components,
	.rayvatek-page-metal-microstructure-en .about-hero .innovative-hero-components,
	.rayvatek-page-lightweight-structure-en .about-hero .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero .innovative-hero-components {
		position: relative;
		inset: auto;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
		width: min(360px, 100%);
		margin: 20px 0 6px;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .about-hero .innovative-component,
	.rayvatek-page-metal-microstructure-tw .about-hero .innovative-component,
	.rayvatek-page-lightweight-structure-tw .about-hero .innovative-component,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero .innovative-component,
	.rayvatek-page-innovative-design-optimized-components-en .about-hero .innovative-component,
	.rayvatek-page-metal-microstructure-en .about-hero .innovative-component,
	.rayvatek-page-lightweight-structure-en .about-hero .innovative-component,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero .innovative-component {
		position: static;
		width: 100%;
		max-height: 118px;
		border-radius: 16px;
		animation: none;
		transform: none;
		object-fit: contain;
		background: rgba(255, 255, 255, .1);
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .about-hero .consumer-hero-image-stage,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero .consumer-hero-image-stage {
		position: relative;
		inset: auto;
		display: block;
		width: min(360px, 100%);
		margin: 20px 0 6px;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .about-hero .consumer-hero-image,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero .consumer-hero-image {
		position: static;
		width: 100%;
		height: auto;
		max-height: 190px;
		border-radius: 18px;
		animation: none;
		transform: none;
	}

	.rayvatek-title .sppb-addon-title,
	.about-title .sppb-addon-title {
		font-size: 48px;
		line-height: 1.18;
		word-break: break-all;
	}

	.rayvatek-copy,
	.rayvatek-lead,
	.rayvatek-info-card,
	.rayvatek-capability-card,
	.location-card,
	.application-card,
	.spec-card,
	.about-stat-chip {
		max-width: 100%;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.rayvatek-copy {
		font-size: 16px;
	}

	.about-stat-chip .sppb-addon-title,
	.company-stat-card .sppb-addon-title {
		font-size: 34px;
	}

	.global-map-panel {
		min-height: 320px;
	}

	.rayvatek-footer-inner {
		grid-template-columns: 1fr;
	}

	.rayvatek-footer-bottom {
		flex-direction: column;
	}

	.rayvatek-page-about-us .sppb-addon,
	.rayvatek-page-about-us .sppb-addon-title,
	.rayvatek-page-about-us .sppb-addon-content,
	.rayvatek-page-about-us .rayvatek-copy,
	.rayvatek-page-about-us .rayvatek-lead {
		display: block;
		min-width: 0 !important;
		width: 100% !important;
		max-width: calc(100vw - 80px) !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
		word-break: keep-all !important;
	}

	.rayvatek-page-about-us .rayvatek-title .sppb-addon-title,
	.rayvatek-page-about-us .about-title .sppb-addon-title {
		max-width: min(680px, calc(100vw - 80px)) !important;
		overflow-wrap: normal !important;
		word-break: keep-all !important;
		line-break: strict;
	}

	.rayvatek-page-about-us .rayvatek-title-dark .sppb-addon-title,
	.rayvatek-page-about-us h2.sppb-addon-title.rayvatek-reveal-item,
	.rayvatek-page-about-us h2.sppb-addon-title.reveal {
		width: 100% !important;
		max-width: 100% !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
		word-break: keep-all !important;
		line-break: strict !important;
	}

	.rayvatek-page-about-us .sppb-row-container {
		width: 100% !important;
		max-width: var(--rayvatek-container-width) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.rtvk-certification-panel-addon {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.rayvatek-page-about-us .rtvk-stat-grid-addon,
	.rayvatek-page-about-us .rtvk-stat-grid-addon .sppb-addon-content,
	.rayvatek-page-about-us .rtvk-certification-panel-addon,
	.rayvatek-page-about-us .rtvk-certification-panel-addon .sppb-addon-content {
		width: min(350px, calc(100vw - 40px)) !important;
		max-width: min(350px, calc(100vw - 40px)) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.rayvatek-page-about-us .talent-image-main.rayvatek-about-frame,
	.rayvatek-page-about-us .talent-image-main.rayvatek-about-frame .sppb-addon-content,
	.rayvatek-page-about-us .talent-image-main.rayvatek-about-frame .sppb-addon-single-image-container,
	.rayvatek-page-about-us .talent-image-main.rayvatek-about-frame img.sppb-img-responsive {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 1500px) {
	.rayvatek-menu-row {
		padding-right: 24px;
		padding-left: 24px;
	}

	.rayvatek-main-nav,
	.rayvatek-site-header .rayvatek-main-nav {
		gap: 2px;
	}

	.rayvatek-nav-link,
	.rayvatek-nav-link:visited {
		padding-right: 6px;
		padding-left: 6px;
		font-size: 18px;
		font-weight: 500;
	}
}

@media (max-width: 991px) {
	.rayvatek-header-inner.rayvatek-header-stacked {
		width: 100%;
		min-height: 78px;
		padding: 25px 22px;
		flex-direction: row;
		justify-content: space-between;
	}

	.rayvatek-logo-row {
		order: 1;
		width: 40%;
		justify-content: flex-start;
	}

	.rayvatek-menu-row {
		display: none;
	}

	.rayvatek-brand {
		width: 100%;
	}

	.rayvatek-brand img {
		width: 100%;
		height: auto;
		max-width: none;
	}

	.rayvatek-nav-right {
		order: 2;
		position: static;
		display: flex;
		align-items: center;
		gap: 8px;
		transform: none;
	}

	.rayvatek-language-switch {
		width: 32vw;
		border-radius: 8px;
		font-size: 16px;
	}

	.rayvatek-language-switch button {
		flex: 1;
		padding: 8px 2px;
		line-height: 20px;
		text-align: center;
	}

	.rayvatek-burger {
		display: flex;
		width: 14vw;
		justify-content: center;
		align-items: center;
		gap: 4px;
	}

	.rayvatek-burger span {
		width: 18px;
		height: 2px;
	}

	.rayvatek-mobile-menu {
		display: block;
		z-index: 49;
	}

	.rayvatek-mobile-menu.open {
		transform: none;
	}

	html.rayvatek-lang-en .rayvatek-mobile-menu .rayvatek-en-menu {
		display: block;
	}
}

@media (max-width: 575px) {
	.rayvatek-header-inner.rayvatek-header-stacked {
		min-height: 72px;
		padding-right: 16px;
		padding-left: 16px;
	}

	.rayvatek-mobile-menu {
		padding: 86px 24px 28px;
	}
}

/* Rayvatek home latest news - Joomla articles module */
.rtvk-news-section {
	position: relative;
	overflow: hidden;
	padding: 92px 0 104px;
	background-color: #f5f8fb;
	background-image:
		linear-gradient(rgba(12, 35, 56, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(12, 35, 56, 0.035) 1px, transparent 1px);
	background-size: 80px 80px;
}

.rtvk-news-section > .sppb-row-container {
	width: min(1334px, calc(100% - 180px));
	max-width: 1334px;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

.rtvk-news-section .sppb-row,
.rtvk-news-section .sppb-row > [class*="sppb-col"],
.rtvk-news-section .sppb-column,
.rtvk-news-section .sppb-column-addons {
	display: block;
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
}

.rtvk-news-section .rtvk-news-eyebrow {
	margin: 0 0 18px;
	color: #1a73c0;
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 4.6px;
	text-transform: uppercase;
}

.rtvk-news-section .rtvk-news-eyebrow .sppb-addon-content span {
	margin-right: 8px;
	color: #f15a24;
	font-family: Consolas, "Courier New", monospace;
	letter-spacing: 0;
}

.rtvk-news-section .rtvk-news-title {
	margin: 0;
}

.rtvk-news-section .rtvk-news-title .sppb-addon-title {
	max-width: 760px;
	margin: 0;
	color: #0d1b2b;
	font-size: 48px;
	font-weight: 800;
	line-height: 1.06;
	letter-spacing: 0;
}

.rtvk-news-section .rtvk-news-lead {
	max-width: 760px;
	margin: 18px 0 0;
	color: #0f2236;
	font-size: 16.8px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0;
}

.rtvk-news-section .rtvk-news-module-addon {
	margin-top: 54px;
}

.rtvk-news-module-mount,
.rtvk-news-module-mount .mod-articles-category {
	width: 100%;
}

.rtvk-news-section .review-home-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rtvk-news-section .review-home-card {
	display: flex;
	min-width: 0;
	min-height: 473px;
	overflow: hidden;
	flex-direction: column;
	background: #fff;
	border: 1px solid rgba(120, 149, 178, 0.28);
	border-radius: 14px;
	box-shadow: none;
}

.rtvk-news-section .news-media {
	display: block;
	width: 100%;
	height: 263px;
	overflow: hidden;
	background: #eef3f7;
	color: inherit;
	text-decoration: none;
}

.rtvk-news-section .news-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rtvk-news-section .news-body {
	display: flex;
	min-height: 210px;
	padding: 31px 29px 28px;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
}

.rtvk-news-section .news-body .num {
	display: inline-flex;
	margin: 0 0 18px;
	color: #f15a24;
	font-family: Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	word-spacing: 10px;
	text-decoration: none;
}

.rtvk-news-section .news-body h3 {
	margin: 0;
	color: #113b61;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0;
}

.rtvk-news-section .news-body h3 a,
.rtvk-news-section .news-body h3 a:visited {
	color: inherit;
	text-decoration: none;
}

.rtvk-news-section .news-link {
	display: inline-flex;
	margin-top: auto;
	align-items: center;
	gap: 8px;
	color: #006fbd;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
}

.rtvk-news-section .news-link:hover,
.rtvk-news-section .news-body h3 a:hover {
	color: #005c9c;
}

#rtvk-news-module-source[hidden] {
	display: none;
}

/* News category blog - Joomla com_content output */
.rayvatek-page-news-and-events-tw .rayvatek-main {
	background-color: #f5f8fb;
	background-image:
		linear-gradient(rgba(12, 35, 56, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(12, 35, 56, 0.035) 1px, transparent 1px);
	background-size: 80px 80px;
}

.rayvatek-page-news-and-events-tw .com-content-category-blog.blog {
	width: min(1334px, calc(100% - 180px));
	max-width: 1334px;
	margin: 0 auto;
	padding: 120px 0 104px;
}

.rayvatek-page-news-and-events-tw .com-content-category-blog > .page-header {
	margin: 0 0 54px;
	padding: 0;
	border: 0;
}

.rayvatek-page-news-and-events-tw .com-content-category-blog > .page-header:before {
	display: block;
	margin: 0 0 18px;
	color: #1a73c0;
	font-family: "Roboto Mono", Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 4.6px;
	text-transform: uppercase;
	content: "05   NEWS";
}

.rayvatek-page-news-and-events-tw .com-content-category-blog > .page-header h1 {
	max-width: 760px;
	margin: 0;
	color: #ff7130;
	font-size: 48px;
	font-weight: 900;
	line-height: 1.06;
	letter-spacing: 0;
}

.rayvatek-page-news-and-events-tw .com-content-category-blog > .page-header:after {
	display: block;
	max-width: 760px;
	margin: 18px 0 0;
	color: #0f2236;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0;
	content: "掌握 Rayvatek 最新技術文章、國際展會與產業活動。";
}

.rayvatek-page-news-and-events-tw .com-content-category-blog__items.blog-items,
.rayvatek-page-news-and-events-tw .blog-items[class*="masonry"] {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.rayvatek-page-news-and-events-tw .com-content-category-blog__item {
	display: flex;
	min-width: 0;
}

.rayvatek-page-news-and-events-tw .rayvatek-news-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 473px;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(120, 149, 178, 0.28);
	border-radius: 14px;
	box-shadow: none;
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.rayvatek-page-news-and-events-tw .rayvatek-news-card:hover {
	box-shadow: var(--rayvatek-card-shadow);
	transform: translateY(-2px);
}

.rayvatek-page-news-and-events-tw .rayvatek-news-card .item-image {
	display: block;
	width: 100%;
	height: 263px;
	margin: 0;
	overflow: hidden;
	background: #eef3f7;
}

.rayvatek-page-news-and-events-tw .rayvatek-news-card .item-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.rayvatek-page-news-and-events-tw .rayvatek-news-card .item-content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	min-height: 210px;
	padding: 31px 29px 28px;
}

.rayvatek-page-news-and-events-tw .rayvatek-news-card-date {
	order: 1;
	margin: 0 0 18px;
	color: #f15a24;
	font-family: Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

.rayvatek-page-news-and-events-tw .rayvatek-news-card-title {
	order: 2;
	margin: 0;
	min-height: calc(1.25em * 3);
	color: #113b61;
	font-size: 26px;
	font-weight: 900;
	line-height: 1.25;
	letter-spacing: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.rayvatek-page-news-and-events-tw .rayvatek-news-card:hover .rayvatek-news-card-title {
	color: #005c9c;
}

.rayvatek-page-news-and-events-tw .rayvatek-news-card-readmore {
	order: 3;
	margin-top: auto;
	padding-top: 18px;
	color: #006fbd;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.2;
}

@media (max-width: 991px) {
	.rayvatek-page-news-and-events-tw .com-content-category-blog.blog {
		width: 100%;
		max-width: var(--rayvatek-container-width);
		padding-left: var(--rayvatek-container-padding);
		padding-right: var(--rayvatek-container-padding);
		box-sizing: border-box;
	}

	.rayvatek-page-news-and-events-tw .com-content-category-blog__items.blog-items,
	.rayvatek-page-news-and-events-tw .blog-items[class*="masonry"] {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 1500px) {
	.rtvk-news-section > .sppb-row-container {
		width: min(1280px, calc(100% - 180px));
	}
}

@media (max-width: 1199px) {
	.rtvk-news-section > .sppb-row-container {
		width: min(100%, calc(100% - 64px));
		padding-right: 24px;
		padding-left: 24px;
	}

	.rtvk-news-section .review-home-grid {
		gap: 22px;
	}
}

@media (max-width: 991px) {
	.rtvk-news-section {
		padding: 72px 0 80px;
	}

	.rtvk-news-section .review-home-grid {
		grid-template-columns: 1fr;
	}

	.rtvk-news-section .review-home-card {
		min-height: 0;
	}

	.rtvk-news-section .news-media {
		height: auto;
		aspect-ratio: 16 / 9;
	}
}

@media (max-width: 575px) {
	.rtvk-news-section > .sppb-row-container {
		width: calc(100% - 32px);
		padding-right: 0;
		padding-left: 0;
	}

	.rtvk-news-section .rtvk-news-title .sppb-addon-title {
		font-size: 34px;
		line-height: 1.16;
	}

	.rtvk-news-section .rtvk-news-lead {
		font-size: 15.5px;
	}

	.rtvk-news-section .news-body {
		padding: 26px 24px 26px;
	}
}

/* Rayvatek home contact */
.rtvk-contact-premium {
	position: relative;
	overflow: hidden;
	padding: 118px 0 124px;
	color: #e9eef5;
	background-image:
		linear-gradient(126deg, rgba(6, 17, 31, 0.94) 0%, rgba(10, 32, 56, 0.82) 52%, rgba(2, 7, 13, 0.95) 100%),
		url("/media/templates/site/rayvatek2026/images/pexels-contact-earth-space.jpg");
	background-position: center;
	background-size: cover;
	border-top: 1px solid rgba(142, 209, 255, 0.16);
}

.rtvk-contact-premium > .sppb-row-container {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 640px));
	max-width: 1280px;
	padding-right: 40px;
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;
}

.rtvk-contact-premium .sppb-row,
.rtvk-contact-premium .sppb-row > [class*="sppb-col"],
.rtvk-contact-premium [class*="sppb-col"],
.rtvk-contact-premium .sppb-row-column,
.rtvk-contact-premium .sppb-column,
.rtvk-contact-premium .sppb-column-addons,
.rtvk-contact-premium .sppb-addon-wrapper,
.rtvk-contact-premium .sppb-addon,
.rtvk-contact-premium .sppb-addon-content {
	display: block;
	width: 100%;
	max-width: none;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: 0;
	margin-left: 0;
}

.rtvk-contact-premium .sppb-row {
	--bs-gutter-x: 0;
	--sppb-gutter-x: 0;
	margin-right: 0;
	margin-left: 0;
}

.rtvk-contact-layout {
	display: grid;
	grid-template-columns: minmax(0, 636px) minmax(360px, 500px);
	gap: 64px;
	align-items: center;
}

.rtvk-contact-card {
	position: relative;
	overflow: hidden;
	min-height: 475px;
	margin-top: 24px;
	padding: 34px;
	border: 1px solid rgba(142, 209, 255, 0.24);
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(15, 42, 66, 0.76), rgba(7, 21, 36, 0.62));
	box-shadow: 0 34px 100px rgba(0, 0, 0, 0.34);
	backdrop-filter: blur(16px);
}

.rtvk-contact-card:before {
	content: "";
	position: absolute;
	inset: 16px;
	border: 1px solid rgba(142, 209, 255, 0.08);
	border-radius: 16px;
	pointer-events: none;
}

.rtvk-contact-card > * {
	position: relative;
	z-index: 1;
}

.rtvk-contact-card-kicker {
	display: inline-flex;
	color: #8ed1ff;
	font-family: Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 600;
	line-height: 20.06px;
	letter-spacing: 2px;
}

.rtvk-contact-card h3 {
	max-width: 566px;
	margin: 24px 0 0;
	color: #fff;
	font-size: 51.2px;
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: 0;
}

.rtvk-contact-card h3 span {
	color: #f2682a;
}

.rtvk-contact-card p {
	max-width: 560px;
	margin: 18px 0 0;
	color: rgba(222, 237, 248, 0.72);
	font-size: 17.28px;
	line-height: 1.75;
}

.rtvk-contact-lines {
	display: grid;
	gap: 9px;
	margin: 30px 0;
}

.rtvk-contact-lines span {
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #f2682a, rgba(142, 209, 255, 0.32), transparent);
}

.rtvk-contact-lines span:nth-child(2) {
	width: 74%;
}

.rtvk-contact-lines span:nth-child(3) {
	width: 48%;
}

.rtvk-contact-buttons {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.rtvk-contact-button {
	display: flex;
	min-height: 53px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 15px 24px;
	border: 1px solid rgba(255, 255, 255, 0.58);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.65;
	text-decoration: none;
}

.rtvk-contact-button.primary {
	border-color: #f2682a;
	background: #f2682a;
}

.rtvk-contact-copy {
	max-width: 500px;
}

.rtvk-contact-kicker {
	display: inline-flex;
	gap: 8px;
	color: #2f8fe6;
	font-family: Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 2px;
}

.rtvk-contact-kicker span {
	color: #f2682a;
}

.rtvk-contact-copy h2 {
	max-width: 500px;
	margin: 20px 0 0;
	color: #fff;
	font-size: 49.6px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: 0;
}

.rtvk-contact-copy p {
	max-width: 500px;
	margin: 24px 0 0;
	color: rgba(222, 237, 248, 0.76);
	font-size: 18px;
	line-height: 1.9;
}

.rtvk-contact-map-card {
	grid-column: 1 / -1;
	width: 100%;
	margin-top: 4px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 16px;
	background: rgba(9, 25, 42, 0.72);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.rtvk-contact-map-card iframe {
	display: block;
	width: 100%;
	height: 390px;
	border: 0;
	filter: saturate(0.9) contrast(1.02);
}

.rtvk-contact-map-meta {
	padding: 18px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.rtvk-contact-map-meta .k {
	display: block;
	color: #2f8fe6;
	font-family: Consolas, "Courier New", monospace;
	font-size: 14px;
	line-height: 18.48px;
	letter-spacing: 2px;
}

.rtvk-contact-map-meta p {
	margin: 8px 0 0;
	color: rgba(222, 237, 248, 0.72);
	font-size: 14.72px;
	line-height: 1.55;
}

.rtvk-contact-map-hidden {
	display: none;
}

.rayvatek-page-contact-us-tw #contact-page-map > .sppb-row-container {
	width: min(1280px, calc(100% - 64px));
}

.rayvatek-page-contact-us-tw #contact-page-map .rtvk-contact-layout {
	grid-template-columns: 1fr;
	gap: 44px;
}

.rayvatek-page-contact-us-tw #contact-page-map .rtvk-contact-copy,
.rayvatek-page-contact-us-tw #contact-page-map .rtvk-contact-copy h2,
.rayvatek-page-contact-us-tw #contact-page-map .rtvk-contact-copy p {
	width: 100%;
	max-width: none;
}

.rayvatek-page-about-us #about-hero,
.rayvatek-page-about-us .about-hero {
	margin-top: -30px;
}

.rayvatek-page-about-us .sp-page-builder .page-content #about-hero {
	min-height: 159px !important;
	padding-top: 130px !important;
	padding-bottom: 130px !important;
}

.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero {
	position: relative;
	overflow: hidden;
	background: #071421 !important;
}

.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero:before {
	z-index: 0;
	background:
		linear-gradient(90deg, #000814 0%, rgba(1, 6, 14, 1) 34%, rgba(4, 17, 31, .94) 50%, rgba(6, 28, 50, .9) 100%),
		radial-gradient(circle at 72% 36%, rgba(13, 111, 184, .12), transparent 34%) !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero:before {
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .36) 0%, rgba(1, 16, 32, .28) 48%, rgba(5, 25, 45, .12) 100%) !important;
}

.rayvatek-page-communication-navigation-control-taiwan #about-hero.metal-3d-hero:before,
.rayvatek-page-communication-navigation-control-taiwan .about-hero:before,
.rayvatek-page-laboratory-and-testing-taiwan #about-hero.metal-3d-hero:before,
.rayvatek-page-laboratory-and-testing-taiwan .about-hero:before,
.rayvatek-page-case-study-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-case-study-tw .about-hero:before {
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .38) 0%, rgba(1, 16, 32, .22) 52%, rgba(5, 25, 45, .08) 100%) !important;
}

.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero .metal-3d-hero-video,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero .metal-3d-hero-video {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.rayvatek-page-certifications-tw #about-hero.metal-3d-hero .certifications-hero-video,
.rayvatek-page-certifications-tw .about-hero .certifications-hero-video,
.rayvatek-page-certifications-en #about-hero.metal-3d-hero .certifications-hero-video,
.rayvatek-page-certifications-en .about-hero .certifications-hero-video,
.rayvatek-page-intercompany-agreement-tw #about-hero.metal-3d-hero .certifications-hero-video,
.rayvatek-page-intercompany-agreement-tw .about-hero .certifications-hero-video,
.rayvatek-page-tw_faq #about-hero.metal-3d-hero .certifications-hero-video,
.rayvatek-page-tw_faq .about-hero .certifications-hero-video,
.rayvatek-page-contact-us-tw #about-hero.metal-3d-hero .certifications-hero-video,
.rayvatek-page-contact-us-tw .about-hero .certifications-hero-video {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	pointer-events: none;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero .metal-3d-hero-video {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero .composite-hero-video-iframe {
	top: 50%;
	left: 50%;
	width: max(100%, 177.78vh);
	height: max(100%, 56.25vw);
	border: 0;
	transform: translate(-50%, -50%);
	object-fit: initial;
}

.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero .sppb-row-container,
.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero .features-strip,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero .sppb-row-container,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero .features-strip,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero .sppb-row-container,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero .features-strip {
	position: relative;
	z-index: 2;
}

.rayvatek-page-certifications-tw #about-hero.metal-3d-hero .sppb-row-container,
.rayvatek-page-certifications-tw .about-hero .sppb-row-container,
.rayvatek-page-intercompany-agreement-tw #about-hero.metal-3d-hero .sppb-row-container,
.rayvatek-page-intercompany-agreement-tw .about-hero .sppb-row-container,
.rayvatek-page-tw_faq #about-hero.metal-3d-hero .sppb-row-container,
.rayvatek-page-tw_faq .about-hero .sppb-row-container,
.rayvatek-page-contact-us-tw #about-hero.metal-3d-hero .sppb-row-container,
.rayvatek-page-contact-us-tw .about-hero .sppb-row-container {
	position: relative;
	z-index: 2;
}

.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero .sppb-row,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero .sppb-row,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero .sppb-row {
	justify-content: flex-start;
}

.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d {
	flex: 0 0 50% !important;
	max-width: 50% !important;
	width: 50% !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d {
	flex-basis: 64% !important;
	max-width: 64% !important;
	width: 64% !important;
}

.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero .sppb-column-addons,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero .sppb-column-addons,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero .sppb-column-addons {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero .rayvatek-lead,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero .rayvatek-lead,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero .rayvatek-lead {
	max-width: 100%;
}

.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero #sppb-addon-wrapper-addon-metal-3d-hero-video,
.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero .metal-3d-hero-video-addon,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero #sppb-addon-wrapper-addon-metal-3d-hero-video,
.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero .metal-3d-hero-video-addon,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero #sppb-addon-wrapper-addon-metal-3d-hero-video,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero .metal-3d-hero-video-addon {
	display: none !important;
	position: static;
	margin: 0 !important;
}

@media (max-width: 980px) {
	.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d,
	.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d,
	.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d {
		flex-basis: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.rayvatek-page-metal-3d-printing-tw #about-hero.metal-3d-hero .sppb-column-addons,
	.rayvatek-page-metal-3d-printing-en #about-hero.metal-3d-hero .sppb-column-addons,
	.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #about-hero.metal-3d-hero .sppb-column-addons {
		padding: 0;
	}
}

.rayvatek-page-metal-3d-printing-tw #metal-video.metal-video-section,
.rayvatek-page-metal-3d-printing-en #metal-video.metal-video-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #06111f 0%, #0a2036 52%, #12395c 100%) !important;
	color: #ffffff;
}

.rayvatek-page-metal-3d-printing-tw #metal-video.metal-video-section:before,
.rayvatek-page-metal-3d-printing-en #metal-video.metal-video-section:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(4, 13, 24, .56), rgba(12, 42, 68, .24)),
		radial-gradient(circle at 74% 18%, rgba(47, 143, 230, .2), transparent 36%);
}

.rayvatek-page-metal-3d-printing-tw #metal-video.metal-video-section:after,
.rayvatek-page-metal-3d-printing-en #metal-video.metal-video-section:after {
	content: none;
}

.rayvatek-page-metal-3d-printing-tw #metal-video > .sppb-row-container,
.rayvatek-page-metal-3d-printing-en #metal-video > .sppb-row-container {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 96px));
}

.metal-video-inner {
	display: grid;
	grid-template-columns: minmax(360px, .72fr) minmax(520px, 1fr);
	gap: 72px;
	align-items: center;
}

.metal-video-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	color: #2f8fe6;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .14em;
}

.metal-video-kicker span {
	display: inline;
	width: auto;
	height: auto;
	color: #f2682a;
	background: transparent;
	transform: none;
}

.metal-video-kicker b {
	color: rgba(142, 209, 255, .68);
	font-weight: 800;
}

.metal-video-copy h2 {
	margin: 0;
	max-width: 470px;
	color: #ffffff;
	font-size: 42px;
	line-height: 1.16;
	font-weight: 900;
	letter-spacing: 0;
}

.metal-video-copy p {
	margin: 22px 0 0;
	max-width: 520px;
	color: #c7d6e4;
	font-size: 17px;
	line-height: 1.9;
	font-weight: 500;
}

.metal-video-panel {
	position: relative;
	overflow: hidden;
	min-height: 336px;
	border: 1px solid rgba(142, 209, 255, .2);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(47, 143, 230, .16) 0 10px, transparent 10px 27px),
		rgba(5, 20, 34, .74);
	background-size: 38px 38px, auto;
	box-shadow: inset 0 0 80px rgba(0, 0, 0, .16);
}

.metal-video-frame {
	position: absolute;
	inset: 0;
}

.metal-video-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.metal-video-caption {
	position: absolute;
	left: 50%;
	top: 58%;
	z-index: 2;
	transform: translateX(-50%);
	color: #dce9f6;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .12em;
	text-align: center;
	pointer-events: none;
	text-transform: uppercase;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .55);
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #metal-video.metal-video-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #06111f 0%, #0a2036 52%, #12395c 100%) !important;
	color: #ffffff;
}

.composite-brand-video-section {
	padding: 96px 0 !important;
	background: #eef4fa;
}

.composite-brand-video-section > .sppb-row-container {
	width: min(1280px, calc(100% - 96px));
	max-width: none;
	margin-right: auto;
	margin-left: auto;
}

.composite-brand-video-inner {
	display: grid;
	grid-template-columns: minmax(360px, .86fr) minmax(520px, 1fr);
	gap: 54px;
	align-items: center;
}

.composite-brand-video-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	color: #2f6ea7;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: 0;
}

.composite-brand-video-kicker span {
	color: #f2682a;
}

.composite-brand-video-kicker b {
	color: #8aa0b5;
	font-weight: 800;
}

.composite-brand-video-copy h2 {
	margin: 0 0 22px;
	color: #071d34;
	font-size: 42px;
	font-weight: 950;
	line-height: 1.14;
	letter-spacing: 0;
}

.composite-brand-video-copy p {
	margin: 0 0 18px;
	color: #42586d;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.95;
	letter-spacing: 0;
}

.composite-brand-video-copy p:last-child {
	margin-bottom: 0;
}

.composite-brand-video-panel {
	overflow: hidden;
	border: 1px solid rgba(8, 33, 57, .12);
	border-radius: 14px;
	background: #071421;
	box-shadow: 0 24px 60px rgba(8, 33, 57, .14);
}

.composite-brand-video-panel iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
}

.communication-core-solutions-section {
	padding: 92px 0 !important;
	background: #eef4fa;
	color: #071d34;
}

.communication-core-solutions-section > .sppb-row-container {
	width: min(1280px, calc(100% - 96px));
	max-width: none;
	margin-right: auto;
	margin-left: auto;
}

.communication-core-head {
	margin-bottom: 28px;
}

.communication-core-head h2 {
	margin: 0;
	color: #071d34;
	font-size: 42px;
	font-weight: 950;
	line-height: 1.14;
	letter-spacing: 0;
}

.communication-core-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.communication-core-card {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 22px;
	min-height: 190px;
	padding: 34px 34px 28px;
	border: 1px solid rgba(12, 66, 116, .14);
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(7, 29, 52, .08);
}

.communication-core-icon {
	color: #2f6ea7;
}

.communication-core-icon svg {
	display: block;
	width: 66px;
	height: 66px;
}

.communication-core-icon img {
	display: block;
	width: 72px;
	height: 72px;
	object-fit: contain;
}

.communication-core-copy h3 {
	margin: 0 0 14px;
	color: #071d34;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.communication-core-copy p {
	margin: 0 0 24px;
	color: #42586d;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.75;
	letter-spacing: 0;
}

.communication-core-copy a {
	color: #2d8cff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
}

.communication-core-copy a span {
	margin-left: 6px;
}

.laboratory-capabilities-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.laboratory-capability-card {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 18px;
	min-height: 142px;
	padding: 28px 24px;
	border: 1px solid rgba(12, 66, 116, .14);
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(7, 29, 52, .08);
}

.laboratory-capability-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 6px;
	color: #2f6ea7;
	background: #edf5fc;
}

.laboratory-capability-icon svg {
	display: block;
	width: 26px;
	height: 26px;
}

.laboratory-capability-card h3 {
	margin: 0 0 10px;
	color: #071d34;
	font-size: 21px;
	font-weight: 950;
	line-height: 1.3;
	letter-spacing: 0;
}

.laboratory-capability-card p {
	margin: 0;
	color: #2f6ea7;
	font-size: 14px;
	font-weight: 850;
	line-height: 1.45;
	letter-spacing: 0;
}

.case-study-results-head {
	max-width: 920px;
}

.case-study-results-head p {
	margin: 18px 0 0;
	color: #42586d;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.9;
	letter-spacing: 0;
}

.case-study-results-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.case-study-result-card {
	overflow: hidden;
	margin: 0;
	border: 1px solid rgba(12, 66, 116, .14);
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(7, 29, 52, .08);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
	will-change: transform;
}

.case-study-result-card:hover {
	transform: translateY(-8px);
	border-color: rgba(47, 110, 167, .42);
	box-shadow: 0 26px 58px rgba(7, 29, 52, .16);
}

.case-study-result-card a {
	display: contents;
	color: inherit;
	text-decoration: none;
}

.case-study-result-card img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	background: #dbe4ec;
}

.case-study-result-card h3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 91.98px;
	height: 91.98px;
	margin: 0;
	padding: 18px 20px 20px;
	background: #2f6ea7;
	color: #ffffff;
	font-size: 18px;
	font-weight: 950;
	line-height: 1.35;
	letter-spacing: 0;
}

.case-study-result-card h3::after {
	content: "\2192";
	flex: 0 0 auto;
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
	transition: transform .22s ease;
}

.case-study-result-card:hover h3::after {
	transform: translateX(6px);
}

.rayvatek-page-case-study-tw #talent-section {
	display: none !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #metal-video > .sppb-row-container {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 96px));
}

.composite-winding-video-section {
	width: 100%;
}

.composite-winding-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 34px;
	text-align: left;
}

.composite-winding-head h2 {
	margin: 0;
	color: #ffffff;
	font-size: 42px;
	line-height: 1.16;
	font-weight: 900;
	letter-spacing: 0;
}

.composite-winding-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

.composite-winding-card {
	overflow: hidden;
	border: 1px solid rgba(142, 209, 255, .2);
	border-radius: 14px;
	background: rgba(5, 20, 34, .74);
	box-shadow: inset 0 0 80px rgba(0, 0, 0, .16);
}

.composite-winding-card video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #020912;
	object-fit: cover;
}

.composite-winding-copy {
	padding: 22px 24px 24px;
}

.composite-winding-copy h3 {
	margin: 0 0 10px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.composite-winding-copy p {
	margin: 0;
	color: #c7d6e4;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0;
}

.rayvatek-page-communication-navigation-control-taiwan #metal-video.metal-video-section,
.rayvatek-page-laboratory-and-testing-taiwan #metal-video.metal-video-section,
.rayvatek-page-case-study-tw #metal-video.metal-video-section {
	background: #000d23 !important;
}

.rayvatek-page-communication-navigation-control-taiwan #metal-video > .sppb-row-container,
.rayvatek-page-laboratory-and-testing-taiwan #metal-video > .sppb-row-container,
.rayvatek-page-case-study-tw #metal-video > .sppb-row-container {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 96px));
}

.communication-architecture-section {
	width: 100%;
}

.communication-architecture-head {
	margin-bottom: 30px;
}

.communication-architecture-figure {
	overflow: hidden;
	margin: 0;
	padding: 24px;
	border-radius: 8px;
}

.communication-architecture-figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #company-stats {
	background: #eef4fa;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #company-stats.rtvk-stats-dashboard::before {
	content: none;
	background: none !important;
	opacity: 0;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #global-locations {
	background: #0a2036;
	color: #ffffff;
}

.rayvatek-page-communication-navigation-control-taiwan #global-locations,
.rayvatek-page-laboratory-and-testing-taiwan #global-locations,
.rayvatek-page-case-study-tw #global-locations {
	background: #001126;
	color: #ffffff;
}

.rayvatek-page-communication-navigation-control-taiwan #company-stats,
.rayvatek-page-communication-navigation-control-taiwan #composite-fiber-winding,
.rayvatek-page-laboratory-and-testing-taiwan #metal-video,
.rayvatek-page-laboratory-and-testing-taiwan #global-locations,
.rayvatek-page-laboratory-and-testing-taiwan #company-stats,
.rayvatek-page-laboratory-and-testing-taiwan #composite-fiber-winding,
.rayvatek-page-case-study-tw #metal-video,
.rayvatek-page-case-study-tw #global-locations,
.rayvatek-page-case-study-tw #company-stats,
.rayvatek-page-case-study-tw #composite-fiber-winding {
	display: none !important;
}

.communication-product-focus-section {
	padding: 90px 0;
}

.communication-product-focus-section .composite-section-head h2 {
	color: #ffffff;
}

.communication-product-focus-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

.communication-product-focus-card {
	overflow: hidden;
	margin: 0;
	border: 1px solid rgba(70, 133, 205, .42);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(8, 31, 61, .94), rgba(1, 13, 31, .9));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 22px 56px rgba(0, 7, 18, .28);
}

.communication-product-focus-card img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background: #061526;
}

.communication-product-focus-copy {
	padding: 26px 28px 30px;
}

.communication-product-focus-copy h3 {
	margin: 0 0 8px;
	color: #ffffff;
	font-size: 24px;
	font-weight: 950;
	line-height: 1.25;
	letter-spacing: 0;
}

.communication-product-focus-copy strong {
	display: block;
	margin-bottom: 14px;
	color: #61a5ff;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.communication-product-focus-copy p {
	margin: 0;
	color: #b7c9dc;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: 0;
}

.composite-fiber-winding-section {
	padding: 104px 0 112px;
	background: #0a2036;
	color: #ffffff;
}

.composite-fiber-winding-section > .sppb-row-container {
	width: min(1280px, calc(100% - 96px));
}

.composite-fiber-winding-section .composite-section-head h2 {
	color: #ffffff;
}

.composite-fiber-winding-section .rayvatek-global-kicker {
	color: #2f8fe6;
}

.composite-fiber-winding-section .rayvatek-global-kicker b {
	color: rgba(142, 209, 255, .68);
}

.composite-fiber-winding-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
	max-width: 980px;
}

.composite-fiber-winding-card {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.composite-fiber-winding-card h3 {
	margin: 0 0 16px;
	color: #ffffff;
	font-size: 25px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.composite-fiber-winding-card p {
	margin: 0;
	color: rgba(214, 228, 241, .78);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.95;
	letter-spacing: 0;
}

.composite-fiber-image-placeholders {
	display: grid;
	grid-template-columns: 1fr;
	margin-top: 34px;
}

.composite-fiber-image-placeholders figure {
	display: grid;
	place-items: center;
	margin: 0;
	border: 1px dashed rgba(142, 209, 255, .14);
	border-radius: 14px;
	background: rgba(2, 15, 29, .42);
	overflow: hidden;
}

.composite-fiber-image-placeholders img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
}

.composite-energy-infographic {
	margin-top: 34px;
	padding: 34px 32px 38px;
	border-radius: 18px;
}

.energy-info-head {
	text-align: center;
}

.energy-info-head h3 {
	margin: 0;
	font-size: 42px;
	font-weight: 950;
	line-height: 1.12;
	letter-spacing: .18em;
}

.energy-info-head p {
	margin: 8px 0 0;
	color: rgba(214, 228, 241, .78);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: .08em;
}

.energy-info-head.is-green h3 {
	color: #168760;
}

.energy-info-head.is-blue h3 {
	color: #2f8fe6;
}

.energy-flow-grid,
.energy-app-grid {
	display: grid;
	gap: 16px;
	margin-top: 28px;
}

.energy-flow-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.energy-app-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.energy-flow-card,
.energy-app-card {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 34px rgba(11, 43, 70, .12);
}

.energy-flow-card:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 34%;
	right: -22px;
	z-index: 3;
	width: 42px;
	height: 42px;
	background: #1a9a70;
	clip-path: polygon(0 20%, 58% 20%, 58% 0, 100% 50%, 58% 100%, 58% 80%, 0 80%);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .2);
}

.energy-flow-card img,
.energy-app-card img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.energy-card-title {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: -42px;
	padding: 8px 14px 9px;
	color: #ffffff;
}

.energy-flow-card .energy-card-title {
	background: rgba(22, 135, 96, .9);
}

.energy-app-card .energy-card-title {
	background: rgba(17, 59, 102, .92);
}

.energy-card-title span {
	display: inline-grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 2px solid rgba(255, 255, 255, .78);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 950;
	line-height: 1;
}

.energy-card-title h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 950;
	line-height: 1.25;
	letter-spacing: 0;
}

.energy-flow-card p,
.energy-app-card p {
	margin: 0;
	padding: 16px 18px 20px;
	color: #4f5d68;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.65;
	letter-spacing: 0;
}

.energy-info-bridge {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 22px;
	align-items: center;
	margin: 34px 0 24px;
	color: #168760;
	font-size: 20px;
	font-weight: 950;
	line-height: 1.45;
	letter-spacing: .04em;
	text-align: center;
}

.energy-info-bridge::before,
.energy-info-bridge::after {
	content: "";
	height: 1px;
	background: rgba(22, 135, 96, .32);
}

.composite-fiber-benefits {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin-top: 48px;
}

.composite-fiber-benefit {
	display: block;
	padding: 30px 24px 28px;
	border: 1px solid rgba(142, 209, 255, .24);
	border-radius: 14px;
	background: rgba(47, 143, 230, .08);
}

.composite-fiber-benefit span {
	color: #f2682a;
	font-size: 20px;
	font-weight: 950;
	line-height: 1.2;
	letter-spacing: .08em;
}

.composite-fiber-benefit h3 {
	margin: 22px 0 12px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.composite-fiber-benefit p {
	margin: 0;
	color: rgba(255, 255, 255, .82);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: 0;
}

.composite-fiber-summary {
	grid-column: 1 / -1;
	width: 100%;
	max-width: none;
	margin: 42px 0 0;
	padding: 0;
	border-left: 0;
	border-radius: 0;
	color: rgba(214, 228, 241, .78);
	background: transparent;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.95;
	letter-spacing: 0;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #global-locations .composite-section-head h2,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #global-locations .rayvatek-global-kicker {
	color: #ffffff;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #global-locations .rayvatek-global-kicker {
	color: #2f8fe6;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #global-locations .rayvatek-global-kicker b {
	color: rgba(142, 209, 255, .68);
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #company-stats .rtvk-stats-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: #2f8fe6;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: .14em;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #company-stats .rtvk-stats-kicker span {
	display: inline;
	width: auto;
	height: auto;
	color: #f2682a;
	background: transparent;
	transform: none;
}

.composite-section-head {
	max-width: 820px;
	margin-bottom: 42px;
}

.composite-section-head h2 {
	margin: 14px 0 0;
	color: #071d34;
	font-size: 44px;
	font-weight: 950;
	line-height: 1.12;
	letter-spacing: 0;
}

.composite-liner-section,
.composite-hydrogen-section {
	width: 100%;
}

.composite-liner-grid {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: 28px;
	align-items: stretch;
}

.composite-liner-card {
	overflow: hidden;
	border: 1px solid rgba(8, 33, 57, .1);
	border-radius: 14px;
	background: rgba(255, 255, 255, .08);
	box-shadow: 0 22px 54px rgba(8, 33, 57, .09);
}

.composite-liner-card img,
.composite-liner-card video {
	display: block;
	width: 100%;
	height: 280px;
	min-height: 0;
	object-fit: cover;
	background: #dbe4ec;
}

.composite-liner-card > div {
	padding: 28px 30px;
}

.composite-liner-card h3 {
	margin: 0 0 16px;
	color: #ffffff;
	font-size: 24px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.composite-liner-card p {
	margin: 0 0 16px;
	color: rgba(255, 255, 255, .82);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: 0;
}

.composite-liner-card p:last-child {
	margin-bottom: 0;
}

.composite-hydrogen-layout {
	display: block;
	align-items: start;
}

.composite-hydrogen-side-media {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.composite-hydrogen-side-media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border: 1px solid rgba(8, 33, 57, .1);
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 18px 42px rgba(8, 33, 57, .09);
}

.composite-hydrogen-copy p {
	margin: 0 0 20px;
	color: #42586d;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.95;
	letter-spacing: 0;
}

.composite-hydrogen-copy {
	width: 100%;
	margin-top: 32px;
}

.composite-hydrogen-copy p:last-child {
	margin-bottom: 0;
}

.composite-hydrogen-gallery {
	display: flex;
	gap: 16px;
	align-items: stretch;
	width: 100%;
	margin-top: 36px;
}

.composite-hydrogen-gallery figure {
	position: relative;
	flex: 1 1 0;
	overflow: hidden;
	margin: 0;
	border-radius: 14px;
	box-shadow: 0 18px 42px rgba(8, 33, 57, .09);
}

.composite-hydrogen-gallery img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border: 0;
	border-radius: 0;
	background: #ffffff;
	box-shadow: none;
}

.composite-hydrogen-gallery figcaption {
	position: absolute;
	left: 14px;
	bottom: 14px;
	z-index: 1;
	padding: 7px 12px 8px;
	border-radius: 999px;
	color: #ffffff;
	background: rgba(7, 29, 52, .72);
	backdrop-filter: blur(8px);
	font-size: 15px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
	text-align: center;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw .rayvatek-about-mission {
	display: none;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #talent-section.composite-products-section,
.rayvatek-page-communication-navigation-control-taiwan #talent-section.composite-products-section,
.rayvatek-page-laboratory-and-testing-taiwan #talent-section.composite-products-section,
.rayvatek-page-case-study-tw #talent-section.composite-products-section {
	padding: 104px 0 112px;
	background:
		linear-gradient(135deg, #06111f 0%, #09233d 48%, #071421 100%);
	color: #ffffff;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #talent-section.composite-products-section > .sppb-row-container,
.rayvatek-page-communication-navigation-control-taiwan #talent-section.composite-products-section > .sppb-row-container,
.rayvatek-page-laboratory-and-testing-taiwan #talent-section.composite-products-section > .sppb-row-container,
.rayvatek-page-case-study-tw #talent-section.composite-products-section > .sppb-row-container {
	width: min(1280px, calc(100% - 96px));
}

.composite-products-section .composite-section-head h2 {
	color: #ffffff;
}

.composite-products-section .rayvatek-global-kicker {
	color: #2f8fe6;
}

.composite-products-section .rayvatek-global-kicker b {
	color: rgba(142, 209, 255, .68);
}

.composite-products-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.composite-product-card {
	display: block;
	overflow: hidden;
	margin: 0;
	border: 1px solid rgba(142, 209, 255, .18);
	border-radius: 14px;
	background: rgba(255, 255, 255, .06);
	box-shadow: 0 22px 54px rgba(0, 0, 0, .16);
	text-decoration: none;
	transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.composite-product-card:hover {
	transform: translateY(-4px);
	border-color: rgba(47, 143, 230, .46);
	background: rgba(47, 143, 230, .1);
}

.composite-product-card img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: #dbe4ec;
}

.composite-product-card h3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 0;
	padding: 20px 22px 22px;
	color: #ffffff;
	font-size: 21px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.composite-product-card h3::after {
	content: "→";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(142, 209, 255, .24);
	border-radius: 999px;
	color: #2f8fe6;
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
	transition: transform .25s ease, color .25s ease, border-color .25s ease;
}

.composite-product-card:hover h3::after {
	transform: translateX(5px);
	color: #ffffff;
	border-color: rgba(255, 255, 255, .42);
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero:before {
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .36) 0%, rgba(1, 16, 32, .28) 48%, rgba(5, 25, 45, .12) 100%) !important;
}

.rayvatek-page-communication-navigation-control-en #about-hero.metal-3d-hero:before,
.rayvatek-page-communication-navigation-control-en .about-hero:before,
.rayvatek-page-laboratory-and-testing-en #about-hero.metal-3d-hero:before,
.rayvatek-page-laboratory-and-testing-en .about-hero:before {
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .38) 0%, rgba(1, 16, 32, .22) 52%, rgba(5, 25, 45, .08) 100%) !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .metal-3d-hero-video {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .composite-hero-video-iframe {
	top: 50%;
	left: 50%;
	width: max(100%, 177.78vh);
	height: max(100%, 56.25vw);
	border: 0;
	transform: translate(-50%, -50%);
	object-fit: initial;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .sppb-row-container,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .features-strip {
	position: relative;
	z-index: 2;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .sppb-row {
	justify-content: flex-start;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d {
	flex: 0 0 64% !important;
	max-width: 64% !important;
	width: 64% !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .sppb-column-addons {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .rayvatek-lead {
	max-width: 100%;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero #sppb-addon-wrapper-addon-metal-3d-hero-video,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .metal-3d-hero-video-addon {
	display: none !important;
	position: static;
	margin: 0 !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #metal-video.metal-video-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #06111f 0%, #0a2036 52%, #12395c 100%) !important;
	color: #ffffff;
}

.rayvatek-page-communication-navigation-control-en #metal-video.metal-video-section,
.rayvatek-page-laboratory-and-testing-en #metal-video.metal-video-section {
	background: #000d23 !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #company-stats {
	background: #eef4fa;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-intro {
	display: none !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #company-stats.rtvk-stats-dashboard::before {
	content: none;
	background: none !important;
	opacity: 0;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #global-locations {
	background: #0a2036;
	color: #ffffff;
}

.rayvatek-page-communication-navigation-control-en #global-locations,
.rayvatek-page-laboratory-and-testing-en #global-locations {
	background: #001126;
	color: #ffffff;
}

.rayvatek-page-communication-navigation-control-en #company-stats,
.rayvatek-page-communication-navigation-control-en #composite-fiber-winding,
.rayvatek-page-laboratory-and-testing-en #metal-video,
.rayvatek-page-laboratory-and-testing-en #global-locations,
.rayvatek-page-laboratory-and-testing-en #company-stats,
.rayvatek-page-laboratory-and-testing-en #composite-fiber-winding {
	display: none !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en .rayvatek-about-mission {
	display: none;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #global-locations .composite-section-head h2,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en #global-locations .rayvatek-global-kicker {
	color: #ffffff;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #global-locations .rayvatek-global-kicker {
	color: #2f8fe6;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #global-locations .rayvatek-global-kicker b {
	color: rgba(142, 209, 255, .68);
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #company-stats .rtvk-stats-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: #2f8fe6;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: .14em;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #company-stats .rtvk-stats-kicker span {
	display: inline;
	width: auto;
	height: auto;
	color: #f2682a;
	background: transparent;
	transform: none;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #talent-section.composite-products-section,
.rayvatek-page-communication-navigation-control-en #talent-section.composite-products-section,
.rayvatek-page-laboratory-and-testing-en #talent-section.composite-products-section {
	padding: 104px 0 112px;
	background:
		linear-gradient(135deg, #06111f 0%, #09233d 48%, #071421 100%);
	color: #ffffff;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #talent-section.composite-products-section > .sppb-row-container,
.rayvatek-page-communication-navigation-control-en #metal-video > .sppb-row-container,
.rayvatek-page-communication-navigation-control-en #talent-section.composite-products-section > .sppb-row-container,
.rayvatek-page-laboratory-and-testing-en #talent-section.composite-products-section > .sppb-row-container {
	width: min(1280px, calc(100% - 96px));
}

@media (max-width: 980px) {
	.rayvatek-page-metal-3d-printing-tw #metal-video > .sppb-row-container,
	.rayvatek-page-metal-3d-printing-en #metal-video > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.metal-video-inner {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.metal-video-panel {
		min-height: 0;
		aspect-ratio: 16 / 9;
	}

	.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #metal-video > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.rayvatek-page-communication-navigation-control-taiwan #metal-video > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.rayvatek-page-laboratory-and-testing-taiwan #metal-video > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.rayvatek-page-case-study-tw #metal-video > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.composite-winding-head {
		display: block;
	}

	.composite-winding-head .metal-video-kicker {
		margin-bottom: 18px;
	}

	.composite-winding-grid {
		grid-template-columns: 1fr;
	}

	.composite-brand-video-section > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.communication-core-solutions-section > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.communication-core-grid {
		grid-template-columns: 1fr;
	}

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

	.case-study-results-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.composite-fiber-winding-section > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.rayvatek-page-composite-materials-and-hydrogen-tanks-tw #talent-section.composite-products-section > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.rayvatek-page-communication-navigation-control-taiwan #talent-section.composite-products-section > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.rayvatek-page-laboratory-and-testing-taiwan #talent-section.composite-products-section > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.rayvatek-page-case-study-tw #talent-section.composite-products-section > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d {
		flex-basis: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .sppb-column-addons {
		padding: 0;
	}

	.rayvatek-page-composite-materials-and-hydrogen-tanks-en #metal-video > .sppb-row-container,
	.rayvatek-page-composite-materials-and-hydrogen-tanks-en #talent-section.composite-products-section > .sppb-row-container,
	.rayvatek-page-communication-navigation-control-en #metal-video > .sppb-row-container,
	.rayvatek-page-communication-navigation-control-en #talent-section.composite-products-section > .sppb-row-container,
	.rayvatek-page-laboratory-and-testing-en #talent-section.composite-products-section > .sppb-row-container {
		width: min(100% - 56px, 1280px);
	}

	.composite-brand-video-inner {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.composite-liner-grid,
	.composite-hydrogen-layout {
		grid-template-columns: 1fr;
	}

	.communication-product-focus-grid {
		grid-template-columns: 1fr;
	}

	.composite-fiber-winding-grid {
		grid-template-columns: 1fr;
	}

	.composite-fiber-benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

	.energy-flow-grid,
	.energy-app-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.energy-flow-card:not(:last-child)::after {
		display: none;
	}

	.composite-hydrogen-gallery {
		flex-wrap: wrap;
	}

	.composite-hydrogen-gallery figure,
	.composite-hydrogen-gallery figure.is-storage {
		flex: 1 1 calc(50% - 8px);
	}

	.composite-section-head h2 {
		font-size: 36px;
	}
}

@media (max-width: 620px) {
	.metal-video-copy h2 {
		font-size: 34px;
	}

	.composite-winding-head h2 {
		font-size: 34px;
	}

	.composite-brand-video-copy h2 {
		font-size: 34px;
	}

	.communication-core-head h2 {
		font-size: 34px;
	}

	.communication-core-card {
		grid-template-columns: 1fr;
		padding: 28px 24px;
	}

	.laboratory-capabilities-grid {
		grid-template-columns: 1fr;
	}

	.case-study-results-grid {
		grid-template-columns: 1fr;
	}

	.metal-video-copy p {
		font-size: 16px;
	}

	.composite-hydrogen-gallery {
		flex-direction: column;
	}

	.composite-hydrogen-gallery figure,
	.composite-hydrogen-gallery figure.is-storage {
		flex: 1 1 auto;
	}

	.composite-fiber-image-placeholders,
	.composite-fiber-benefits {
		grid-template-columns: 1fr;
	}

	.composite-products-grid {
		grid-template-columns: 1fr;
	}

	.composite-energy-infographic {
		padding: 26px 18px 30px;
	}

	.energy-info-head h3 {
		font-size: 32px;
	}

	.energy-flow-grid,
	.energy-app-grid {
		grid-template-columns: 1fr;
	}

	.energy-info-bridge {
		grid-template-columns: 1fr;
		gap: 14px;
		font-size: 18px;
	}

	.composite-fiber-benefit {
		padding: 22px;
	}
}

.rayvatek-page-about-us .features-strip {
	background: #263e5d;
	padding: 0;
}

.rayvatek-page-about-us .features-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 3px solid #f2682a;
}

.rayvatek-page-about-us .feature-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 36px 32px;
	border-right: 1px solid rgba(255, 255, 255, 0.06);
	transition: background 0.3s ease;
}

.rayvatek-page-about-us .feature-item:hover {
	background: rgba(242, 104, 42, 0.06);
}

.rayvatek-page-about-us .feature-item:last-child {
	border-right: 0;
}

.rayvatek-page-about-us .feature-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin-bottom: 4px;
	border-radius: 10px;
	background: rgba(242, 104, 42, 0.15);
}

.rayvatek-page-about-us .feature-icon svg {
	width: 28px;
	height: 28px;
	fill: #f2682a;
}

.rayvatek-page-about-us .feature-kicker {
	color: #f2682a;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.rayvatek-page-about-us .feature-name {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
}

.rayvatek-page-about-us .feature-desc {
	color: #d6e3ef;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0;
}

.rayvatek-page-about-us #about-intro {
	padding-top: 8px !important;
	padding-bottom: 76px !important;
}

.rayvatek-page-about-us #about-intro > .sppb-row-container {
	width: min(1128px, calc(100% - 108px));
	max-width: none;
	margin-right: auto;
	margin-left: auto;
}

.rayvatek-about-mission {
	width: 100%;
}

.rayvatek-about-mission-head {
	max-width: 780px;
	margin-bottom: 46px;
}

.rayvatek-mission-kicker {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 15px;
	color: #2f6ea7;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: 2px;
}

.rayvatek-mission-kicker span {
	color: #d9785f;
}

.rayvatek-mission-kicker b {
	color: #8aa0b5;
	font-weight: 800;
}

.rayvatek-about-mission h2 {
	margin: 0;
	color: #071d34;
	font-size: 44px;
	font-weight: 950;
	line-height: 1.12;
	letter-spacing: 0;
}

.rayvatek-about-mission-head p {
	max-width: 760px;
	margin: 21px 0 0;
	color: #5d6d7e;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0;
}

.rayvatek-security-policy-section {
	position: relative;
	overflow: hidden;
	padding: 92px 0 104px;
	background-color: var(--rayvatek-ice);
	background-image:
		linear-gradient(rgba(24, 68, 105, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(24, 68, 105, .045) 1px, transparent 1px);
	background-size: 64px 64px;
	color: #122033;
}

.rayvatek-security-policy-section > .sppb-row-container {
	width: min(1128px, calc(100% - 108px));
	max-width: none;
	margin: 0 auto;
}

.rayvatek-security-policy,
.rayvatek-policy-paper {
	box-sizing: border-box;
}

.rayvatek-security-policy-head {
	max-width: 780px;
	margin-bottom: 34px;
}

.rayvatek-security-policy-head h2 {
	margin: 0;
	color: #071d34;
	font-size: 44px;
	font-weight: 950;
	line-height: 1.12;
	letter-spacing: 0;
}

.rayvatek-security-policy-head p {
	max-width: 720px;
	margin: 18px 0 0;
	color: #5d6d7e;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0;
}

.rayvatek-policy-paper {
	padding: 44px 48px;
	border: 1px solid rgba(60, 99, 132, .14);
	border-radius: 8px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 22px 56px rgba(10, 23, 38, .09);
}

.rayvatek-policy-section + .rayvatek-policy-section {
	margin-top: 30px;
	padding-top: 28px;
	border-top: 1px solid rgba(47, 110, 167, .12);
}

.rayvatek-policy-section h3 {
	margin: 0 0 12px;
	color: #0b3764;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.45;
	letter-spacing: 0;
}

.rayvatek-policy-section p,
.rayvatek-policy-section li,
.rayvatek-policy-section dd {
	color: #4c5f72;
	font-size: 16px;
	line-height: 1.95;
	letter-spacing: 0;
}

.rayvatek-policy-section p {
	margin: 0;
}

.rayvatek-policy-section ol {
	margin: 12px 0 0;
	padding-left: 1.35em;
}

.rayvatek-policy-diamonds {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 18px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.rayvatek-policy-diamonds li {
	position: relative;
	padding: 14px 16px 14px 36px;
	border: 1px solid rgba(47, 110, 167, .14);
	border-radius: 6px;
	background: #f7fbff;
	color: #173d63;
	font-weight: 800;
}

.rayvatek-policy-diamonds li::before {
	content: "♦";
	position: absolute;
	left: 16px;
	top: 14px;
	color: #d9785f;
	font-size: 13px;
}

.rayvatek-policy-section dl {
	display: grid;
	gap: 12px;
	margin: 0;
}

.rayvatek-policy-section dl div {
	display: grid;
	grid-template-columns: 190px 1fr;
	gap: 14px;
	padding: 13px 0;
	border-bottom: 1px solid rgba(47, 110, 167, .08);
}

.rayvatek-policy-section dt {
	color: #173d63;
	font-weight: 900;
	line-height: 1.95;
}

.rayvatek-page-certifications-tw .rayvatek-policy-section dl div {
	grid-template-columns: 210px 1fr;
}

.rayvatek-page-certifications-tw .rayvatek-policy-section dt {
	width: 210px;
}

.rayvatek-policy-section dd {
	margin: 0;
}

.rayvatek-policy-signoff {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	margin-top: 38px;
	padding-top: 30px;
	border-top: 2px solid rgba(47, 110, 167, .16);
}

.rayvatek-policy-signoff strong {
	display: block;
	color: #0b3764;
	font-size: 17px;
	font-weight: 900;
}

.rayvatek-policy-signoff img {
	display: block;
	width: 168px;
	height: auto;
	margin-top: 12px;
}

.rayvatek-policy-signoff p {
	margin: 0;
	color: #173d63;
	font-size: 16px;
	font-weight: 900;
}

.rayvatek-intercompany-logo {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.rayvatek-intercompany-logo img {
	display: block;
	width: 210px;
	max-width: 70%;
	height: auto;
}

.rayvatek-intercompany-title {
	margin-bottom: 34px;
	text-align: center;
}

.rayvatek-intercompany-title p {
	margin: 0 0 10px;
	color: #173d63;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.5;
}

.rayvatek-intercompany-title h3 {
	margin: 0;
	color: #071d34;
	font-size: 34px;
	font-weight: 950;
	line-height: 1.2;
	letter-spacing: .08em;
}

.rayvatek-intercompany-paper .rayvatek-policy-section p + p {
	margin-top: 16px;
}

.rayvatek-intercompany-list {
	display: grid;
	gap: 16px;
	margin-top: 0 !important;
}

.rayvatek-intercompany-list li {
	padding-left: 4px;
}

.rayvatek-intercompany-thanks p {
	color: #0b3764;
	font-weight: 900;
}

.rayvatek-faq-list {
	display: grid;
	gap: 18px;
}

.rayvatek-faq-list article {
	padding: 24px 26px;
	border: 1px solid rgba(47, 110, 167, .14);
	border-radius: 8px;
	background: #f7fbff;
}

.rayvatek-faq-list h3 {
	margin: 0 0 12px;
	color: #0b3764;
	font-size: 21px;
	font-weight: 950;
	line-height: 1.45;
	letter-spacing: 0;
}

.rayvatek-faq-list strong {
	display: block;
	margin-bottom: 10px;
	color: #d9785f;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 15px;
	line-height: 1.6;
}

.rayvatek-faq-list p,
.rayvatek-faq-list li {
	margin: 0;
	color: #4c5f72;
	font-size: 16px;
	line-height: 1.9;
}

.rayvatek-faq-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rayvatek-faq-list li {
	position: relative;
	padding-left: 20px;
}

.rayvatek-faq-list li + li {
	margin-top: 8px;
}

.rayvatek-faq-list li::before {
	content: "・";
	position: absolute;
	left: 0;
	color: #d9785f;
	font-weight: 900;
}

.rayvatek-contact-form {
	padding: 44px 48px;
	border: 1px solid rgba(47, 110, 167, .14);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 22px 60px rgba(7, 29, 52, .08);
}

.rayvatek-contact-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px 24px;
}

.rayvatek-contact-field {
	display: grid;
	gap: 8px;
	margin: 0;
	color: #0b3764;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.45;
	letter-spacing: 0;
}

.rayvatek-contact-field span {
	color: #d9785f;
	font-size: 13px;
	font-weight: 800;
}

.rayvatek-contact-field small {
	color: #738295;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
}

.rayvatek-contact-field input,
.rayvatek-contact-field textarea {
	width: 100%;
	min-height: 52px;
	border: 1px solid rgba(47, 110, 167, .2);
	border-radius: 6px;
	background: #f7fbff;
	color: #122033;
	font: inherit;
	font-weight: 600;
	padding: 13px 15px;
	outline: none;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.rayvatek-contact-field textarea {
	min-height: 160px;
	resize: vertical;
}

.rayvatek-contact-field input:focus,
.rayvatek-contact-field textarea:focus {
	border-color: #2f6ea7;
	background: #ffffff;
	box-shadow: 0 0 0 4px rgba(47, 110, 167, .12);
}

.rayvatek-contact-form .is-full {
	grid-column: 1 / -1;
}

.rayvatek-contact-captcha {
	display: grid;
	gap: 10px;
	color: #0b3764;
	font-size: 15px;
	font-weight: 900;
}

.rayvatek-contact-captcha-box {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 76px;
	border: 1px dashed rgba(47, 110, 167, .45);
	border-radius: 6px;
	background: #f7fbff;
	color: #738295;
	font-family: "JetBrains Mono", Consolas, monospace;
	font-size: 13px;
	letter-spacing: 0;
}

.rayvatek-contact-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 148px;
	min-height: 52px;
	margin-top: 28px;
	border: 0;
	border-radius: 6px;
	background: #2f6ea7;
	color: #ffffff;
	font-size: 16px;
	font-weight: 950;
	letter-spacing: 0;
	cursor: pointer;
	transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.rayvatek-contact-submit:hover,
.rayvatek-contact-submit:focus-visible {
	background: #245b8d;
	box-shadow: 0 14px 28px rgba(47, 110, 167, .24);
	transform: translateY(-2px);
}

@media (max-width: 820px) {
	.rayvatek-security-policy-section {
		padding: 72px 0 84px;
	}

	.rayvatek-security-policy-section > .sppb-row-container {
		width: min(100% - 36px, 1128px);
	}

	.rayvatek-security-policy-head h2 {
		font-size: 34px;
	}

	.rayvatek-policy-paper {
		padding: 30px 22px;
	}

	.rayvatek-policy-diamonds {
		grid-template-columns: 1fr;
	}

	.rayvatek-policy-section dl div {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.rayvatek-policy-signoff {
		display: block;
	}

	.rayvatek-policy-signoff p {
		margin-top: 22px;
	}

	.rayvatek-page-certifications-tw #company-stats .rtvk-certification-grid,
.rayvatek-page-intercompany-agreement-tw #company-stats .rtvk-certification-grid {
		grid-template-columns: 1fr;
	}

	.rayvatek-page-certifications-tw #company-stats .rtvk-certification-grid img,
.rayvatek-page-intercompany-agreement-tw #company-stats .rtvk-certification-grid img {
		height: 300px;
	}

	.rayvatek-cert-lightbox {
		padding: 24px;
	}

	.rayvatek-contact-form {
		padding: 28px 20px;
	}

	.rayvatek-contact-form-grid {
		grid-template-columns: 1fr;
	}

	.rayvatek-contact-submit {
		width: 100%;
	}
}

.heat-material-spec {
	width: 100%;
}

.heat-material-spec-head {
	max-width: 820px;
	margin-bottom: 52px;
}

.heat-material-spec h2 {
	margin: 0;
	color: #071d34;
	font-size: 44px;
	font-weight: 950;
	line-height: 1.12;
	letter-spacing: 0;
}

.heat-material-spec-head p {
	max-width: 760px;
	margin: 21px 0 0;
	color: #5d6d7e;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0;
}

.heat-material-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 50px;
}

.heat-material-tabs span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 24px;
	border: 1px solid rgba(8, 33, 57, .11);
	border-radius: 999px;
	background: rgba(255, 255, 255, .88);
	color: #071d34;
	font-size: 13px;
	font-weight: 850;
	line-height: 1.3;
	box-shadow: 0 10px 24px rgba(8, 33, 57, .04);
}

.heat-material-tabs span:first-child {
	color: #2f6ea7;
}

.heat-spec-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	overflow: hidden;
	margin-bottom: 50px;
	border: 1px solid rgba(8, 33, 57, .1);
	border-radius: 18px;
	background: rgba(255, 255, 255, .92);
}

.heat-spec-card {
	min-height: 126px;
	padding: 34px 28px 28px;
	border-right: 1px solid rgba(8, 33, 57, .12);
}

.heat-spec-card:last-child {
	border-right: 0;
}

.heat-spec-card strong {
	display: block;
	color: #071d34;
	font-family: "JetBrains Mono", Consolas, "Courier New", monospace;
	font-size: 31px;
	font-weight: 950;
	line-height: 1;
	letter-spacing: 0;
}

.heat-spec-card strong span {
	color: #f2682a;
	font-size: .88em;
}

.heat-spec-card p {
	margin: 16px 0 0;
	color: #2f6ea7;
	font-size: 14px;
	font-weight: 850;
	line-height: 1.3;
}

.heat-spec-note {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 40px;
	padding: 18px 22px;
	border: 1px solid rgba(47, 110, 167, .26);
	border-radius: 12px;
	background: rgba(213, 226, 240, .58);
	color: #42586d;
}

.heat-spec-note span {
	display: inline-grid;
	flex: 0 0 auto;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #2f7fc2;
	color: #ffffff;
	font-size: 14px;
}

.heat-spec-note p {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
}

.heat-spec-note strong {
	color: #071d34;
	font-weight: 900;
}

.heat-spec-actions {
	display: flex;
	justify-content: center;
	gap: 14px;
}

.heat-spec-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 26px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 900;
	text-decoration: none;
}

.heat-spec-primary {
	background: #f2682a;
	color: #ffffff;
	box-shadow: 0 18px 34px rgba(242, 104, 42, .18);
}

.heat-spec-primary:hover,
.heat-spec-primary:focus {
	color: #ffffff;
	text-decoration: none;
}

.heat-spec-secondary {
	border: 1px solid rgba(8, 33, 57, .16);
	background: rgba(255, 255, 255, .55);
	color: #071d34;
}

.heat-spec-secondary:hover,
.heat-spec-secondary:focus {
	color: #071d34;
	text-decoration: none;
}

.consumer-hinge-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-top: 42px;
}

.consumer-hinge-gallery figure {
	margin: 0;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.consumer-hinge-gallery img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 420px;
	margin: 0 auto;
	object-fit: contain;
	border-radius: 0;
}

.rayvatek-mission-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px 16px;
}

.rayvatek-mission-card {
	position: relative;
	min-height: 258px;
	padding: 38px 28px 30px;
	border-radius: 12px;
	background: #071f38;
	box-shadow: none;
	overflow: hidden;
}

.rayvatek-card-code {
	color: rgba(172, 196, 218, 0.72);
	font-family: "JetBrains Mono", Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1.7px;
}

.rayvatek-card-icon {
	position: absolute;
	top: 31px;
	right: 30px;
	width: 34px;
	height: 34px;
	color: #2f8fe6;
}

.rayvatek-card-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rayvatek-mission-card h3 {
	margin: 44px 0 13px;
	color: #fff;
	font-size: 19px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.metal-service-flow {
	width: 100%;
	color: #0a2036;
}

.metal-service-flow-head {
	margin-bottom: 48px;
}

.metal-service-flow h2 {
	margin: 0;
	color: #071d34;
	font-size: 46px;
	font-weight: 950;
	line-height: 1.12;
	letter-spacing: 0;
}

.metal-service-steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid rgba(8, 33, 57, .12);
	border-bottom: 1px solid rgba(8, 33, 57, .12);
}

.metal-service-step {
	position: relative;
	min-height: 202px;
	padding: 40px 26px 30px;
	border-right: 1px solid rgba(8, 33, 57, .1);
}

.metal-service-step:last-child {
	border-right: 0;
}

.metal-service-step:not(:last-child):after {
	content: "\2192";
	position: absolute;
	top: 50%;
	right: -8px;
	z-index: 1;
	color: #2f8fe6;
	font-size: 22px;
	line-height: 1;
	transform: translateY(-50%);
}

.metal-step-meta {
	margin-bottom: 29px;
	color: #2f6ea7;
	font-family: "JetBrains Mono", Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 2px;
}

.metal-step-icon {
	width: 24px;
	height: 24px;
	margin-bottom: 25px;
	color: #2f8fe6;
}

.metal-step-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.metal-service-step h3 {
	margin: 0 0 9px;
	color: #09223b;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0;
}

.metal-service-step p {
	margin: 0;
	color: #657789;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0;
}

.metal-product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	margin-top: 38px;
}

.metal-product-card {
	display: grid;
	grid-template-rows: auto 1fr;
	min-width: 0;
	overflow: hidden;
	border: 1px solid #2283ba36;
	border-radius: 8px;
	background: rgba(255, 255, 255, .44);
	color: #09223b;
	text-decoration: none;
	box-shadow: 0 18px 42px rgba(8, 33, 57, .08);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.metal-product-card:hover,
.metal-product-card:focus {
	color: #09223b;
	text-decoration: none;
	border-color: rgba(47, 143, 230, .36);
	box-shadow: 0 24px 56px rgba(8, 33, 57, .14);
	transform: translateY(-3px);
}

.metal-product-card img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	background: #dbe4ec;
}

.metal-product-card span {
	display: flex;
	align-items: center;
	min-height: 72px;
	padding: 17px 18px;
	color: #ffffff;
	background: #2f6ea7;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0;
}

.rayvatek-mission-card p {
	margin: 0;
	color: rgba(214, 228, 241, 0.78);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: 0;
}

@media (max-width: 991px) {
	.metal-case-head h2 {
		font-size: 38px;
	}

	.metal-case-grid {
		grid-template-columns: 1fr;
	}

	.metal-more-case-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rayvatek-page-about-us .features-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rayvatek-page-about-us .feature-item:nth-child(2n) {
		border-right: 0;
	}

	.rayvatek-page-about-us #about-intro > .sppb-row-container {
		width: min(100%, calc(100% - 56px));
	}

	.rayvatek-about-mission h2 {
		font-size: 36px;
	}

	.heat-material-spec h2 {
		font-size: 36px;
	}

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

	.heat-spec-card:nth-child(2n) {
		border-right: 0;
	}

	.heat-spec-card:nth-child(-n + 2) {
		border-bottom: 1px solid rgba(8, 33, 57, .12);
	}

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

	.metal-service-flow h2 {
		font-size: 38px;
	}

	.metal-service-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.metal-service-step:nth-child(2n) {
		border-right: 0;
	}

	.metal-service-step:not(:last-child):after {
		display: none;
	}

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

	.rayvatek-page-about-us #global-locations > .sppb-row-container {
		width: min(100%, calc(100% - 56px));
	}

	.rayvatek-global-footprint-redesign {
		grid-template-columns: 1fr;
		gap: 44px;
	}

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

	.rayvatek-global-copy > p {
		margin-bottom: 52px;
	}

	.rayvatek-global-map {
		width: 100%;
		justify-self: center;
	}
}

body.rayvatek-page-drone1-tw > .hero:first-of-type,
body.rayvatek-page-usv-tw > .hero:first-of-type {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;
	align-items: center !important;
}

body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-bg,
body.rayvatek-page-usv-tw > .hero:first-of-type .hero-bg {
	inset: 0 !important;
	z-index: 0 !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-bg {
	background-position: center right !important;
}

body.rayvatek-page-usv-tw > .hero:first-of-type .hero-bg {
	background-position: center right !important;
}

body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-overlay,
body.rayvatek-page-usv-tw > .hero:first-of-type .hero-overlay {
	inset: 0 !important;
	height: 100% !important;
	z-index: 1 !important;
	background: linear-gradient(90deg,
		rgba(5, 22, 40, .98) 0%,
		rgba(5, 22, 40, .94) 34%,
		rgba(5, 22, 40, .72) 52%,
		rgba(5, 22, 40, .30) 68%,
		rgba(5, 22, 40, .06) 100%) !important;
}

body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-content,
body.rayvatek-page-usv-tw > .hero:first-of-type .hero-content {
	position: relative !important;
	z-index: 2 !important;
	width: min(720px, 52vw) !important;
	max-width: 52vw !important;
	margin-left: max(48px, calc((100vw - 1200px) / 2 + 48px)) !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-title,
body.rayvatek-page-usv-tw > .hero:first-of-type .hero-title {
	max-width: 100% !important;
}

body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-title-sub,
body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-desc,
body.rayvatek-page-usv-tw > .hero:first-of-type .hero-title-sub,
body.rayvatek-page-usv-tw > .hero:first-of-type .hero-desc {
	max-width: 100% !important;
}

@media (max-width: 1280px) {
	body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-content,
	body.rayvatek-page-usv-tw > .hero:first-of-type .hero-content {
		width: min(660px, 55vw) !important;
		max-width: 55vw !important;
		margin-left: 40px !important;
	}

	body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-title,
	body.rayvatek-page-usv-tw > .hero:first-of-type .hero-title {
		font-size: clamp(44px, 5vw, 64px) !important;
	}
}

@media (max-width: 1024px) {
	body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-content,
	body.rayvatek-page-usv-tw > .hero:first-of-type .hero-content {
		width: min(620px, 62vw) !important;
		max-width: 62vw !important;
		margin-left: 32px !important;
	}

	body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-overlay,
	body.rayvatek-page-usv-tw > .hero:first-of-type .hero-overlay {
		background: linear-gradient(90deg,
			rgba(5, 22, 40, .99) 0%,
			rgba(5, 22, 40, .97) 44%,
			rgba(5, 22, 40, .78) 62%,
			rgba(5, 22, 40, .24) 86%,
			rgba(5, 22, 40, .08) 100%) !important;
	}
}

@media (max-width: 767px) {
	body.rayvatek-page-drone1-tw > .hero:first-of-type,
	body.rayvatek-page-usv-tw > .hero:first-of-type {
		height: auto !important;
		min-height: 520px !important;
		padding: 118px 24px 64px !important;
	}

	body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-bg,
	body.rayvatek-page-usv-tw > .hero:first-of-type .hero-bg {
		background-position: center right !important;
	}

	body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-overlay,
	body.rayvatek-page-usv-tw > .hero:first-of-type .hero-overlay {
		background: linear-gradient(180deg,
			rgba(5, 22, 40, .98) 0%,
			rgba(5, 22, 40, .92) 56%,
			rgba(5, 22, 40, .48) 100%) !important;
	}

	body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-content,
	body.rayvatek-page-usv-tw > .hero:first-of-type .hero-content {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.rayvatek-page-drone1-tw > .hero:first-of-type .hero-title,
	body.rayvatek-page-usv-tw > .hero:first-of-type .hero-title {
		font-size: 40px !important;
		line-height: 1.08 !important;
	}
}

@media (max-width: 575px) {
	.metal-case-head {
		margin-bottom: 32px;
	}

	.metal-case-head h2 {
		font-size: 32px;
	}

	.metal-case-copy {
		padding: 24px 22px 22px;
	}

	.metal-case-label-row {
		display: block;
	}

	.metal-case-label-row span {
		margin-bottom: 10px;
	}

	.metal-case-size {
		text-align: left;
	}

	.metal-case-copy p {
		font-size: 15px;
	}

	.metal-more-cases {
		margin-top: 34px;
	}

	.metal-more-cases h3 {
		font-size: 24px;
	}

	.metal-more-case-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.rayvatek-page-about-us .features-grid {
		grid-template-columns: 1fr;
	}

	.rayvatek-page-about-us .feature-item {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
		padding: 28px 24px;
	}

	.rayvatek-page-about-us .feature-item:last-child {
		border-bottom: 0;
	}

	.rayvatek-page-about-us #about-intro {
		padding-top: 56px !important;
		padding-bottom: 56px !important;
	}

	.rayvatek-page-about-us #about-intro > .sppb-row-container {
		width: calc(100% - 32px);
	}

	.rayvatek-about-mission-head {
		margin-bottom: 32px;
	}

	.rayvatek-about-mission h2 {
		font-size: 31px;
	}

	.heat-material-spec-head {
		margin-bottom: 32px;
	}

	.heat-material-spec h2 {
		font-size: 31px;
	}

	.heat-material-spec-head p {
		font-size: 14px;
	}

	.heat-material-tabs {
		gap: 10px;
		margin-bottom: 32px;
	}

	.heat-material-tabs span {
		min-height: 38px;
		padding: 0 16px;
		font-size: 14px;
	}

	.heat-spec-grid {
		grid-template-columns: 1fr;
		margin-bottom: 32px;
	}

	.heat-spec-card {
		min-height: auto;
		padding: 28px 24px 24px;
		border-right: 0;
		border-bottom: 1px solid rgba(8, 33, 57, .12);
	}

	.heat-spec-card:last-child {
		border-bottom: 0;
	}

	.heat-spec-card strong {
		font-size: 28px;
	}

	.heat-spec-note {
		align-items: flex-start;
		margin-bottom: 30px;
		padding: 16px;
	}

	.heat-spec-actions {
		flex-direction: column;
	}

	.heat-spec-actions a {
		width: 100%;
	}

	.consumer-hinge-gallery {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-top: 28px;
	}

	.rayvatek-about-mission-head p {
		font-size: 14px;
	}

	.rayvatek-mission-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.rayvatek-mission-card {
		min-height: 230px;
		padding: 32px 26px 28px;
	}

	.metal-service-flow-head {
		margin-bottom: 34px;
	}

	.metal-service-flow h2 {
		font-size: 32px;
	}

	.metal-service-steps {
		grid-template-columns: 1fr;
	}

	.metal-service-step,
	.metal-service-step:nth-child(2n) {
		min-height: 0;
		padding: 30px 24px 28px;
		border-right: 0;
		border-bottom: 1px solid rgba(8, 33, 57, .1);
	}

	.metal-service-step:last-child {
		border-bottom: 0;
	}

	.metal-product-grid {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-top: 28px;
	}

	.metal-product-card span {
		min-height: 64px;
		font-size: 15px;
	}

	.rayvatek-page-about-us #global-locations {
		padding-top: 72px !important;
		padding-bottom: 72px !important;
	}

	.rayvatek-page-about-us #global-locations > .sppb-row-container {
		width: calc(100% - 32px);
	}

	.rayvatek-global-copy h2 {
		font-size: 34px;
	}

	.heat-applications-head {
		margin-bottom: 32px;
	}

	.heat-applications h2 {
		font-size: 34px;
	}

	.heat-applications-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.heat-application-card {
		min-height: auto;
	}

	.heat-application-card img {
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.heat-application-card span {
		min-height: 66px;
		font-size: 15px;
	}

	.rayvatek-global-copy > p {
		margin-bottom: 34px;
		font-size: 14px;
	}

	.rayvatek-global-row {
		grid-template-columns: 1fr;
		gap: 8px;
		align-items: start;
		padding: 18px 0;
	}

	.rayvatek-global-map {
		transform-origin: top center;
	}

	.label-japan {
		left: 58%;
	}

	.label-australia {
		left: 58%;
	}
}

@media (max-width: 1500px) {
	.rtvk-contact-premium > .sppb-row-container {
		width: min(1280px, calc(100% - 180px));
	}
}

@media (max-width: 991px) {
	.rtvk-contact-premium {
		padding: 96px 0;
	}

	.rtvk-contact-premium > .sppb-row-container {
		width: min(100%, calc(100% - 64px));
		padding-right: 24px;
		padding-left: 24px;
	}

	.rtvk-contact-layout {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.rtvk-contact-card h3,
	.rtvk-contact-copy h2 {
		font-size: 40px;
	}
}

@media (max-width: 575px) {
	.rtvk-contact-premium > .sppb-row-container {
		width: calc(100% - 32px);
		padding-right: 0;
		padding-left: 0;
	}

	.rtvk-contact-card {
		min-height: 0;
		padding: 28px;
	}

	.rtvk-contact-card h3,
	.rtvk-contact-copy h2 {
		font-size: 32px;
	}

	.rtvk-contact-card p,
	.rtvk-contact-copy p {
		font-size: 18px;
	}

	.rtvk-contact-button {
		width: 100%;
	}

	.rtvk-contact-map-card iframe {
		height: 300px;
	}
}

.rayvatek-page-rocket-injector-tw #about-hero.metal-3d-hero,
.rayvatek-page-rocket-injector-tw .about-hero,
.rayvatek-page-rocket-propulsion-parts-tw #about-hero.metal-3d-hero,
.rayvatek-page-rocket-propulsion-parts-tw .about-hero,
.rayvatek-page-lightweight-support-frame-tw #about-hero.metal-3d-hero,
.rayvatek-page-lightweight-support-frame-tw .about-hero,
.rayvatek-page-topology-optimized-support-frame-tw #about-hero.metal-3d-hero,
.rayvatek-page-topology-optimized-support-frame-tw .about-hero,
.rayvatek-page-multi-surface-area-structure-tw #about-hero.metal-3d-hero,
.rayvatek-page-multi-surface-area-structure-tw .about-hero,
.rayvatek-page-impeller-tw #about-hero.metal-3d-hero,
.rayvatek-page-impeller-tw .about-hero,
.rayvatek-page-flow-distributor-tw #about-hero.metal-3d-hero,
.rayvatek-page-flow-distributor-tw .about-hero {
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .86) 0%, rgba(1, 16, 32, .66) 45%, rgba(5, 25, 45, .24) 100%),
		url("/images/rayvatek/case1.webp") center center / cover no-repeat !important;
}

.rayvatek-page-rocket-injector-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-rocket-injector-tw .about-hero:before,
.rayvatek-page-rocket-propulsion-parts-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-rocket-propulsion-parts-tw .about-hero:before,
.rayvatek-page-lightweight-support-frame-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-lightweight-support-frame-tw .about-hero:before,
.rayvatek-page-topology-optimized-support-frame-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-topology-optimized-support-frame-tw .about-hero:before,
.rayvatek-page-multi-surface-area-structure-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-multi-surface-area-structure-tw .about-hero:before,
.rayvatek-page-impeller-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-impeller-tw .about-hero:before,
.rayvatek-page-flow-distributor-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-flow-distributor-tw .about-hero:before {
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .72), rgba(0, 8, 20, .18));
}

.rayvatek-page-rocket-injector-tw #metal-video,
.rayvatek-page-rocket-injector-tw #global-locations,
.rayvatek-page-rocket-injector-tw #company-stats,
.rayvatek-page-rocket-injector-tw #composite-fiber-winding,
.rayvatek-page-rocket-injector-tw #talent-section,
.rayvatek-page-rocket-propulsion-parts-tw #metal-video,
.rayvatek-page-rocket-propulsion-parts-tw #global-locations,
.rayvatek-page-rocket-propulsion-parts-tw #company-stats,
.rayvatek-page-rocket-propulsion-parts-tw #composite-fiber-winding,
.rayvatek-page-rocket-propulsion-parts-tw #talent-section,
.rayvatek-page-lightweight-support-frame-tw #metal-video,
.rayvatek-page-lightweight-support-frame-tw #global-locations,
.rayvatek-page-lightweight-support-frame-tw #company-stats,
.rayvatek-page-lightweight-support-frame-tw #composite-fiber-winding,
.rayvatek-page-lightweight-support-frame-tw #talent-section,
.rayvatek-page-topology-optimized-support-frame-tw #metal-video,
.rayvatek-page-topology-optimized-support-frame-tw #global-locations,
.rayvatek-page-topology-optimized-support-frame-tw #company-stats,
.rayvatek-page-topology-optimized-support-frame-tw #composite-fiber-winding,
.rayvatek-page-topology-optimized-support-frame-tw #talent-section,
.rayvatek-page-multi-surface-area-structure-tw #metal-video,
.rayvatek-page-multi-surface-area-structure-tw #global-locations,
.rayvatek-page-multi-surface-area-structure-tw #company-stats,
.rayvatek-page-multi-surface-area-structure-tw #composite-fiber-winding,
.rayvatek-page-multi-surface-area-structure-tw #talent-section,
.rayvatek-page-impeller-tw #metal-video,
.rayvatek-page-impeller-tw #global-locations,
.rayvatek-page-impeller-tw #company-stats,
.rayvatek-page-impeller-tw #composite-fiber-winding,
.rayvatek-page-impeller-tw #talent-section,
.rayvatek-page-flow-distributor-tw #metal-video,
.rayvatek-page-flow-distributor-tw #global-locations,
.rayvatek-page-flow-distributor-tw #company-stats,
.rayvatek-page-flow-distributor-tw #composite-fiber-winding,
.rayvatek-page-flow-distributor-tw #talent-section {
	display: none !important;
}

.rayvatek-page-rocket-injector-tw .rocket-injector-hero-image,
.rayvatek-page-rocket-propulsion-parts-tw .rocket-injector-hero-image,
.rayvatek-page-lightweight-support-frame-tw .rocket-injector-hero-image,
.rayvatek-page-topology-optimized-support-frame-tw .rocket-injector-hero-image,
.rayvatek-page-multi-surface-area-structure-tw .rocket-injector-hero-image,
.rayvatek-page-impeller-tw .rocket-injector-hero-image,
.rayvatek-page-flow-distributor-tw .rocket-injector-hero-image {
	object-fit: contain;
	background: rgba(255, 255, 255, .92);
}

@media (min-width: 981px) {
	.rayvatek-page-impeller-tw #about-hero .sppb-column-addons,
	.rayvatek-page-impeller-tw .about-hero .sppb-column-addons {
		width: min(520px, 46vw);
		max-width: 46vw;
	}

	.rayvatek-page-impeller-tw #about-hero h1,
	.rayvatek-page-impeller-tw #about-hero .sppb-addon-title,
	.rayvatek-page-impeller-tw #about-hero .rayvatek-lead,
	.rayvatek-page-impeller-tw #about-hero p,
	.rayvatek-page-impeller-tw .about-hero h1,
	.rayvatek-page-impeller-tw .about-hero .sppb-addon-title,
	.rayvatek-page-impeller-tw .about-hero .rayvatek-lead,
	.rayvatek-page-impeller-tw .about-hero p {
		max-width: 100%;
	}
}

.rayvatek-page-rocket-propulsion-parts-tw .feature-desc,
.rayvatek-page-lightweight-support-frame-tw .feature-desc,
.rayvatek-page-topology-optimized-support-frame-tw .feature-desc,
.rayvatek-page-multi-surface-area-structure-tw .feature-desc,
.rayvatek-page-impeller-tw .feature-desc,
.rayvatek-page-flow-distributor-tw .feature-desc {
	white-space: pre-line;
}

.rayvatek-page-news-and-events-tw .features-strip,
.rayvatek-page-news-and-events-tw .rocket-injector-hero-image-stage,
.rayvatek-page-news-and-events-tw #metal-video,
.rayvatek-page-news-and-events-tw #global-locations,
.rayvatek-page-news-and-events-tw #company-stats,
.rayvatek-page-news-and-events-tw #composite-fiber-winding,
.rayvatek-page-news-and-events-tw #talent-section {
	display: none !important;
}

.rayvatek-page-certifications-tw .features-strip,
.rayvatek-page-certifications-tw #metal-video,
.rayvatek-page-certifications-tw #global-locations,
.rayvatek-page-certifications-tw #composite-fiber-winding,
.rayvatek-page-certifications-tw #talent-section,
.rayvatek-page-intercompany-agreement-tw .features-strip,
.rayvatek-page-intercompany-agreement-tw #metal-video,
.rayvatek-page-intercompany-agreement-tw #global-locations,
.rayvatek-page-intercompany-agreement-tw #composite-fiber-winding,
.rayvatek-page-intercompany-agreement-tw #talent-section,
.rayvatek-page-tw_faq .features-strip,
.rayvatek-page-tw_faq #metal-video,
.rayvatek-page-tw_faq #global-locations,
.rayvatek-page-tw_faq #composite-fiber-winding,
.rayvatek-page-tw_faq #talent-section,
.rayvatek-page-contact-us-tw .features-strip,
.rayvatek-page-contact-us-tw #metal-video,
.rayvatek-page-contact-us-tw #global-locations,
.rayvatek-page-contact-us-tw #composite-fiber-winding,
.rayvatek-page-contact-us-tw #talent-section {
	display: none !important;
}

.rayvatek-page-news-and-events-tw #about-hero.metal-3d-hero,
.rayvatek-page-news-and-events-tw .about-hero {
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .58) 0%, rgba(1, 16, 32, .38) 45%, rgba(5, 25, 45, .12) 100%),
		url("/images/rayvatek/news1.webp") center 92% / cover no-repeat !important;
}

.rayvatek-page-news-and-events-tw #about-hero.metal-3d-hero:before,
.rayvatek-page-news-and-events-tw .about-hero:before {
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .38), rgba(0, 8, 20, .08));
}

.rayvatek-page-certifications-en #about-hero.about-hero,
.rayvatek-page-certifications-en .about-hero {
	min-height: 720px !important;
	height: 720px !important;
	display: block !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	overflow: hidden !important;
}

.rayvatek-page-certifications-en #about-hero.about-hero > .sppb-row-container,
.rayvatek-page-certifications-en .about-hero > .sppb-row-container {
	width: calc(100% - 80px) !important;
	max-width: 1320px !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	transform: translate(-50%, -50%) !important;
}

.rayvatek-page-certifications-en #about-hero.about-hero .sppb-row,
.rayvatek-page-certifications-en .about-hero .sppb-row {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: none !important;
	justify-content: flex-start !important;
}

.rayvatek-page-certifications-en #about-hero.about-hero #column-wrap-id-col-123f50dcef2d,
.rayvatek-page-certifications-en .about-hero #column-wrap-id-col-123f50dcef2d {
	flex: 0 1 680px !important;
	width: 680px !important;
	max-width: 680px !important;
	margin-left: 0 !important;
	transform: none !important;
}

.rayvatek-page-certifications-en #about-hero.about-hero #column-id-col-123f50dcef2d,
.rayvatek-page-certifications-en #about-hero.about-hero .sppb-column-addons,
.rayvatek-page-certifications-en .about-hero #column-id-col-123f50dcef2d,
.rayvatek-page-certifications-en .about-hero .sppb-column-addons {
	width: 100% !important;
	max-width: 100% !important;
	transform: none !important;
}

.rayvatek-page-news-and-events-en .com-content-category-blog__items.items-leading {
	display: contents !important;
}

/* English layout fixes 2026-07-24 */
.rayvatek-page-communication-navigation-control-en #about-hero.metal-3d-hero,
.rayvatek-page-communication-navigation-control-en .about-hero {
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .86) 0%, rgba(1, 16, 32, .66) 45%, rgba(5, 25, 45, .24) 100%),
		url("/images/rayvatek/communication-banner.webp") center center / cover no-repeat !important;
}

.rayvatek-page-communication-navigation-control-en #about-hero.metal-3d-hero video,
.rayvatek-page-communication-navigation-control-en #about-hero.metal-3d-hero iframe,
.rayvatek-page-communication-navigation-control-en #about-hero.metal-3d-hero .metal-3d-hero-video,
.rayvatek-page-communication-navigation-control-en #about-hero.metal-3d-hero .composite-hero-video-iframe,
.rayvatek-page-communication-navigation-control-en #about-hero.metal-3d-hero .metal-3d-hero-video-addon,
.rayvatek-page-communication-navigation-control-en #about-hero.metal-3d-hero #sppb-addon-wrapper-addon-metal-3d-hero-video {
	display: none !important;
}

.rayvatek-page-communication-navigation-control-en #about-hero.metal-3d-hero > .sppb-row-container,
.rayvatek-page-communication-navigation-control-en .about-hero > .sppb-row-container {
	width: min(1360px, calc(100% - 80px)) !important;
	max-width: 1360px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	box-sizing: border-box !important;
}

.rayvatek-page-laboratory-and-testing-en #about-hero.metal-3d-hero,
.rayvatek-page-laboratory-and-testing-en .about-hero {
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .86) 0%, rgba(1, 16, 32, .66) 45%, rgba(5, 25, 45, .24) 100%),
		url("/images/rayvatek/laboratory1.webp") center center / cover no-repeat !important;
}

.rayvatek-page-contact-us-en #about-hero.metal-3d-hero,
.rayvatek-page-contact-us-en .about-hero {
	min-height: 397px !important;
	height: 397px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	overflow: hidden !important;
}

.rayvatek-page-contact-us-en #about-hero.metal-3d-hero > .sppb-row-container,
.rayvatek-page-contact-us-en .about-hero > .sppb-row-container {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	width: calc(100% - 80px) !important;
	max-width: 1360px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	transform: translate(-50%, -50%) !important;
	min-height: 397px !important;
	display: flex !important;
	align-items: center !important;
}

.rayvatek-page-contact-us-en #about-hero.metal-3d-hero .sppb-row,
.rayvatek-page-contact-us-en .about-hero .sppb-row {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.rayvatek-page-contact-us-en #about-hero.metal-3d-hero #column-wrap-id-col-123f50dcef2d,
.rayvatek-page-contact-us-en .about-hero #column-wrap-id-col-123f50dcef2d {
	margin-left: 0 !important;
	transform: none !important;
}

.rayvatek-page-certifications-en #about-hero.about-hero,
.rayvatek-page-certifications-en .about-hero {
	min-height: 428px !important;
	height: 428px !important;
}

.rayvatek-page-certifications-en #about-hero.about-hero > .sppb-row-container,
.rayvatek-page-certifications-en .about-hero > .sppb-row-container {
	top: 50% !important;
	max-width: 1360px !important;
	width: calc(100% - 80px) !important;
}

.rayvatek-page-certifications-en #company-stats .rtvk-certification-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 28px !important;
}

.rayvatek-page-certifications-en #company-stats .rtvk-certification-grid figure {
	width: 100% !important;
	max-width: none !important;
}

.rayvatek-page-certifications-en #company-stats .rtvk-certification-grid img {
	height: 360px !important;
}

.rayvatek-page-laboratory-and-testing-en .laboratory-capability-icon,
.rayvatek-page-laboratory-and-testing-en .feature-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ff7130 !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.rayvatek-page-laboratory-and-testing-en .laboratory-capability-icon svg,
.rayvatek-page-laboratory-and-testing-en .feature-icon svg {
	display: block !important;
	width: 36px !important;
	height: 36px !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.rayvatek-page-laboratory-and-testing-en .laboratory-capability-icon:empty::before {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 18h16M7 18V8h10v10M9 8l2-4h2l2 4M9 13h6M12 8v10'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 18h16M7 18V8h10v10M9 8l2-4h2l2 4M9 13h6M12 8v10'/%3E%3C/svg%3E") center / contain no-repeat;
}

.rayvatek-page-en .rtvk-who-card {
	height: 330px !important;
	min-height: 330px !important;
}

.rayvatek-page-news-and-events-en .com-content-category-blog.blog {
	width: min(1334px, calc(100% - 180px));
	max-width: 1334px;
	margin: 0 auto;
	padding: 120px 0 104px;
}

.rayvatek-page-news-and-events-en .com-content-category-blog > .page-header {
	display: block !important;
	margin: 0 0 54px !important;
	padding: 0 !important;
	border: 0 !important;
}

.rayvatek-page-news-and-events-en .com-content-category-blog > .page-header:before {
	display: block;
	margin: 0 0 18px;
	color: #1a73c0;
	font-family: "Roboto Mono", Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 4.6px;
	text-transform: uppercase;
	content: "05   NEWS";
}

.rayvatek-page-news-and-events-en .com-content-category-blog > .page-header h1 {
	max-width: 760px;
	margin: 0;
	color: #ff7130;
	font-size: 48px;
	font-weight: 900;
	line-height: 1.06;
	letter-spacing: 0;
}

.rayvatek-page-news-and-events-en .com-content-category-blog > .page-header:after {
	display: block;
	max-width: 760px;
	margin: 18px 0 0;
	color: #0f2236;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0;
	content: "Read Rayvatek news, exhibitions, aerospace events, metal 3D printing updates, and technology announcements.";
}

.rayvatek-page-drone1-en .rayvatek-site-header,
.rayvatek-page-usv-en .rayvatek-site-header,
.rayvatek-page-drone1-en .rayvatek-header-inner,
.rayvatek-page-usv-en .rayvatek-header-inner,
.rayvatek-page-drone1-en .rayvatek-menu-row,
.rayvatek-page-usv-en .rayvatek-menu-row,
.rayvatek-page-drone1-en .rayvatek-main-nav,
.rayvatek-page-usv-en .rayvatek-main-nav {
	overflow: visible !important;
}

.rayvatek-page-drone1-en .rayvatek-header-inner,
.rayvatek-page-usv-en .rayvatek-header-inner {
	width: 100% !important;
	max-width: var(--rayvatek-container-width) !important;
	padding-left: var(--rayvatek-container-padding) !important;
	padding-right: var(--rayvatek-container-padding) !important;
	box-sizing: border-box !important;
}

.rayvatek-page-drone1-en .rayvatek-site-footer nav,
.rayvatek-page-usv-en .rayvatek-site-footer nav {
	position: static !important;
	inset: auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	z-index: auto !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

.rayvatek-section-anchor {
	position: relative;
	top: -110px;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.rayvatek-page-drone1-en .container,
.rayvatek-page-drone1-en .hero-content,
.rayvatek-page-usv-en .container,
.rayvatek-page-usv-en .hero-content {
	width: 100% !important;
	max-width: 1360px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	box-sizing: border-box !important;
}

body.rayvatek-page-drone1-en .hero,
.rayvatek-page-drone1-en .hero {
	height: 700px !important;
	min-height: 700px !important;
	padding-top: 118px !important;
	padding-bottom: 42px !important;
	overflow: visible !important;
}

body.rayvatek-page-drone1-en .hero-content,
.rayvatek-page-drone1-en .hero-content {
	margin-top: 50px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.rayvatek-footer-contact a {
	display: block;
	margin: 0;
	color: #96c3e9;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.rayvatek-footer-contact a:hover {
	color: #ffffff;
}

.rayvatek-english-case-detail {
	position: relative;
	padding: 104px 0;
	background: #f5f8fb;
	color: #10243a;
}

.rayvatek-english-case-detail > .sppb-row-container {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}

.rayvatek-english-case-head {
	max-width: 860px;
	margin-bottom: 44px;
}

.rayvatek-english-case-head h2 {
	margin: 14px 0 16px;
	color: #ff7130;
	font-size: 48px;
	font-weight: 900;
	line-height: 1.08;
}

.rayvatek-english-case-head p {
	margin: 0;
	color: #36506b;
	font-size: 18px;
	line-height: 1.75;
}

.rayvatek-english-case-layout {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	gap: 34px;
	align-items: stretch;
}

.rayvatek-english-case-layout figure {
	margin: 0;
	overflow: hidden;
	border-radius: 8px;
	background: #dce8f2;
	box-shadow: 0 24px 60px rgba(12, 35, 56, .12);
}

.rayvatek-english-case-layout img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 460px;
	object-fit: cover;
}

.rayvatek-english-case-rows {
	display: grid;
	gap: 14px;
}

.rayvatek-english-case-row {
	padding: 24px 26px;
	border: 1px solid rgba(47, 111, 167, .18);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 16px 38px rgba(12, 35, 56, .08);
}

.rayvatek-english-case-row span {
	display: block;
	margin-bottom: 9px;
	color: #2f6fa7;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rayvatek-english-case-row p {
	margin: 0;
	color: #17324d;
	font-size: 17px;
	line-height: 1.72;
}

.rayvatek-english-case-back {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 34px;
	padding: 0 20px;
	border-radius: 6px;
	background: #0c4672;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
}

@media (max-width: 991px) {
	.rayvatek-page-news-and-events-en .com-content-category-blog.blog {
		width: 100%;
		max-width: var(--rayvatek-container-width);
		padding-left: var(--rayvatek-container-padding);
		padding-right: var(--rayvatek-container-padding);
		box-sizing: border-box;
	}

	.rayvatek-page-certifications-en #company-stats .rtvk-certification-grid {
		grid-template-columns: 1fr !important;
	}

	.rayvatek-english-case-layout {
		grid-template-columns: 1fr;
	}

	.rayvatek-english-case-layout img {
		min-height: 320px;
	}
}

@media (max-width: 640px) {
	.rayvatek-page-drone1-en .hero {
		height: 840px !important;
		min-height: 840px !important;
		padding-top: 104px !important;
		padding-bottom: 36px !important;
		overflow: hidden !important;
	}

	.rayvatek-page-drone1-en .container,
	.rayvatek-page-drone1-en .hero-content,
	.rayvatek-page-usv-en .container,
	.rayvatek-page-usv-en .hero-content {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.rayvatek-page-drone1-en .hero-content {
		margin-top: 0 !important;
	}

	.rayvatek-page-drone1-en .hero-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 342px !important;
		margin-top: 18px !important;
		transform: none !important;
	}

	.rayvatek-page-drone1-en .hero-stats .stat-item {
		min-height: 74px !important;
		padding: 10px 12px !important;
		border-radius: 14px !important;
	}

	.rayvatek-page-drone1-en .hero-stats .stat-val {
		font-size: 28px !important;
		line-height: 1 !important;
	}

	.rayvatek-page-drone1-en .hero-stats .stat-val span {
		font-size: 13px !important;
	}

	.rayvatek-page-drone1-en .hero-stats .stat-label {
		font-size: 11px !important;
		line-height: 1.25 !important;
	}
}

@media (min-width: 981px) {
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) #about-hero h1,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) #about-hero .sppb-addon-title,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .about-hero h1,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .about-hero .sppb-addon-title {
		color: #ff7130 !important;
		font-size: 48px !important;
		line-height: 1.02;
	}

	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) #about-hero .about-kicker,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) #about-hero .about-kicker .sppb-addon-content,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .about-hero .about-kicker,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .about-hero .about-kicker .sppb-addon-content {
		color: #ffffff !important;
		font-size: 34px !important;
		line-height: 1.2;
		letter-spacing: 0;
		text-transform: none;
	}

	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en):not(.rayvatek-page-certifications-tw) #about-hero .rayvatek-lead,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) #about-hero p,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) #about-hero .sppb-addon-text,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en):not(.rayvatek-page-certifications-tw) .about-hero .rayvatek-lead,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .about-hero p,
	.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .about-hero .sppb-addon-text {
		color: rgba(200, 215, 235, 0.9) !important;
		font-size: 18px !important;
	}

	.rayvatek-page-certifications-tw #about-hero .rayvatek-lead,
	.rayvatek-page-certifications-tw .about-hero .rayvatek-lead {
		color: #ff7130 !important;
		font-size: 18px !important;
	}
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-mission-kicker {
	font-size: 15px !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-about-mission h2 {
	font-size: 49px !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-about-mission-head p {
	font-size: 16px !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-mission-card h3,
.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-policy-paper h3,
.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-faq-list h3,
.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .feature-name {
	font-size: 20px !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-mission-card p {
	font-size: 15px !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-section [class*="kicker"],
.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-section [class*="Kicker"] {
	font-size: 15px !important;
	font-weight: 400 !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-section h2 {
	font-size: 49px !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-section p {
	font-size: 18px !important;
	font-weight: 400 !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-section h3 {
	font-size: 20px !important;
}

.rayvatek-page-drone1-tw h3,
.rayvatek-page-drone1-en h3,
.rayvatek-page-usv-tw h3,
.rayvatek-page-usv-en h3 {
	font-size: 20px !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rayvatek-global-row div {
	font-size: 16px !important;
	font-weight: 400 !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .rtvk-stats-kicker .sppb-addon-content {
	font-size: 15px !important;
	font-weight: 400 !important;
}

.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) #about-hero .about-kicker,
.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) #about-hero .about-kicker .sppb-addon-content,
.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .about-hero .about-kicker,
.rayvatek-template:not(.rayvatek-page-home):not(.rayvatek-page-index):not(.rayvatek-page-drone1-tw):not(.rayvatek-page-drone1-en):not(.rayvatek-page-usv-tw):not(.rayvatek-page-usv-en) .about-hero .about-kicker .sppb-addon-content {
	font-weight: 900 !important;
}

.rayvatek-page-metal-3d-printing-tw #about-hero .rayvatek-lead,
.rayvatek-page-metal-3d-printing-tw #about-hero p,
.rayvatek-page-metal-3d-printing-tw #about-hero .sppb-addon-text,
.rayvatek-page-metal-3d-printing-tw .about-hero .rayvatek-lead,
.rayvatek-page-metal-3d-printing-tw .about-hero p,
.rayvatek-page-metal-3d-printing-tw .about-hero .sppb-addon-text,
.rayvatek-page-metal-3d-printing-en #about-hero .rayvatek-lead,
.rayvatek-page-metal-3d-printing-en #about-hero p,
.rayvatek-page-metal-3d-printing-en #about-hero .sppb-addon-text,
.rayvatek-page-metal-3d-printing-en .about-hero .rayvatek-lead,
.rayvatek-page-metal-3d-printing-en .about-hero p,
.rayvatek-page-metal-3d-printing-en .about-hero .sppb-addon-text,
.rayvatek-page-certifications-tw #about-hero .rayvatek-lead,
.rayvatek-page-certifications-tw #about-hero p,
.rayvatek-page-certifications-tw #about-hero .sppb-addon-text,
.rayvatek-page-certifications-tw .about-hero .rayvatek-lead,
.rayvatek-page-certifications-tw .about-hero p,
.rayvatek-page-certifications-tw .about-hero .sppb-addon-text {
	color: #ffffff !important;
}

.heat-material-tabs span {
	font-size: 16px !important;
	font-weight: 400 !important;
}

.heat-spec-actions,
.heat-spec-actions a,
.heat-spec-actions button {
	font-size: 20px !important;
	font-weight: 400 !important;
}

.heat-spec-actions {
	padding: 20px 40px !important;
}

.heat-spec-actions a {
	padding: 20px 40px !important;
}

.heat-application-card span {
	font-weight: 400 !important;
}

.heat-application-card[href*="consumer-electronics-titanium-alloy-mechanical-components"] span,
.metal-product-card[href*="consumer-electronics-titanium-alloy-mechanical-components"] span {
	white-space: nowrap;
}

.metal-comparison-label {
	font-size: 15px !important;
	font-weight: 400 !important;
}

.metal-case-copy span {
	font-size: 20px !important;
	font-weight: 400 !important;
}

.composite-hydrogen-gallery figcaption {
	font-weight: 400 !important;
}

.rayvatek-page-home .rtvk-about-sub .sppb-addon-content,
.rayvatek-page-index .rtvk-about-sub .sppb-addon-content,
.rayvatek-page-home .rtvk-products-sub .sppb-addon-content,
.rayvatek-page-index .rtvk-products-sub .sppb-addon-content {
	font-size: 18px !important;
}

.rayvatek-page-home .rtvk-product-side-grid .rtvk-product-info p,
.rayvatek-page-index .rtvk-product-side-grid .rtvk-product-info p {
	font-size: 16px !important;
}

.rtvk-contact-card p,
.rtvk-stats-sub .sppb-addon-content,
.rtvk-news-section .rtvk-news-lead,
.rtvk-contact-map-meta p {
	font-size: 18px !important;
}

.rayvatek-drop a,
.rayvatek-drop a:visited,
.rayvatek-mobile-links a,
.rayvatek-mobile-links a:visited {
	font-size: 16px !important;
	font-weight: 400 !important;
}

h1,
h2,
h3,
h4 {
	font-family: "Noto Sans TC", sans-serif !important;
	font-weight: 900 !important;
}

.rtvk-tech-item svg {
	margin-left: 0 !important;
	margin-right: auto !important;
}

@keyframes rayvatekFadeUp {
	from {
		opacity: 0;
		transform: translateY(38px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.rayvatek-reveal-item {
	opacity: 0;
	transform: translateY(38px);
	transition:
		opacity 700ms cubic-bezier(.22, .61, .36, 1),
		transform 700ms cubic-bezier(.22, .61, .36, 1);
	transition-delay: var(--rayvatek-reveal-delay, 0ms);
	will-change: opacity, transform;
}

.rayvatek-reveal-image {
	transform: translateY(36px);
	transition-duration: 760ms;
}

.rayvatek-reveal-card {
	transform: translateY(40px);
}

.rayvatek-reveal-section.is-revealed .rayvatek-reveal-item,
.rayvatek-reveal-item.is-revealed,
.rayvatek-reveal-item.visible {
	opacity: 1;
	transform: none;
	animation: rayvatekFadeUp 720ms cubic-bezier(.22, .61, .36, 1) both;
	animation-delay: var(--rayvatek-reveal-delay, 0ms);
}

.rayvatek-reveal-section.is-revealed .rayvatek-reveal-item,
.rayvatek-reveal-item.is-revealed,
.rayvatek-reveal-item.visible {
	will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
	.rayvatek-reveal-item {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		transition-delay: 0ms !important;
		animation: none !important;
		animation-delay: 0ms !important;
		will-change: auto !important;
	}
}

@media (max-width: 980px) {
	.rayvatek-page-rocket-injector-tw .rocket-injector-hero-image-stage,
	.rayvatek-page-rocket-propulsion-parts-tw .rocket-injector-hero-image-stage,
	.rayvatek-page-lightweight-support-frame-tw .rocket-injector-hero-image-stage,
	.rayvatek-page-topology-optimized-support-frame-tw .rocket-injector-hero-image-stage,
	.rayvatek-page-multi-surface-area-structure-tw .rocket-injector-hero-image-stage,
	.rayvatek-page-impeller-tw .rocket-injector-hero-image-stage,
	.rayvatek-page-flow-distributor-tw .rocket-injector-hero-image-stage {
		display: none;
	}
}

.pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	padding: 0;
	gap: 6px;
}

.pagination .page-item {
	display: block;
}

.pagination .page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	border-radius: 10px;
	border: 1px solid rgba(13, 111, 184, 0.2);
	background: #ffffff;
	color: var(--rayvatek-blue);
	text-decoration: none;
}

.pagination .page-item.active .page-link {
	background: var(--rayvatek-blue);
	border-color: var(--rayvatek-blue);
	color: #ffffff;
}

.pagination .page-item.disabled .page-link {
	color: var(--rayvatek-muted);
	border-color: rgba(96, 113, 135, 0.2);
	cursor: default;
}

/* This template loads no icon font, so Joomla's icon-angle-* pagination
   arrows rendered as empty boxes; draw them with plain characters instead. */
.pagination .icon-angle-double-left::before { content: "\00ab"; }
.pagination .icon-angle-left::before { content: "\2039"; }
.pagination .icon-angle-right::before { content: "\203a"; }
.pagination .icon-angle-double-right::before { content: "\00bb"; }

/* ---------- Article detail page ---------- */

.rayvatek-page-news-and-events-tw .com-content-article.rayvatek-article-detail {
	width: min(1140px, calc(100% - 180px));
	max-width: 1140px;
	margin: 0 auto;
	padding: 120px 0 120px;
}

.rayvatek-page-news-and-events-tw .com-content-article.rayvatek-article-detail,
.rayvatek-page-news-and-events-en .com-content-article.rayvatek-article-detail {
	width: 100% !important;
	max-width: 1360px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	box-sizing: border-box !important;
}

.rayvatek-page-drone1-tw .product-image.product-media img.rayvatek-reveal-image {
	object-fit: contain !important;
	background: #eef4fb !important;
}

/* Drone product cards: keep badges above images and normalize LM1 image frame. */
body.rayvatek-page-drone1-tw #sp-page-builder.page-4 .product-a2 .product-media,
body.rayvatek-page-drone1-tw #sp-page-builder.page-4 .product-c01 .product-media,
body.rayvatek-page-drone1-en .product-a2 .product-media,
body.rayvatek-page-drone1-en .product-c01 .product-media {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 16px !important;
	overflow: visible !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder.page-4 .product-a2 .product-badge,
body.rayvatek-page-drone1-tw #sp-page-builder.page-4 .product-c01 .product-badge,
body.rayvatek-page-drone1-en .product-a2 .product-badge,
body.rayvatek-page-drone1-en .product-c01 .product-badge {
	position: static !important;
	inset: auto !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	align-self: flex-start !important;
	margin: 0 !important;
	z-index: 1 !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder.page-4 .product-a2 .product-showcase .product-image img,
body.rayvatek-page-drone1-tw #sp-page-builder.page-4 .product-c01 .product-showcase .product-image img,
body.rayvatek-page-drone1-en .product-a2 .product-showcase .product-image img,
body.rayvatek-page-drone1-en .product-c01 .product-showcase .product-image img {
	display: block !important;
	width: min(100%, 520px) !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder.page-4 .lm1-product-card,
body.rayvatek-page-drone1-en .lm1-product-card {
	width: min(100%, 520px) !important;
	max-width: 520px !important;
	justify-self: center !important;
}

body.rayvatek-page-drone1-tw #sp-page-builder.page-4 .lm1-product-card img,
body.rayvatek-page-drone1-en .lm1-product-card img {
	display: block !important;
	width: 518px !important;
	max-width: 100% !important;
	height: 518px !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	object-position: center !important;
}

@media (max-width: 560px) {
	body.rayvatek-page-drone1-tw #sp-page-builder.page-4 .lm1-product-card img,
	body.rayvatek-page-drone1-en .lm1-product-card img {
		width: 100% !important;
		height: auto !important;
	}
}

/* Final mobile hero component layout: smaller, separated, and below menu area. */
@media (max-width: 767px) {
	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-metal-microstructure-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-metal-microstructure-en #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-lightweight-structure-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-lightweight-structure-en #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .sppb-column-addons > .innovative-hero-components {
		display: block !important;
		position: relative !important;
		inset: auto auto auto 0 !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 118px !important;
		margin: 42px 0 0 !important;
		transform: none !important;
		z-index: 20 !important;
		overflow: visible !important;
	}

	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-metal-microstructure-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-metal-microstructure-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-lightweight-structure-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-lightweight-structure-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component {
		width: 104px !important;
		right: auto !important;
	}

	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .innovative-component-1,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .innovative-component-1,
	body.rayvatek-page-metal-microstructure-tw #about-hero .innovative-component-1,
	body.rayvatek-page-metal-microstructure-en #about-hero .innovative-component-1,
	body.rayvatek-page-lightweight-structure-tw #about-hero .innovative-component-1,
	body.rayvatek-page-lightweight-structure-en #about-hero .innovative-component-1,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .innovative-component-1,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .innovative-component-1 {
		top: 8px !important;
		left: 0 !important;
	}

	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .innovative-component-2,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .innovative-component-2,
	body.rayvatek-page-metal-microstructure-tw #about-hero .innovative-component-2,
	body.rayvatek-page-metal-microstructure-en #about-hero .innovative-component-2,
	body.rayvatek-page-lightweight-structure-tw #about-hero .innovative-component-2,
	body.rayvatek-page-lightweight-structure-en #about-hero .innovative-component-2,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .innovative-component-2,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .innovative-component-2 {
		top: 66px !important;
		left: 119px !important;
	}

	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .innovative-component-3,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .innovative-component-3,
	body.rayvatek-page-metal-microstructure-tw #about-hero .innovative-component-3,
	body.rayvatek-page-metal-microstructure-en #about-hero .innovative-component-3,
	body.rayvatek-page-lightweight-structure-tw #about-hero .innovative-component-3,
	body.rayvatek-page-lightweight-structure-en #about-hero .innovative-component-3,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .innovative-component-3,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .innovative-component-3 {
		top: 124px !important;
		left: 238px !important;
	}
}

/* Final hero component tuning: subtler float and non-overlapping mobile layout. */
@media (max-width: 767px) {
	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-metal-microstructure-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-metal-microstructure-en #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-lightweight-structure-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-lightweight-structure-en #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .sppb-column-addons > .innovative-hero-components {
		display: block !important;
		position: relative !important;
		inset: auto auto auto 0 !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 118px !important;
		margin: 42px 0 0 !important;
		transform: none !important;
		z-index: 20 !important;
		pointer-events: none;
		overflow: visible !important;
	}

	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-metal-microstructure-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-metal-microstructure-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-lightweight-structure-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-lightweight-structure-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component {
		display: block !important;
		position: absolute !important;
		width: 104px !important;
		max-width: none !important;
		height: auto !important;
		right: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .innovative-component-1,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .innovative-component-1,
	body.rayvatek-page-metal-microstructure-tw #about-hero .innovative-component-1,
	body.rayvatek-page-metal-microstructure-en #about-hero .innovative-component-1,
	body.rayvatek-page-lightweight-structure-tw #about-hero .innovative-component-1,
	body.rayvatek-page-lightweight-structure-en #about-hero .innovative-component-1,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .innovative-component-1,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .innovative-component-1 {
		top: 8px !important;
		left: 0 !important;
	}

	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .innovative-component-2,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .innovative-component-2,
	body.rayvatek-page-metal-microstructure-tw #about-hero .innovative-component-2,
	body.rayvatek-page-metal-microstructure-en #about-hero .innovative-component-2,
	body.rayvatek-page-lightweight-structure-tw #about-hero .innovative-component-2,
	body.rayvatek-page-lightweight-structure-en #about-hero .innovative-component-2,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .innovative-component-2,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .innovative-component-2 {
		top: 66px !important;
		left: 119px !important;
	}

	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .innovative-component-3,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .innovative-component-3,
	body.rayvatek-page-metal-microstructure-tw #about-hero .innovative-component-3,
	body.rayvatek-page-metal-microstructure-en #about-hero .innovative-component-3,
	body.rayvatek-page-lightweight-structure-tw #about-hero .innovative-component-3,
	body.rayvatek-page-lightweight-structure-en #about-hero .innovative-component-3,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .innovative-component-3,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .innovative-component-3 {
		top: 124px !important;
		left: 238px !important;
	}
}

/* Mobile override: keep generated hero component images visible below hero text. */
@media (max-width: 767px) {
	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-metal-microstructure-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-metal-microstructure-en #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-lightweight-structure-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-lightweight-structure-en #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .sppb-column-addons > .innovative-hero-components,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .sppb-column-addons > .innovative-hero-components {
		display: block !important;
		position: relative !important;
		inset: auto auto auto 0 !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 230px !important;
		margin: 56px 0 0 !important;
		transform: none !important;
		z-index: 20 !important;
		pointer-events: none;
		overflow: visible !important;
	}

	body.rayvatek-page-innovative-design-optimized-components-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-innovative-design-optimized-components-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-metal-microstructure-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-metal-microstructure-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-lightweight-structure-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-lightweight-structure-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component,
	body.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .sppb-column-addons > .innovative-hero-components .innovative-component {
		display: block !important;
		position: absolute !important;
		width: 90px !important;
		max-width: none !important;
		height: auto !important;
		right: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}

/* Final mobile hero media override: show floating images below text. */
@media (max-width: 767px) {
	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw) .about-hero .innovative-hero-components {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		left: 0 !important;
		right: auto !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 230px !important;
		margin: 34px 0 0 !important;
		transform: none !important;
		z-index: 5 !important;
		pointer-events: none;
	}

	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw) .about-hero .innovative-component {
		display: block !important;
		position: absolute !important;
		width: 90px !important;
		right: auto !important;
	}

	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw) .about-hero .innovative-component-1 {
		top: 8px !important;
		left: 0 !important;
	}

	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw) .about-hero .innovative-component-2 {
		top: 8px !important;
		left: 126px !important;
	}

	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-lightweight-structure-tw) .about-hero .innovative-component-3 {
		top: 8px !important;
		left: 252px !important;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .about-hero .consumer-hero-image-stage {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		left: 0 !important;
		right: auto !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 220px !important;
		margin: 34px 0 0 !important;
		transform: none !important;
		z-index: 5 !important;
		pointer-events: none;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .about-hero .consumer-hero-image {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		display: block !important;
		width: 100% !important;
		height: 210px !important;
		object-fit: cover !important;
		border-radius: 24px !important;
	}
}

/* Additional 30px top/bottom clearance for TW metal product hero floats. */
:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw) #about-hero.about-hero,
:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw) .about-hero {
	min-height: 800px !important;
	padding-top: 30px !important;
	padding-bottom: 126px !important;
}

.rayvatek-page-lightweight-structure-tw #about-hero.about-hero,
.rayvatek-page-lightweight-structure-tw .about-hero {
	min-height: 880px !important;
	padding-top: 30px !important;
	padding-bottom: 170px !important;
}

@media (max-width: 767px) {
	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw) #about-hero.about-hero,
	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-metal-microstructure-tw) .about-hero {
		min-height: 880px !important;
		padding-top: 30px !important;
		padding-bottom: 100px !important;
	}

	.rayvatek-page-lightweight-structure-tw #about-hero.about-hero,
	.rayvatek-page-lightweight-structure-tw .about-hero {
		min-height: 920px !important;
		padding-top: 30px !important;
		padding-bottom: 122px !important;
	}
}

/* Metal product hero refinements 2026-08-04 */
:is(.rayvatek-page-metal-3d-printing-tw, .rayvatek-page-metal-3d-printing-en) #about-hero .about-kicker,
:is(.rayvatek-page-metal-3d-printing-tw, .rayvatek-page-metal-3d-printing-en) #about-hero .about-kicker .sppb-addon-content,
:is(.rayvatek-page-metal-3d-printing-tw, .rayvatek-page-metal-3d-printing-en) .about-hero .about-kicker,
:is(.rayvatek-page-metal-3d-printing-tw, .rayvatek-page-metal-3d-printing-en) .about-hero .about-kicker .sppb-addon-content {
	color: #ffffff !important;
}

:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .innovative-component-1 {
	top: 24%;
}

:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .innovative-component-2 {
	top: 47%;
	right: max(64px, calc((100vw - 1320px) / 2 + 64px));
}

:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .innovative-component-3 {
	top: 68%;
}

:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) .consumer-hero-image {
	top: 34%;
}

@media (max-width: 767px) {
	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) .about-hero {
		min-height: 760px !important;
		padding-bottom: 42px !important;
		overflow: hidden !important;
	}

	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .about-hero .innovative-hero-components {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		left: 0 !important;
		right: auto !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 230px !important;
		margin: 56px 0 0 !important;
		transform: none !important;
		z-index: 3 !important;
		pointer-events: none;
	}

	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .about-hero .innovative-component {
		width: 90px !important;
		right: auto !important;
	}

	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .about-hero .innovative-component-1 {
		top: 8px !important;
		left: 0 !important;
	}

	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .about-hero .innovative-component-2 {
		top: 8px !important;
		left: 126px !important;
	}

	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .about-hero .innovative-component-3 {
		top: 8px !important;
		left: 252px !important;
	}

	:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) .about-hero .consumer-hero-image-stage {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		left: 0 !important;
		right: auto !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 220px !important;
		margin: 44px 0 0 !important;
		transform: none !important;
		z-index: 3 !important;
		pointer-events: none;
	}

	:is(.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw, .rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en) .about-hero .consumer-hero-image {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		display: block !important;
		width: 100% !important;
		height: 210px !important;
		object-fit: cover !important;
		border-radius: 24px !important;
	}
}
/* English QA final text wrapping 2026-08-03 */
@media (max-width: 575px) {
	html.rayvatek-lang-en .about-hero p,
	html.rayvatek-lang-en .about-hero .rayvatek-lead,
	html.rayvatek-lang-en .about-hero .sppb-addon-content {
		max-width: calc(100vw - 64px) !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
		hyphens: auto;
	}
}

/* Prevent metal product hero floats from being covered by the feature cards. */
:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .about-hero {
	position: relative;
	z-index: 2;
	min-height: 740px !important;
	padding-bottom: 96px !important;
	overflow: hidden !important;
}

:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .innovative-hero-components {
	z-index: 3 !important;
}

:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .about-hero .sppb-row-container,
:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .about-hero .sppb-row {
	z-index: 4 !important;
}

:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .features-strip {
	position: relative;
	z-index: 1;
}

@media (max-width: 767px) {
	:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) .about-hero {
		min-height: 820px !important;
		padding-bottom: 70px !important;
	}
}

/* Extra clearance for lightweight structure hero floats. */
:is(.rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en) .about-hero {
	min-height: 820px !important;
	padding-bottom: 140px !important;
}

:is(.rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en) .innovative-component-1 {
	top: 20% !important;
}

:is(.rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en) .innovative-component-2 {
	top: 42% !important;
}

:is(.rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en) .innovative-component-3 {
	top: 60% !important;
}

@media (max-width: 767px) {
	:is(.rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en) .about-hero {
		min-height: 860px !important;
		padding-bottom: 92px !important;
	}
}

/* Chinese QA fixes 2026-08-03 */
html:not(.rayvatek-lang-en) .rtvk-product-media,
html:not(.rayvatek-lang-en) .rtvk-news-section .news-media,
.rayvatek-page-news-and-events-tw .rayvatek-news-card .item-image {
	background: #eef4fb !important;
}

html:not(.rayvatek-lang-en) .rtvk-product-media img,
html:not(.rayvatek-lang-en) .rtvk-news-section .news-media img,
.rayvatek-page-news-and-events-tw .rayvatek-news-card .item-image img {
	object-fit: contain !important;
	background: #eef4fb !important;
}

@media (max-width: 575px) {
	html:not(.rayvatek-lang-en) #about-hero h1,
	html:not(.rayvatek-lang-en) #about-hero .sppb-addon-title,
	html:not(.rayvatek-lang-en) .about-hero h1,
	html:not(.rayvatek-lang-en) .about-hero .sppb-addon-title {
		max-width: calc(100vw - 64px) !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
		word-break: normal !important;
		letter-spacing: 0 !important;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .about-hero .consumer-hero-image-stage,
	.rayvatek-page-innovative-design-optimized-components-tw .about-hero .innovative-hero-components,
	.rayvatek-page-metal-microstructure-tw .about-hero .innovative-hero-components,
	.rayvatek-page-lightweight-structure-tw .about-hero .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero .innovative-hero-components {
		display: none !important;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .about-hero,
	.rayvatek-page-innovative-design-optimized-components-tw .about-hero,
	.rayvatek-page-metal-microstructure-tw .about-hero,
	.rayvatek-page-lightweight-structure-tw .about-hero,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero {
		min-height: 560px !important;
		padding-bottom: 28px !important;
	}

	.rayvatek-page-about-us .cert-card,
	.rayvatek-page-about-us .cert-card *,
	.rayvatek-page-about-us .company-stat-card,
	.rayvatek-page-about-us .company-stat-card * {
		max-width: 100% !important;
		box-sizing: border-box;
		overflow-wrap: anywhere;
	}

	.rayvatek-page-about-us .cert-card img,
	.rayvatek-page-about-us .company-stat-card img {
		width: 100% !important;
		height: auto !important;
		object-fit: contain !important;
	}
}

.rayvatek-page-drone1-tw .rayvatek-main img.rayvatek-reveal-image,
.rayvatek-page-usv-tw .rayvatek-main img.rayvatek-reveal-image,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw .rayvatek-main img,
.rayvatek-page-case-study-tw:not(.rayvatek-page-en) .rayvatek-main img {
	object-fit: contain !important;
	background: #eef4fb;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-tw .composite-hydrogen-side-media img,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw .composite-hydrogen-gallery img,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en .composite-hydrogen-side-media img,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en .composite-hydrogen-gallery img,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw .energy-flow-card img,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw .energy-app-card img,
.rayvatek-page-composite-materials-and-hydrogen-tanks-tw .composite-product-card img {
	object-fit: cover !important;
	background: transparent !important;
}

.rayvatek-page-usv-tw .overview-image img.rayvatek-reveal-image {
	object-fit: cover !important;
	background: transparent !important;
}

/* English QA final mobile overrides 2026-08-03 */
@media (max-width: 575px) {
	html.rayvatek-lang-en .rayvatek-mobile-menu {
		left: 0 !important;
		right: auto !important;
		width: 100vw !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		transform: translateX(100%) !important;
	}

	html.rayvatek-lang-en .rayvatek-mobile-menu.is-open,
	html.rayvatek-lang-en .rayvatek-mobile-menu.open,
	html.rayvatek-lang-en .rayvatek-mobile-menu.active,
	html.rayvatek-lang-en body.rayvatek-mobile-menu-open .rayvatek-mobile-menu {
		transform: translateX(0) !important;
	}

	.rayvatek-page-usv-en .section-title,
	.rayvatek-page-usv-en h2,
	.rayvatek-page-drone1-en .section-title,
	.rayvatek-page-drone1-en h2 {
		max-width: 100% !important;
		overflow-wrap: anywhere !important;
		word-break: normal !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-hero .innovative-hero-components,
	.rayvatek-page-metal-microstructure-en .about-hero .innovative-hero-components,
	.rayvatek-page-lightweight-structure-en .about-hero .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero .innovative-hero-components,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero .consumer-hero-image-stage {
		display: none !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-hero,
	.rayvatek-page-metal-microstructure-en .about-hero,
	.rayvatek-page-lightweight-structure-en .about-hero,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero {
		min-height: 560px !important;
		padding-bottom: 28px !important;
	}
}

/* English QA fixes 2026-08-03 */
html.rayvatek-lang-en .rtvk-product-media,
html.rayvatek-lang-en .rtvk-news-section .news-media,
.rayvatek-page-news-and-events-en .rayvatek-news-card .item-image {
	background: #eef4fb !important;
}

html.rayvatek-lang-en .rtvk-product-media img,
html.rayvatek-lang-en .rtvk-news-section .news-media img,
.rayvatek-page-news-and-events-en .rayvatek-news-card .item-image img {
	object-fit: contain !important;
	background: #eef4fb !important;
}

/* Homepage "Five Core Product & Technology Platforms" cards: restore full-bleed cover images */
html:not(.rayvatek-lang-en) .rtvk-product-media img,
html.rayvatek-lang-en .rtvk-product-media img {
	object-fit: cover !important;
	background: transparent !important;
}

.rayvatek-page-news-and-events-en .rayvatek-main {
	background-color: #f5f8fb;
	background-image:
		linear-gradient(rgba(12, 35, 56, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(12, 35, 56, 0.035) 1px, transparent 1px);
	background-size: 80px 80px;
}

.rayvatek-page-news-and-events-en .com-content-category-blog.blog {
	width: min(1334px, calc(100% - 180px));
	max-width: 1334px;
	margin: 0 auto;
	padding: 120px 0 104px;
}

.rayvatek-page-news-and-events-en .com-content-category-blog > .page-header {
	margin: 0 0 54px;
	padding: 0;
	border: 0;
}

.rayvatek-page-news-and-events-en .com-content-category-blog > .page-header:before {
	display: block;
	margin: 0 0 18px;
	color: #1a73c0;
	font-family: "Roboto Mono", Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 4.6px;
	text-transform: uppercase;
	content: "05   NEWS";
}

.rayvatek-page-news-and-events-en .com-content-category-blog > .page-header h1 {
	max-width: 760px;
	margin: 0;
	color: #ff7130;
	font-size: 48px;
	font-weight: 900;
	line-height: 1.06;
	letter-spacing: 0;
}

.rayvatek-page-news-and-events-en .com-content-category-blog > .page-header:after {
	display: block;
	max-width: 760px;
	margin: 18px 0 0;
	color: #0f2236;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0;
	content: "Stay up to date with Rayvatek technical articles, exhibitions, and company news.";
}

.rayvatek-page-news-and-events-en .com-content-category-blog__items.blog-items,
.rayvatek-page-news-and-events-en .blog-items[class*="masonry"] {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.rayvatek-page-news-and-events-en .com-content-category-blog__item {
	display: flex;
	min-width: 0;
}

.rayvatek-page-news-and-events-en .rayvatek-news-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 473px;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(120, 149, 178, 0.28);
	border-radius: 14px;
	box-shadow: none;
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.rayvatek-page-news-and-events-en .rayvatek-news-card:hover {
	box-shadow: var(--rayvatek-card-shadow);
	transform: translateY(-2px);
}

.rayvatek-page-news-and-events-en .rayvatek-news-card .item-image {
	display: block;
	width: 100%;
	height: 263px;
	margin: 0;
	overflow: hidden;
}

.rayvatek-page-news-and-events-en .rayvatek-news-card .item-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}

.rayvatek-page-news-and-events-en .rayvatek-news-card .item-content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	min-height: 210px;
	padding: 31px 29px 28px;
}

.rayvatek-page-news-and-events-en .rayvatek-news-card-date {
	order: 1;
	margin: 0 0 18px;
	color: #f15a24;
	font-family: Consolas, "Courier New", monospace;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

.rayvatek-page-news-and-events-en .rayvatek-news-card-title {
	order: 2;
	margin: 0;
	min-height: calc(1.25em * 3);
	color: #113b61;
	font-size: 26px;
	font-weight: 900;
	line-height: 1.25;
	letter-spacing: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.rayvatek-page-news-and-events-en .rayvatek-news-card-readmore {
	order: 3;
	margin-top: auto;
	padding-top: 18px;
	color: #006fbd;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.2;
}

.rayvatek-page-usv-en,
.rayvatek-page-drone1-en {
	overflow-x: hidden !important;
}

.rayvatek-page-usv-en *,
.rayvatek-page-drone1-en * {
	box-sizing: border-box;
}

.rayvatek-page-usv-en .container,
.rayvatek-page-usv-en .hero-content,
.rayvatek-page-drone1-en .container,
.rayvatek-page-drone1-en .hero-content {
	max-width: 100% !important;
}

body.rayvatek-page-drone1-en .container {
	max-width: 1280px !important;
}

@media (max-width: 991px) {
	.rayvatek-page-news-and-events-en .com-content-category-blog.blog {
		width: 100%;
		max-width: var(--rayvatek-container-width);
		padding-left: var(--rayvatek-container-padding);
		padding-right: var(--rayvatek-container-padding);
		box-sizing: border-box;
	}

	.rayvatek-page-news-and-events-en .com-content-category-blog__items.blog-items,
	.rayvatek-page-news-and-events-en .blog-items[class*="masonry"] {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 575px) {
	html.rayvatek-lang-en #about-hero h1,
	html.rayvatek-lang-en #about-hero .sppb-addon-title,
	html.rayvatek-lang-en .about-hero h1,
	html.rayvatek-lang-en .about-hero .sppb-addon-title {
		max-width: calc(100vw - 64px) !important;
		white-space: normal !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
		hyphens: auto;
		letter-spacing: 0 !important;
	}

	.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero h1,
	.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero .sppb-addon-title,
	.rayvatek-page-industrial-grade-heat-dissipation-module-mold-cooling-application-en #about-hero h1,
	.rayvatek-page-industrial-grade-heat-dissipation-module-mold-cooling-application-en #about-hero .sppb-addon-title,
	.rayvatek-page-innovative-design-optimized-components-en #about-hero h1,
	.rayvatek-page-innovative-design-optimized-components-en #about-hero .sppb-addon-title,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en #about-hero h1,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en #about-hero .sppb-addon-title,
	.rayvatek-page-metal-microstructure-en #about-hero h1,
	.rayvatek-page-metal-microstructure-en #about-hero .sppb-addon-title,
	.rayvatek-page-lightweight-structure-en #about-hero h1,
	.rayvatek-page-lightweight-structure-en #about-hero .sppb-addon-title,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero h1,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en #about-hero .sppb-addon-title {
		font-size: clamp(30px, 9vw, 38px) !important;
		line-height: 1.12 !important;
	}

	.rayvatek-page-metal-3d-printing-en #about-hero h1,
	.rayvatek-page-metal-3d-printing-en #about-hero .sppb-addon-title,
	.rayvatek-page-metal-3d-printing-en .about-hero h1,
	.rayvatek-page-metal-3d-printing-en .about-hero .sppb-addon-title {
		font-size: 38px !important;
		white-space: nowrap !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-hero,
	.rayvatek-page-metal-microstructure-en .about-hero,
	.rayvatek-page-lightweight-structure-en .about-hero,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero {
		min-height: 560px !important;
		padding-bottom: 28px !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .innovative-hero-components,
	.rayvatek-page-metal-microstructure-en .innovative-hero-components,
	.rayvatek-page-lightweight-structure-en .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .innovative-hero-components,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .consumer-hero-image-stage {
		display: none !important;
	}

	.rayvatek-page-usv-en .hero-content,
	.rayvatek-page-drone1-en .hero-content,
	.rayvatek-page-usv-en .container,
	.rayvatek-page-drone1-en .container {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.rayvatek-page-usv-en h1,
	.rayvatek-page-drone1-en h1 {
		max-width: calc(100vw - 48px) !important;
		font-size: clamp(34px, 12vw, 48px) !important;
		line-height: 1.12 !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}
}

@media (max-width: 575px) {
	.rayvatek-page-innovative-design-optimized-components-tw #about-hero.about-hero,
	.rayvatek-page-metal-microstructure-tw #about-hero.about-hero,
	.rayvatek-page-lightweight-structure-tw #about-hero.about-hero,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero.about-hero {
		min-height: auto !important;
		padding-top: 106px !important;
		overflow: hidden !important;
	}

	.rayvatek-page-innovative-design-optimized-components-tw #about-hero .sppb-row-container,
	.rayvatek-page-metal-microstructure-tw #about-hero .sppb-row-container,
	.rayvatek-page-lightweight-structure-tw #about-hero .sppb-row-container,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .sppb-row-container {
		width: calc(100% - 32px) !important;
		max-width: calc(100% - 32px) !important;
		padding: 0 !important;
	}

	.rayvatek-page-innovative-design-optimized-components-tw #about-hero .sppb-column-addons,
	.rayvatek-page-metal-microstructure-tw #about-hero .sppb-column-addons,
	.rayvatek-page-lightweight-structure-tw #about-hero .sppb-column-addons,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .sppb-column-addons {
		width: 100% !important;
		max-width: 100% !important;
	}

	.rayvatek-page-innovative-design-optimized-components-tw #about-hero h1,
	.rayvatek-page-innovative-design-optimized-components-tw #about-hero .sppb-addon-title,
	.rayvatek-page-metal-microstructure-tw #about-hero h1,
	.rayvatek-page-metal-microstructure-tw #about-hero .sppb-addon-title,
	.rayvatek-page-lightweight-structure-tw #about-hero h1,
	.rayvatek-page-lightweight-structure-tw #about-hero .sppb-addon-title,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero h1,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .sppb-addon-title {
		max-width: 100% !important;
		color: var(--rayvatek-orange) !important;
		font-size: clamp(34px, 10.5vw, 44px) !important;
		line-height: 1.14 !important;
		white-space: normal !important;
		overflow-wrap: break-word !important;
		word-break: keep-all !important;
	}

	.rayvatek-page-innovative-design-optimized-components-tw #about-hero .innovative-hero-components,
	.rayvatek-page-metal-microstructure-tw #about-hero .innovative-hero-components,
	.rayvatek-page-lightweight-structure-tw #about-hero .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw #about-hero .innovative-hero-components {
		display: none !important;
	}
}

@media (max-width: 640px) {
	body.rayvatek-page-drone1-en .hero,
	.rayvatek-page-drone1-en .hero {
		height: 840px !important;
		min-height: 840px !important;
		padding-top: 104px !important;
		padding-bottom: 36px !important;
		overflow: hidden !important;
	}

	body.rayvatek-page-drone1-en .hero-content,
	.rayvatek-page-drone1-en .hero-content {
		margin-top: 0 !important;
	}

	body.rayvatek-page-drone1-en .hero-stats,
	.rayvatek-page-drone1-en .hero-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 342px !important;
		margin-top: 18px !important;
		transform: none !important;
	}

	body.rayvatek-page-drone1-en .hero-stats .stat-item,
	.rayvatek-page-drone1-en .hero-stats .stat-item {
		min-height: 74px !important;
		padding: 10px 12px !important;
		border-radius: 14px !important;
	}

	body.rayvatek-page-drone1-en .hero-stats .stat-val,
	.rayvatek-page-drone1-en .hero-stats .stat-val {
		font-size: 28px !important;
		line-height: 1 !important;
	}

	body.rayvatek-page-drone1-en .hero-stats .stat-val span,
	.rayvatek-page-drone1-en .hero-stats .stat-val span {
		font-size: 13px !important;
	}

	body.rayvatek-page-drone1-en .hero-stats .stat-label,
	.rayvatek-page-drone1-en .hero-stats .stat-label {
		font-size: 11px !important;
		line-height: 1.25 !important;
	}
}

.rayvatek-article-badge {
	display: inline-block;
	padding: 5px 14px;
	margin-bottom: 18px;
	border-radius: 999px;
	background: var(--rayvatek-ice);
	color: var(--rayvatek-blue);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.rayvatek-article-title {
	margin: 0 0 20px;
	color: var(--rayvatek-navy);
	font-size: 36px;
	font-weight: 900;
	line-height: 1.3;
}

.rayvatek-article-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 28px;
	padding-bottom: 22px;
	border-bottom: 1px solid rgba(120, 149, 178, 0.28);
}

.rayvatek-article-date {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--rayvatek-orange);
	font-weight: 700;
	font-size: 15px;
}

.rayvatek-share {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.rayvatek-share-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 999px;
	border: 0;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.rayvatek-share-fb { background: #1877f2; }
.rayvatek-share-line { background: #06c755; }
.rayvatek-share-linkedin { background: #0a66c2; }
.rayvatek-share-whatsapp { background: #25d366; }
.rayvatek-share-copy {
	background: #eef4fa;
	color: var(--rayvatek-blue-dark);
}
.rayvatek-share-copy.is-copied {
	background: var(--rayvatek-blue);
	color: #fff;
}

.rayvatek-article-hero {
	margin: 0 0 32px;
}

.rayvatek-article-hero img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 18px;
	box-shadow: var(--rayvatek-card-shadow);
}

.rayvatek-article-body {
	color: var(--rayvatek-text);
	font-size: 17px;
	line-height: 1.9;
}

.rayvatek-article-body p {
	margin: 0 0 20px;
}

.rayvatek-article-body h2,
.rayvatek-article-body h3,
.rayvatek-article-body h4 {
	margin: 32px 0 14px;
	color: var(--rayvatek-navy);
	font-weight: 800;
	line-height: 1.4;
}

.rayvatek-article-body ul,
.rayvatek-article-body ol {
	margin: 0 0 20px;
	padding-left: 1.4em;
}

.rayvatek-article-body a {
	color: var(--rayvatek-blue);
	font-weight: 700;
}

.rayvatek-article-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 48px 0 36px;
}

.rayvatek-article-nav-card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px;
	background: #fff;
	border: 1px solid rgba(120, 149, 178, 0.28);
	border-radius: 14px;
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.rayvatek-article-nav-card:hover {
	box-shadow: var(--rayvatek-card-shadow);
	transform: translateY(-2px);
}

.rayvatek-article-nav-empty {
	border: 0;
	background: transparent;
}

.rayvatek-article-nav-next {
	flex-direction: row-reverse;
	text-align: right;
}

.rayvatek-article-nav-thumb {
	flex: 0 0 84px;
	width: 84px;
	height: 84px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--rayvatek-ice);
}

.rayvatek-article-nav-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rayvatek-article-nav-text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.rayvatek-article-nav-label {
	color: var(--rayvatek-blue);
	font-size: 13px;
	font-weight: 800;
}

.rayvatek-article-nav-title {
	color: var(--rayvatek-navy);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.35;
}

.rayvatek-rss-box {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 22px 26px;
	background: var(--rayvatek-ice);
	border-radius: 16px;
}

.rayvatek-rss-icon {
	display: inline-flex;
	flex: 0 0 auto;
	color: var(--rayvatek-orange);
}

.rayvatek-rss-text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1 1 auto;
	min-width: 0;
	color: var(--rayvatek-muted);
	font-size: 14px;
}

.rayvatek-rss-text strong {
	color: var(--rayvatek-navy);
	font-size: 16px;
}

.rayvatek-rss-btn {
	flex: 0 0 auto;
	padding: 10px 20px;
	border-radius: 999px;
	border: 1px solid var(--rayvatek-blue);
	color: var(--rayvatek-blue);
	font-weight: 800;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}

.rayvatek-rss-btn:hover {
	background: var(--rayvatek-blue);
	color: #fff;
}

@media (max-width: 720px) {
	.rayvatek-page-news-and-events-tw .com-content-article.rayvatek-article-detail {
		width: calc(100% - 48px);
		padding: 160px 0 80px;
	}

	.rayvatek-article-title {
		font-size: 26px;
	}

	.rayvatek-article-nav {
		grid-template-columns: 1fr;
	}

	.rayvatek-article-nav-next {
		flex-direction: row;
		text-align: left;
	}

	.rayvatek-rss-box {
		flex-wrap: wrap;
	}
}

.rayvatek-contact-honeypot {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.rayvatek-contact-status {
	margin-bottom: 20px;
	padding: 14px 18px;
	border-radius: 10px;
	font-weight: 700;
}

.rayvatek-contact-status.is-success {
	background: #e6f6ec;
	color: #1f7a43;
	border: 1px solid #b7e3c6;
}

.rayvatek-contact-status.is-error {
	background: #fdecec;
	color: #b3261e;
	border: 1px solid #f3b8b4;
}

/* English page fixes 2026-07-24 */
.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en .about-hero {
	background:
		linear-gradient(90deg, rgba(0, 8, 20, .88) 0%, rgba(1, 16, 32, .76) 45%, rgba(5, 25, 45, .42) 100%),
		url("/images/rayvatek/composite-materials/electrolysis-hydrogrn.webp") center center / cover no-repeat !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero video,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero iframe,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .metal-3d-hero-video,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .composite-hero-video-iframe,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero .metal-3d-hero-video-addon,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en #about-hero.metal-3d-hero #sppb-addon-wrapper-addon-metal-3d-hero-video {
	display: none !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en:not(.rayvatek-english-product-ready) #about-hero .sppb-column-addons,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en:not(.rayvatek-english-product-ready) .about-hero .sppb-column-addons,
.rayvatek-page-communication-navigation-control-en:not(.rayvatek-english-product-ready) #about-hero .sppb-column-addons,
.rayvatek-page-communication-navigation-control-en:not(.rayvatek-english-product-ready) .about-hero .sppb-column-addons,
.rayvatek-page-laboratory-and-testing-en:not(.rayvatek-english-product-ready) #about-hero .sppb-column-addons,
.rayvatek-page-laboratory-and-testing-en:not(.rayvatek-english-product-ready) .about-hero .sppb-column-addons {
	opacity: 0 !important;
	visibility: hidden !important;
}

.rayvatek-page-composite-materials-and-hydrogen-tanks-en.rayvatek-english-product-ready #about-hero .sppb-column-addons,
.rayvatek-page-composite-materials-and-hydrogen-tanks-en.rayvatek-english-product-ready .about-hero .sppb-column-addons,
.rayvatek-page-communication-navigation-control-en.rayvatek-english-product-ready #about-hero .sppb-column-addons,
.rayvatek-page-communication-navigation-control-en.rayvatek-english-product-ready .about-hero .sppb-column-addons,
.rayvatek-page-laboratory-and-testing-en.rayvatek-english-product-ready #about-hero .sppb-column-addons,
.rayvatek-page-laboratory-and-testing-en.rayvatek-english-product-ready .about-hero .sppb-column-addons {
	opacity: 1 !important;
	visibility: visible !important;
	transition: opacity .18s ease;
}

.rayvatek-page-innovative-design-optimized-components-en .about-hero .sppb-column-addons,
.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero .sppb-column-addons {
	max-width: min(650px, 54vw) !important;
}

.rayvatek-page-innovative-design-optimized-components-en .about-hero h1,
.rayvatek-page-innovative-design-optimized-components-en .about-hero .sppb-addon-title,
.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero h1,
.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero .sppb-addon-title {
	max-width: 100% !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
}

.rayvatek-page-metal-3d-printing-en #about-hero h1,
.rayvatek-page-metal-3d-printing-en #about-hero .sppb-addon-title,
.rayvatek-page-metal-3d-printing-en .about-hero h1,
.rayvatek-page-metal-3d-printing-en .about-hero .sppb-addon-title {
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

@media (max-width: 575px) {
	.rayvatek-page-metal-3d-printing-en #about-hero h1,
	.rayvatek-page-metal-3d-printing-en #about-hero .sppb-addon-title,
	.rayvatek-page-metal-3d-printing-en .about-hero h1,
	.rayvatek-page-metal-3d-printing-en .about-hero .sppb-addon-title {
		font-size: 40px !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-hero,
	.rayvatek-page-metal-microstructure-en .about-hero,
	.rayvatek-page-lightweight-structure-en .about-hero,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero {
		min-height: 760px !important;
		padding-bottom: 42px !important;
		overflow: hidden !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-hero .sppb-column-addons,
	.rayvatek-page-metal-microstructure-en .about-hero .sppb-column-addons,
	.rayvatek-page-lightweight-structure-en .about-hero .sppb-column-addons,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero .sppb-column-addons,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero .sppb-column-addons {
		max-width: 100% !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-title .sppb-addon-title,
	.rayvatek-page-metal-microstructure-en .about-title .sppb-addon-title,
	.rayvatek-page-lightweight-structure-en .about-title .sppb-addon-title,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-title .sppb-addon-title,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-title .sppb-addon-title {
		font-size: 38px !important;
		line-height: 1.12 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		max-width: 100% !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .innovative-hero-components,
	.rayvatek-page-metal-microstructure-en .innovative-hero-components,
	.rayvatek-page-lightweight-structure-en .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .innovative-hero-components {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		left: 0 !important;
		right: auto !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 230px !important;
		margin: 56px 0 0 !important;
		transform: none !important;
		z-index: 3 !important;
		pointer-events: none;
	}

	.rayvatek-page-innovative-design-optimized-components-en .innovative-component,
	.rayvatek-page-metal-microstructure-en .innovative-component,
	.rayvatek-page-lightweight-structure-en .innovative-component,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .innovative-component {
		width: 90px !important;
		right: auto !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .innovative-component-1,
	.rayvatek-page-metal-microstructure-en .innovative-component-1,
	.rayvatek-page-lightweight-structure-en .innovative-component-1,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .innovative-component-1 {
		top: 8px !important;
		left: 0 !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .innovative-component-2,
	.rayvatek-page-metal-microstructure-en .innovative-component-2,
	.rayvatek-page-lightweight-structure-en .innovative-component-2,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .innovative-component-2 {
		top: 8px !important;
		left: 126px !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .innovative-component-3,
	.rayvatek-page-metal-microstructure-en .innovative-component-3,
	.rayvatek-page-lightweight-structure-en .innovative-component-3,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .innovative-component-3 {
		top: 8px !important;
		left: 252px !important;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .consumer-hero-image-stage {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		left: 0 !important;
		right: auto !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 220px !important;
		margin: 44px 0 0 !important;
		transform: none !important;
		z-index: 3 !important;
		pointer-events: none;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .consumer-hero-image {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		display: block !important;
		width: 100% !important;
		height: 210px !important;
		object-fit: cover !important;
		border-radius: 24px !important;
	}
}

@media (max-width: 767px) {
	.rayvatek-page-innovative-design-optimized-components-tw .about-hero,
	.rayvatek-page-metal-microstructure-tw .about-hero,
	.rayvatek-page-lightweight-structure-tw .about-hero,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .about-hero {
		min-height: 760px !important;
		padding-bottom: 42px !important;
		overflow: hidden !important;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .about-hero .sppb-column-addons,
	.rayvatek-page-metal-microstructure-tw .about-hero .sppb-column-addons,
	.rayvatek-page-lightweight-structure-tw .about-hero .sppb-column-addons,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .about-hero .sppb-column-addons,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .about-hero .sppb-column-addons {
		max-width: 100% !important;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .innovative-hero-components,
	.rayvatek-page-metal-microstructure-tw .innovative-hero-components,
	.rayvatek-page-lightweight-structure-tw .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .innovative-hero-components {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		left: 0 !important;
		right: auto !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 230px !important;
		margin: 56px 0 0 !important;
		transform: none !important;
		z-index: 3 !important;
		pointer-events: none;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .innovative-component,
	.rayvatek-page-metal-microstructure-tw .innovative-component,
	.rayvatek-page-lightweight-structure-tw .innovative-component,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .innovative-component {
		width: 90px !important;
		right: auto !important;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .innovative-component-1,
	.rayvatek-page-metal-microstructure-tw .innovative-component-1,
	.rayvatek-page-lightweight-structure-tw .innovative-component-1,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .innovative-component-1 {
		top: 8px !important;
		left: 0 !important;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .innovative-component-2,
	.rayvatek-page-metal-microstructure-tw .innovative-component-2,
	.rayvatek-page-lightweight-structure-tw .innovative-component-2,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .innovative-component-2 {
		top: 8px !important;
		left: 126px !important;
	}

	.rayvatek-page-innovative-design-optimized-components-tw .innovative-component-3,
	.rayvatek-page-metal-microstructure-tw .innovative-component-3,
	.rayvatek-page-lightweight-structure-tw .innovative-component-3,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw .innovative-component-3 {
		top: 8px !important;
		left: 252px !important;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .consumer-hero-image-stage {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		left: 0 !important;
		right: auto !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 220px !important;
		margin: 44px 0 0 !important;
		transform: none !important;
		z-index: 3 !important;
		pointer-events: none;
	}

	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw .consumer-hero-image {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		display: block !important;
		width: 100% !important;
		height: 210px !important;
		object-fit: cover !important;
		border-radius: 24px !important;
	}
}

/* English QA final mobile overrides 2026-08-03 */
@media (max-width: 575px) {
	html.rayvatek-lang-en .rayvatek-mobile-menu {
		left: 0 !important;
		right: auto !important;
		width: 100vw !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		transform: translateX(100%) !important;
	}

	html.rayvatek-lang-en .rayvatek-mobile-menu.is-open,
	html.rayvatek-lang-en .rayvatek-mobile-menu.open,
	html.rayvatek-lang-en .rayvatek-mobile-menu.active,
	html.rayvatek-lang-en body.rayvatek-mobile-menu-open .rayvatek-mobile-menu {
		transform: translateX(0) !important;
	}

	.rayvatek-page-usv-en .section-title,
	.rayvatek-page-usv-en h2,
	.rayvatek-page-drone1-en .section-title,
	.rayvatek-page-drone1-en h2 {
		max-width: 100% !important;
		overflow-wrap: anywhere !important;
		word-break: normal !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-hero .innovative-hero-components,
	.rayvatek-page-metal-microstructure-en .about-hero .innovative-hero-components,
	.rayvatek-page-lightweight-structure-en .about-hero .innovative-hero-components,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero .innovative-hero-components,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero .consumer-hero-image-stage {
		display: none !important;
	}

	.rayvatek-page-innovative-design-optimized-components-en .about-hero,
	.rayvatek-page-metal-microstructure-en .about-hero,
	.rayvatek-page-lightweight-structure-en .about-hero,
	.rayvatek-page-diminishing-manufacturing-sources-mro-parts-en .about-hero,
	.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en .about-hero {
		min-height: 560px !important;
		padding-bottom: 28px !important;
	}
}

.rayvatek-page-news-and-events-tw .com-content-article.rayvatek-article-detail,
.rayvatek-page-news-and-events-en .com-content-article.rayvatek-article-detail {
	width: 100% !important;
	max-width: 1360px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	box-sizing: border-box !important;
}
/* English QA final text wrapping 2026-08-03 */
@media (max-width: 575px) {
	html.rayvatek-lang-en .about-hero p,
	html.rayvatek-lang-en .about-hero .rayvatek-lead,
	html.rayvatek-lang-en .about-hero .sppb-addon-content {
		max-width: calc(100vw - 64px) !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
		hyphens: auto;
	}
}
.rayvatek-page-drone1-tw .product-image.product-media img.rayvatek-reveal-image {
	object-fit: contain !important;
	background: #eef4fb !important;
}

/* EOF mobile hero component layout override. */
@media (max-width: 767px) {
	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) #about-hero .sppb-column-addons > .innovative-hero-components {
		display: block !important;
		position: relative !important;
		inset: auto auto auto 0 !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: 118px !important;
		margin: 42px 0 0 !important;
		transform: none !important;
		z-index: 20 !important;
		overflow: visible !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) #about-hero .innovative-component {
		width: 90px !important;
		right: auto !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) #about-hero .innovative-component-1 {
		top: 8px !important;
		left: 0 !important;
	}

	body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) #about-hero .innovative-component-2 {
		top: 8px !important;
		left: 126px !important;
	}

body:is(.rayvatek-page-innovative-design-optimized-components-tw, .rayvatek-page-innovative-design-optimized-components-en, .rayvatek-page-metal-microstructure-tw, .rayvatek-page-metal-microstructure-en, .rayvatek-page-lightweight-structure-tw, .rayvatek-page-lightweight-structure-en, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-tw, .rayvatek-page-diminishing-manufacturing-sources-mro-parts-en) #about-hero .innovative-component-3 {
		top: 8px !important;
		left: 252px !important;
	}
}

/* EOF mobile consumer hero image override. */
@media (max-width: 767px) {
	body.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw #about-hero .sppb-column-addons > .consumer-hero-image-stage,
	body.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en #about-hero .sppb-column-addons > .consumer-hero-image-stage {
		display: block !important;
		position: relative !important;
		inset: auto auto auto 0 !important;
		width: calc(100vw - 48px) !important;
		max-width: 342px !important;
		height: calc(100vw - 48px) !important;
		max-height: 342px !important;
		aspect-ratio: 1 / 1 !important;
		margin: 42px 0 0 !important;
		transform: none !important;
		z-index: 20 !important;
		overflow: visible !important;
		pointer-events: none;
	}

	body.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-tw #about-hero .sppb-column-addons > .consumer-hero-image-stage .consumer-hero-image,
	body.rayvatek-page-consumer-electronics-titanium-alloy-mechanical-components-en #about-hero .sppb-column-addons > .consumer-hero-image-stage .consumer-hero-image {
		display: block !important;
		position: relative !important;
		top: auto !important;
		right: auto !important;
		width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		min-height: 100% !important;
		aspect-ratio: 1 / 1 !important;
		object-fit: cover !important;
		border-radius: 24px !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
}
