/*
Theme Name:duraalloy
Theme URI:https://www.dura-alloy.com/
Author:duraalloy
Author URI:https://www.dura-alloy.com/
Description:duraalloy's Theme
Version:1.0
License:GPL2
Text Domain:duraalloy
*/

*,*::before,*::after {
	box-sizing:border-box;
}
:root {
	--blue-900:#051220;
	--blue-800:#0a1f3a;
	--blue-700:#0f2e55;
	--blue-600:#164580;
	--blue-500:#1f62b8;
	--blue-400:#3b82d6;
	--blue-300:#7ab1f0;
	--blue-100:#d7e6f7;
	--gray-50:#f4f7fb;
	--gray-200:#e3e9f2;
	--gray-400:#9aa5b7;
	--gray-600:#5b6779;
	--gray-800:#2a3447;
	--white:#ffffff;
	--shadow-lg:0 30px 80px rgba(8,35,70,0.25);
	--shadow-md:0 14px 34px rgba(8,35,70,0.18);
	--shadow-sm:0 6px 18px rgba(8,35,70,0.12);
	--radius-lg:22px;
	--radius-md:14px;
	--radius-sm:10px;
	--container:1240px;
	--transition:0.35s cubic-bezier(0.4,0,0.2,1);
}
@font-face {
	font-family:"Inter";
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url("skin/fonts/Inter-Regular.woff2") format("woff2");
}
@font-face {
	font-family:"Inter";
	font-style:normal;
	font-weight:500;
	font-display:swap;
	src:url("skin/fonts/Inter-Medium.woff2") format("woff2");
}
@font-face {
	font-family:"Inter";
	font-style:normal;
	font-weight:600;
	font-display:swap;
	src:url("skin/fonts/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
	font-family:"Inter";
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url("skin/fonts/Inter-Bold.woff2") format("woff2");
}
@font-face {
	font-family:"Inter";
	font-style:normal;
	font-weight:800;
	font-display:swap;
	src:url("skin/fonts/Inter-ExtraBold.woff2") format("woff2");
}
@font-face {
	font-family:"Inter";
	font-style:normal;
	font-weight:900;
	font-display:swap;
	src:url("skin/fonts/Inter-Black.woff2") format("woff2");
}
html {
	font-family:"Inter",sans-serif;
	line-height:1.15;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body {
	min-height:100%;
	font-size:16px;
	line-height:1.5;
	color:#333;
	background:#fff;
	padding:0;
	margin:0;
	font-family:"Inter",sans-serif;
}
img {
	border:0;
	vertical-align:top;
	max-width:100%;
	height:auto;
	display:block;
}
h1,h2,h3,h4,h5,h6 {
	font-family:inherit;
	font-style:inherit;
	font-size:inherit;
	font-weight:normal;
	margin-bottom:20px;
	margin-top:0;
}
h1{
 text-transform: uppercase;	
}
a,a:hover,a:focus {
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color:#387FDC;
}
input,button {
	-webkit-appearance:none;
	border-radius:0;
}
button {
	cursor:pointer;
}
input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
}
textarea {
	resize:none;
	overflow:auto;
	font-family:'PingFang SC','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
}
input,button,textarea,select {
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-size:inherit;
	font-weight:normal;
	color:inherit;
	background:transparent;
}
select {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
select::-ms-expand {
	display:none;
}
table {
	border-collapse:collapse;
}
p {
	line-height:1.8;
	font-size:16px;
	margin-top:0;
	margin-bottom:0;
}
ul {
	padding:0;
	margin:0;
}
ul li {
	list-style:none;
}
.ptb10 {
	padding-top:10px;
	padding-bottom:10px;
}
.ptb20 {
	padding-top:20px;
	padding-bottom:20px;
}
.ptb30 {
	padding-top:30px;
	padding-bottom:30px;
}
.ptb40 {
	padding-top:40px;
	padding-bottom:40px;
}
.ptb50 {
	padding-top:50px;
	padding-bottom:50px;
}
.ptb60 {
	padding-top:60px;
	padding-bottom:60px;
}
.ptb70 {
	padding-top:70px;
	padding-bottom:70px;
}
.ptb80 {
	padding-top:80px;
	padding-bottom:80px;
}
.ptb90 {
	padding-top:90px;
	padding-bottom:90px;
}
.ptb100 {
	padding-top:100px;
	padding-bottom:100px;
}
.ptb110 {
	padding-top:110px;
	padding-bottom:110px;
}
.ptb120 {
	padding-top:120px;
	padding-bottom:120px;
}
.pt10 {
	padding-top:10px;
}
.pt20 {
	padding-top:20px;
}
.pt30 {
	padding-top:30px;
}
.pt40 {
	padding-top:40px;
}
.pt50 {
	padding-top:50px;
}
.pt60 {
	padding-top:60px;
}
.pt70 {
	padding-top:70px;
}
.pt80 {
	padding-top:80px;
}
.pt90 {
	padding-top:90px;
}
.pt100 {
	padding-top:100px;
}
.pt110 {
	padding-top:110px;
}
.pt120 {
	padding-top:120px;
}
.pb10 {
	padding-bottom:10px;
}
.pb20 {
	padding-bottom:20px;
}
.pb30 {
	padding-bottom:30px;
}
.pb40 {
	padding-bottom:40px;
}
.pb50 {
	padding-bottom:50px;
}
.pb60 {
	padding-bottom:60px;
}
.pb70 {
	padding-bottom:70px;
}
.pb80 {
	padding-bottom:80px;
}
.pb90 {
	padding-bottom:90px;
}
.pb100 {
	padding-bottom:100px;
}
.pb110 {
	padding-bottom:110px;
}
.pb120 {
	padding-bottom:120px;
}
.mtb10 {
	margin-top:10px;
	margin-bottom:10px;
}
.mtb20 {
	margin-top:20px;
	margin-bottom:20px;
}
.mtb30 {
	margin-top:30px;
	margin-bottom:30px;
}
.mtb40 {
	margin-top:40px;
	margin-bottom:40px;
}
.mtb50 {
	margin-top:50px;
	margin-bottom:50px;
}
.mtb60 {
	margin-top:60px;
	margin-bottom:60px;
}
.mtb70 {
	margin-top:70px;
	margin-bottom:70px;
}
.mtb70 {
	margin-top:70px;
	margin-bottom:70px;
}
.mtb80 {
	margin-top:80px;
	margin-bottom:80px;
}
.mtb90 {
	margin-top:90px;
	margin-bottom:90px;
}
.mtb100 {
	margin-top:100px;
	margin-bottom:100px;
}
.mtb110 {
	margin-top:110px;
	margin-bottom:110px;
}
.mtb120 {
	margin-top:120px;
	margin-bottom:120px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
.mt60 {
	margin-top:60px;
}
.mt70 {
	margin-top:70px;
}
.mt80 {
	margin-top:80px;
}
.mt90 {
	margin-top:90px;
}
.mt100 {
	margin-top:100px;
}
.mt110 {
	margin-top:110px;
}
.mt120 {
	margin-top:120px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
.mb60 {
	margin-bottom:60px;
}
.mb70 {
	margin-bottom:70px;
}
.mb80 {
	margin-bottom:80px;
}
.mb90 {
	margin-bottom:90px;
}
.mb100 {
	margin-bottom:100px;
}
.mb110 {
	margin-bottom:110px;
}
.mb120 {
	margin-bottom:120px;
}
.d-none {
	display:none !important;
}
.d-inline {
	display:inline !important;
}
.d-inline-block {
	display:inline-block !important;
}
.d-block {
	display:block !important;
}
.d-table {
	display:table !important;
}
.d-table-row {
	display:table-row !important;
}
.d-table-cell {
	display:table-cell !important;
}
.d-flex {
	display:-ms-flexbox !important;
	display:flex !important;
}
.d-inline-flex {
	display:-ms-inline-flexbox !important;
	display:inline-flex !important;
}
@media (max-width:1024px) {
	.d-tb-none {
	display:none !important;
}
.d-tb-inline {
	display:inline !important;
}
.d-tb-inline-block {
	display:inline-block !important;
}
.d-tb-block {
	display:block !important;
}
.d-tb-table {
	display:table !important;
}
.d-tb-table-row {
	display:table-row !important;
}
.d-tb-table-cell {
	display:table-cell !important;
}
.d-tb-flex {
	display:-ms-flexbox !important;
	display:flex !important;
}
.d-tb-inline-flex {
	display:-ms-inline-flexbox !important;
	display:inline-flex !important;
}
}@media (max-width:768px) {
	.d-mb-none {
	display:none !important;
}
.d-mb-inline {
	display:inline !important;
}
.d-mb-inline-block {
	display:inline-block !important;
}
.d-mb-block {
	display:block !important;
}
.d-mb-table {
	display:table !important;
}
.d-mb-table-row {
	display:table-row !important;
}
.d-mb-table-cell {
	display:table-cell !important;
}
.d-mb-flex {
	display:-ms-flexbox !important;
	display:flex !important;
}
.d-mb-inline-flex {
	display:-ms-inline-flexbox !important;
	display:inline-flex !important;
}
}.flex-row {
	-ms-flex-direction:row !important;
	flex-direction:row !important;
}
.flex-column {
	-ms-flex-direction:column !important;
	flex-direction:column !important;
}
.flex-row-reverse {
	-ms-flex-direction:row-reverse !important;
	flex-direction:row-reverse !important;
}
.flex-column-reverse {
	-ms-flex-direction:column-reverse !important;
	flex-direction:column-reverse !important;
}
.flex-wrap {
	-ms-flex-wrap:wrap !important;
	flex-wrap:wrap !important;
}
.flex-nowrap {
	-ms-flex-wrap:nowrap !important;
	flex-wrap:nowrap !important;
}
.flex-wrap-reverse {
	-ms-flex-wrap:wrap-reverse !important;
	flex-wrap:wrap-reverse !important;
}
.flex-fill {
	-ms-flex:1 1 auto !important;
	flex:1 1 auto !important;
}
.flex-grow-0 {
	-ms-flex-positive:0 !important;
	flex-grow:0 !important;
}
.flex-grow-1 {
	-ms-flex-positive:1 !important;
	flex-grow:1 !important;
}
.flex-shrink-0 {
	-ms-flex-negative:0 !important;
	flex-shrink:0 !important;
}
.flex-shrink-1 {
	-ms-flex-negative:1 !important;
	flex-shrink:1 !important;
}
.justify-content-start {
	-ms-flex-pack:start !important;
	justify-content:flex-start !important;
}
.justify-content-end {
	-ms-flex-pack:end !important;
	justify-content:flex-end !important;
}
.justify-content-center {
	-ms-flex-pack:center !important;
	justify-content:center !important;
}
.justify-content-between {
	-ms-flex-pack:justify !important;
	justify-content:space-between !important;
}
.justify-content-around {
	-ms-flex-pack:distribute !important;
	justify-content:space-around !important;
}
.align-items-start {
	-ms-flex-align:start !important;
	align-items:flex-start !important;
}
.align-items-end {
	-ms-flex-align:end !important;
	align-items:flex-end !important;
}
.align-items-center {
	-ms-flex-align:center !important;
	align-items:center !important;
}
.align-items-baseline {
	-ms-flex-align:baseline !important;
	align-items:baseline !important;
}
.align-items-stretch {
	-ms-flex-align:stretch !important;
	align-items:stretch !important;
}
.align-content-start {
	-ms-flex-line-pack:start !important;
	align-content:flex-start !important;
}
.align-content-end {
	-ms-flex-line-pack:end !important;
	align-content:flex-end !important;
}
.align-content-center {
	-ms-flex-line-pack:center !important;
	align-content:center !important;
}
.align-content-between {
	-ms-flex-line-pack:justify !important;
	align-content:space-between !important;
}
.align-content-around {
	-ms-flex-line-pack:distribute !important;
	align-content:space-around !important;
}
.align-content-stretch {
	-ms-flex-line-pack:stretch !important;
	align-content:stretch !important;
}
.align-self-auto {
	-ms-flex-item-align:auto !important;
	align-self:auto !important;
}
.align-self-start {
	-ms-flex-item-align:start !important;
	align-self:flex-start !important;
}
.align-self-end {
	-ms-flex-item-align:end !important;
	align-self:flex-end !important;
}
.align-self-center {
	-ms-flex-item-align:center !important;
	align-self:center !important;
}
.align-self-baseline {
	-ms-flex-item-align:baseline !important;
	align-self:baseline !important;
}
.align-self-stretch {
	-ms-flex-item-align:stretch !important;
	align-self:stretch !important;
}
@media (max-width:1024px) {
	.flex-tb-row {
	-ms-flex-direction:row !important;
	flex-direction:row !important;
}
.flex-tb-column {
	-ms-flex-direction:column !important;
	flex-direction:column !important;
}
.flex-tb-row-reverse {
	-ms-flex-direction:row-reverse !important;
	flex-direction:row-reverse !important;
}
.flex-tb-column-reverse {
	-ms-flex-direction:column-reverse !important;
	flex-direction:column-reverse !important;
}
.flex-tb-wrap {
	-ms-flex-wrap:wrap !important;
	flex-wrap:wrap !important;
}
.flex-tb-nowrap {
	-ms-flex-wrap:nowrap !important;
	flex-wrap:nowrap !important;
}
.flex-tb-wrap-reverse {
	-ms-flex-wrap:wrap-reverse !important;
	flex-wrap:wrap-reverse !important;
}
.flex-tb-fill {
	-ms-flex:1 1 auto !important;
	flex:1 1 auto !important;
}
.flex-tb-grow-0 {
	-ms-flex-positive:0 !important;
	flex-grow:0 !important;
}
.flex-tb-grow-1 {
	-ms-flex-positive:1 !important;
	flex-grow:1 !important;
}
.flex-tb-shrink-0 {
	-ms-flex-negative:0 !important;
	flex-shrink:0 !important;
}
.flex-tb-shrink-1 {
	-ms-flex-negative:1 !important;
	flex-shrink:1 !important;
}
.justify-content-tb-start {
	-ms-flex-pack:start !important;
	justify-content:flex-start !important;
}
.justify-content-tb-end {
	-ms-flex-pack:end !important;
	justify-content:flex-end !important;
}
.justify-content-tb-center {
	-ms-flex-pack:center !important;
	justify-content:center !important;
}
.justify-content-tb-between {
	-ms-flex-pack:justify !important;
	justify-content:space-between !important;
}
.justify-content-tb-around {
	-ms-flex-pack:distribute !important;
	justify-content:space-around !important;
}
.align-items-tb-start {
	-ms-flex-align:start !important;
	align-items:flex-start !important;
}
.align-items-tb-end {
	-ms-flex-align:end !important;
	align-items:flex-end !important;
}
.align-items-tb-center {
	-ms-flex-align:center !important;
	align-items:center !important;
}
.align-items-tb-baseline {
	-ms-flex-align:baseline !important;
	align-items:baseline !important;
}
.align-items-tb-stretch {
	-ms-flex-align:stretch !important;
	align-items:stretch !important;
}
.align-content-tb-start {
	-ms-flex-line-pack:start !important;
	align-content:flex-start !important;
}
.align-content-tb-end {
	-ms-flex-line-pack:end !important;
	align-content:flex-end !important;
}
.align-content-tb-center {
	-ms-flex-line-pack:center !important;
	align-content:center !important;
}
.align-content-tb-between {
	-ms-flex-line-pack:justify !important;
	align-content:space-between !important;
}
.align-content-tb-around {
	-ms-flex-line-pack:distribute !important;
	align-content:space-around !important;
}
.align-content-tb-stretch {
	-ms-flex-line-pack:stretch !important;
	align-content:stretch !important;
}
.align-self-tb-auto {
	-ms-flex-item-align:auto !important;
	align-self:auto !important;
}
.align-self-tb-start {
	-ms-flex-item-align:start !important;
	align-self:flex-start !important;
}
.align-self-tb-end {
	-ms-flex-item-align:end !important;
	align-self:flex-end !important;
}
.align-self-tb-center {
	-ms-flex-item-align:center !important;
	align-self:center !important;
}
.align-self-tb-baseline {
	-ms-flex-item-align:baseline !important;
	align-self:baseline !important;
}
.align-self-tb-stretch {
	-ms-flex-item-align:stretch !important;
	align-self:stretch !important;
}
}@media (max-width:768px) {
	.flex-mb-row {
	-ms-flex-direction:row !important;
	flex-direction:row !important;
}
.flex-mb-column {
	-ms-flex-direction:column !important;
	flex-direction:column !important;
}
.flex-mb-row-reverse {
	-ms-flex-direction:row-reverse !important;
	flex-direction:row-reverse !important;
}
.flex-mb-column-reverse {
	-ms-flex-direction:column-reverse !important;
	flex-direction:column-reverse !important;
}
.flex-mb-wrap {
	-ms-flex-wrap:wrap !important;
	flex-wrap:wrap !important;
}
.flex-mb-nowrap {
	-ms-flex-wrap:nowrap !important;
	flex-wrap:nowrap !important;
}
.flex-mb-wrap-reverse {
	-ms-flex-wrap:wrap-reverse !important;
	flex-wrap:wrap-reverse !important;
}
.flex-mb-fill {
	-ms-flex:1 1 auto !important;
	flex:1 1 auto !important;
}
.flex-mb-grow-0 {
	-ms-flex-positive:0 !important;
	flex-grow:0 !important;
}
.flex-mb-grow-1 {
	-ms-flex-positive:1 !important;
	flex-grow:1 !important;
}
.flex-mb-shrink-0 {
	-ms-flex-negative:0 !important;
	flex-shrink:0 !important;
}
.flex-mb-shrink-1 {
	-ms-flex-negative:1 !important;
	flex-shrink:1 !important;
}
.justify-content-mb-start {
	-ms-flex-pack:start !important;
	justify-content:flex-start !important;
}
.justify-content-mb-end {
	-ms-flex-pack:end !important;
	justify-content:flex-end !important;
}
.justify-content-mb-center {
	-ms-flex-pack:center !important;
	justify-content:center !important;
}
.justify-content-mb-between {
	-ms-flex-pack:justify !important;
	justify-content:space-between !important;
}
.justify-content-mb-around {
	-ms-flex-pack:distribute !important;
	justify-content:space-around !important;
}
.align-items-mb-start {
	-ms-flex-align:start !important;
	align-items:flex-start !important;
}
.align-items-mb-end {
	-ms-flex-align:end !important;
	align-items:flex-end !important;
}
.align-items-mb-center {
	-ms-flex-align:center !important;
	align-items:center !important;
}
.align-items-mb-baseline {
	-ms-flex-align:baseline !important;
	align-items:baseline !important;
}
.align-items-mb-stretch {
	-ms-flex-align:stretch !important;
	align-items:stretch !important;
}
.align-content-mb-start {
	-ms-flex-line-pack:start !important;
	align-content:flex-start !important;
}
.align-content-mb-end {
	-ms-flex-line-pack:end !important;
	align-content:flex-end !important;
}
.align-content-mb-center {
	-ms-flex-line-pack:center !important;
	align-content:center !important;
}
.align-content-mb-between {
	-ms-flex-line-pack:justify !important;
	align-content:space-between !important;
}
.align-content-mb-around {
	-ms-flex-line-pack:distribute !important;
	align-content:space-around !important;
}
.align-content-mb-stretch {
	-ms-flex-line-pack:stretch !important;
	align-content:stretch !important;
}
.align-self-mb-auto {
	-ms-flex-item-align:auto !important;
	align-self:auto !important;
}
.align-self-mb-start {
	-ms-flex-item-align:start !important;
	align-self:flex-start !important;
}
.align-self-mb-end {
	-ms-flex-item-align:end !important;
	align-self:flex-end !important;
}
.align-self-mb-center {
	-ms-flex-item-align:center !important;
	align-self:center !important;
}
.align-self-mb-baseline {
	-ms-flex-item-align:baseline !important;
	align-self:baseline !important;
}
.align-self-mb-stretch {
	-ms-flex-item-align:stretch !important;
	align-self:stretch !important;
}
}.container {
	width:80%;
	max-width:1360px;
	margin:0 auto;
}
@media (max-width:1024px) {
	.container {
	width:90%;
}
}@media (max-width:768px) {
	.container {
	width:100%;
	padding-left:15px;
	padding-right:15px;
}
}/*top*/
.top {
	background:#1a202c;
}
.topLeft {
	gap:20px;
}
.topLeft span,.topLeft span a {
	color:#fff;
	font-size:14px;
}
.topLeft span i {
	margin-right:5px;
}
.topRight .btn-more {
	background:linear-gradient(90deg,#1f62b8,#3b82d6);
	padding:3px 20px;
	font-size:14px;
	color:#fff;
	border-radius:15px;
	transition:all 0.3s ease;
}
.topRight .btn-more:hover {
	background:#1a202c;
	border:1px solid #fff;
}
/*header*/
.header {
	position:relative;
	width:100%;
	background:#fff;
}
.header.fixed-top {
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
body.header-pc-fixed-padding {
	padding-top:var(--header-height);
}
.headerRight {
	gap:30px;
}
.menu .nav {
	display:flex;
	align-items:center;
	gap:30px;
}
.menu .nav li {
	position:relative;
}
.menu .nav > li > a {
	color:#1a202c;
	font-weight:600;
}
.menu .nav > li.current-menu-item >a {
	color:#0f52ba
}
.menu .nav .sub-menu {
	position:absolute;
	top:100%;
	padding:15px;
	display:none;
	z-index:999;
	min-width:300px;
	background:#fff;
}
.menu .nav > li:hover .sub-menu {
	display:block;
}
.menu .nav  li .sub-menu li+li {
	margin-top:10px;
}
.menu .nav > li > .sub-menu a {
	font-size:14px;
	color:#333;
}
.menu .nav > li > .sub-menu a:hover {
	color:#0f52ba;
}
.search-overlay {
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	z-index:99999;
	background-color:#0a2447;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:40px 20px;
	transition:transform 0.32s ease-out;
	display:none;
}
.search-overlay.active {
	display:block;
}
.search-inner {
	width:100%;
	display:flex;
	align-items:center;
	gap:24px;
	position:relative;
}
.search-inner h2 {
	color:#ffffff;
	font-size:36px;
	margin:0;
	white-space:nowrap;
	font-weight:600;
}
.search-form {
	flex:1;
	display:flex;
}
.search-input {
	flex:1;
	padding:18px 24px;
	font-size:20px;
	border:none;
	border-radius:6px 0 0 6px;
	outline:none;
	background:#fff;
}
.search-submit {
	border:none;
	background:#fff;
	border-radius:0 6px 6px 0;
	padding:0 24px;
	cursor:pointer;
}
.search-submit img {
	width:26px;
	height:26px;
}
.search-close {
	position:absolute;
	right:0;
	top:-40px;
	color:#fff;
	font-size:42px;
	line-height:1;
	cursor:pointer;
}
.mobileBtnInner {
	gap:7px;
	padding:5px;
	border:1px solid #000;
}
.mobileBtnInner span {
	width:25px;
	height:2px;
	background:#000;
}
@media (max-width:1024px) {
	.logo-img img {
	max-width:180px;
}
.menu {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:#fff;
	padding:20px 0;
	z-index:998;
	max-height:calc(100vh - var(--header-height));
	overflow-y:auto;
}
.menu.show {
	display:block;
}
.menu .nav {
	flex-direction:column;
	width:90%;
	margin:0 auto;
	gap:0;
}
.menu .nav li {
	width:100%;
}
.menu .nav > li {
	border-bottom:1px solid #eee;
}
.menu .nav > li > a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:12px 0;
}
.menu .nav > li:hover .sub-menu {
	display:none;
}
.menu .nav .sub-menu {
	position:relative;
	top:auto;
	left:auto;
	min-width:auto;
	padding:0 0 0 20px;
	background:transparent;
	display:none;
}
.menu .nav li.open > .sub-menu {
	display:block !important;
}
.menu .fa-angle-down {
	transition:transform 0.24s ease;
	cursor:pointer;
	width:50%;
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	text-align:right;
}
.menu li.open .sub-menu {
	display:block !important;
}
.menu li.open > a .fa-angle-down {
	transform:scaleY(-1);
}
.menu .sub-menu li {
	border-bottom:none;
}
.menu .sub-menu a {
	padding:10px 0;
}
}@media(max-width:992px) {
	.search-inner {
	flex-direction:column;
	gap:16px;
}
.search-inner h2 {
	font-size:26px;
}
.search-form {
	width:100%;
}
.search-overlay {
	padding:60px 20px;
}
.search-form {
	justify-content:center;
}
}@media(max-width:512px) {
	.search-input {
	max-width:250px;
}
}/*footer*/
.footer {
	background:#1a202c;
}
.footerTop {
	gap:30px;
	border-bottom:1px solid #1f2937;
}
.footerCard {
	width:25%;
	gap:20px;
}
.footerCard span {
	font-size:18px;
	color:#fff;
	font-weight:700;
}
.footerCard p {
	font-size:14px;
	color:#9ca3af;
	font-weight:400;
}
.footerCard .btn-more {
	display:inline-block;
	width:150px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:linear-gradient(90deg,#1f62b8,#3b82d6);
	font-size:14px;
	color:#fff;
	border-radius:15px;
	transition:all 0.3s ease;
}
.footerCard .btn-more:hover {
	background:#1a202c;
	border:1px solid #fff;
}
.footerNav li+li {
	margin-top:5px;
}
.footerNav li a {
	color:#9ca3af;
	font-size:14px;
}
.footerNav li a:hover {
	color:#fff;
}
.footerContact li+li {
	margin-top:10px;
}
.footerContact li a {
	color:#9ca3af;
}
.footerContact li {
	color:#9ca3af;
	font-size:14px;
}
.footerContact li i {
	color:#75aae8;
	margin-right:5px;
}
@media(max-width:768px) {
	.footerCard {
	width:100%;
}
}.footerBottom,.footerBottom a {
	color:#9ca3af;
}
/*innerBnner*/
.innerBnner {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
}
.banner-img {
	width:100% !important;
	max-height:350px;
	height:350px;
	object-fit:cover;
	object-position:center center;
	display:block;
}
.innerBannerText {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.innerBannerText .container {
	height:100%;
}
.innerBannerText h1 {
	font-size:36px;
	color:#fff;
	font-weight:bold;
	line-height:1;
	text-transform:uppercase;
}
.innerBannerText .breadcrumbs,.innerBannerText .breadcrumbs a {
	color:#fff;
	font-size:16px;
}
/*about*/
.aboutInner {
	gap:50px;
}
.aboutInner .aboutLeft,.aboutInner .aboutRight {
	width:50%;
}
.aboutInner .aboutLeft h2 {
	font-weight:700;
	font-size:24px;
	font-style:italic;
}
.aboutInner .aboutLeft h2 font {
	font-size:32px;
	color:#1f62b8;
}
.aboutInner .aboutLeft h3 {
	font-size:20px;
	font-weight:600;
	color:#0f52ba;
}
@media (max-width:1440px) {
	.aboutInner .aboutLeft h2 {
	font-size:20px;
	margin-bottom:10px;
}
.aboutInner .aboutLeft h2 font {
	font-size:28px;
}
.aboutInner .aboutLeft h3 {
	font-size:16px;
	margin-bottom:10px;
}
.aboutInner .aboutCon p {
	font-size:14px;
	line-height:1.5;
}
}@media (max-width:1360px) {
	.aboutInner {
	flex-direction:column;
}
.aboutInner .aboutLeft,.aboutInner .aboutRight {
	width:100%;
}
.aboutInner .aboutLeft h2 {
	font-size:24px;
	margin-bottom:20px;
}
.aboutInner .aboutLeft h2 font {
	font-size:32px;
}
.aboutInner .aboutLeft h3 {
	font-size:20px;
	margin-bottom:20px;
}
.aboutInner .aboutCon p {
	font-size:16px;
	line-height:1.5;
}
}.mission {
	background:#f2f2f2;
}
.missionTitle h2 {
	font-size:40px;
	font-weight:600;
	color:#1a202c;
	line-height:1;
	margin-bottom:10px;
}
.missionTitle p {
	color:#4b5563;
	font-size:16px;
	text-align:center;
}
.missionInner {
	gap:30px;
}
.missionCard {
	background:#fff;
	padding:2rem;
	transition:transform 0.3s ease;
	box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
	border-radius:0.75rem;
}
.missionCard .ico {
	width:66px;
	height:66px;
	background-color:rgb(15 82 186 / 0.1);
	border-radius:50%;
	margin-bottom:24px;
}
.missionCard .ico i {
	color:#0f52ba;
	font-size:24px;
}
.missionCard h3 {
	font-size:20px;
	font-weight:600;
	color:#1a202c;
	margin-bottom:12px;
}
.missionCard p {
	color:#4b5563;
	font-size:14px;
	text-align:center;
}
/*product*/
.proMainInner {
	gap:50px;
}
.proLeft {
	width:30%;
}
.proRight {
	width:70%;
}
.category-toggle {
	display:none;
	width:100%;
	padding:12px 16px;
	background:#f3f4f6;
	border:1px solid #eee;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
	font-size:16px;
}
.product-category-list {
	transition:max-height 0.3s ease;
	overflow:hidden;
}
.product-cat-ul {
	border:1px solid #ccc;
	border-top:0;
}
.product-cat-ul .cat-item.all {
	padding:10px 20px;
	background:#1a202c;
}
.product-cat-ul .cat-item.all a {
	color:#fff;
	font-size:20px;
	font-weight:600;
}
.product-cat-ul .cat-item.not-all {
	padding:10px 20px;
	color:#1a202c;
	transition:transform 0.3s ease;
}
.product-cat-ul .cat-item.not-all a {
	color:#1a202c;
}
.product-cat-ul .cat-item.not-all:hover {
	background:#1a202c;
}
.product-cat-ul .cat-item.not-all:hover a {
	color:#fff;
}
@media (max-width:768px) {
	.category-toggle {
	display:flex;
}
.product-category-list {
	max-height:0;
}
.product-category-list.open {
	max-height:2000px;
}
}.proRight .product-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}
.proRight .product-card {
	border:1px solid #D1D5DB;
	display:flex;
	flex-direction:column;
}
.proRight .product-card .product-img {
	width:100%;
	padding-top:75%;
	position:relative;
	overflow:hidden;
}
.proRight .product-card .product-img img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	object-fit:cover;
	object-position:center center;
	z-index:5;
}
.proRight .product-card .product-title {
	color:#1a202c;
	width:100%;
	text-align:center;
	padding:10px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	line-height:1.4;
	max-height:40px;
	font-size:15px;
}
.proRight .product-card a:hover .product-title {
	color:#135EB6;
}
@media (max-width:1024px) {
	.proRight .product-grid {
	grid-template-columns:repeat(2,1fr);
}
}@media (max-width:768px) {
	.proRight .product-grid {
	grid-template-columns:1fr;
}
.proLeft {
	width:100%;
}
.proRight {
	width:100%;
}
}.proMainTop {
	width:100%;
	gap:40px;
}
.proImages {
	width:50%;
}
.proDesc {
	width:50%;
}
.proDesc h2 {
	font-weight:bold;
	font-size:28px;
	color:#1a202c;
}
.proDesc p {
	color:#364151;
	padding-bottom:3rem;
	border-bottom:1px solid #abb8c3;
}
.proTags {
	padding-top:2rem;
	color:#8d98a1;
	padding-bottom:2rem;
	border-top:1px solid #ccc;
}
.proTags a {
	color:#8d98a1;
}
.proContact {
	gap:24px;
}
.proContact a {
	display:inline-block;
	width:300px;
	height:50px;
	line-height:50px;
	background:#1a202c;
	color:#fff;
	text-align:center;
}
.proContact a:nth-child(2n+2) {
	background:#fff;
	border:2px solid #1a202c;
	color:#1a202c;
}
.proContact a i {
	margin-right:5px;
}
.proDetails {
	height:60px;
	line-height:60px;
	color:#fff;
	display:block;
	background:#1a202c;
	padding-left:20px;
	font-size:32px;
	font-weight:bold;
}
.proContent {
	padding:15px;
	background:#f2f2f2;
}
.proContent .table-responsive {
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.proContent img.aligncenter {
	text-align:center;
	margin:0 auto;
}
.proMainMiddle .proContent div {
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.proMainMiddle .proContent table {
	width:100% !important;
	border:1px solid #D1D5DB;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
}
.proMainMiddle .proContent table tr td {
	padding:7px 10px;
	border:1px solid #D1D5DB;
}
@media (max-width:1024px) {
	.proImages {
	width:100%;
}
.proDesc {
	width:100%;
}
.gallery-top .swiper-wrapper .swiper-slide img {
	width:100%;
}
}@media (max-width:768px) {
	.proContent .mult_gird {
	grid-template-columns:repeat(1,1fr) !important;
}
.proContent .mult_gird .item {
	border-radius:0 !important;
}
}.proPrevNext {
	margin-top:30px;
}
.proPrevNext a {
	color:#0D233D
}
/*product category*/
.introductionInner h2 {
	font-size:28px;
	font-weight:bold;
	color:#1a202c;
}
.introductionInner p {
	color:#1a202c;
	padding-bottom:15px;
}
.introductionInner p:last-child {
	padding-bottom:0;
}
/*faqs*/
.faqsInner {
	gap:50px;
}
.faqsInner h2 {
	font-size:28px;
	font-weight:bold;
	color:#1a202c;
}
.faqList {
	width:100%;
}
.faq-item {
	border:1px solid #e5e7eb;
	border-bottom:none;
}
.faq-item:last-child {
	border-bottom:1px solid #e5e7eb;
}
.faq-question {
	padding:18px 20px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
	font-size:16px;
	color:#222;
	background:#fff;
	transition:background 0.2s;
}
.faq-question:hover {
	background:#f9fafb;
}
.faq-toggle {
	font-size:22px;
	font-weight:400;
	line-height:1;
}
.faq-answer {
	padding:0 20px;
	max-height:0;
	overflow:hidden;
	font-size:16px;
	color:#444;
	line-height:1.7;
	transition:all 0.3s ease;
}
.faq-item.active .faq-answer {
	padding:0 20px 18px;
	max-height:2000px;
}
.faq-item.active .faq-toggle {
	content:"-";
}
@media screen and (max-width:768px) {
	.faq-title {
	font-size:26px;
}
.faq-question {
	padding:14px 16px;
	font-size:15px;
}
}/*pagination*/

.pagination {
	margin-top:50px;
}
.pagination-link {
	display:flex;
	gap:10px;
	align-items:center;
	justify-content:start;
}
.pagination-link .page-numbers {
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:40px;
	height:40px;
	padding:0 14px;
	border:1px solid #ddd;
	border-radius:4px;
	color:#333;
	text-decoration:none;
	background:#fff;
	transition:all 0.2s ease;
	font-size:14px;
}
.pagination-link .page-numbers:hover {
	border-color:#0D233D;
	color:#fff;
	background-color:#0D233D;
}
.pagination-link .page-numbers.current {
	background-color:#0D233D;
	border-color:#0D233D;
	color:#fff;
}
/*related*/
.related .container {
	gap:30px;
}
.relatedTitle {
	color:#0D233D;
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase;
}
.relatedList {
	width:100%;
}
.relatedList .product-grid {
	gap:20px;
}
.relatedList .product-card {
	width:31.95%;
	display:flex;
	flex-direction:column;
	border:1px solid #D1D5DB;
}
.relatedList .product-card .product-img {
	width:100%;
	padding-top:75%;
	position:relative;
	overflow:hidden;
}
.relatedList .product-card .product-img img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	object-fit:cover;
	object-position:center center;
	z-index:5;
}
.relatedList .product-card .product-title {
	display:block;
	color:#0D233D;
	width:100%;
	text-align:center;
	padding:10px;
	border-top:0;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.relatedList .product-card a:hover .product-title {
	color:#135EB6;
}
@media (max-width:1024px) {
	.relatedList .product-card {
	width:31.88%;
}
}@media (max-width:768px) {
	.relatedList .product-card {
	width:100%;
}
}/*message*/
.message {
	background:#F2F2F2
}
.message .container {
	gap:30px;
}
.messageTitle {
	color:#0D233D;
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase;
}
.message p.des {
	width:100%;
	max-width:650px;
	color:#0D233D;
	font-size:14px;
	text-align:center;
}
.message .wpcf7-form {
	width:100%;
}
.message .wpcf7-form .textInput {
	width:48%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
	background:#fff;
}
.wpcf7-form-control:focus {
	outline:none !important;
}
.message .wpcf7-form .textInput p {
	line-height:1;
	font-size:14px;
}
.message .wpcf7-form .textarea {
	width:98%;
	margin-left:1%;
	margin-right:1%;
	overflow:hidden;
	background:#fff;
}
.message .wpcf7-form .submit1 {
	text-align:center;
	margin-top:30px;
}
.message .wpcf7-form .submit1 input {
	color:#fff;
	background:#045cb4;
	padding:15px 30px;
}
@media (max-width:767px) {
	.message .wpcf7-form .textInput {
	width:100%;
	float:left;
	margin-left:0;
	margin-right:0;
}
}/*archive*/
.blogArchive {
	background-color:#f9f9f9;
}
.blog-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}
.blog-card {
	background:#fff;
	border-radius:8px;
	overflow:hidden;
	transition:all 0.3s ease;
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.blog-card:hover {
	transform:translateY(-5px);
	box-shadow:0 8px 25px rgba(0,0,0,0.1);
}
.blog-card-link {
	display:block;
	text-decoration:none;
	color:inherit;
}
.blog-img {
	width:100%;
	padding-top:70%;
	position:relative;
	overflow:hidden;
}
.blog-img img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	object-fit:cover;
	object-position:center center;
	z-index:5;
	transition:transform 0.4s ease;
}
.blog-card:hover .blog-img img {
	transform:scale(1.08);
}
.blog-content {
	padding:25px 22px;
}
.blog-meta {
	margin-bottom:12px;
}
.blog-date {
	font-size:13px;
	color:#888;
	text-transform:uppercase;
	letter-spacing:0.5px;
}
.blog-title {
	font-size:18px;
	font-weight:600;
	line-height:1.4;
	margin:0 0 14px 0;
	color:#222;
	transition:color 0.2s;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.blog-card:hover .blog-title {
	color:#0D233D;
}
.blog-excerpt {
	font-size:14px;
	color:#666;
	line-height:1.7;
	margin-bottom:18px;
}
.read-more {
	font-size:14px;
	font-weight:500;
	color:#0D233D;
	display:inline-block;
	transition:transform 0.2s;
}
.blog-card:hover .read-more {
	transform:translateX(5px);
}
@media (max-width:1024px) {
	.blog-grid {
	grid-template-columns:repeat(2,1fr);
	gap:25px;
}
}@media (max-width:768px) {
	.blog-grid {
	grid-template-columns:1fr;
	gap:20px;
}
.blog-content {
	padding:20px 18px;
}
.blog-title {
	font-size:18px;
}
}/*single Post*/

.postMain {
	background-color:#f9f9f9;
}
.postContent {
	flex:1;
	margin-right:30px;
}
.postSidebar {
	width:300px;
	flex-shrink:0;
}
.postArticle {
	background:#fff;
	border-radius:8px;
	padding:40px;
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.postArticle .postTitle h2 {
	font-size:24px;
	font-weight:bold;
	color:#0D233D;
}
.postMeta {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin-bottom:25px;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
	font-size:14px;
	color:#888;
}
.postMeta span {
	display:flex;
	align-items:center;
	gap:6px;
}
.postMeta a {
	color:#888;
	text-decoration:none;
}
.postMeta a:hover {
	color:#0D233D;
}
.postBody {
	font-size:15px;
	line-height:1.8;
	color:#333;
}
.postBody h2,.postBody h3,.postBody h4 {
	margin:30px 0 15px;
	color:#222;
	font-weight:600;
}
.postBody h2 {
	font-size:24px;
}
.postBody h3 {
	font-size:20px;
}
.postBody h4 {
	font-size:17px;
}
.postBody p {
	margin:0 0 18px;
}
.postBody img {
	max-width:100%;
	height:auto;
	border-radius:6px;
	margin:15px 0;
}
.postBody img.aligncenter {
	text-align:center;
	margin:0 auto;
}
.postBody ul,.postBody ol {
	margin:0 0 18px 20px;
}
.postBody li {
	margin-bottom:8px;
	list-style:inside;
}
.postBody blockquote {
	border-left:4px solid #0D233D;
	padding:15px 20px;
	margin:20px 0;
	background:#f9f9f9;
	color:#666;
	font-style:italic;
}
.postBody a {
	color:#0D233D;
	text-decoration:none;
	border-bottom:1px solid transparent;
	transition:border-color 0.2s;
}
.postBody a:hover {
	border-bottom-color:#0D233D;
}
.postTags {
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #eee;
	font-size:14px;
}
.postTags .tagsLabel {
	color:#666;
	margin-right:10px;
}
.postTags a {
	display:inline-block;
	padding:4px 12px;
	margin:0 5px 5px 0;
	background:#f5f5f5;
	color:#666;
	text-decoration:none;
	border-radius:4px;
	font-size:13px;
	transition:all 0.2s;
}
.postTags a:hover {
	background:#0D233D;
	color:#fff;
}
.postNav {
	margin-top:30px;
	display:flex;
	justify-content:space-between;
	gap:20px;
}
.postNav a,.postNav span {
	display:inline-block;
	padding:12px 20px;
	background:#fff;
	border-radius:6px;
	color:#333;
	text-decoration:none;
	font-size:14px;
	box-shadow:0 2px 8px rgba(0,0,0,0.05);
	transition:all 0.2s;
}
.postNav a:hover {
	background:#0D233D;
	color:#fff;
}
.prevPost {
	text-align:left;
}
.nextPost {
	text-align:right;
}
.relatedPosts {
	margin-top:50px;
}
.relatedTitle {
	font-size:32px;
	margin-bottom:25px;
	color:#222;
	font-weight:600;
}
.relatedGrid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}
.relatedCard {
	background:#fff;
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 2px 8px rgba(0,0,0,0.05);
	transition:all 0.3s ease;
}
.relatedCard:hover {
	transform:translateY(-3px);
	box-shadow:0 6px 20px rgba(0,0,0,0.1);
}
.relatedCard a {
	text-decoration:none;
	color:inherit;
	display:block;
}
.relatedImg {
	width:100%;
	padding-top:70%;
	position:relative;
	overflow:hidden;
}
.relatedImg img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	object-fit:cover;
	object-position:center center;
	z-index:5;
	transition:transform 0.3s ease;
}
.relatedCard:hover .relatedImg img {
	transform:scale(1.05);
}
.relatedCardTitle {
	font-size:15px;
	margin:15px 15px 8px;
	line-height:1.4;
	color:#222;
	font-weight:500;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	transition:color 0.2s;
}
.relatedCard:hover .relatedCardTitle {
	color:#0D233D;
}
.relatedDate {
	display:block;
	font-size:12px;
	color:#999;
	margin:0 15px 15px;
}
.widget {
	background:var(--gray-200);
	border-radius:8px;
	padding:25px;
	margin-bottom:25px;
	box-shadow:0 2px 8px rgba(0,0,0,0.05);
}
.widgetTitle {
	font-size:18px;
	margin:0 0 20px;
	padding-bottom:12px;
	border-bottom:2px solid #0D233D;
	color:#222;
	font-weight:600;
	display:inline-block;
}
.screen-reader-text {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.searchform div {
	display:flex;
	gap:0;
}
#s {
	flex:1;
	padding:10px 16px;
	border:1px solid #dddddd;
	border-right:none;
	border-radius:4px 0 0 4px;
	font-size:14px;
	outline:none;
	transition:border-color 0.2s;
}
#s:focus {
	border-color:#0D233D;
}
#searchsubmit {
	padding:10px 20px;
	border:1px solid #0D233D;
	background-color:#0D233D;
	color:#fff;
	border-radius:0 4px 4px 0;
	cursor:pointer;
	font-size:14px;
	transition:background-color 0.2s;
}
#searchsubmit:hover {
	background-color:#045cb4;
	border:1px solid #045cb4;
}
.widgetCategories ul {
	list-style:none;
	padding:0;
	margin:0;
}
.widgetCategories li {
	padding:10px 0;
	border-bottom:1px solid #f0f0f0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.widgetCategories li:last-child {
	border-bottom:none;
}
.widgetCategories li a {
	color:#333;
	text-decoration:none;
	transition:color 0.2s;
}
.widgetCategories li a:hover,.widgetCategories li.current-cat a {
	color:#0D233D;
}
.widgetCategories .count {
	font-size:12px;
	color:#999;
	background:#f5f5f5;
	padding:2px 8px;
	border-radius:10px;
}
.recentList {
	list-style:none;
	padding:0;
	margin:0;
}
.recentList li {
	padding:12px 0;
	border-bottom:1px solid #f0f0f0;
	gap:12px;
}
.recentList li:last-child {
	border-bottom:none;
}
.recentThumb {
	width:70px;
	height:70px;
	flex-shrink:0;
	border-radius:6px;
	overflow:hidden;
}
.recentThumb img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.recentInfo {
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.recentTitle {
	font-size:14px;
	color:#333;
	text-decoration:none;
	line-height:1.4;
	margin-bottom:5px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	transition:color 0.2s;
}
.recentTitle:hover {
	color:#0D233D;
}
.recentDate {
	font-size:12px;
	color:#999;
}
.tagCloud a {
	display:inline-block;
	padding:6px 14px;
	margin:0 6px 8px 0;
	background:#f5f5f5;
	color:#666;
	text-decoration:none;
	border-radius:4px;
	font-size:13px !important;
	transition:all 0.2s;
}
.tagCloud a:hover {
	background:#0D233D;
	color:#fff;
}
@media (max-width:1024px) {
	.postContent {
	margin-right:0;
	margin-bottom:30px;
}
.postSidebar {
	width:100%;
}
.relatedGrid {
	grid-template-columns:repeat(2,1fr);
}
}@media (max-width:768px) {
	.postArticle {
	padding:25px;
}
.postMeta {
	flex-direction:column;
	gap:10px;
}
.postNav {
	flex-direction:column;
}
.nextPost {
	text-align:left;
}
.relatedGrid {
	grid-template-columns:1fr;
}
}/* ========== Hero ========== */
  .hero {
	position:relative;
	background:radial-gradient(circle at 20% 20%,rgba(59,130,214,0.35),transparent 45%),radial-gradient(circle at 80% 10%,rgba(31,98,184,0.25),transparent 40%),linear-gradient(135deg,var(--blue-900) 0%,var(--blue-800) 45%,var(--blue-700) 100%);
	color:var(--white);
	overflow:hidden;
	padding:110px 0 90px;
}
.heroGrid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(122,177,240,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.08) 1px,transparent 1px);
	background-size:44px 44px;
	mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%);
	pointer-events:none;
}
.heroInner {
	position:relative;
	max-width:var(--container);
	margin:0 auto;
	padding:0 28px;
	text-align:center;
}
.heroTag {
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:10px 18px;
	border:1px solid rgba(122,177,240,0.4);
	border-radius:999px;
	background:rgba(255,255,255,0.06);
	color:var(--blue-100);
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-bottom:28px;
	backdrop-filter:blur(8px);
}
.heroTag i {
	color:var(--blue-400);
}
.hero h2 {
	font-size:clamp(34px,4vw,54px);
	font-weight:800;
	line-height:1.15;
	letter-spacing:1px;
	margin-bottom:24px;
}
.hero h2 span {
	background:linear-gradient(90deg,var(--blue-300),var(--blue-400));
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.hero p {
	max-width:760px;
	margin:0 auto 34px;
	color:var(--blue-100);
	font-size:17px;
	line-height:1.75;
}
.heroCta {
	display:inline-flex;
	gap:14px;
	flex-wrap:wrap;
	justify-content:center;
}
.btn {
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:15px 28px;
	border-radius:12px;
	font-weight:700;
	font-size:15px;
	letter-spacing:0.5px;
	transition:var(--transition);
	border:1px solid transparent;
}
.btnPrimary {
	background:linear-gradient(90deg,var(--blue-500),var(--blue-400));
	color:#fff;
	box-shadow:0 14px 30px rgba(31,98,184,0.45);
}
.btnPrimary:hover {
	transform:translateY(-4px);
	box-shadow:0 20px 40px rgba(31,98,184,0.55);
}
.btnOutline {
	border-color:rgba(255,255,255,0.35);
	color:var(--white);
	background:rgba(255,255,255,0.06);
}
.btnOutline:hover {
	background:rgba(255,255,255,0.12);
	transform:translateY(-4px);
}
/* ========== Contact Section ========== */
  .contact {
	padding:90px 0;
	background:var(--gray-50);
}
.contactInner {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:44px;
	align-items:stretch;
}
.sectionHeader {
	margin-bottom:40px;
}
.sectionLabel {
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:var(--blue-600);
	font-weight:700;
	font-size:13px;
	letter-spacing:2.5px;
	text-transform:uppercase;
	margin-bottom:16px;
}
.sectionLabel::before {
	content:"";
	width:30px;
	height:2px;
	background:var(--blue-500);
	border-radius:2px;
}
.sectionTitle {
	font-size:clamp(28px,3vw,38px);
	color:var(--blue-900);
	font-weight:800;
	line-height:1.2;
	margin-bottom:18px;
}
.sectionDesc {
	color:var(--gray-600);
	font-size:16px;
	line-height:1.75;
	max-width:520px;
}
/* Contact Info */
  .contactInfo {
	background:var(--white);
	border-radius:var(--radius-lg);
	padding:44px;
	box-shadow:var(--shadow-md);
	border:1px solid var(--gray-200);
	position:relative;
	overflow:hidden;
}
.contactInfo::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:6px;
	background:linear-gradient(90deg,var(--blue-600),var(--blue-400));
}
.infoList {
	display:grid;
	gap:30px;
}
.infoItem {
	display:flex;
	gap:18px;
	align-items:flex-start;
	padding:50px 20px;
	border-radius:var(--radius-md);
	background:var(--gray-50);
	border:1px solid var(--gray-200);
	transition:var(--transition);
}
.infoItem:hover {
	transform:translateY(-4px);
	border-color:var(--blue-300);
	box-shadow:var(--shadow-sm);
	background:#fff;
}
.infoIcon {
	width:54px;
	height:54px;
	border-radius:14px;
	background:linear-gradient(135deg,var(--blue-600),var(--blue-400));
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	flex-shrink:0;
	box-shadow:0 10px 24px rgba(31,98,184,0.35);
}
.infoContent {
	flex:1;
	min-width:0;
}
.infoLabel {
	font-size:12px;
	color:var(--gray-400);
	letter-spacing:1.8px;
	text-transform:uppercase;
	margin-bottom:6px;
	font-weight:600;
}
.infoValue {
	color:var(--blue-900);
	font-weight:700;
	font-size:16px;
	word-break:break-word;
}
.infoValue a {
	color:var(--blue-700);
	transition:color var(--transition);
}
.infoValue a:hover {
	color:var(--blue-500);
}
.infoActions {
	display:flex;
	gap:8px;
	margin-top:10px;
	flex-wrap:wrap;
}
.miniBtn {
	padding:7px 12px;
	border-radius:8px;
	font-size:13px;
	font-weight:600;
	color:var(--blue-700);
	background:var(--blue-100);
	transition:var(--transition);
}
.miniBtn:hover {
	background:var(--blue-600);
	color:#fff;
}
.copyMsg {
	font-size:12px;
	color:#16a34a;
	margin-left:8px;
	font-weight:600;
	opacity:0;
	transition:opacity var(--transition);
}
.copyMsg.show {
	opacity:1;
}
/* Contact Form */
  .contactForm {
	background:var(--white);
	border-radius:var(--radius-lg);
	padding:44px;
	box-shadow:var(--shadow-md);
	border:1px solid var(--gray-200);
	position:relative;
	overflow:hidden;
}
.contactForm::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:6px;
	background:linear-gradient(90deg,var(--blue-400),var(--blue-600));
}
.formRow {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}
.formGroup {
	margin-bottom:20px;
}
.formGroup label {
	display:block;
	color:var(--blue-900);
	font-weight:700;
	font-size:14px;
	margin-bottom:10px;
}
.formGroup input,.formGroup textarea {
	width:100%;
	padding:14px 16px;
	border:1px solid var(--gray-200);
	border-radius:var(--radius-sm);
	background:var(--gray-50);
	color:var(--gray-800);
	font-family:inherit;
	font-size:15px;
	transition:var(--transition);
}
.formGroup input:focus,.formGroup textarea:focus {
	outline:none;
	border-color:var(--blue-400);
	background:#fff;
	box-shadow:0 0 0 4px rgba(59,130,214,0.12);
}
.formGroup textarea {
	resize:vertical;
	min-height:130px;
}
.submitBtn {
	width:100%;
	padding:16px;
	border-radius:var(--radius-sm);
	background:linear-gradient(90deg,var(--blue-600),var(--blue-500));
	color:#fff;
	font-weight:700;
	font-size:15px;
	letter-spacing:1px;
	text-transform:uppercase;
	box-shadow:0 14px 30px rgba(31,98,184,0.4);
	transition:var(--transition);
	margin-top:8px;
}
.submitBtn:hover {
	transform:translateY(-4px);
	box-shadow:0 20px 40px rgba(31,98,184,0.5);
}
/* ========== Responsive ========== */
  @media (max-width:1024px) {
	.contactInner {
	grid-template-columns:1fr;
}
}@media (max-width:768px) {
	.hero {
	padding:80px 0 70px;
}
.contact,.mapSection {
	padding:70px 0;
}
.contactInfo,.contactForm {
	padding:32px;
}
.formRow {
	grid-template-columns:1fr;
	gap:0;
}
.mapWrap {
	height:340px;
}
}@media (max-width:480px) {
	.infoItem {
	flex-direction:column;
}
.infoIcon {
	width:48px;
	height:48px;
	font-size:18px;
}
.mapBadge {
	left:14px;
	right:14px;
	bottom:14px;
	max-width:none;
}
}/*products landing*/
.text-center {
	text-align:center;
}
.bg-gray {
	background:var(--gray-200);
}
.sectionHeader {
	margin-bottom:40px;
}
.sectionLabel {
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:var(--blue-600);
	font-weight:700;
	font-size:13px;
	letter-spacing:2.5px;
	text-transform:uppercase;
	margin-bottom:16px;
	justify-content:center;
}
.sectionLabel::before {
	content:"";
	width:30px;
	height:2px;
	background:var(--blue-500);
	border-radius:2px;
}
.sectionTitle {
	font-size:clamp(28px,3vw,38px);
	color:var(--blue-900);
	font-weight:800;
	line-height:1.2;
	margin-bottom:18px;
}
.sectionDesc {
	color:var(--gray-600);
	font-size:16px;
	line-height:1.75;
	max-width:720px;
	margin:0 auto;
}
.landingAdvantage {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
	margin-top:50px;
}
.adv-item {
	background:#fff;
	padding:30px;
	border-radius:var(--radius-lg);
	box-shadow:var(--shadow-sm);
	text-align:center;
}
.adv-icon {
	width:60px;
	height:60px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--blue-600),var(--blue-400));
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 16px;
	font-size:24px;
}
@media (max-width:768px) {
	.landingAdvantage {
	grid-template-columns:repeat(1,1fr);
}
}

.product-hero-new {
	position:relative;
	width:100%;
	min-height:640px;
	padding:120px 0 100px;
	background:linear-gradient(135deg,#051220 0%,#0a2447 35%,#113a70 70%,#164580 100%);
	overflow:hidden;
	display:flex;
	align-items:center;
}
/* Background grid */
.hero-grid-layer {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(122,177,240,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.08) 1px,transparent 1px);
	background-size:48px 48px;
	mask-image:radial-gradient(ellipse at center,black 35%,transparent 75%);
}
/* Blue glow gradient */
.hero-gradient-layer {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 12% 20%,rgba(59,130,214,0.35),transparent 40%),radial-gradient(circle at 85% 60%,rgba(31,98,184,0.45),transparent 45%),radial-gradient(circle at 50% 90%,rgba(15,46,95,0.6),transparent 50%);
}
/* Industrial decorative lines & circles */
.hero-industrial-layer {
	position:absolute;
	inset:0;
	pointer-events:none;
}
.industrial-line {
	position:absolute;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(122,177,240,0.35),transparent);
}
.line-1 {
	width:42%;
	top:18%;
	left:-5%;
	transform:rotate(8deg);
}
.line-2 {
	width:55%;
	top:46%;
	right:-8%;
	transform:rotate(-6deg);
}
.line-3 {
	width:38%;
	bottom:22%;
	left:18%;
	transform:rotate(4deg);
}
.industrial-circle {
	position:absolute;
	border-radius:50%;
	border:1px dashed rgba(122,177,240,0.25);
}
.circle-1 {
	width:260px;
	height:260px;
	top:10%;
	right:18%;
}
.circle-2 {
	width:160px;
	height:160px;
	bottom:14%;
	left:8%;
}
/* Hero inner layout */
.product-hero-new_inner {
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:1.15fr 0.85fr;
	gap:60px;
	align-items:center;
}
/* Text side */
.product-hero-new_text {
	color:#fff;
}
.hero-eyebrow {
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:10px 16px;
	border:1px solid rgba(122,177,240,0.4);
	border-radius:999px;
	background:rgba(255,255,255,0.06);
	color:#7ab1f0;
	font-size:13px;
	letter-spacing:1.4px;
	text-transform:uppercase;
	margin-bottom:24px;
}
.hero-eyebrow i {
	color:#3b82d6;
}
.hero-title {
	font-size:clamp(34px,4.4vw,54px);
	font-weight:800;
	line-height:1.12;
	margin:0 0 22px;
	letter-spacing:0.5px;
}
.hero-title span {
	display:block;
	background:linear-gradient(90deg,#7ab1f0,#3b82d6);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.hero-desc {
	font-size:16px;
	line-height:1.78;
	color:#d7e6f7;
	max-width:560px;
	margin-bottom:30px;
}
/* Stats */
.hero-stats {
	display:flex;
	flex-wrap:wrap;
	gap:28px;
	margin-bottom:34px;
}
.hero-stat {
	display:flex;
	flex-direction:column;
}
.hero-stat strong {
	font-size:30px;
	font-weight:800;
	color:#fff;
	line-height:1.2;
}
.hero-stat span {
	font-size:13px;
	color:#7ab1f0;
	letter-spacing:0.6px;
}
/* Buttons */
.hero-actions {
	display:flex;
	flex-wrap:wrap;
	gap:14px;
}
.hero-btn {
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:15px 26px;
	border-radius:12px;
	font-weight:700;
	font-size:14px;
	letter-spacing:0.8px;
	text-transform:uppercase;
	transition:0.35s cubic-bezier(0.4,0,0.2,1);
	border:1px solid transparent;
}
.hero-btn--primary {
	background:linear-gradient(90deg,#1f62b8,#3b82d6);
	color:#fff;
	box-shadow:0 14px 30px rgba(31,98,184,0.45);
}
.hero-btn--primary:hover {
	transform:translateY(-4px);
	box-shadow:0 22px 44px rgba(31,98,184,0.55);
}
.hero-btn--outline {
	border-color:rgba(255,255,255,0.35);
	color:#fff;
	background:rgba(255,255,255,0.06);
}
.hero-btn--outline:hover {
	background:rgba(255,255,255,0.12);
	transform:translateY(-4px);
}
/* Visual side — alloy rings & bars */
.product-hero-new_visual {
	position:relative;
	height:440px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.alloy-stack {
	position:relative;
	width:340px;
	height:340px;
}
.alloy-ring {
	position:absolute;
	border-radius:50%;
	border:2px solid rgba(122,177,240,0.5);
	box-shadow:inset 0 0 30px rgba(59,130,214,0.25),0 0 40px rgba(59,130,214,0.18);
}
.ring-1 {
	width:320px;
	height:320px;
	top:10px;
	left:10px;
	border-color:rgba(122,177,240,0.35);
}
.ring-2 {
	width:240px;
	height:240px;
	top:50px;
	left:50px;
	border-width:3px;
}
.ring-3 {
	width:140px;
	height:140px;
	top:100px;
	left:100px;
	background:radial-gradient(circle,rgba(59,130,214,0.35),transparent 70%);
}
.alloy-bar {
	position:absolute;
	border-radius:14px;
	background:linear-gradient(180deg,#7ab1f0,#1f62b8);
	box-shadow:0 10px 24px rgba(31,98,184,0.45);
}
.bar-1 {
	width:14px;
	height:180px;
	top:20px;
	right:40px;
	transform:rotate(20deg);
}
.bar-2 {
	width:12px;
	height:140px;
	bottom:30px;
	left:30px;
	transform:rotate(-30deg);
}
.bar-3 {
	width:10px;
	height:100px;
	top:40px;
	left:0;
	transform:rotate(55deg);
	background:linear-gradient(180deg,#dbeafe,#3b82d6);
}
/* Floating badge */
.hero-badge {
	position:absolute;
	right:10px;
	bottom:30px;
	background:rgba(5,18,32,0.82);
	border:1px solid rgba(122,177,240,0.4);
	color:#fff;
	padding:12px 16px;
	border-radius:12px;
	font-size:13px;
	display:inline-flex;
	align-items:center;
	gap:10px;
	backdrop-filter:blur(10px);
	box-shadow:0 14px 30px rgba(0,0,0,0.25);
}
.hero-badge i {
	color:#3b82d6;
	font-size:16px;
}
/* Breadcrumbs */
.product-hero-new_breadcrumbs {
	position:relative;
	z-index:2;
	margin-top:40px;
	padding-top:24px;
	border-top:1px solid rgba(122,177,240,0.2);
	color:#7ab1f0;
	font-size:14px;
}
.product-hero-new_breadcrumbs a {
	color:#7ab1f0;
	transition:color 0.3s;
}
.product-hero-new_breadcrumbs a:hover {
	color:#fff;
}
.crumb-sep {
	margin:0 10px;
	color:rgba(122,177,240,0.4);
}
/* Responsive */
@media (max-width:1024px) {
	.product-hero-new {
	min-height:560px;
	padding:90px 0 80px;
}
.product-hero-new_inner {
	grid-template-columns:1fr;
	gap:40px;
}
.product-hero-new_visual {
	height:340px;
}
.alloy-stack {
	width:280px;
	height:280px;
}
.ring-1 {
	width:260px;
	height:260px;
}
.ring-2 {
	width:190px;
	height:190px;
}
.ring-3 {
	width:110px;
	height:110px;
}
}@media (max-width:768px) {
	.product-hero-new {
	min-height:520px;
	padding:70px 0 60px;
}
.hero-title {
	font-size:32px;
}
.hero-desc {
	font-size:15px;
}
.hero-stats {
	gap:20px;
}
.hero-stat strong {
	font-size:24px;
}
.product-hero-new_visual {
	height:300px;
}
.alloy-stack {
	transform:scale(0.85);
}
.hero-badge {
	right:0;
	font-size:12px;
	padding:10px 12px;
}
}@media (max-width:480px) {
	.hero-actions {
	flex-direction:column;
}
.hero-btn {
	width:100%;
	justify-content:center;
}
}
.about-hero {
	position:relative;
	width:100%;
	min-height:480px;
	display:flex;
	align-items:center;
	overflow:hidden;
	padding:80px 0;
	background:linear-gradient(135deg,#051220 0%,#0a2447 35%,#113a70 70%,#164580 100%);
}
.about-hero_bg {
	position:absolute;
	inset:0;
	z-index:1;
}
.about-hero_overlay {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 12% 20%,rgba(59,130,214,0.35),transparent 40%),radial-gradient(circle at 85% 60%,rgba(31,98,184,0.45),transparent 45%);
}
.about-hero_grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(122,177,240,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.07) 1px,transparent 1px);
	background-size:42px 42px;
	mask-image:radial-gradient(ellipse at center,#000 40%,transparent 70%);
}
.about-hero .container {
	position:relative;
	z-index:2;
}
.about-hero_content {
	max-width:740px;
}
.about-hero_tag {
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#7ab1f0;
	border:1px solid rgba(122,177,240,0.4);
	padding:8px 16px;
	border-radius:999px;
	background:rgba(255,255,255,0.05);
	margin-bottom:20px;
}
.about-hero_title {
	font-size:clamp(32px,4vw,48px);
	color:#ffffff;
	font-weight:800;
	margin:0 0 20px;
	line-height:1.2;
}
.about-hero_desc {
	font-size:17px;
	color:#d7e6f7;
	line-height:1.75;
	margin:0;
}
.about-hero_btns {
	margin-top:32px;
}
.about-hero_btn {
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:15px 28px;
	border-radius:12px;
	font-weight:700;
	font-size:15px;
	letter-spacing:0.8px;
	text-transform:uppercase;
	transition:0.35s cubic-bezier(0.4,0,0.2,1);
	border:1px solid transparent;
	text-decoration:none;
}
.about-hero_btn--primary {
	background:linear-gradient(90deg,#1f62b8,#3b82d6);
	color:#fff;
	box-shadow:0 14px 30px rgba(31,98,184,0.45);
}
.about-hero_btn--primary:hover {
	transform:translateY(-4px);
	box-shadow:0 22px 44px rgba(31,98,184,0.55);
	color:#fff;
}
.about-hero_breadcrumbs {
	margin-top:36px;
	padding-top:20px;
	border-top:1px solid rgba(122,177,240,0.2);
	color:#7ab1f0;
	font-size:14px;
}
.about-hero_breadcrumbs a {
	color:#7ab1f0;
}
.about-hero_breadcrumbs a:hover {
	color:#ffffff;
}
.crumb-divider {
	margin:0 8px;
	opacity:0.5;
}

@media(max-width:768px) {
	.about-hero {
	min-height:360px;
	padding:60px 0;
}
.about-hero_title {
	font-size:28px;
}
.about-hero_desc {
	font-size:15px;
}
.about-hero_btn {
	width:100%;
	justify-content:center;
}
}@media(max-width:480px) {
	.about-hero {
	min-height:320px;
}
}.inventory-hero {
	position:relative;
	width:100%;
	min-height:480px;
	display:flex;
	align-items:center;
	overflow:hidden;
	padding:80px 0;
	background:linear-gradient(135deg,#051220 0%,#0a2447 35%,#113a70 70%,#164580 100%);
}
.inventory-hero_bg {
	position:absolute;
	inset:0;
	z-index:1;
}
.inventory-hero_overlay {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 12% 20%,rgba(59,130,214,0.35),transparent 40%),radial-gradient(circle at 85% 60%,rgba(31,98,184,0.45),transparent 45%);
}
.inventory-hero_grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(122,177,240,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.07) 1px,transparent 1px);
	background-size:42px 42px;
	mask-image:radial-gradient(ellipse at center,#000 40%,transparent 70%);
}
.inventory-hero .container {
	position:relative;
	z-index:2;
}
.inventory-hero_content {
	max-width:740px;
}
.inventory-hero_tag {
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#7ab1f0;
	border:1px solid rgba(122,177,240,0.4);
	padding:8px 16px;
	border-radius:999px;
	background:rgba(255,255,255,0.05);
	margin-bottom:20px;
}
.inventory-hero_title {
	font-size:clamp(32px,4vw,48px);
	color:#ffffff;
	font-weight:800;
	margin:0 0 20px;
	line-height:1.2;
}
.inventory-hero_desc {
	font-size:17px;
	color:#d7e6f7;
	line-height:1.75;
	margin:0;
}
.inventory-hero_btns {
	margin-top:32px;
}
.inventory-hero_btn {
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:15px 28px;
	border-radius:12px;
	font-weight:700;
	font-size:15px;
	letter-spacing:0.8px;
	text-transform:uppercase;
	transition:0.35s cubic-bezier(0.4,0,0.2,1);
	border:1px solid transparent;
	text-decoration:none;
}
.inventory-hero_btn--primary {
	background:linear-gradient(90deg,#1f62b8,#3b82d6);
	color:#fff;
	box-shadow:0 14px 30px rgba(31,98,184,0.45);
}
.inventory-hero_btn--primary:hover {
	transform:translateY(-4px);
	box-shadow:0 22px 44px rgba(31,98,184,0.55);
	color:#fff;
}
.inventory-hero_breadcrumbs {
	margin-top:36px;
	padding-top:20px;
	border-top:1px solid rgba(122,177,240,0.2);
	color:#7ab1f0;
	font-size:14px;
}
.inventory-hero_breadcrumbs a {
	color:#7ab1f0;
}
.inventory-hero_breadcrumbs a:hover {
	color:#ffffff;
}
.crumb-divider {
	margin:0 8px;
	opacity:0.5;
}

@media(max-width:768px) {
	.inventory-hero {
	min-height:360px;
	padding:60px 0;
}
.inventory-hero_title {
	font-size:28px;
}
.inventory-hero_desc {
	font-size:15px;
}
.inventory-hero_btn {
	width:100%;
	justify-content:center;
}
}@media(max-width:480px) {
	.inventory-hero {
	min-height:320px;
}
}
.blog-hero {
	position:relative;
	width:100%;
	min-height:420px;
	display:flex;
	align-items:center;
	overflow:hidden;
	padding:70px 0;
	background:linear-gradient(135deg,#051220 0%,#0a2447 35%,#113a70 70%,#164580 100%);
}
.blog-hero_bg {
	position:absolute;
	inset:0;
	z-index:1;
}
.blog-hero_overlay {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 12% 20%,rgba(59,130,214,0.35),transparent 40%),radial-gradient(circle at 85% 60%,rgba(31,98,184,0.45),transparent 45%);
}
.blog-hero_grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(122,177,240,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.07) 1px,transparent 1px);
	background-size:42px 42px;
	mask-image:radial-gradient(ellipse at center,#000 40%,transparent 70%);
}
.blog-hero .container {
	position:relative;
	z-index:2;
}
.blog-hero_content {
	max-width:740px;
}
.blog-hero_tag {
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#7ab1f0;
	border:1px solid rgba(122,177,240,0.4);
	padding:8px 16px;
	border-radius:999px;
	background:rgba(255,255,255,0.05);
	margin-bottom:20px;
}
.blog-hero_title {
	font-size:clamp(30px,4vw,44px);
	color:#ffffff;
	font-weight:800;
	margin:0 0 18px;
	line-height:1.2;
}
.blog-hero_desc {
	font-size:16px;
	color:#d7e6f7;
	line-height:1.75;
	margin:0;
}
.blog-hero_breadcrumbs {
	margin-top:32px;
	padding-top:18px;
	border-top:1px solid rgba(122,177,240,0.2);
	color:#7ab1f0;
	font-size:14px;
}
.blog-hero_breadcrumbs a {
	color:#7ab1f0;
}
.blog-hero_breadcrumbs a:hover {
	color:#ffffff;
}
.crumb-divider {
	margin:0 8px;
	opacity:0.5;
}

@media(max-width:768px) {
	.blog-hero {
	min-height:340px;
	padding:55px 0;
}
.blog-hero_title {
	font-size:26px;
}
.blog-hero_desc {
	font-size:15px;
}
}@media(max-width:480px) {
	.blog-hero {
	min-height:300px;
}
}.inventoryInner {
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.inventoryInner table {
	width:100% !important;
	border:1px solid #D1D5DB;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
}
.inventoryInner table tr td,.inventoryInner table tr th {
	padding:7px 10px;
	border:1px solid #D1D5DB;
}
/*home*/


/* Home Hero */
.home-hero {
	position:relative;
	width:100%;
	min-height:600px;
	display:flex;
	align-items:center;
	overflow:hidden;
	padding:100px 0;
	background:linear-gradient(135deg,#051220 0%,#0a2447 35%,#113a70 70%,#164580 100%);
}

.home-hero_bg {
	position:absolute;
	inset:0;
	z-index:1;
}

.home-hero_overlay {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 12% 20%,rgba(59,130,214,0.35),transparent 40%),radial-gradient(circle at 85% 60%,rgba(31,98,184,0.45),transparent 45%);
}

.home-hero_grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(122,177,240,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.08) 1px,transparent 1px);
	background-size:48px 48px;
	mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%);
}

.home-hero .container {
	position:relative;
	z-index:2;
}

.home-hero_inner {
	display:grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap:40px;
	align-items:center;
}

.home-hero_content {
	max-width:740px;
}

.home-hero_tag {
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:10px 18px;
	border:1px solid rgba(122,177,240,0.4);
	border-radius:999px;
	background:rgba(255,255,255,0.06);
	color:#7ab1f0;
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-bottom:24px;
}

.home-hero_title {
	font-size:clamp(34px,4vw,52px);
	color:#fff;
	font-weight:800;
	margin:0 0 22px;
	line-height:1.15;
}

.home-hero_desc {
	font-size:17px;
	color:#d7e6f7;
	line-height:1.75;
	margin:0 0 34px;
}

.home-hero_btns {
	display:flex;
	flex-wrap:wrap;
	gap:14px;
}

.home-hero_btn {
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:15px 26px;
	border-radius:12px;
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
	transition:0.35s cubic-bezier(0.4,0,0.2,1);
	text-decoration:none;
	border:1px solid transparent;
}

.home-hero_btn-primary {
	background:linear-gradient(90deg,#1f62b8,#3b82d6);
	color:#fff;
	box-shadow:0 14px 30px rgba(31,98,184,0.45);
}

.home-hero_btn-primary:hover {
	transform:translateY(-4px);
	box-shadow:0 22px 44px rgba(31,98,184,0.55);
	color:#fff;
}

.home-hero_btn-outline {
	border-color:rgba(255,255,255,0.35);
	color:#fff;
	background:rgba(255,255,255,0.06);
}

.home-hero_btn-outline:hover {
	background:rgba(255,255,255,0.12);
	transform:translateY(-4px);
	color:#fff;
}

.home-hero_media {
	position:relative;
	z-index:2;
	display:flex;
	justify-content:center;
	align-items:center;
}

.home-hero_image {
	width:100%;
	height:auto;
	max-height:560px;
	object-fit:contain;
	border-radius:18px;
	box-shadow:0 30px 60px rgba(0,0,0,0.35);
}

@media (max-width: 980px) {
	.home-hero_inner {
		grid-template-columns: 1fr;
		text-align:left;
	}

	.home-hero_content {
		max-width:100%;
	}

	.home-hero_image {
		max-width:100%;
		margin-top:20px;
	}
}

/* product cards */
.product-cards {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
	gap:26px;
	margin-top:50px;
}
.product-card {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:14px;
	padding:28px;
	background:#ffffff;
	border:1px solid #e3e9f2;
	border-radius:18px;
	box-shadow:0 10px 24px rgba(8,35,70,0.12);
	transition:0.35s cubic‑bezier(0.4,0,0.2,1);
}
.product-card:hover {
	transform:translateY(-6px);
	border‑color:#7ab1f0;
	box‑shadow:0 18px 36px rgba(31,98,184,0.22);
}
.prod-icon {
	width:60px;
	height:60px;
	margin:0 auto 16px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--blue-600),var(--blue-400));
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:24px;
}
.product-card h3 {
	margin:0 0 10px;
	color:var(--blue-900);
	font-size:18px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.product-card a {
	display:flex;
	flex-direction:column;
	gap:14px;
	text-decoration:none;
	color:inherit;
	width:100%;
	text-align:center;
}
.product-card p {
	margin:0;
	color:var(--gray-600);
	font-size:15px;
	line-height:1.6;
}

.home-industries {
	position:relative;
	overflow:hidden;
	background-color:#edf3fb;
}

.home-industries::before {
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:radial-gradient(circle at 15% 25%,rgba(59,130,214,0.12),transparent 45%),radial-gradient(circle at 80% 70%,rgba(31,98,184,0.08),transparent 50%);
}
.home-industries::after {
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background-image:linear-gradient(rgba(122,177,240,0.09) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.09) 1px,transparent 1px);
	background-size:48px 48px;
	mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%);
}

.home-industries .container {
	position:relative;
	z-index:2;
}
.industry-list {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
	margin-top:45px;
}
.industry-item {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:14px;
	padding:28px;
	background:#ffffff;
	border:1px solid #e3e9f2;
	border-radius:18px;
	box-shadow:0 10px 24px rgba(8,35,70,0.12);
	transition:0.35s cubic-bezier(0.4,0,0.2,1);
}
.industry-item:hover {
	transform:translateY(-6px);
	border-color:#7ab1f0;
	box-shadow:0 18px 36px rgba(31,98,184,0.22);
}
.industry-icon {
	width:58px;
	height:58px;
	border-radius:14px;
	background:linear-gradient(135deg,#164580,#3b82d6);
	color:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:24px;
	box-shadow:0 12px 24px rgba(31,98,184,0.35);
}
.industry-item h3 {
	margin:0;
	font-size:18px;
	font-weight:800;
	color:#051220;
}
.industry-item p {
	margin:0;
	font-size:14px;
	line-height:1.7;
	color:#5b6779;
}

@media(max-width:1024px) {
	.industry-list {
	grid-template-columns:repeat(2,1fr);
}
}@media(max-width:768px) {
	.industry-list {
	grid-template-columns:1fr;
}
}/* advantages */
.adv-list {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
	gap:30px;
	margin-top:45px;
}
.adv-item {
	background:#fff;
	padding:32px;
	border-radius:var(--radius-lg);
	box-shadow:var(--shadow-sm);
}
.adv-ico {
	width:54px;
	height:54px;
	border-radius:14px;
	background:linear-gradient(135deg,var(--blue-600),var(--blue-400));
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	margin-bottom:16px;
}
.adv-item h3 {
	margin:0 0 10px;
	color:var(--blue-900);
}
.adv-item p {
	margin:0;
	color:var(--gray-600);
	line-height:1.6;
}
/* contact block reuse */
.contactInner {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:44px;
	align-items:stretch;
}
.contactInfo {
	background:var(--white);
	border-radius:var(--radius-lg);
	padding:44px;
	box-shadow:var(--shadow-md);
	border:1px solid var(--gray-200);
	position:relative;
	overflow:hidden;
}
.contactInfo::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:6px;
	background:linear-gradient(90deg,var(--blue-600),var(--blue-400));
}
.infoList {
	display:grid;
	gap:30px;
}
.infoItem {
	display:flex;
	gap:18px;
	align-items:flex-start;
	padding:50px 20px;
	border-radius:var(--radius-md);
	background:var(--gray-50);
	border:1px solid var(--gray-200);
	transition:var(--transition);
}
.infoItem:hover {
	transform:translateY(-4px);
	border-color:var(--blue-300);
	box-shadow:var(--shadow-sm);
	background:#fff;
}
.infoIcon {
	width:54px;
	height:54px;
	border-radius:14px;
	background:linear-gradient(135deg,var(--blue-600),var(--blue-400));
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	flex-shrink:0;
	box-shadow:0 10px 24px rgba(31,98,184,0.35);
}
.infoContent {
	flex:1;
	min-width:0;
}
.infoLabel {
	font-size:12px;
	color:var(--gray-400);
	letter-spacing:1.8px;
	text-transform:uppercase;
	margin-bottom:6px;
	font-weight:600;
}
.infoValue {
	color:var(--blue-900);
	font-weight:700;
	font-size:16px;
	word-break:break-word;
}
.infoValue a {
	color:var(--blue-700);
	transition:color var(--transition);
}
.infoValue a:hover {
	color:var(--blue-500);
}
.infoActions {
	display:flex;
	gap:8px;
	margin-top:10px;
	flex-wrap:wrap;
}
.miniBtn {
	padding:7px 12px;
	border-radius:8px;
	font-size:13px;
	font-weight:600;
	color:var(--blue-700);
	background:var(--blue-100);
	transition:var(--transition);
	border:none;
	cursor:pointer;
}
.miniBtn:hover {
	background:var(--blue-600);
	color:#fff;
}
.copyMsg {
	font-size:12px;
	color:#16a34a;
	margin-left:8px;
	font-weight:600;
	opacity:0;
	transition:opacity var(--transition);
}
.copyMsg.show {
	opacity:1;
}
.contactForm {
	background:var(--white);
	border-radius:var(--radius-lg);
	padding:44px;
	box-shadow:var(--shadow-md);
	border:1px solid var(--gray-200);
	position:relative;
	overflow:hidden;
}
.contactForm::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:6px;
	background:linear-gradient(90deg,var(--blue-400),var(--blue-600));
}

/* CF7 style */
.wpcf7 {
	margin-top:10px;
}
.wpcf7-form p {
	margin:0 0 20px;
}
.wpcf7-form label {
	display:block;
	color:var(--blue-900);
	font-weight:700;
	font-size:14px;
	margin-bottom:10px;
}
.wpcf7-form-control {
	width:100%;
	padding:14px 16px;
	border:1px solid var(--gray-200);
	border-radius:var(--radius-sm);
	background:var(--gray-50);
	font-size:15px;
	transition:var(--transition);
}
.wpcf7-form-control:focus {
	outline:none;
	border-color:var(--blue-400);
	background:#fff;
	box-shadow:0 0 0 4px rgba(59,130,214,0.12);
}
.wpcf7-textarea {
	min-height:130px;
	resize:vertical;
}
.wpcf7-submit {
	width:100%;
	padding:16px;
	border-radius:var(--radius-sm);
	background:linear-gradient(90deg,var(--blue-600),var(--blue-500));
	color:#fff;
	font-weight:700;
	font-size:15px;
	letter-spacing:1px;
	text-transform:uppercase;
	box-shadow:0 14px 30px rgba(31,98,184,0.4);
	transition:var(--transition);
	border:none;
	cursor:pointer;
}
.wpcf7-submit:hover {
	transform:translateY(-4px);
	box-shadow:0 20px 40px rgba(31,98,184,0.5);
}
/* responsive */
@media(max-width:1024px) {
	.contactInner {
	grid-template-columns:1fr;
}
}@media(max-width:768px) {
	.home-hero {
	min-height:500px;
	padding:70px 0;
}
.home-hero_btns {
	flex-direction:column;
}
.home-hero_btn {
	width:100%;
	justify-content:center;
}
.contactInfo,.contactForm {
	padding:32px;
}
}@media(max-width:480px) {
	.infoItem {
	flex-direction:column;
}
.infoIcon {
	width:48px;
	height:48px;
	font-size:18px;
}
}

.indexPro {
	background:var(--gray-50);
}
.indexProInner {
	gap:40px;
}
.indexProCon {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;
	margin-bottom:30px;
	width:100%;
}
.pro-card {
	background:#ffffff;
	border-radius:18px;
	overflow:hidden;
	border:1px solid var(--gray-200);
	box-shadow:0 10px 24px rgba(8,35,70,0.12);
	transition:0.35s cubic-bezier(0.4,0,0.2,1);
}
.pro-card:hover {
	transform:translateY(-6px);
	border-color:#7ab1f0;
	box-shadow:0 18px 36px rgba(31,98,184,0.22);
}
.pro-card a {
	display:block;
	text-decoration:none;
	color:inherit;
}
.pro-img-wrap {
	width:100%;
	height:210px;
	overflow:hidden;
}
.pro-img-wrap img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:0.4s ease;
}
.pro-card:hover .pro-img-wrap img {
	transform:scale(1.06);
}
.pro-name {
	font-size:17px;
	font-weight:700;
	color:var(--blue-900);
	margin:18px 18px 8px;
	line-height:1.35;
}
.pro-desc {
	font-size:14px;
	color:var(--gray-600);
	margin:0 18px 22px;
	line-height:1.6;
}
.indexProInner .btn-more {
	display:inline-block;
	padding:14px 32px;
	border-radius:12px;
	background:linear-gradient(90deg,#1f62b8,#3b82d6);
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	transition:0.35s cubic-bezier(0.4,0,0.2,1);
}
.indexProInner .btn-more:hover {
	transform:translateY(-4px);
	box-shadow:0 14px 30px rgba(31,98,184,0.45);
	color:#ffffff;
}
@media(max-width:1199px) {
	.indexProCon {
	grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:767px) {
	.indexProCon {
	grid-template-columns:1fr;
}
.pro-img-wrap {
	height:180px;
}
}


.proSingle-hero {
	position:relative;
	overflow:hidden;
	padding:90px 0 110px;
	color:#ffffff;
}
.proSingle-hero-bg {
	position:absolute;
	inset:0;
	background:linear-gradient(135deg,#051220 0%,#0b2a4d 35%,#123b70 100%);
	z-index:0;
}
.proSingle-hero-grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(122,177,240,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.07) 1px,transparent 1px);
	background-size:44px 44px;
	mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%);
}
.proSingle-hero-glow {
	position:absolute;
	top:-120px;
	right:-120px;
	width:420px;
	height:420px;
	background:radial-gradient(circle,rgba(59,130,214,0.35),transparent 70%);
	filter:blur(20px);
	z-index:1;
}
.proSingle-hero .container {
	position:relative;
	z-index:3;
}
.proSingle-hero-inner {
	display:grid;
	grid-template-columns:1.4fr 1fr;
	gap:40px;
	align-items:center;
}
.proSingle-breadcrumbs {
	font-size:14px;
	color:#9fb3d1;
	margin-bottom:18px;
}
.proSingle-breadcrumbs a {
	color:#7ab1f0;
	text-decoration:none;
}
.proSingle-breadcrumbs a:hover {
	color:#ffffff;
}
.proSingle-breadcrumbs .current {
	color:#ffffff;
}
.proSingle-title {
	font-size:clamp(32px,4.2vw,48px);
	font-weight:800;
	line-height:1.15;
	margin:0 0 18px;
	color:#ffffff;
	letter-spacing:-0.5px;
}
.proSingle-subtitle {
	font-size:16px;
	line-height:1.7;
	color:#cfd9ea;
	margin:0 0 28px;
	max-width:560px;
}
.proSingle-actions {
	display:flex;
	gap:14px;
	flex-wrap:wrap;
}
.proSingle-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:14px 28px;
	border-radius:12px;
	font-size:15px;
	font-weight:700;
	text-decoration:none;
	transition:0.3s ease;
	cursor:pointer;
	border:1px solid transparent;
}
.proSingle-btn-primary {
	background:linear-gradient(90deg,#1f62b8,#3b82d6);
	color:#ffffff;
	box-shadow:0 12px 24px rgba(31,98,184,0.4);
}
.proSingle-btn-primary:hover {
	transform:translateY(-4px);
	box-shadow:0 18px 32px rgba(31,98,184,0.55);
	color:#ffffff;
}
.proSingle-btn-outline {
	background:transparent;
	color:#ffffff;
	border-color:rgba(255,255,255,0.35);
}
.proSingle-btn-outline:hover {
	background:rgba(255,255,255,0.08);
	border-color:#7ab1f0;
	color:#ffffff;
	transform:translateY(-4px);
}
.proSingle-hero-side {
	position:relative;
}
.proSingle-card {
	background:rgba(255,255,255,0.06);
	border:1px solid rgba(122,177,240,0.25);
	backdrop-filter:blur(10px);
	border-radius:20px;
	padding:28px;
	box-shadow:0 20px 40px rgba(0,0,0,0.25);
}
.proSingle-card::before {
	content:"";
	position:absolute;
	top:12px;
	left:12px;
	right:12px;
	bottom:12px;
	border:1px dashed rgba(122,177,240,0.35);
	border-radius:18px;
	pointer-events:none;
}
.proSingle-card h4 {
	font-size:18px;
	font-weight:800;
	margin:0 0 20px;
	color:#ffffff;
	display:flex;
	align-items:center;
	gap:10px;
}
.proSingle-card h4::before {
	content:"";
	width:5px;
	height:22px;
	background:linear-gradient(180deg,#3b82d6,#1f62b8);
	border-radius:3px;
}
.proSingle-spec-list {
	list-style:none;
	margin:0;
	padding:0;
}
.proSingle-spec-list li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:14px 0;
	border-bottom:1px dashed rgba(122,177,240,0.2);
}
.proSingle-spec-list li:last-child {
	border-bottom:none;
}
.spec-label {
	font-size:14px;
	color:#9fb3d1;
}
.spec-value {
	font-size:14px;
	font-weight:700;
	color:#ffffff;
	text-align:right;
}
@media (max-width:1024px) {
	.proSingle-hero-inner {
	grid-template-columns:1fr;
}
.proSingle-hero-side {
	max-width:480px;
}
}
@media (max-width:768px) {
	.proSingle-hero {
	padding:60px 0 70px;
}
.proSingle-title {
	font-size:30px;
}
.proSingle-subtitle {
	font-size:15px;
}
.proSingle-actions {
	flex-direction:column;
}
.proSingle-btn {
	width:100%;
}
}.proTax-hero {
	position:relative;
	overflow:hidden;
	padding:85px 0 100px;
	color:#ffffff;
}
.proTax-hero_bg {
	position:absolute;
	inset:0;
	background:linear-gradient(135deg,#051220 0%,#0f2e57 100%);
	z-index:0;
}
.proTax-hero_overlay {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 20% 25%,rgba(59,130,214,0.20),transparent 45%),radial-gradient(circle at 80% 75%,rgba(31,98,184,0.12),transparent 50%);
}
.proTax-hero_grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(122,177,240,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.07) 1px,transparent 1px);
	background-size:44px 44px;
	mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%);
}
.proTax-hero .container {
	position:relative;
	z-index:2;
}
.proTax-hero_content {
	margin-bottom:20px;
}
.proTax-hero_tag {
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	color:#7ab1f0;
	margin-bottom:14px;
}
.proTax-hero_title {
	font-size:clamp(30px,4vw,44px);
	font-weight:800;
	margin:0 0 16px;
	color:#ffffff;
	line-height:1.2;
}
.proTax-hero_desc {
	font-size:16px;
	line-height:1.7;
	color:#cfd9ea;
	margin:0;
	max-width:820px;
}
.proTax-hero_breadcrumbs {
	font-size:14px;
	color:#9fb3d1;
}
.proTax-hero_breadcrumbs a {
	color:#7ab1f0;
	text-decoration:none;
}
.proTax-hero_breadcrumbs a:hover {
	color:#ffffff;
}
.crumb-divider {
	margin:0 4px;
}
.crumb-current {
	color:#ffffff;
}
@media(max-width:768px) {
	.proTax-hero {
	padding:55px 0 65px;
}
.proTax-hero_title {
	font-size:28px;
}
}



.faqs-hero {
	position:relative;
	overflow:hidden;
	padding:85px 0 100px;
	color:#ffffff;
}
.faqs-hero_bg {
	position:absolute;
	inset:0;
	background:linear-gradient(135deg,#051220 0%,#0f2e57 100%);
	z-index:0;
}
.faqs-hero_overlay {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 20% 25%,rgba(59,130,214,0.20),transparent 45%),radial-gradient(circle at 80% 75%,rgba(31,98,184,0.12),transparent 50%);
}
.faqs-hero_grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(122,177,240,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,240,0.07) 1px,transparent 1px);
	background-size:44px 44px;
	mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%);
}
.faqs-hero .container {
	position:relative;
	z-index:2;
}
.faqs-hero_content {
	margin-bottom:20px;
}
.faqs-hero_tag {
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	color:#7ab1f0;
	margin-bottom:14px;
}
.faqs-hero_title {
	font-size:clamp(30px,4vw,44px);
	font-weight:800;
	margin:0 0 16px;
	color:#ffffff;
	line-height:1.2;
}
.faqs-hero_desc {
	font-size:16px;
	line-height:1.7;
	color:#cfd9ea;
	margin:0;
	max-width:820px;
}
.faqs-hero_breadcrumbs {
	font-size:14px;
	color:#9fb3d1;
}
.faqs-hero_breadcrumbs a {
	color:#7ab1f0;
	text-decoration:none;
}
.faqs-hero_breadcrumbs a:hover {
	color:#ffffff;
}
.crumb-divider {
	margin:0 4px;
}
.crumb-current {
	color:#ffffff;
}
@media(max-width:768px) {
	.faqs-hero {
	padding:55px 0 65px;
}
.faqs-hero_title {
	font-size:28px;
}
}



/* ===================== 404 Hero ===================== */

.page-404-hero {
    position: relative;
    overflow: hidden;
    padding: 100px 0 120px;
    color: #ffffff;
}

.page-404-hero_bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #051220 0%, #122242 45%, #0f2e57 100%);
    z-index: 0;
}

.page-404-hero_overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 30% 20%, rgba(214, 105, 36, 0.18), transparent 45%),
        radial-gradient(circle at 70% 80%, rgba(59, 130, 214, 0.16), transparent 50%);
}

.page-404-hero_grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(122, 177, 240, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(122, 177, 240, 0.06) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse at center, #000 35%, transparent 75%);
}

.page-404-hero .container {
    position: relative;
    z-index: 2;
}

.page-404-hero_inner {
    text-align: center;
    max-width: 780px;
    margin: 0 auto;
}

.page-404-hero_code {
    display: block;
    font-size: clamp(80px, 14vw, 140px);
    font-weight: 900;
    letter-spacing: 4px;
    background: linear-gradient(135deg, #ffb066, #d66924, #3b82d6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    margin-bottom: 24px;
}

.page-404-hero_tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #ffb066;
    margin-bottom: 14px;
}

.page-404-hero_title {
    font-size: clamp(28px, 3.4vw, 38px);
    font-weight: 800;
    margin: 0 0 16px;
    color: #ffffff;
}

.page-404-hero_desc {
    font-size: 16px;
    line-height: 1.7;
    color: #cfd9ea;
    margin: 0 0 32px;
}

.page-404-hero_actions {
    display: inline-flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}

.page-404-hero_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
    border: 1px solid transparent;
    cursor: pointer;
}

.page-404-hero_btn-primary {
    background: linear-gradient(90deg, #1f62b8, #3b82d6);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(31, 98, 184, 0.4);
}

.page-404-hero_btn-primary:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 32px rgba(31, 98, 184, 0.55);
    color: #ffffff;
}

.page-404-hero_btn-outline {
    background: transparent;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.35);
}

.page-404-hero_btn-outline:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: #7ab1f0;
    color: #ffffff;
    transform: translateY(-4px);
}

@media (max-width: 768px) {
    .page-404-hero {
        padding: 70px 0 80px;
    }

    .page-404-hero_actions {
        flex-direction: column;
        width: 100%;
    }

    .page-404-hero_btn {
        width: 100%;
        justify-content: center;
    }
}

/* ===================== Search Page Hero ===================== */

.search-page-hero {
    position: relative;
    overflow: hidden;
    padding: 85px 0 100px;
    color: #ffffff;
}

.search-page-hero_bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #051220 0%, #0f2e57 100%);
    z-index: 0;
}

.search-page-hero_overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 25%, rgba(59, 130, 214, 0.20), transparent 45%),
        radial-gradient(circle at 80% 75%, rgba(31, 98, 184, 0.12), transparent 50%);
}

.search-page-hero_grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(122, 177, 240, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(122, 177, 240, 0.07) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse at center, #000 35%, transparent 75%);
}

.search-page-hero .container {
    position: relative;
    z-index: 2;
}

.search-page-hero_inner {
    max-width: 860px;
}

.search-page-hero_tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #7ab1f0;
    margin-bottom: 14px;
}

.search-page-hero_title {
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    margin: 0 0 16px;
    color: #ffffff;
    line-height: 1.2;
}

.search-page-hero_desc {
    font-size: 16px;
    line-height: 1.7;
    color: #cfd9ea;
    margin: 0 0 28px;
}

.search-page-hero_form {
    margin-bottom: 24px;
}

.search-page-hero_form form {
    display: flex;
    gap: 0;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(122, 177, 240, 0.25);
    border-radius: 14px;
    padding: 8px;
    backdrop-filter: blur(10px);
}

.search-page-hero_input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    color: #ffffff;
    padding: 14px 18px;
    font-size: 15px;
}

.search-page-hero_input::placeholder {
    color: #9fb3d1;
}

.search-page-hero_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(90deg, #1f62b8, #3b82d6);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s ease;
}

.search-page-hero_btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(31, 98, 184, 0.45);
}

.search-page-hero_breadcrumbs {
    font-size: 14px;
    color: #9fb3d1;
}

.search-page-hero_breadcrumbs a {
    color: #7ab1f0;
    text-decoration: none;
}

.search-page-hero_breadcrumbs a:hover {
    color: #ffffff;
}

.crumb-divider {
    margin: 0 4px;
}

.crumb-current {
    color: #ffffff;
}

@media (max-width: 768px) {
    .search-page-hero {
        padding: 55px 0 65px;
    }

    .search-page-hero_title {
        font-size: 28px;
    }

    .search-page-hero_form form {
        flex-direction: column;
    }

    .search-page-hero_btn {
        width: 100%;
        justify-content: center;
    }
}