/*****************************************************************
    Template Name    : Techvia - IT Solutions & Business Services HTML5 Responsive Website Template
    Author           : Cute Themes
    Version          : 1.0
    Created          : 2024
    File Description : Main css file of the template
*****************************************************************/

/*****************************************************************

** - 01 - Default CSS
** - 02 - Preloader Section CSS
** - 03 - Navbar Section CSS
** - 04 - Home All Section CSS
** - 05 - About Section CSS
** - 06 - Services Section CSS
** - 07 - Services Details Page CSS
** - 08 - Technology Work Section CSS
** - 09 - Overview Section CSS
** - 10 - Industry Tabs Section CSS
** - 11 - Counter Section CSS
** - 12 - Portfolio Section CSS
** - 13 - Portfolio Details Page CSS
** - 14 - Testimonial Section CSS
** - 15 - Team Section CSS
** - 16 - Hire Section CSS
** - 17 - Partner Section CSS
** - 18 - Blog Section CSS
** - 19 - Blog Details Page CSS
** - 20 - Blog Page Sidebar Widget CSS
** - 21 - Other Page Banner Title Section CSS
** - 22 - Pricing Page CSS
** - 23 - 404 Error Page CSS
** - 24 - Faq Page CSS
** - 25 - Coming Soon Page CSS
** - 26 - Contact Page CSS
** - 27 - Terms & Conditions Page CSS
** - 28 - Privacy Policy Page CSS
** - 29 - Subscribe Section CSS
** - 30 - All Page Footer Section CSS
** - 31 - Page Copyright Section CSS

*****************************************************************/

/**************************************
 ** - 01 - Default CSS
 **************************************/
*, *:before, *:after {
  box-sizing: inherit;
}

* {
  scroll-behavior: inherit !important;
}

html, body {
  height: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family: 'Cabin', sans-serif;
}

img {
	max-width: 100%;
	height: auto;
	border-radius: 3px;
}

button {
	outline: 0 !important;
}

dl, ol, ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.d-table {
	width: 100%;
	height: 100%;
}

.d-table-cell {
	vertical-align: middle;
}

.ptb-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.pb-50 {
	padding-bottom: 50px;
}
.pb-70 {
	padding-bottom: 70px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pt-50 {
	padding-top: 50px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-100 {
	padding-top: 100px;
}

.bg-grey {
	background-color: #fafbfc;
}

.section-padding {
	padding: 100px 0;
}

a {
	text-decoration: none;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	outline: 0 !important;
	color: #0b0b31;
}

a:hover {
	text-decoration: none;
	color: #7b68ee;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.4;
	font-family: 'Dosis', sans-serif;
}

p {
	font-size: 16px;
	line-height: 1.8;
	color: #5f5f5f;
	margin-bottom: 15px;
	font-weight: 400;
	letter-spacing: 0.3px;
	font-family: 'Cabin', sans-serif;
}

p:last-child {
	margin-bottom: 0;
}

.default-btn {
	border: none;
	position: relative;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	color: #ffffff;
	background-color: #7b68ee;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 3px;
	font-weight: 600;
	font-size: 16px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 14px;
	padding-bottom: 14px;
	box-shadow: 0 7px 25px rgb(123, 104, 238, 0.25);
}

.default-btn span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #3e57d0;
	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	border-radius: 30px;
}

.default-btn:hover, .default-btn:focus {
	color: #ffffff;
}

.default-btn:hover span, .default-btn:focus span {
	width: 225%;
	height: 562.5px;
}

.default-btn-one {
	border: none;
	position: relative;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	color: #7b68ee;
	background-color: #ffffff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 3px;
	font-weight: 600;
	font-size: 16px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-right: 20px;
	box-shadow: 0 7px 25px rgb(123, 104, 238, 0.25);
}

.default-btn-one span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #3e57d0;
	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	border-radius: 30px;
}

.default-btn-one:hover, .default-btn-one:focus {
	color: #ffffff;
}

.default-btn-one:hover span, .default-btn-one:focus span {
	width: 225%;
	height: 562.5px;
}

.section-title {
	text-align: center;
	margin-bottom: 65px;
	line-height: 1.5;
}

.section-title h6 {
	font-size: 16px;
	font-weight: 700;
	color: #FF9800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.section-title h2 {
	font-size: 40px;
	color: #0b0b31;
	margin: 10px 0 0 0;
	font-weight: 700;
}

.color-text {
    color: #7b68ee;
}

.valign {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* [ Start Overlay ] */
[data-overlay-dark],
[data-overlay-light] {
	position: relative;
}

[data-overlay-dark] .container,
[data-overlay-light] .container {
	position: relative;
	z-index: 2;
}

[data-overlay-dark]:before,
[data-overlay-light]:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

[data-overlay-dark]:before {
	background: #02050b;
}

[data-overlay-light]:before {
	background: #fff;
}

[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark span,
.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color h6,
.bg-color span {
	color: #fff;
}

[data-overlay-dark] p,
.bg-dark p,
.bg-color p {
	color: #dad6d6;
}

[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {
	opacity: 0;
}

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
	opacity: .1;
}

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
	opacity: .2;
}

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
	opacity: .3;
}

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
	opacity: .4;
}

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
	opacity: .5;
}

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
	opacity: .6;
}

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
	opacity: .7;
}

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
	opacity: .8;
}

[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before,
[data-overlay-color="9"]:before {
	opacity: .9;
}

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
	opacity: 1;
}

/* [ End Overlay ] */

/*****************************************
 ** - 00 -  Go Top CSS
 *****************************************/
.go-top {
	position: fixed;
	cursor: pointer;

	/* 左下角定位 */
	left: 30px;
	right: auto;
	top: auto;
	bottom: -60px;

	color: #ffffff;
	background-color: #7b68ee;

	z-index: 9999;

	width: 45px;
	height: 45px;
	line-height: 45px;

	text-align: center;

	opacity: 0;
	visibility: hidden;

	-webkit-transition: .5s;
	transition: .5s;

	border-radius: 3px;
}


/* 页面滚动后显示 */
.go-top.active {
	top: auto;

	left: 30px;
	right: auto;

	bottom: 30px;

	/* 取消原来依赖 top 的位移 */
	-webkit-transform: none;
	transform: none;

	opacity: 1;
	visibility: visible;
}


/* 箭头图标 */
.go-top i {
	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	left: 0;
	right: 0;

	margin: 0 auto;

	-webkit-transition: 0.4s;
	transition: 0.4s;
}


/* 第二个箭头默认隐藏 */
.go-top i:last-child {
	opacity: 0;
	visibility: hidden;
	top: 60%;
}


/* hover 背景 */
.go-top::before {
	content: '';

	position: absolute;

	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	z-index: -1;

	background: #0b0b31;

	opacity: 0;
	visibility: hidden;

	-webkit-transition: 0.4s;
	transition: 0.4s;

	border-radius: 3px;
}


/* hover */
.go-top:hover,
.go-top:focus {
	color: #ffffff;
}


/* hover 背景显示 */
.go-top:hover::before,
.go-top:focus::before {
	opacity: 1;
	visibility: visible;
}


/* 第一个箭头向上消失 */
.go-top:hover i:first-child,
.go-top:focus i:first-child {
	opacity: 0;
	top: 0;
	visibility: hidden;
}


/* 第二个箭头显示 */
.go-top:hover i:last-child,
.go-top:focus i:last-child {
	opacity: 1;
	visibility: visible;
	top: 50%;
}


/* =========================
   手机端位置
   ========================= */
@media only screen and (max-width: 767px) {

	.go-top {
		left: 15px;
		right: auto;
	}

	.go-top.active {
		left: 15px;
		right: auto;
		bottom: 15px;
	}

}

/**************************************
 ** - 02 - Glue Pressure Tank Preloader
 **************************************/

.preloader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	overflow: hidden;
	visibility: visible;
	pointer-events: auto;
	transition: visibility 0s linear .30s;
	isolation: isolate;
}

.preloader::before,
.preloader::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50.5%;
	z-index: -1;
	background: #17142f;
	transform: scaleX(1);
	transition: transform .30s cubic-bezier(.77, 0, .18, 1);
	will-change: transform;
}

.preloader::before {
	left: 0;
	transform-origin: left center;
	background-image: linear-gradient(135deg, #17142f 0%, #25205a 100%);
}

.preloader::after {
	right: 0;
	transform-origin: right center;
	background-image: linear-gradient(225deg, #17142f 0%, #25205a 100%);
}

.glue-pressure-loader {
	position: relative;
	width: 250px;
	min-height: 292px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: opacity .20s ease, transform .20s ease;
}

.glue-pressure-machine {
	position: relative;
	width: 220px;
	height: 225px;
	animation: glueTankBreath 1.8s ease-in-out infinite;
}

.pressure-tank {
	position: absolute;
	left: 43px;
	top: 55px;
	width: 118px;
	height: 146px;
	z-index: 3;
}

.pressure-tank-lid {
	position: absolute;
	left: 7px;
	top: 0;
	width: 104px;
	height: 25px;
	border: 4px solid #26263d;
	border-bottom-width: 6px;
	border-radius: 50% 50% 35% 35% / 70% 70% 35% 35%;
	background: linear-gradient(180deg, #f6f7fb 0%, #abb1c2 75%, #7d8498 100%);
	box-shadow: inset 0 5px 5px rgba(255, 255, 255, .78), 0 4px 0 rgba(0, 0, 0, .12);
	z-index: 4;
}

.lid-handle {
	position: absolute;
	left: 50%;
	top: -22px;
	width: 38px;
	height: 22px;
	transform: translateX(-50%);
	border: 5px solid #26263d;
	border-bottom: 0;
	border-radius: 13px 13px 0 0;
}

.pressure-tank-body {
	position: absolute;
	left: 11px;
	top: 17px;
	width: 96px;
	height: 112px;
	overflow: hidden;
	border: 4px solid #26263d;
	border-radius: 10px 10px 31px 31px / 8px 8px 19px 19px;
	background: linear-gradient(90deg, #8d94a8 0%, #e9ebf2 19%, #fdfdff 43%, #c9cedb 72%, #858ca0 100%);
	box-shadow: inset -8px 0 10px rgba(20, 20, 38, .16), inset 8px 0 10px rgba(255, 255, 255, .4);
}

.tank-shine {
	position: absolute;
	left: 16px;
	top: 8px;
	width: 16px;
	height: 88px;
	border-radius: 50%;
	background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,0));
	transform: skewX(-5deg);
}

.tank-pressure-wave {
	position: absolute;
	left: -14%;
	bottom: -16px;
	width: 128%;
	height: 52px;
	border-radius: 50% 50% 0 0;
	background: linear-gradient(180deg, rgba(123,104,238,.2), rgba(123,104,238,.7));
	animation: tankLiquidPressure 1.8s ease-in-out infinite;
}

.tank-label {
	position: absolute;
	left: 50%;
	top: 42px;
	width: 65px;
	padding: 6px 3px 5px;
	transform: translateX(-50%);
	text-align: center;
	border: 2px solid rgba(38, 38, 61, .8);
	border-radius: 4px;
	background: rgba(255, 255, 255, .82);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
}

.tank-label strong,
.tank-label small {
	display: block;
	font-family: Arial, sans-serif;
	line-height: 1;
}

.tank-label strong {
	color: #5d4ee5;
	font-size: 15px;
	letter-spacing: 1.1px;
}

.tank-label small {
	margin-top: 4px;
	color: #33344b;
	font-size: 5px;
	font-weight: 700;
	letter-spacing: .65px;
}

.pressure-tank-ring {
	position: absolute;
	left: 5px;
	bottom: 14px;
	width: 108px;
	height: 13px;
	border: 4px solid #26263d;
	border-radius: 50%;
	background: #939aad;
	z-index: 5;
}

.pressure-tank-feet {
	position: absolute;
	left: 18px;
	bottom: 0;
	width: 82px;
	height: 20px;
	z-index: 2;
}

.pressure-tank-feet span {
	position: absolute;
	top: 0;
	width: 13px;
	height: 20px;
	border: 4px solid #26263d;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	background: #81889b;
}

.pressure-tank-feet span:first-child { left: 8px; }
.pressure-tank-feet span:last-child { right: 8px; }

.pressure-gauge {
	position: absolute;
	left: 124px;
	top: 18px;
	width: 53px;
	height: 53px;
	z-index: 6;
	border: 5px solid #26263d;
	border-radius: 50%;
	background: radial-gradient(circle at 48% 48%, #fff 0 55%, #d7dbe5 56% 100%);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.pressure-gauge::before {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: repeating-conic-gradient(from 225deg, #303147 0 2deg, transparent 2deg 18deg);
	-webkit-mask: radial-gradient(circle, transparent 0 58%, #000 59% 100%);
	mask: radial-gradient(circle, transparent 0 58%, #000 59% 100%);
}

.pressure-gauge::after {
	content: '';
	position: absolute;
	left: 16px;
	bottom: -13px;
	width: 12px;
	height: 15px;
	border: 4px solid #26263d;
	border-top: 0;
	background: #9097aa;
}

.pressure-gauge-needle {
	position: absolute;
	left: 20px;
	top: 9px;
	width: 3px;
	height: 15px;
	border-radius: 3px;
	background: #ef4d5a;
	transform-origin: 50% 100%;
	transform: rotate(-48deg);
	animation: pressureNeedle 1.8s ease-in-out infinite;
}

.pressure-gauge-pin {
	position: absolute;
	left: 17px;
	top: 21px;
	width: 9px;
	height: 9px;
	border: 2px solid #26263d;
	border-radius: 50%;
	background: #7b68ee;
}

.pressure-gauge-scale { display: none; }

.tank-valve {
	position: absolute;
	left: 30px;
	top: 41px;
	width: 32px;
	height: 9px;
	z-index: 7;
	border: 3px solid #26263d;
	border-radius: 5px;
	background: #7b68ee;
}

.tank-valve::before,
.tank-valve::after {
	content: '';
	position: absolute;
	top: -9px;
	width: 7px;
	height: 21px;
	border: 3px solid #26263d;
	border-radius: 4px;
	background: #9c8ff4;
}

.tank-valve::before { left: 3px; }
.tank-valve::after { right: 3px; }
.tank-valve span { display: none; }

.glue-hose {
	position: absolute;
	left: 151px;
	top: 88px;
	width: 58px;
	height: 83px;
	z-index: 1;
	border-right: 7px solid #26263d;
	border-bottom: 7px solid #26263d;
	border-radius: 0 0 35px 0;
}

.glue-hose::before {
	content: '';
	position: absolute;
	left: -4px;
	top: -5px;
	width: 14px;
	height: 18px;
	border: 4px solid #26263d;
	border-radius: 4px;
	background: #a1a8ba;
}

.glue-nozzle {
	position: absolute;
	right: -10px;
	bottom: -25px;
	width: 14px;
	height: 29px;
	border: 4px solid #26263d;
	border-radius: 3px 3px 8px 8px;
	background: linear-gradient(90deg, #a7adbd, #f4f5f9, #858c9e);
}

.glue-nozzle::after {
	content: '';
	position: absolute;
	left: 1px;
	bottom: -11px;
	width: 4px;
	height: 12px;
	border-radius: 0 0 4px 4px;
	background: #ffc928;
}

.glue-drop {
	position: absolute;
	right: -5px;
	bottom: -43px;
	width: 10px;
	height: 14px;
	border-radius: 55% 45% 58% 42% / 65% 48% 52% 35%;
	background: linear-gradient(145deg, #ffe780, #f2b500);
	box-shadow: inset 2px 2px 2px rgba(255,255,255,.55), 0 2px 4px rgba(0,0,0,.2);
	transform: rotate(45deg) scale(0);
	animation: glueDrop 1.8s ease-in infinite;
}

.machine-shadow {
	position: absolute;
	left: 40px;
	bottom: 3px;
	width: 142px;
	height: 16px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .28);
	filter: blur(3px);
	animation: machineShadow 1.8s ease-in-out infinite;
}

.pressure-loader-text {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 22px;
	margin-top: 4px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2.8px;
}

.pressure-loader-text i {
	width: 4px;
	height: 4px;
	margin: 0 0 2px 5px;
	border-radius: 50%;
	background: #ffc928;
	animation: pressureDot 1.15s ease-in-out infinite;
}

.pressure-loader-text i:nth-of-type(2) { animation-delay: .16s; }
.pressure-loader-text i:nth-of-type(3) { animation-delay: .32s; }

.preloader.preloader-deactivate {
	visibility: hidden;
	pointer-events: none;
}

.preloader.preloader-deactivate::before,
.preloader.preloader-deactivate::after {
	transform: scaleX(0);
}

.preloader.preloader-deactivate .glue-pressure-loader {
	opacity: 0;
	transform: translateY(-8px) scale(.96);
}

@keyframes glueTankBreath {
	0%, 100% { transform: translateY(0) scale(1); }
	45% { transform: translateY(-3px) scale(1.015); }
	60% { transform: translateY(-3px) scale(.995, 1.018); }
}

@keyframes pressureNeedle {
	0%, 100% { transform: rotate(-48deg); }
	38% { transform: rotate(32deg); }
	56% { transform: rotate(24deg); }
	74% { transform: rotate(42deg); }
}

@keyframes tankLiquidPressure {
	0%, 100% { transform: translateY(13px) rotate(-1deg); }
	45% { transform: translateY(-9px) rotate(1deg); }
	65% { transform: translateY(-5px) rotate(-1deg); }
}

@keyframes glueDrop {
	0%, 55% { opacity: 0; transform: translateY(-4px) rotate(45deg) scale(0); }
	64% { opacity: 1; transform: translateY(0) rotate(45deg) scale(1); }
	84% { opacity: 1; transform: translateY(22px) rotate(45deg) scale(.9); }
	100% { opacity: 0; transform: translateY(35px) rotate(45deg) scale(.45); }
}

@keyframes machineShadow {
	0%, 100% { opacity: .26; transform: scaleX(1); }
	45%, 60% { opacity: .18; transform: scaleX(.9); }
}

@keyframes pressureDot {
	0%, 65%, 100% { opacity: .3; transform: translateY(0); }
	35% { opacity: 1; transform: translateY(-5px); }
}

@media (max-width: 575px) {
	.glue-pressure-loader {
		transform: scale(.84);
	}

	.preloader.preloader-deactivate .glue-pressure-loader {
		transform: translateY(-10px) scale(.78);
	}
}

@media (prefers-reduced-motion: reduce) {
	.glue-pressure-machine,
	.pressure-gauge-needle,
	.tank-pressure-wave,
	.glue-drop,
	.machine-shadow,
	.pressure-loader-text i {
		animation: none !important;
	}

	.preloader,
	.preloader::before,
	.preloader::after,
	.glue-pressure-loader {
		transition: none !important;
	}
}

/**************************************
 ** - 03 - Navbar Section CSS
 **************************************/

.techvia-responsive-nav {
	display: none;
}

.techvia-nav {
	background-color: transparent;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0;
	padding-left: 0;
}

.techvia-nav .navbar {
	padding-right: 0;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
}

.techvia-nav .navbar ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}

.techvia-nav .navbar .navbar-nav {
	margin: auto;
}

.techvia-nav .navbar .navbar-nav .nav-item {
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
}

.techvia-nav .navbar .navbar-nav .nav-item a {
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	text-transform: capitalize;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 15px;
	margin-right: 15px;
}

/*
.techvia-nav .navbar .navbar-nav .nav-item a:hover, .techvia-nav .navbar .navbar-nav .nav-item a:focus, .techvia-nav .navbar .navbar-nav .nav-item a.active {
	color: #7b68ee;
}
*/

.techvia-nav .navbar .navbar-nav .nav-item a i {
	font-size: 10px;
	position: relative;
	top: -1px;
	margin-left: 1px;
}

.techvia-nav .navbar .navbar-nav .nav-item:last-child a {
	margin-right: 0;
}

.techvia-nav .navbar .navbar-nav .nav-item:first-child a {
	margin-left: 0;
}

/*
.techvia-nav .navbar .navbar-nav .nav-item:hover a, .techvia-nav .navbar .navbar-nav .nav-item:focus a, .techvia-nav .navbar .navbar-nav .nav-item.active a {
	color: #7b68ee;
}
*/

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu {
	position: absolute;
	border: none;
	top: 80px;
	left: 0;
	width: 230px;
	z-index: 99;
	display: block;
	opacity: 0;
	visibility: hidden;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 0px;
	overflow: hidden;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
	padding: 0;
	border-bottom: 1px solid #f1f1f1;
}
.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child {
	border-bottom: 0px solid transparent;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
	text-transform: capitalize;
	padding: 10px 15px;
	margin: 0;
	position: relative;
	color: #0b0b31;
	font-size: 15.5px;
	font-weight: 500;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
	color: #ffffff;
	background: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
	left: -245px;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
	color: #696997;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: -245px;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: -245px;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: 195px;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: 195px;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: 195px;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: -15px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: -15px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: -15px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: -15px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: -15px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
	color: #7b68ee;
}

.techvia-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: -15px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.techvia-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 100%;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.techvia-nav .navbar .other-option {
	margin-left: 0;
	margin-top: 5px;
}

.techvia-nav .navbar .other-option .default-btn.seo-btn {
	padding: 10px 25px;
	font-size: 16px;
	background-color: transparent;
	border: 2px solid #7b68ee;
	color: #7b68ee;
}

.techvia-nav .navbar .other-option .default-btn.seo-btn:hover {
	background-color: #7b68ee;
	color: #ffffff;
}

.techvia-nav .black-logo {
	display: none;
}

.navbar-section {
	background-color: transparent;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}

.navbar-section.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
	background: #ffffff !important;
	-webkit-animation: 500ms ease-in-out 0s normal fadeInDown;
	animation: 500ms ease-in-out 0s normal fadeInDown;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.navbar-section.is-sticky .navbar-nav .nav-item a {
	color: #505050;
}

.navbar-section.is-sticky .navbar-nav .nav-item a:hover, .navbar-section.is-sticky .navbar-nav .nav-item a:focus, .navbar-section.is-sticky .navbar-nav .nav-item a.active {
	color: #7b68ee;
}

.navbar-section.is-sticky .techvia-nav .navbar-brand .white-logo {
	display: none;
}

.navbar-section.is-sticky .techvia-nav .navbar-brand .black-logo {
	display: block;
}

@media only screen and (max-width: 991px) {
	.navbar-section {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.navbar-section.is-sticky {
		border-bottom: none;
		-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.navbar-section.is-sticky .logo .white-logo {
		display: none;
	}

	.navbar-section.is-sticky .logo .black-logo {
		display: block;
	}

	.techvia-responsive-nav {
		display: block;
	}

	.techvia-responsive-nav .techvia-responsive-menu {
		position: relative;
	}

	.techvia-responsive-nav .techvia-responsive-menu.mean-container .mean-nav ul {
		font-size: 16px;
	}

	.techvia-responsive-nav .techvia-responsive-menu.mean-container .mean-nav ul li a {
		font-size: 16px;
	}

	.techvia-responsive-nav .techvia-responsive-menu.mean-container .mean-nav ul li a.active {
		color: #7b68ee;
	}

	.techvia-responsive-nav .techvia-responsive-menu.mean-container .mean-nav ul li li a {
		font-size: 16px;
	}

	.techvia-responsive-nav .techvia-responsive-menu.mean-container .navbar-nav {
		overflow-y: scroll;
		height: 300px;
		-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
	}

	.techvia-responsive-nav .techvia-responsive-menu.mean-container .others-options {
		display: none;
	}

	.techvia-responsive-nav .mean-container a.meanmenu-reveal {
		color: #0b0b31;
	}

	.techvia-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #0b0b31;
	}

	.techvia-responsive-nav .logo {
		position: relative;
		width: 50%;
		z-index: 999;
	}

	.techvia-responsive-nav .logo .white-logo {
		display: block;
	}

	.techvia-responsive-nav .logo .black-logo {
		display: none;
	}

	.techvia-nav {
		display: none;
	}
}

/**************************************
 ** - 04 - Home Section CSS
 **************************************/
.home-section {
	position: relative;
	z-index: 1;
	height: 850px;
	min-height: 100vh;
	background: #0575E6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	overflow: hidden;
}

.main-banner-content {
    padding-top: 50px;
}

.main-banner-content h1 {
	font-size: 50px;
	color: #ffffff;
	margin: 0 0 20px 0;
	font-weight: 700;
}

.main-banner-content p {
	color: #ffffff;
	font-size: 16px;
	margin: 0 0 0 0;
}

.main-banner-content .banner-btn {
	margin-top: 25px;
	display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
}

.main-banner-content .banner-btn .default-btn-one span {
	background-color: #ff561d;
}

.home-section .banner-image {
    text-align: center;
    padding-top: 50px;
}

.home-section .creative-shape {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
}

.video-box {
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 25px;
}
.video-box .popup-video {
    display: inline-block;
	position: relative;
    z-index: 9;
    font-size: 22px;
    color: #7b68ee;
	background: #ffffff;
    width: 55px;
    height: 55px;
    border-radius: 100%;
	display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.video-box:hover .popup-video{
    background: #fff;
    color: #ff561d;
}
.video-box h5 {
    color: #fff;
    font-size: 16px;
    margin: 0px;
    font-weight: 600;
    display: inline-block;
    padding-left: 15px;
	font-family: 'Cabin', sans-serif;
}

.video-box .popup-video i {
	margin-left: 5px;
}
.video-box .iq-waves {
	position: absolute;
    left: -23px;
    top: -23px;
	z-index: 2;
}
.video-box .iq-waves .waves {
	position: absolute;
	width: 100px;
	height: 100px;
    background: rgba(255, 255, 255, 0.5);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 50%;
	background-clip: padding-box;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
}
.video-box .iq-waves .wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.video-box .iq-waves .wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.video-box .iq-waves .wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
@keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

.main-banner-content .social-icon-list {
    margin-bottom: 15px;
}

.main-banner-content .social-icon-list li {
    display: inline-block;
    margin: 5px 5px;
}

.main-banner-content .social-icon-list li a {
    color: #fff;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid rgb(255, 255, 255, 0.2);
    background-color: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.main-banner-content .social-icon-list li a:hover {
    color: #fff;
    border: 1px solid #7b68ee;
    background-color: #7b68ee;
}

.home-section .creative-shape {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: auto;
}

#particles-js {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	pointer-events: none;
}

/**************************************
 ** - 04.2 - Home Two Section CSS
 **************************************/
.home-section.home-2 {
	position: relative;
	z-index: 1;
	height: 850px;
	min-height: 100vh;
    background-image: url(../img/home2-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	background-attachment: fixed;
}

.main-banner-content {
    padding-top: 50px;
}

.main-banner-content h1 {
	font-size: 50px;
	color: #ffffff;
	margin: 0 0 20px 0;
	font-weight: 700;
}

.main-banner-content p {
	color: #ffffff;
	font-size: 16px;
	margin: 0 0 0 0;
}

/****************************************
 ** - 04.3 - Home Slider Section CSS
 ****************************************/
.slider {
	position: relative;
}

.slider.fixed-slider {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.slider .swiper-slide-active {
	z-index: 3;
}

.slider .parallax-slider {
	position: relative;
	height: 800px;
	min-height: 100vh;
}

.slider .parallax-slider .swiper-slide {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-bottom: 50px;
}

.slider .parallax-slider .swiper-slide .bg-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
}

.slider .parallax-slider .swiper-slide-active .caption h1 {
	opacity: 1;
	animation: fadeInLeft .8s;
	-webkit-animation-delay: 1s;
	animation-delay: .3s;
}

.slider .parallax-slider .caption {
	text-align: center;
	padding-top: 70px;
}

.slider .parallax-slider .caption h1 {
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	opacity: 1;
	visibility: visible;
	line-height: normal;
}
.slider .parallax-slider .caption p {
	color: #fff;
	font-weight: 500;
	margin-top: 20px;
	opacity: 1;
}

.slider .parallax-slider .swiper-slide-active .caption p {
	color: #fff;
	font-weight: 500;
	opacity: 1;
	animation: fadeInRight .8s;
}

.slider .parallax-slider .swiper-slide-active .caption .home-slider-btn {
	position: relative;
	opacity: 1;
	animation: fadeInLeft 1s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.slider .control-text {
	position: absolute;
	top: 50%;
	z-index: 8;
	width: 100%;
	height: auto;
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.slider .control-text .swiper-nav-ctrl {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-left: 15px;
	margin-right: 15px;
	position: static;
	width: auto;
	height: auto;
	display: inline-block;
	background: transparent;
	padding: 5px 10px;
	border-radius: 3px;
}

.slider .control-text .swiper-nav-ctrl:after {
	font-size: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    display: block;
    text-align: center;
    background: rgb(0, 0, 0, 0.3);
}
.slider .swiper-pagination-bullets {
	bottom: 20px;
}
.slider .swiper-pagination-bullet {
	background: #fff;
	opacity: .4;
}
.slider .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

.slider .parallax-slider .swiper-slide-active .caption .social-icon-list {
	animation: fadeInUp .8s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.slider .parallax-slider .caption .social-icon-list {
    margin-bottom: 20px;
}

.slider .parallax-slider .caption .social-icon-list li {
    display: inline-block;
    margin: 5px 5px;
}

.slider .parallax-slider .caption .social-icon-list li a {
    color: #fff !important;
    font-size: 18px !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid rgb(255, 255, 255, 0.2);
    background-color: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.slider .parallax-slider .caption .social-icon-list li a:hover {
    color: #fff;
    border: 1px solid #7b68ee;
    background-color: #7b68ee;
}

/**************************************
 ** - 05 - About Section CSS
 **************************************/
.about-section {
	position: relative;
	z-index: 1;
}

.about-content h6 {
	color: #7b68ee;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.about-content h2 {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 20px;
}

.about-content p {
	margin-bottom: 15px;
}
.about-content .button {
	margin-top: 10px;
}

.about-section .skills {
	margin-top: 30px;
}
.about-section .skills .skill-item {
	margin-bottom: 25px;
}

.about-section .skills .skill-item:last-child {
	margin-bottom: 0px;
}

.about-section .skills .skill-item h6 {
	position: relative;
	z-index: 4;
	font-size: 16px;
	letter-spacing: 0px;
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 10px;
}
.about-section .skills .skill-item h6 em {
	float: right;
	font-size: 16px;
	font-style: normal;
}
.about-section .skills .skill-item .skill-progress {
	position: relative;
	height: 6px;
	border-radius: 5px;
	background: #f1f1fa;
}
.about-section .skills .skill-item .skill-progress .progres {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 10%;
	background-color: #7b68ee;
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
}

.about-btn-box {
    margin-top: 35px;
    display: inline-block;
}

.about-image {
	position: relative;
	text-align: center;
	margin-left: 0px;
}

.about-image {
	position: relative;
	margin-left: 0px;
}
.about-image img {
    border-radius: 5px;
}
.about-image .sub-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    padding: 5px 5px;
    border-radius: 10px;
    max-width: 370px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    margin-left: auto;
    margin-right: auto;
}
.about-image .sub-content img {
    max-width: 135px;
    border-radius: 10px;
    margin-right: 20px;
}
.about-image .sub-content h3 {
    color: #ff9800;
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 0;
}
.about-image .sub-content span {
    color: #404040;
    font-size: 18px;
    font-weight: 600;
}

.content-info {
    text-align: left;
}

.about-image .years-design {
	position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 50%;
    text-align: center;
    width: 45%;
    height: 40%;
    padding: 20px 40px 20px 40px;
    background: #ffffff;
	border-left: 5px solid #FF9800;
    border-bottom: 5px solid #FF9800;
	-webkit-box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);
	box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);
}

.about-image .years-design h2 {
	font-size: 70px;
    font-weight: 700;
    background: url(../img/about.jpg) no-repeat;
    background-position: 50% 65%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.1;
}
.about-image .years-design h5 {
    color: #FF9800;
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
}

/*************************************
 ** - 06 - Services Section CSS
 *************************************/
.services-section .section-title {
	margin-bottom: 35px;
}

.single-services-item {
	position: relative;
	z-index: 1;
	display: block;
	padding: 35px 30px;
	text-align: left;
	border-radius: 3px;
	background-color: #ffffff;
	margin-top: 30px;
    -webkit-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
    -moz-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
    box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    will-change: transform;
}

.services-icon {
    display: inline-block;
    margin-bottom: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    will-change: transform;
}

.services-icon i {
    color: #ff561d;
	font-size: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-services-item h3 {
	font-size: 20px;
    font-weight: 700;
	margin-bottom: 0;
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.single-services-item h3 a {
	display: inline-block;
}

.single-services-item p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0;
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    will-change: transform;
}

.single-services-item .services-btn-link {
	margin-top: 16px;
}

.single-services-item .services-btn-link .services-link {
    display: inline-block;
    font-size: 16px;
    color: #ff561d;
	letter-spacing: 0.5px;
    font-weight: 700;
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
	text-decoration: underline;
	font-family: 'Dosis', sans-serif;
}

.single-services-item:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.single-services-item:hover .services-icon {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/********************************************
 ** - 07 - Services Details Page CSS
 ********************************************/
.services-details-image {
	text-align: center;
    margin-bottom: 40px;
}
.services-details-image img {
    border-radius: 5px;
}

.services-details-content h3 {
    font-size: 28px;
    margin-bottom: 15px;
}
.services-details-content .features-text {
    margin-top: 20px;
}

.services-details-content .features-text h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

.services-details-content .features-text .service-features-list {
    margin-top: 30px;
    margin-bottom: 10px;
}

.services-details-content .features-text .service-features-list li {
	color: #404040;
	font-size: 16px;
	font-weight: 500;
	padding: 14px 15px;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 20px;
    margin-right: 15px;
	background-color: #ffffff;
	border-left: 2px solid #7b68ee;
	-webkit-box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);
	box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.services-details-content .features-text .service-features-list li:last-child {
    margin-bottom: 0px;
}

.services-widget .widget {
	padding: 30px 25px;
    border-radius: 5px;
	background-color: rgb(11, 11, 49, 0.05);
	margin-top: 35px;
}

.services-widget .widget:first-child {
	margin-top: 0;
}

.services-widget .widget .widget-title {
	position: relative;
	font-size: 22px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	text-transform: capitalize;
	border-bottom: 1px solid #ffffff;
}

.services-widget .widget .widget-title::before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 50px;
	height: 1px;
	background-color: #7b68ee;
}

.services-widget .widget_categories ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.services-widget .widget_categories ul li {
	position: relative;
	color: #747576;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 12px;
}

.services-widget .widget_categories ul li:last-child {
	margin-bottom: 0;
}

.services-widget .widget_categories ul li a {
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
    display: block;
    padding: 12px 15px;
    border-radius: 5px;
    background-color: #7b68ee;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.services-widget .widget_categories ul li a:hover {
	color: #ffffff;
    background-color: #3e57d0;
}
.widget_download_btn a {
    display: block;
    padding: 12px 20px;
    border-radius: 5px;
}
.widget_download_btn a:first-child {
    margin: 0 0 12px;
}

/*****************************************
 ** - 08 - Technology Work Section CSS
 *****************************************/
.single-technology-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 10px 20px 10px;
    text-align: center;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .07);
    margin-bottom: 30px;
}

.single-technology-item .technology-icon {
    display: inline-block;
    width: 70px;
    margin-right: 10px;
}

.single-technology-item .technology-icon img {
    width: 50px;
}

.single-technology-item h3 {
    color: #505050;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

/**************************************
 ** - 09 - Overview Section CSS
 **************************************/
.overview-content h6 {
	font-size: 16px;
	font-weight: 700;
	color: #FF9800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.overview-content h2 {
	font-size: 38px;
	color: #0b0b31;
	margin: 8px 0 15px 0;
}

.overview-content p {
	margin: 0 0 0 0;
}

.overview-content .features-list {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 16px;
	margin-left: -10px;
	margin-right: -10px;
}

.overview-content .features-list li {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.overview-content .features-list li span {
	position: relative;
	z-index: 1;
	color: #0b0b31;
	font-size: 16px;
	font-weight: 600;
	background-color: #ffffff;
	display: block;
	padding: 14px 15px;
	border-radius: 5px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-left: 2px solid #7b68ee;
	-webkit-box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);
	box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);
}

.overview-content .features-list li span::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	border-radius: 3px;
	background-color: #7b68ee;
	z-index: -1;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.overview-content .features-list li span:hover {
	color: #ffffff;
}

.overview-content .features-list li span:hover::before {
	width: 100%;
}

.overview-image {
	text-align: center;
}

/**************************************
 ** - 10 - Industry Tabs Section CSS
 **************************************/
.tab .tabs_item {
    display: none;
}

.tab .tabs_item:first-child {
    display: block;
}

.solutions-list-tab .tabs {
    padding-left: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
}

.solutions-list-tab .tabs li {
    -webkit-box-flex: 4;
    -ms-flex: 4 0 16.6666666667%;
    flex: 4 0 16.6666666667%;
    max-width: 23.666667%;
    text-align: center;
    margin-right: 30px;
    margin-left: 0;
}

.solutions-list-tab .tabs li:last-child {
    margin-right: 0;
}

.solutions-list-tab .tabs li a {
    display: block;
    color: #292a2c;
	background: #ffff;
    font-size: 17px;
    font-weight: 700;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}

.solutions-list-tab .tabs li a span {
    display: block;
    margin-top: 0;
}

.solutions-list-tab .tabs li.current a,
.solutions-list-tab .tabs li:hover a {
    color: #ffffff;
    background-color: #5e87eb;
}
.home-1-tab .solutions-list-tab .tabs li.current a,
.home-1-tab .solutions-list-tab .tabs li:hover a {
    color: #ffffff;
	background: #5e87eb;
}

.home-2-tab .solutions-list-tab .tabs li.current a,
.home-2-tab .solutions-list-tab .tabs li:hover a {
    color: #ffffff;
	background: #5e87eb;
}

.solutions-list-tab .tab_content .tabs_item .tab-solution-content h3 {
    font-size: 33px;
    color: #393953;
    margin: 0 0 15px 0;
	font-weight: 700;
}

.solutions-list-tab .tab_content .tabs_item .tab-solution-content p {
    margin: 0 0 0 0;
}

.solutions-list-tab .tab_content .tabs_item .tab-solution-content .tab-list {
    padding-left: 0;
    margin-bottom: 25px;
    margin-top: 25px;
}

.solutions-list-tab .tab_content .tabs_item .tab-solution-content .tab-list li {
    font-size: 16px;
    color: #5f5f5f;
    list-style-type: none;
    padding-bottom: 10px;
}

.solutions-list-tab .tab_content .tabs_item .tab-solution-content .tab-list li:last-child {
    padding-bottom: 0;
}

.solutions-list-tab .tab_content .tabs_item .tab-solution-content .tab-list i {
	font-size: 16px;
    color: #5e87eb;
    margin-right: 5px;
}

.tab-image {
    text-align: center;
}

/*************************************
 ** - 11 - Counter Section CSS
 *************************************/
.counter-section {
	text-align: center;
	position: relative;
	color: #fff;
	text-align: center;
	background: url(../img/banner-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	z-index: 1;
}
.counter-section::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	opacity: .6;
	background: #03030c;
}
.counter-section .section-title h5 {
	color: #ffffff;
}
.counter-section .section-title h2 {
	color: #fff;
}
.counter-contents h2 {
	color: #fff;
	font-size: 45px;
	font-weight: 700;
	margin-bottom: 5px;
	word-spacing: -10px;
}
.counter-contents h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

/*************************************
 ** - 12 - Portfolio Section CSS
 *************************************/
.project-area {
	position: relative;
}

.project-area .project-list {
	text-align: center;
	margin-bottom: 25px;
}

.project-area .project-list .nav {
	display: inline-block;
	margin: 0;
	position: relative;
}

.project-area .project-list .nav li {
	display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 5px;
    padding: 12px 30px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 0px;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);
    box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);
    transition: all 0.4s ease 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.project-area .project-list .nav li:hover, .project-area .project-list .nav li.filter-active {
    color: #fff;
    background-color: #7b68ee;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.project-area .project-container {
	display: inline-block;
	width: 100%;
}

.project-area .project-grid-item {
	overflow: hidden;
}

.project-grid-item img {
	width: 100%;
    border-radius: 0px;
}

.project-item {
	position: relative;
	display: block;
	overflow: hidden;
    border-radius: 0px;
	margin-top: 30px;
}

.project-item .project-content-overlay {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -20px;
    background-color: #fff;
    z-index: 2;
    padding: 20px 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.project-item .project-content-overlay p {
    color: #7b68ee;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.project-item .project-content-overlay h3 {
    color: #1b1b1b;
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.project-item:hover .project-content-overlay p,
.project-item:hover .project-content-overlay h3 {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
.project-item:hover .project-content-overlay {
    bottom: 10px;
    opacity: 1;
    visibility: visible;
}

/*****************************************
 ** - 13 - Portfolio Details Page CSS
 *****************************************/
.project-details-image {
	margin-bottom: 30px;
}

.projects-details-desc {
	margin-top: 5px;
}

.projects-details-desc h3 {
	margin-bottom: 13px;
	font-size: 25px;
}

.projects-details-desc .features-text {
	margin-top: 25px;
	margin-bottom: 25px;
}

.projects-details-desc .features-text h4 {
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 600;
}

.projects-details-desc .features-text h4 i {
	font-size: 16px;
	margin-right: 4px;
	color: #7b68ee;
}

.projects-details-desc .project-details-info {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 35px;
}

.projects-details-desc .project-details-info .single-info-box {
	-ms-flex: 0 0 20%;
	-webkit-box-flex: 0;
	flex: 0 0 20%;
	max-width: 20%;
	padding-left: 15px;
	padding-right: 15px;
}

.projects-details-desc .project-details-info .single-info-box h4 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
}

.projects-details-desc .project-details-info .single-info-box span {
	display: block;
	color: #5f5f5f;
	font-size: 16px;
}

.projects-details-desc .project-details-info .single-info-box .social {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.projects-details-desc .project-details-info .single-info-box .social li {
	display: inline-block;
	margin-right: 8px;
}

.projects-details-desc .project-details-info .single-info-box .social li a {
	color: #7b68ee;
	display: inline-block;
	background: transparent;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px dashed #7b68ee;
	border-radius: 25px;
}

.projects-details-desc .project-details-info .single-info-box .social li a:hover {
	color: #7b68ee;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.projects-details-desc .project-details-info .single-info-box .default-btn {
	display: inline-block;
	padding: 12px 30px;
	color: #ffffff;
	text-transform: capitalize;
	background-color: #7b68ee;
	border: 2px solid #7b68ee;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 500;
}

.projects-details-desc .project-details-info .single-info-box .default-btn:hover {
	background-color: #ffffff;
	color: #7b68ee;
}

/**************************************
 ** - 14 - Testimonial Section CSS
 **************************************/
.testimonial-section {
	text-align: center;
	position: relative;
	z-index: 1;
}

.single-testimonial {
	position: relative;
	background: #fafafa;
	padding: 30px 15px;
	border-radius: 5px;
}

.single-testimonial .testimonial-content {
	margin-bottom: 25px;
	text-align: center;
}

.single-testimonial .rating-box {
	margin-bottom: 10px;
}
.rating-box ul li {
	display: inline-block;
	margin-right: 0px;
}

.rating-box ul li i {
	color: #ffce39;
	font-size: 16px;
}

.single-testimonial .testimonial-content p {
	font-size: 16px;
	color: #333;
	font-style: italic;
	line-height: 1.8;
	letter-spacing: 1px;
}

.single-testimonial .avatar {
	margin: 0 auto;
	margin-bottom: 15px;
}

.single-testimonial .avatar img {
	border-radius: 50%;
	border: 5px solid #ffffff;
	width: 90px;
	margin: 0 auto;
	border-left-color: #7b68ee;
	border-bottom-color: #7b68ee;
}

.single-testimonial .testimonial-bio {
	text-align: center;
}

.single-testimonial .testimonial-bio .bio-info h3 {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 5px;
}

.single-testimonial .testimonial-bio .bio-info span {
	color: #7b68ee;
	font-size: 16px;
	font-weight: 500;
}

.testimonial-slider.owl-theme .owl-nav {
	opacity: 0;
	visibility: hidden;
	margin-top: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.testimonial-slider.owl-theme .owl-nav [class*=owl-] {
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	background-color: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	color: #333;
	font-size: 18px;
	width: 50px;
	height: 45px;
	line-height: 50px;
}

.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {
	left: auto;
	right: 10px;
}

.testimonial-slider.owl-theme .owl-nav [class*=owl-]:hover {
	color: #7b68ee;
	background-color: transparent;
}

.testimonial-slider.owl-theme .owl-dots {
	line-height: .01;
	margin-top: 30px;
	margin-bottom: 0;
}

.testimonial-slider.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 0 4px;
	background-color: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 30px;
}

.testimonial-slider.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #7b68ee;
}

.testimonial-slider.owl-theme .owl-dots .owl-dot.active span {
	background-color: #7b68ee;
}

.testimonial-slider.owl-theme:hover .owl-nav {
	opacity: 1;
	visibility: visible;
}

/**********************************
 ** - 15 - Team Section CSS
 **********************************/
.team-section {
}

.team-section .section-title {
	margin-bottom: 35px;
}
.single-team-box {
	margin-top: 30px;
	overflow: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.team-image {
	position: relative;
	z-index: 1;
	border-radius: 3px;
	overflow: hidden;
}

.team-image::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background: #000;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.single-team-box:hover .team-image::before {
    opacity: .8;
    visibility: visible;
}

.single-team-box .team-image img {
	width: 100%;
	height: auto;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-team-box:hover .team-image img {
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.team-social-icon {
    position: absolute;
    z-index: 5;
    top: 50%;
    width: 100%;
	text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team-social-icon a {
    padding: 15px;
    color: #fff;
	font-size: 18px;
	display: inline-block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	will-change: transform;
}
.single-team-box:hover .team-social-icon a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.team-info {
	padding: 20px 15px 0px;
	text-align: center;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.team-info h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}
.team-info span {
	color: #7b68ee;
	font-size: 16px;
	font-weight: 500;
	display: block;
}

/**********************************
 ** - 16 - Hire Section CSS
 **********************************/
.hire-section {
	position: relative;
	z-index: 1;
	background-image: url(../img/banner-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	padding: 70px 0;
}

.hire-section::before {
	content: "";
	position: absolute;
    z-index: -1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #03030c;
	opacity: 0.6;
}

.hire-content h6 {
	font-size: 16px;
	font-weight: 700;
	color: #FF9800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.hire-content h2 {
	font-size: 38px;
	color: #fff;
	margin: 0;
	font-weight: 700;
}

.hire-content p {
	color: #fff;
	font-size: 18px;
	margin: 20px 0 0 0;
}

.hire-content .hire-btn {
	margin-top: 20px;
}

.hire-content .hire-btn .default-btn {
    margin-right: 15px;
}

/**************************************
 ** - 17 - Partner Section CSS
 **************************************/
.partner-section {
	position: relative;
	background-color: #fff;
	overflow: hidden;
	z-index: 1;
}

.partner-title {
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.5;
}

.partner-title h6 {
	font-size: 16px;
	font-weight: 700;
	color: #FF9800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.partner-title h2 {
	font-size: 38px;
	color: #0b0b31;
	margin: 10px 0 0 0;
	font-weight: 900;
}

.partner-list {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}

.partner-list .partner-item {
	-ms-flex: 0 0 20%;
	-webkit-box-flex: 0;
	flex: 0 0 20%;
	max-width: 20%;
	padding-left: 10px;
	padding-right: 10px;
}

.partner-list .partner-item a {
	position: relative;
	display: block;
	text-align: center;
	padding: 0px 20px;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
	box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
}

.partner-list .partner-item:nth-child(6) {
	margin-left: 10%;
}

/**************************************
 ** - 18 - Blog Section CSS
 **************************************/
.blog-single-item {
	border-radius: 3px;
	overflow: hidden;
	-webkit-box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
	box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
	background-color: #ffffff;
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.blog-single-item .blog-description {
	border-top: none;
	padding: 20px 25px;
}

.blog-single-item .blog-description .blog-info {
	padding-left: 0;
	margin-bottom: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.blog-single-item .blog-description .blog-info li {
	list-style-type: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin-right: 15px;
	color: #7b68ee;
}

.blog-single-item .blog-description .blog-info li:last-child {
	margin-right: 0;
}

.blog-single-item .blog-description .blog-info li i {
	margin-right: 3px;
	position: relative;
	top: -1px;
}

.blog-single-item .blog-description .blog-info li i::before {
	font-size: 16px;
}

.blog-single-item .blog-description .blog-info a {
	color: #7b68ee;
	text-decoration: none;
}

.blog-single-item .blog-description .blog-text {
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.blog-single-item .blog-description .blog-text h3 {
	color: #0b0b31;
	font-size: 20px;
	margin: 10px 0px 10px 0;
	line-height: 25px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	line-height: 32px;
}

.blog-single-item .blog-description .blog-text h3:hover {
	color: #7b68ee;
	-webkit-transition: .6s;
	transition: .6s;
	-webkit-transition: 0.5s;
	text-decoration: none;
}

.blog-single-item .blog-description .blog-text p {
	margin: 0;
	font-size: 16px;
	color: #6a6c72;
	font-weight: 400;
}

.blog-single-item .blog-description .blog-text a {
	text-decoration: none;
}

.blog-single-item .blog-description .blog-text .blog-btn {
	margin-top: 15px;
}

.blog-single-item .blog-description .blog-text .blog-btn .blog-btn-one {
	display: inline-block;
	font-size: 16px;
	color: #5f5f5f;
	font-weight: 600;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.blog-single-item:hover {
	-webkit-box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
	box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
	background-color: #ffffff;
}

.blog-single-item:hover .blog-description {
	border-top: none;
}

.blog-single-item:hover .blog-text h3 {
	color: #7b68ee;
}

.blog-single-item:hover .blog-text .blog-btn .blog-btn-one {
	color: #7b68ee;
}

/**************************************
 ** - 19 - Blog Details Page CSS
 **************************************/
.blog-details-desc .article-content {
	margin-top: 30px;
}

.blog-details-desc .article-content .entry-meta {
	margin-bottom: -8px;
}

.blog-details-desc .article-content .entry-meta ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.blog-details-desc .article-content .entry-meta ul li {
	position: relative;
	display: inline-block;
	color: #0b0b31;
	margin-right: 21px;
}

.blog-details-desc .article-content .entry-meta ul li span {
	display: inline-block;
	color: #0b0b31;
	font-weight: 500;
}

.blog-details-desc .article-content .entry-meta ul li a {
	display: inline-block;
	color: #5f5f5f;
}

.blog-details-desc .article-content .entry-meta ul li a:hover {
	color: #7b68ee;
}

.blog-details-desc .article-content .entry-meta ul li i {
	color: #7b68ee;
	margin-right: 2px;
}

.blog-details-desc .article-content .entry-meta ul li::before {
	content: '';
	position: absolute;
	top: 12px;
	right: -15px;
	width: 6px;
	height: 1px;
	background: #7b68ee;
}

.blog-details-desc .article-content .entry-meta ul li:last-child {
	margin-right: 0;
}

.blog-details-desc .article-content .entry-meta ul li:last-child::before {
	display: none;
}

.blog-details-desc .article-content h3 {
	margin-bottom: 15px;
	margin-top: 25px;
	font-size: 24px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-2 {
	padding-left: 0;
	list-style-type: none;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-2 li {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 10px;
	padding-left: 10px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-2 li figure {
	margin-bottom: 0;
}

.blog-details-desc .article-footer {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px;
}

.blog-details-desc .article-footer .article-tags {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	color: #5f5f5f;
}

.blog-details-desc .article-footer .article-tags span {
	display: inline-block;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	margin-right: 5px;
}

.blog-details-desc .article-footer .article-tags a {
	display: inline-block;
	color: #5f5f5f;
}

.blog-details-desc .article-footer .article-tags a:hover {
	color: #7b68ee;
}

.blog-details-desc .article-footer .article-share {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
}

.blog-details-desc .article-footer .article-share .social {
	padding-left: 0;
	list-style-type: none;
	text-align: right;
	margin-bottom: 0;
}

.blog-details-desc .article-footer .article-share .social li {
	display: inline-block;
	margin-right: 5px;
}

.blog-details-desc .article-footer .article-share .social li:last-child {
    margin-right: 0;
}

.blog-details-desc .article-footer .article-share .social li span {
	display: inline-block;
	margin-right: 5px;
	color: #333;
	font-size: 16px;
	font-weight: 700;
}

.blog-details-desc .article-footer .article-share .social li a i {
	display: block;
	color: #7b68ee;
	font-size: 16px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	background-color: #eeeef0;
	text-align: center;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.blog-details-desc .article-footer .article-share .social li a i:hover {
	color: #ffffff;
	background-color: #7b68ee;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

.blog-details-desc .post-navigation {
	margin-top: 30px;
}

blockquote, .blockquote {
	overflow: hidden;
	background-color: #fafafa;
	padding: 50px !important;
	position: relative;
	text-align: center;
	z-index: 1;
	margin-bottom: 20px;
	margin-top: 20px;
}

blockquote p, .blockquote p {
	color: #0b0b31;
	line-height: 1.6;
	margin-bottom: 0;
	font-style: italic;
	font-weight: 500;
	font-size: 24px !important;
}

blockquote cite, .blockquote cite {
	display: none;
}

blockquote::before, .blockquote::before {
	color: #efefef;
	content: "\f10e";
	position: absolute;
	left: 50px;
	top: -50px;
	z-index: -1;
	font-family: "Font Awesome 5 Free";
	font-size: 140px;
	font-weight: 900;
}

blockquote::after, .blockquote::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: #7b68ee;
	margin-top: 20px;
	margin-bottom: 20px;
}

.post-navigation {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding-top: 20px;
	padding-bottom: 20px;
}

.post-navigation .navigation-links {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.post-navigation .navigation-links .nav-previous {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
}

.post-navigation .navigation-links .nav-previous a i {
	margin-right: 2px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.post-navigation .navigation-links .nav-previous a:hover i {
	margin-right: 0;
}

.post-navigation .navigation-links .nav-next {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	text-align: right;
}

.post-navigation .navigation-links .nav-next a i {
	margin-left: 2px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.post-navigation .navigation-links .nav-next a:hover i {
	margin-left: 0;
}

.post-navigation .navigation-links div a {
	display: inline-block;
	font-weight: 600;
}

.comments-area {
	padding: 25px;
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
	box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
	background-color: #ffffff;
}

.comments-area .comments-title {
	position: relative;
	margin-bottom: 30px;
	line-height: initial;
	font-size: 24px;
	font-weight: 600;
}

.comments-area ol, .comments-area ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.comments-area .comment-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.comments-area .comment-body {
	border-bottom: 1px solid #eeeeee;
	padding-left: 65px;
	color: #0b0b31;
	font-size: 14px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.comments-area .comment-body .reply {
	margin-top: 15px;
}

.comments-area .comment-body .reply a {
	border: 1px solid #ded9d9;
	color: #0b0b31;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 30px;
	text-transform: capitalize;
	position: relative;
	z-index: 1;
	font-size: 16px;
	font-weight: 600;
}

.comments-area .comment-body .reply a:hover {
	color: #ffffff;
	background-color: #7b68ee;
	border-color: #7b68ee;
}

.comments-area .comment-author {
	font-size: 17px;
	margin-bottom: 0.1em;
	position: relative;
	z-index: 2;
}

.comments-area .comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comments-area .comment-author .fn {
	font-weight: 600;
}

.comments-area .comment-author .says {
	display: none;
}

.comments-area .comment-metadata {
	margin-bottom: .8em;
	color: #5f5f5f;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
}

.comments-area .comment-metadata a {
	color: #5f5f5f;
}

.comments-area .comment-metadata a:hover {
	color: #7b68ee;
}

.comments-area .comment-respond {
	margin-top: 30px;
}

.comments-area .comment-respond .comment-reply-title {
	margin-bottom: 0;
	position: relative;
	font-size: 24px;
	font-weight: 600;
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
	display: inline-block;
}

.comments-area .comment-respond .comment-form {
	overflow: hidden;
}

.comments-area .comment-respond .comment-notes {
	margin-bottom: 0;
	margin-top: 10px;
}

.comments-area .comment-respond .comment-form-comment {
	margin-top: 15px;
	float: left;
	width: 100%;
}

.comments-area .comment-respond label {
	display: block;
	font-weight: 600;
	color: #0b0b31;
	margin-bottom: 5px;
}

.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
	display: block;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	padding: 0.625em 0.7375em;
	outline: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {
	border-color: #7b68ee;
}

.comments-area .comment-respond .comment-form-author {
	float: left;
	width: 50%;
	padding-right: 10px;
	margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-email {
	float: left;
	width: 50%;
	padding-left: 12px;
	margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-url {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent {
	width: 100%;
	float: left;
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent input {
	position: absolute;
	left: 0;
	top: 4px;
}

.comments-area .comment-respond .comment-form-cookies-consent label {
	display: inline-block;
	margin: 0;
	color: #5f5f5f;
	font-weight: normal;
	position: relative;
	top: -2px;
}

.comments-area .comment-respond .form-submit {
	float: left;
	width: 100%;
}

.comments-area .comment-respond .form-submit input {
	color: #ffffff;
	padding: 10px 30px;
	display: inline-block;
	cursor: pointer;
	outline: 0;
	border: none;
	background: #7b68ee;
	border-radius: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	font-weight: 600;
	font-size: 14px;
}

.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
	color: #ffffff;
	background-color: #0b0b31;
}

/********************************************
 ** - 20 - Blog Page Sidebar Widget CSS
 ********************************************/
.widget-area .widget {
	margin-top: 35px;
}

.widget-area .widget:first-child {
	margin-top: 0;
}

.widget-area .widget .widget-title {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
	margin-bottom: 25px;
	text-transform: capitalize;
	position: relative;
	font-size: 22px;
}

.widget-area .widget .widget-title::before {
	content: '';
	position: absolute;
	background: #7b68ee;
	bottom: -1px;
	left: 0;
	width: 50px;
	height: 1px;
}

.widget-area .widget_search {
	-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
	box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
	background-color: #ffffff;
	padding: 15px;
}

.widget-area .widget_search form {
	position: relative;
}

.widget-area .widget_search form label {
	display: block;
	margin-bottom: 0;
}

.widget-area .widget_search form .screen-reader-text {
	display: none;
}

.widget-area .widget_search form .search-field {
	background-color: transparent;
	height: 50px;
	padding: 6px 15px;
	border: 1px solid #eeeeee;
	width: 100%;
	display: block;
	outline: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.widget-area .widget_search form .search-field:focus {
	border-color: #7b68ee;
}

.widget-area .widget_search form button {
	position: absolute;
	right: 0;
	outline: 0;
	bottom: 0;
	height: 50px;
	width: 50px;
	z-index: 1;
	border: none;
	color: #ffffff;
	background-color: #7b68ee;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.widget-area .widget_search form button:hover {
	background-color: #0b0b31;
	color: #ffffff;
}

.widget-area .widget_techvia_posts_thumb {
	position: relative;
	overflow: hidden;
}

.widget-area .widget_techvia_posts_thumb .item {
	overflow: hidden;
	margin-bottom: 15px;
}

.widget-area .widget_techvia_posts_thumb .item:last-child {
	margin-bottom: 0;
}

.widget-area .widget_techvia_posts_thumb .item .thumb {
	float: left;
	height: 80px;
	overflow: hidden;
	position: relative;
	width: 80px;
	margin-right: 15px;
}

.widget-area .widget_techvia_posts_thumb .item .thumb .fullimage {
	width: 80px;
	height: 80px;
	display: inline-block;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;
}

.widget-area .widget_techvia_posts_thumb .item .thumb .fullimage.bg1 {
	background-image: url(../img/blog-details/1.jpg);
}

.widget-area .widget_techvia_posts_thumb .item .thumb .fullimage.bg2 {
	background-image: url(../img/blog-details/2.jpg);
}

.widget-area .widget_techvia_posts_thumb .item .thumb .fullimage.bg3 {
	background-image: url(../img/blog-details/3.jpg);
}

.widget-area .widget_techvia_posts_thumb .item .info {
	overflow: hidden;
	margin-top: 5px;
}

.widget-area .widget_techvia_posts_thumb .item .info span {
	display: block;
	color: #5f5f5f;
	text-transform: capitalize;
	margin-top: -2px;
	margin-bottom: 3px;
	font-size: 14px;
}

.widget-area .widget_techvia_posts_thumb .item .info .title {
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 16px;
}

.widget-area .widget_techvia_posts_thumb .item .info .title a {
	display: inline-block;
}

.widget-area .widget_recent_entries ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_recent_entries ul li {
	position: relative;
	margin-bottom: 12px;
	color: #0b0b31;
	padding-left: 14px;
	line-height: 1.5;
	font-weight: 400;
	font-size: 15.5px;
}

.widget-area .widget_recent_entries ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_recent_entries ul li::before {
	background: #7b68ee;
	height: 8px;
	width: 8px;
	content: '';
	left: 0;
	top: 7px;
	position: absolute;
	border-radius: 50px;
	border-right-style: inset;
}

.widget-area .widget_recent_entries ul li a {
	display: inline-block;
	color: #0b0b31;
}

.widget-area .widget_recent_entries ul li a:hover {
	color: #7b68ee;
}

.widget-area .widget_recent_entries ul li .post-date {
	display: block;
	font-size: 13px;
	color: #5f5f5f;
	margin-top: 4px;
}

.widget-area .widget_recent_comments ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_recent_comments ul li {
	position: relative;
	margin-bottom: 12px;
	color: #5f5f5f;
	padding-left: 14px;
	line-height: 1.5;
	font-weight: 400;
	font-size: 15.5px;
}

.widget-area .widget_recent_comments ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_recent_comments ul li::before {
	background: #7b68ee;
	height: 8px;
	width: 8px;
	content: '';
	left: 0;
	top: 7px;
	position: absolute;
	border-radius: 50px;
	border-right-style: inset;
}

.widget-area .widget_recent_comments ul li a {
	display: inline-block;
	color: #0b0b31;
}

.widget-area .widget_recent_comments ul li a:hover {
	color: #7b68ee;
}

.widget-area .widget_archive ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_archive ul li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 14px;
	color: #0b0b31;
	font-size: 15.5px;
	font-weight: 400;
}

.widget-area .widget_archive ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_archive ul li::before {
	background: #7b68ee;
	height: 8px;
	width: 8px;
	content: '';
	left: 0;
	top: 7px;
	position: absolute;
	border-radius: 50px;
	border-right-style: inset;
}

.widget-area .widget_archive ul li a {
	display: inline-block;
	color: #0b0b31;
}

.widget-area .widget_archive ul li a:hover {
	color: #7b68ee;
}

.widget-area .widget_categories ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_categories ul li {
	position: relative;
	margin-bottom: 12px;
	color: #5f5f5f;
	padding-left: 14px;
	font-size: 15.5px;
	font-weight: 400;
}

.widget-area .widget_categories ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_categories ul li::before {
	background: #7b68ee;
	height: 8px;
	width: 8px;
	content: '';
	left: 0;
	top: 7px;
	position: absolute;
	border-radius: 50px;
	border-right-style: inset;
}

.widget-area .widget_categories ul li a {
	color: #0b0b31;
	display: block;
}

.widget-area .widget_categories ul li a:hover {
	color: #7b68ee;
}

.widget-area .widget_categories ul li .post-count {
	float: right;
}

.widget-area .widget_meta ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_meta ul li {
	position: relative;
	margin-bottom: 12px;
	color: #0b0b31;
	padding-left: 14px;
	font-size: 15.5px;
	font-weight: 400;
}

.widget-area .widget_meta ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_meta ul li::before {
	background: #7b68ee;
	height: 8px;
	width: 8px;
	content: '';
	left: 0;
	top: 7px;
	position: absolute;
	border-radius: 50px;
	border-right-style: inset;
}

.widget-area .widget_meta ul li a {
	display: inline-block;
	color: #0b0b31;
}

.widget-area .widget_meta ul li a:hover {
	color: #7b68ee;
}

.widget-area .widget_tag_cloud .widget-title {
	margin-bottom: 12px;
}

.widget-area .tagcloud a {
	display: inline-block;
	color: #0b0b31;
	font-weight: 400;
	font-size: 15px !important;
	padding: 6px 13px;
	border: 1px solid #eeeeee;
	margin-top: 8px;
	margin-right: 4px;
}

.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
	color: #ffffff;
	background-color: #7b68ee;
	border-color: #7b68ee;
}

.widget-area .widget_event_details ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_event_details ul li {
	border-bottom: 1px solid #eeeeee;
	color: #888f96;
	padding-bottom: 10px;
	padding-top: 10px;
}

.widget-area .widget_event_details ul li:first-child {
	padding-top: 0;
}

.widget-area .widget_event_details ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.widget-area .widget_event_details ul li span {
	display: inline-block;
	color: #0b0b31;
	font-weight: 400;
}

.widget-area .widget_event_details ul li a {
	display: inline-block;
	color: #888f96;
}

.widget-area .widget_event_details ul li a:hover {
	color: #7b68ee;
}

/*****************************************************
 ** - 20 - Blog Page Number Pagination Section CSS
 *****************************************************/
.pagination-area {
	margin-top: 20px;
	text-align: center;
}

.pagination-area .page-numbers {
	width: 45px;
	height: 45px;
	margin: 0 3px;
	display: inline-block;
	background-color: #ffffff;
	line-height: 48px;
	color: #0b0b31;
	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
	box-shadow: 0 2px 10px 0 #d8dde6;
	font-size: 18px;
	font-weight: 700;
}

.pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {
	background: #7b68ee;
	color: #ffffff;
	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
	box-shadow: 0 2px 10px 0 #d8dde6;
}

/************************************************
 ** - 21 - Other Page Banner Title Section CSS
 ************************************************/
.page-title-area {
	position: relative;
	z-index: 1;
	background-image: url(../img/page-title-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 450px;
}

.page-title-area::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0.5;
	background-color: #030821;
}

.page-title-content {
	text-align: center;
	margin-top: 45px;
}

.page-title-content h2 {
	margin-bottom: 0;
	color: #ffffff;
	font-size: 42px;
	font-weight: 700;
}

.page-title-content ul {
	padding-left: 0;
	list-style-type: none;
	margin-top: 12px;
	margin-bottom: 0;
}

.page-title-content ul li {
	color: #ffffff;
	display: inline-block;
	position: relative;
	font-weight: 400;
	font-size: 17px;
	margin-left: 10px;
	margin-right: 10px;
}

.page-title-content ul li a {
	display: inline-block;
	color: #ffffff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.page-title-content ul li a:hover {
	color: #7b68ee;
}

.page-title-content ul li::before {
	content: '';
	position: absolute;
	right: -15px;
	top: 11px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #FF9800;
}

.page-title-content ul li:last-child::before {
	display: none;
}

.item-bg1 {
	background-image: url(../img/page-title-bg-2.jpg);
}

.item-bg2 {
	background-image: url(../img/page-title-bg-3.jpg);
}

/**************************************
 ** - 22 - Pricing Page Section CSS
 **************************************/
.single-pricing-content {
	padding: 30px 30px;
	background: #ffffff;
	text-align: left;
	border-radius: 3px;
	-webkit-box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
	box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
	transition: all 0.4s ease 0s;
	margin-bottom: 30px;
}

.single-pricing-content:hover {
	box-shadow: 0 7px 25px rgba(31, 45, 61, 0.1)!important;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.price-tag {
	position: relative;
}

.price-tag h3 {
	position: absolute;
	display: block;
	width: 115px;
	height: 50px;
	-webkit-border-radius: 0 25px 25px 0;
	-moz-border-radius: 0 25px 25px 0;
	border-radius: 25px 0 0 25px;
	background: #7b68ee;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	top: 2px;
	left: -45px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(-90deg);
	text-align: center;
}

.price-heading {
	margin-bottom: 20px;
	text-align: center;
}

.price-heading .price-usd h2 {
	font-size: 50px;
	font-weight: 900;
	color: #6f64e7;
	padding: 15px 0;
}

.price-heading .price-usd .price-small-text {
	font-size: 16px;
	display: block;
	font-weight: 500;
	color: #3e3e3e;
	margin-top: -8px;
}

.price-body ul li {
	display: block;
	border-top: 1px dashed;
	padding: 10px 0;
	border-color: #dfe4e8;
}

.single-pricing-content .price-body {
	text-align: center;
}

.price-body ul li:last-child {
	padding-bottom: 0;
}

.price-body .offer-list-none {
	color: #b7b7b7;
}

.single-pricing-content .price-btn {
	margin-top: 25px;
	text-align: center;
}

.single-pricing-content .price-btn .price-btn-one {
	padding: 12px 30px;
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	display: inline-block;
	background-color: #7b68ee;
	color: #ffffff;
	border-radius: 3px;
	border: 2px solid #7b68ee;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.single-pricing-content .price-btn .price-btn-one:hover {
	background-color: transparent;
	color: #7b68ee;
}

/***************************************
 ** - 23 - 404 Error Page Section CSS
 ***************************************/
.error-area {
	height: 100vh;
}

.error-content {
	text-align: center;
	margin: 0 auto;
	max-width: 700px;
}

.error-content h3 {
	font-size: 35px;
	margin-top: 10px;
	margin-bottom: 18px;
}

.error-content p {
	max-width: 520px;
	margin: 0 auto 20px;
	line-height: 30px;
}

.error-content .default-btn-one {
	display: inline-block;
	padding: 12px 30px;
	background: #7b68ee;
	border: 2px solid #7b68ee;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: .6s;
	transition: .6s;
	margin-right: 0;
}

.error-content .default-btn-one:hover {
	text-decoration: none;
	background-color: #ffffff;
	color: #7b68ee;
}

/**************************************
 ** - 24 - Faq Page CSS
 **************************************/
.faq-accordion .accordion {
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-left: 0;
	margin-bottom: 0;
	position: relative;
}

.faq-accordion .accordion .accordion-item {
	display: block;
	margin-bottom: 30px;
}

.faq-accordion .accordion .accordion-item:last-child {
	margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item .accordion-title {
	color: #333;
	position: relative;
	font-size: 18px;
	font-weight: 600;
	display: block;
	padding: 15px 15px;
	padding-right: 25px;
	background-color: #f3f3f9;
	border-radius: 5px;
	cursor: pointer;
	border-left: 3px solid #7b68ee;
}

.faq-accordion .accordion .accordion-item .active.accordion-title {
	color: #fff;
	background: #7b68ee;
}

.faq-accordion .accordion .accordion-item .accordion-title i {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #333;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 16px;
}

.faq-accordion .accordion .accordion-item .active.accordion-title i {
	color: #fff;
}

.faq-accordion .accordion .accordion-item .accordion-title.active i::before {
	content: "\f068";
}

.faq-accordion .accordion .accordion-item .accordion-content {
	display: none;
	background-color: #ffffff;
	margin-bottom: 0;
	padding: 20px 15px;
	font-size: 16px;
	-webkit-box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
	box-shadow: 0px 5px 15px 0px rgb(82, 90, 101, 0.1);
}

.faq-accordion .accordion .accordion-item .accordion-content.show {
	display: block;
}

/************************************
 ** - 25 - Coming Soon Page CSS
 ************************************/
.coming-soon-area {
	position: relative;
	z-index: 1;
	padding: 100px 0;
	height: 850px;
	min-height: 100vh;
	background-image: url(../img/page-title-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.coming-soon-area::before {
	z-index: -1;
	background: #000000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: .80;
}

.coming-soon-area .social-list {
	text-align: center;
    margin-top: 50px;
}

.coming-soon-area .social-list li {
	display: inline-block;
}

.coming-soon-area .social-list li.list-heading {
	display: block;
	color: #ffffff;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 500;
}

.coming-soon-area .social-list li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #7b68ee;
	border: 1px solid #7b68ee;
	color: #ffffff;
	border-radius: 50%;
	margin: 0 2px;
	display: inline-block;
}

.coming-soon-area .social-list li a:hover {
	color: #7b68ee;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	-webkit-transition: .6s;
	transition: .6s;
	-webkit-transition: 0.5s;
}

.coming-soon-content {
	text-align: center;
	max-width: 820px;
	margin: -80px auto 0;
}

.coming-soon-content h1 {
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 46px;
	font-weight: 700;
}

.coming-soon-content p {
	color: #ffffff;
	margin: 0 auto;
	max-width: 620px;
	line-height: 30px;
}

.coming-soon-content form {
	position: relative;
	margin: 35px auto 55px;
	max-width: 520px;
}

.coming-soon-content form .email-input {
	display: block;
	width: 100%;
	height: 56px;
	border: none;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
	border-radius: 40px;
	padding: 15px 25px;
	outline: 0 !important;
	background: #F1F2F3;
}

.coming-soon-content form .submit-btn {
	position: absolute;
	right: 3px;
	top: 3px;
	height: 50px;
	background: #7b68ee;
	color: #ffffff;
	border: none;
	border-radius: 40px;
	width: 130px;
	outline: 0 !important;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}

.coming-soon-content form .submit-btn:hover, .coming-soon-content form .submit-btn:focus {
	background-color: #7b68ee;
}

.coming-soon-content #timer div {
	background: #ffffff;
	display: inline-block;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	color: #7b68ee;
	-webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
	margin: 0 10px;
	padding-top: 18px;
	font-size: 40px;
	font-weight: 700;
}

.coming-soon-content #timer div span {
	display: block;
	margin-top: -4px;
	color: #777777;
	font-size: 16px;
	font-weight: 600;
}

/**************************************
 ** - 26 - Contact Page Section CSS
 **************************************/
.contact-section {
}

.contact-form .form-group {
	margin-bottom: 30px;
}

.contact-form form .form-control {
	background-color: #ffffff;
	border: none;
	height: 55px;
	font-size: 16px;
	border-left: 3px solid #7b68ee;
	-webkit-box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);
	box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);
}

.contact-form form .form-control:focus {
	border-left: 3px solid #7b68ee;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact-form form textarea.form-control {
	height: auto;
	padding-top: 15px;
	line-height: initial;
}

.contact-form form .btn {
	margin-top: 8px;
	-webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
	box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
}

.contact-form-btn {
    text-align: left;
    margin-top: 5px;
}

.contact-form form .help-block ul {
	padding-left: 0;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 0;
}

.contact-form form .help-block ul li {
	color: red;
	font-weight: 400;
}

.contact-info-wrapper {
	padding: 100px 0;
}

.contact-info-wrapper .section-title {
	text-align: center;
	margin-bottom: 45px;
}

.contact-info-content {
	background: #fff;
	margin-top: 30px;
	padding: 45px 20px;
	text-align: center;
	border-radius: 5px;
	border-top: 3px solid #7b68ee;
	-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
}

.contact-info-content h5 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.contact-info-content a {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1.5px;
	display: block;
	line-height: 1.5;
}

.contact-info-content p {
	font-size: 16px;
	margin-bottom: 12px;
}

.contact-section .form-message.success {
	color: #fff;
	display: block;
	padding: 10px 15px;
	border-radius: 3px;
	background-color: #03b103;
	margin-bottom: 30px;
}

.contact-section .form-message.error {
	color: #fff;
	display: block;
	padding: 10px 15px;
	border-radius: 3px;
	background-color: #ff4d15;
	margin-bottom: 30px;
}

/**********************************
 ** - 26 - Map Section CSS
 **********************************/
.map-section {
    margin-bottom: -10px;
}

.map-section .google-map iframe {
    width: 100%;
    height: 450px;
    border: 0;
}


/****************************************
 ** - 27 - Terms & Conditions Page CSS
 ****************************************/
.terms-conditions-info h3 {
	font-size: 24px;
	margin: 0 0 15px 0;
}

/***************************************
 ** - 28 - Privacy Policy Page CSS
 ***************************************/
.privacy-policy-info h3 {
	font-size: 24px;
	margin: 0 0 15px 0;
}


/**************************************
 ** - 29 - Subscribe Section CSS
 **************************************/
.subscribe-section {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	line-height: 1.5;
	border-bottom: 1px solid #777;
}

.subscribe-content {
	text-align: left;
}

.subscribe-content .sub-title {
	color: #fff;
	display: block;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
}

.subscribe-content h2 {
	color: #fff;
	margin-bottom: 14px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 700;
	font-size: 24px;
}

.newsletter-form {
	max-width: 580px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.newsletter-form .input-newsletter {
	display: block;
	width: 100%;
	background-color: #ffffff;
	border: none;
	height: 50px;
	padding-left: 25px;
	border-radius: 5px;
	outline: 0;
	color: #0b0b31;
}

.newsletter-form .input-newsletter::-webkit-input-placeholder {
	color: #5f5f5f;
}

.newsletter-form .input-newsletter:-ms-input-placeholder {
	color: #5f5f5f;
}

.newsletter-form .input-newsletter::-ms-input-placeholder {
	color: #5f5f5f;
}

.newsletter-form .input-newsletter::placeholder {
	color: #5f5f5f;
}

.newsletter-form button {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #7b68ee;
	color: #ffffff;
	border: none;
	height: 50px;
	padding: 0 30px;
	border-radius: 5px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	line-height: 50px;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
}

.newsletter-form button:hover {
	background-color: #FF9800;
	color: #ffffff;
}

.newsletter-form #validator-newsletter {
	color: red;
	position: relative;
	top: 10px;
}

/*****************************************
 ** - 30 - All Page Footer Section CSS
 *****************************************/
.footer-subscribe-wrapper {
	position: relative;
	z-index: 1;
	background-color: #202438;
}

.footer-logo {
    display: inline-block;
    margin-bottom: 25px;
}

.footer-heading {
	margin-bottom: 25px;
}

.footer-heading h3 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	margin: 0 0 0 0;
	position: relative;
	border-bottom: 1px solid #777;
	padding-bottom: 10px;
}

.single-footer-widget .footer-social {
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 20px;
}

.single-footer-widget .footer-social li {
	display: inline-block;
	margin-right: 10px;
}

.single-footer-widget .footer-social li:last-child {
	margin-right: 0;
}

.single-footer-widget .footer-social i {
	display: inline-block;
	height: 38px;
	width: 38px;
	line-height: 38px;
	background-color: #ffffff;
	border-radius: 50px;
	color: #7b68ee;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	text-align: center;
}

.single-footer-widget .footer-social i::before {
	font-size: 17px;
}

.single-footer-widget .footer-social i:hover {
	color: #ffffff;
	background-color: #7b68ee;
}

.single-footer-widget p {
	font-size: 16px;
	color: #ececec;
	font-weight: 400;
}

.single-footer-widget .footer-heading {
	margin-bottom: 25px;
}

.single-footer-widget .footer-heading h3 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	margin: 0 0 0 0;
}

.single-footer-widget .footer-quick-links {
	padding-left: 0;
	margin-bottom: 0;
}

.single-footer-widget .footer-quick-links li {
	list-style-type: none;
	padding-bottom: 18px;
}

.single-footer-widget .footer-quick-links li:last-child {
	padding-bottom: 0;
}

.single-footer-widget .footer-quick-links li a {
	display: inline-block;
	color: #ececec;
	font-size: 16px;
	font-weight: 400;
}

.single-footer-widget .footer-quick-links li a:hover {
	color: #7b68ee;
	text-decoration: underline !important;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.single-footer-widget .footer-info-contact {
	position: relative;
	padding-left: 35px;
	margin-bottom: 16px;
}

.single-footer-widget .footer-info-contact:last-child {
	margin-bottom: 0;
}

.single-footer-widget .footer-info-contact i {
	color: #ffffff;
	position: absolute;
	left: 0;
	top: 0px;
}

.single-footer-widget .footer-info-contact i::before {
	font-size: 20px;
}

.single-footer-widget .footer-info-contact h3 {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.single-footer-widget .footer-info-contact span {
	font-size: 16px;
	color: #ececec;
	font-weight: 400;
}

.single-footer-widget .footer-info-contact span a {
	font-size: 16px;
	color: #ececec;
	font-weight: 400;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.single-footer-widget .footer-info-contact span a:hover {
	color: #7b68ee;
}

/*****************************************
 ** - 31 - Page Copyright Section CSS
 *****************************************/
.copyright-section {
	padding: 35px 0;
	background-color: #1e2134;
}

.copyright-section p {
	color: #ececec;
	font-size: 16px;
}

.copyright-section p a {
	color: #ececec;
	display: inline-block;
	font-weight: 600;
}

.copyright-section p a:hover {
	color: #7b68ee;
}

.copyright-section ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	text-align: right;
}

.copyright-section ul li {
	display: inline-block;
	color: #ececec;
	font-size: 16px;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.copyright-section ul li a {
	display: inline-block;
	color: #ececec;
}

.copyright-section ul li a:hover {
	color: #7b68ee;
}

.copyright-section ul li::before {
	content: '';
	position: absolute;
	top: 5px;
	right: -13px;
	width: 1px;
	height: 14px;
	background-color: #ffffff;
}

.copyright-section ul li:last-child {
	margin-right: 0;
}

.copyright-section ul li:last-child::before {
	display: none;
}

.copyright-section ul li:first-child {
	margin-left: 0;
}
/*新增
 */


#hot-products-section {
	--hp-navy: #0c2f5c;
	--hp-navy-2: #164d7c;
	--hp-blue: #20a9df;
	--hp-cyan: #66dff6;
	--hp-orange: #f39a25;
	--hp-orange-2: #ffbd55;
	--hp-steel-0: #ffffff;
	--hp-steel-1: #f6f9fb;
	--hp-steel-2: #e5edf2;
	--hp-steel-3: #c4d0d8;
	--hp-ink: #183246;
	--hp-muted: #657986;
	--hp-pointer-x: 50%;
	--hp-pointer-y: 30%;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 105px 0 116px;
	color: var(--hp-ink);
	background:
			radial-gradient(circle at 8% 9%, rgba(102, 223, 246, .24), transparent 26%),
			radial-gradient(circle at 93% 13%, rgba(255, 189, 85, .19), transparent 24%),
			linear-gradient(135deg, #ffffff 0%, #edf5f9 48%, #fbfdfe 100%);
}

#hot-products-section,
#hot-products-section *,
#hot-products-section *::before,
#hot-products-section *::after {
	box-sizing: border-box;
}

#hot-products-section::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -4;
	pointer-events: none;
	opacity: .37;
	background-image:
			linear-gradient(rgba(28, 111, 163, .10) 1px, transparent 1px),
			linear-gradient(90deg, rgba(28, 111, 163, .08) 1px, transparent 1px);
	background-size: 72px 72px;
	animation: hpFocusGrid 24s linear infinite;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
}

#hot-products-section::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background: radial-gradient(
			circle 430px at var(--hp-pointer-x) var(--hp-pointer-y),
			rgba(255, 255, 255, .98),
			rgba(102, 223, 246, .16) 35%,
			transparent 70%
	);
	opacity: .72;
}

#hot-products-section .hp-bg-ring {
	position: absolute;
	top: -250px;
	right: -175px;
	z-index: -3;
	width: 640px;
	height: 640px;
	border-radius: 50%;
	pointer-events: none;
	opacity: .30;
	background: repeating-conic-gradient(
			from -28deg,
			rgba(12, 47, 92, .38) 0deg 1deg,
			transparent 1deg 8deg
	);
	-webkit-mask: radial-gradient(circle, transparent 0 58%, #000 58.4% 59%, transparent 59.6% 67%, #000 67.4% 68%, transparent 68.5%);
	mask: radial-gradient(circle, transparent 0 58%, #000 58.4% 59%, transparent 59.6% 67%, #000 67.4% 68%, transparent 68.5%);
	animation: hpFocusRing 38s linear infinite;
}

#hot-products-section .hp-bg-sweep {
	position: absolute;
	top: -45%;
	left: -30%;
	z-index: -1;
	width: 35%;
	height: 195%;
	pointer-events: none;
	opacity: .50;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.98), rgba(102,223,246,.16), transparent);
	filter: blur(19px);
	transform: rotate(13deg);
	animation: hpFocusSectionSweep 10s ease-in-out infinite;
}

#hot-products-section .hp-container {
	position: relative;
	z-index: 2;
	width: min(1380px, calc(100% - 48px));
	margin: 0 auto;
}

#hot-products-section .hp-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 500px);
	align-items: end;
	gap: 55px;
	margin-bottom: 50px;
}

#hot-products-section .hp-kicker {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 13px;
	color: var(--hp-navy-2);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

#hot-products-section .hp-kicker::before {
	content: "";
	width: 35px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--hp-orange), var(--hp-orange-2));
	box-shadow: 0 0 14px rgba(243, 154, 37, .34);
}

#hot-products-section .hp-heading h2 {
	margin: 0;
	color: var(--hp-navy);
	font-size: clamp(40px, 4.4vw, 65px);
	font-weight: 900;
	line-height: 1.04;
	letter-spacing: -1.5px;
}

#hot-products-section .hp-heading h2 strong {
	color: var(--hp-orange);
	font-weight: inherit;
}

#hot-products-section .hp-heading > p {
	margin: 0 0 4px;
	padding-left: 20px;
	border-left: 3px solid var(--hp-orange);
	color: var(--hp-muted);
	font-size: 16px;
	line-height: 1.85;
}

#hot-products-section .hp-products-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-rows: 410px;
	gap: 24px;
	perspective: 1400px;
}

#hot-products-section .hp-card {
	--card-x: 50%;
	--card-y: 45%;
	--tilt-x: 0deg;
	--tilt-y: 0deg;
	--lift: 0px;
	--reveal-y: 0px;
	position: relative;
	display: flex;
	grid-column: span 3;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid rgba(94, 124, 143, .26);
	border-radius: 24px;
	background: rgba(255,255,255,.94);
	box-shadow:
			0 24px 58px rgba(48, 91, 117, .16),
			0 7px 18px rgba(48, 91, 117, .07),
			inset 0 1px 0 rgba(255,255,255,.96);
	transform-style: preserve-3d;
	transform: perspective(1200px)
	translate3d(0, calc(var(--reveal-y) + var(--lift)), 0)
	rotateX(var(--tilt-x))
	rotateY(var(--tilt-y));
	transition:
			transform .42s cubic-bezier(.2,.75,.25,1),
			box-shadow .36s ease,
			border-color .36s ease,
			opacity .65s ease;
	will-change: transform;
}

#hot-products-section .hp-card--featured {
	grid-column: span 6;
	grid-row: span 2;
}

#hot-products-section .hp-card:hover {
	--lift: -10px;
	z-index: 4;
	border-color: rgba(32, 169, 223, .48);
	box-shadow:
			0 38px 86px rgba(38, 92, 126, .23),
			0 0 0 1px rgba(102, 223, 246, .15),
			0 0 36px rgba(32, 169, 223, .10),
			inset 0 1px 0 rgba(255,255,255,.98);
}

#hot-products-section .hp-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 8;
	pointer-events: none;
	border-radius: inherit;
	background: radial-gradient(circle at var(--card-x) var(--card-y), rgba(255,255,255,.65), rgba(102,223,246,.13) 22%, transparent 45%);
	mix-blend-mode: screen;
	opacity: .30;
	transition: opacity .35s ease;
}

#hot-products-section .hp-card:hover::before {
	opacity: .90;
}

#hot-products-section .hp-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: -45%;
	z-index: 9;
	width: 45%;
	height: 3px;
	pointer-events: none;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, var(--hp-blue), var(--hp-orange-2), transparent);
	filter: drop-shadow(0 0 7px rgba(32,169,223,.44));
	animation: hpFocusSignal 5.6s ease-in-out infinite;
}

/* 产品主图独立展台：为竖向胶水压力桶提供完整显示空间 */
#hot-products-section .hp-visual {
	position: relative;
	display: block;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
	padding: 20px 20px 0;
	background:
			radial-gradient(circle at 50% 43%, rgba(255,255,255,1) 0 30%, rgba(237,246,250,.90) 61%, rgba(211,226,235,.76) 100%),
			linear-gradient(145deg, #ffffff, #e7f0f5);
	text-decoration: none;
	transform: translateZ(16px);
}

#hot-products-section .hp-card--featured .hp-visual {
	padding: 32px 38px 0;
}

/* 真正承载图片的舞台，确保宽高均受容器约束 */
#hot-products-section .hp-media-stage {
	position: relative;
	z-index: 3;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 6px 8px 22px;
}

#hot-products-section .hp-card--featured .hp-media-stage {
	padding: 8px 12px 30px;
}

#hot-products-section .hp-visual::before {
	content: "";
	position: absolute;
	right: 9%;
	bottom: 5%;
	left: 9%;
	height: 14%;
	border-radius: 50%;
	background: rgba(42, 79, 101, .15);
	filter: blur(22px);
	transform: scaleX(.78);
	transition: transform .65s ease, opacity .45s ease;
}

#hot-products-section .hp-visual::after {
	content: "";
	position: absolute;
	top: 48%;
	left: 50%;
	width: min(80%, 430px);
	aspect-ratio: 1;
	border: 1px solid rgba(32,169,223,.14);
	border-radius: 50%;
	box-shadow:
			0 0 0 30px rgba(102,223,246,.035),
			0 0 0 62px rgba(32,169,223,.022);
	transform: translate(-50%, -50%) scale(.92);
	transition: transform .75s cubic-bezier(.2,.7,.2,1), opacity .45s ease;
	pointer-events: none;
}

#hot-products-section .hp-card:hover .hp-visual::before {
	opacity: .82;
	transform: scaleX(.92);
}

#hot-products-section .hp-card:hover .hp-visual::after {
	transform: translate(-50%, -50%) scale(1.02) rotate(8deg);
}

/*
 * 关键修复：不再强制 width/height:100%。
 * width:auto + height:auto 配合 max-width/max-height，
 * 可避免竖向压力桶因主题全局 img 样式或容器比例而被裁切。
 */
#hot-products-section .hp-product-image {
	position: relative;
	z-index: 3;
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 92% !important;
	max-height: 100% !important;
	margin: auto;
	object-fit: contain;
	object-position: center center;
	filter: drop-shadow(0 22px 24px rgba(31, 64, 84, .24)) saturate(1.04) contrast(1.03);
	transform: translate3d(0, 0, 0) scale(.96);
	transform-origin: center center;
	transition:
			transform .72s cubic-bezier(.16,.75,.24,1),
			filter .55s ease;
	will-change: transform;
}

#hot-products-section .hp-card--featured .hp-product-image {
	max-width: 94% !important;
	max-height: 100% !important;
}

/* 悬停时仅放大主图，仍保持在展示区域内 */
#hot-products-section .hp-card:hover .hp-product-image {
	transform: translate3d(var(--image-x, 0px), calc(var(--image-y, 0px) - 6px), 0) scale(1.06);
	filter: drop-shadow(0 31px 30px rgba(31,64,84,.31)) saturate(1.09) contrast(1.05);
}

#hot-products-section .hp-product-placeholder {
	position: relative;
	z-index: 3;
	width: 142px;
	height: 210px;
	filter: drop-shadow(0 22px 18px rgba(31,64,84,.24));
	animation: hpFocusTankFloat 3.7s ease-in-out infinite;
}

#hot-products-section .hp-card--featured .hp-product-placeholder {
	width: 188px;
	height: 276px;
	transform: scale(1.15);
}

#hot-products-section .hp-tank-body {
	position: absolute;
	left: 20px;
	bottom: 0;
	width: 102px;
	height: 154px;
	border: 2px solid #81929d;
	border-radius: 18px 18px 28px 28px;
	background: linear-gradient(90deg, #84949f 0%, #f8fbfc 18%, #acbac3 39%, #fff 54%, #a9b7bf 73%, #697c89 100%);
	box-shadow: inset 0 0 18px rgba(49,76,92,.20), 0 0 0 4px rgba(255,255,255,.32);
}

#hot-products-section .hp-tank-lid {
	position: absolute;
	top: 40px;
	left: 12px;
	width: 118px;
	height: 25px;
	border: 2px solid #84949f;
	border-radius: 50%;
	background: linear-gradient(180deg, #fff, #c3ced5 62%, #7b8d99);
}

#hot-products-section .hp-tank-gauge {
	position: absolute;
	top: 0;
	left: 46px;
	width: 50px;
	height: 50px;
	border: 4px solid #667b88;
	border-radius: 50%;
	background: radial-gradient(circle, #fffdf1 0 61%, #d7e0e5 62% 100%);
	box-shadow: 0 0 0 2px #f8fbfc, 0 7px 12px rgba(45,72,88,.18);
}

#hot-products-section .hp-tank-gauge::before {
	content: "";
	position: absolute;
	bottom: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	border-radius: 2px;
	background: #ef7a2b;
	transform-origin: 0 50%;
	animation: hpFocusGauge 2.7s ease-in-out infinite;
}

#hot-products-section .hp-tank-hose {
	position: absolute;
	top: 54px;
	right: -4px;
	width: 46px;
	height: 80px;
	border-top: 6px solid #405866;
	border-right: 6px solid #405866;
	border-radius: 0 32px 0 0;
}

/* 下方独立信息栏，不再覆盖产品图片 */
#hot-products-section .hp-info {
	position: relative;
	z-index: 5;
	flex: 0 0 auto;
	min-height: 132px;
	padding: 20px 21px 19px;
	border-top: 1px solid rgba(91, 126, 147, .16);
	background:
			linear-gradient(135deg, rgba(255,255,255,.98), rgba(240,247,250,.96));
	transform: translateZ(25px);
}

#hot-products-section .hp-card--featured .hp-info {
	min-height: 182px;
	padding: 27px 31px 26px;
}

#hot-products-section .hp-model {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
	color: var(--hp-blue);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.35px;
	text-transform: uppercase;
}

#hot-products-section .hp-model::before {
	content: "";
	width: 20px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--hp-blue), var(--hp-cyan));
	box-shadow: 0 0 8px rgba(32,169,223,.30);
}

#hot-products-section .hp-card--featured .hp-model {
	font-size: 12px;
}

#hot-products-section .hp-info h3 {
	overflow: hidden;
	margin: 0;
	color: var(--hp-navy);
	font-size: 20px;
	font-weight: 900;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#hot-products-section .hp-card--featured .hp-info h3 {
	font-size: clamp(29px, 2.5vw, 39px);
	white-space: normal;
}

#hot-products-section .hp-info h3 a {
	color: inherit;
	text-decoration: none;
}

#hot-products-section .hp-description {
	display: -webkit-box;
	overflow: hidden;
	margin: 9px 0 0;
	color: var(--hp-muted);
	font-size: 13px;
	line-height: 1.65;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

#hot-products-section .hp-card--featured .hp-description {
	max-width: 760px;
	font-size: 15px;
	-webkit-line-clamp: 2;
}

#hot-products-section .hp-info-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 14px;
}

#hot-products-section .hp-meta-group {
	display: flex;
	min-width: 0;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
}

#hot-products-section .hp-feature {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #526b79;
	font-size: 11px;
	font-weight: 750;
	white-space: nowrap;
}

#hot-products-section .hp-feature::before {
	content: "";
	width: 7px;
	height: 7px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--hp-orange);
	box-shadow: 0 0 0 4px rgba(243,154,37,.11);
}

#hot-products-section .hp-card--featured .hp-feature {
	font-size: 13px;
}

#hot-products-section .hp-price-wrap {
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
}

#hot-products-section .hp-price {
	color: #e88417;
	font-size: 17px;
	font-weight: 900;
}

#hot-products-section .hp-card--featured .hp-price {
	font-size: 22px;
}

#hot-products-section .hp-price-wrap del {
	color: rgba(82,107,121,.46);
	font-size: 11px;
}

#hot-products-section .hp-link {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 9px;
	color: var(--hp-navy-2);
	font-size: 12px;
	font-weight: 900;
	text-decoration: none;
}

#hot-products-section .hp-link i {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: linear-gradient(135deg, var(--hp-orange-2), var(--hp-orange));
	box-shadow: 0 10px 22px rgba(243,154,37,.28), inset 0 1px 0 rgba(255,255,255,.38);
	transition: transform .35s ease, box-shadow .35s ease;
}

#hot-products-section .hp-card--featured .hp-link i {
	width: 48px;
	height: 48px;
	font-size: 16px;
}

#hot-products-section .hp-link:hover i {
	transform: translateX(4px) rotate(-8deg) scale(1.04);
	box-shadow: 0 15px 28px rgba(243,154,37,.38), 0 0 0 7px rgba(243,154,37,.09);
}

#hot-products-section .hp-corner {
	position: absolute;
	z-index: 10;
	width: 24px;
	height: 24px;
	pointer-events: none;
}

#hot-products-section .hp-corner--tl {
	top: 13px;
	left: 13px;
	border-top: 2px solid rgba(12,47,92,.50);
	border-left: 2px solid rgba(12,47,92,.50);
}

#hot-products-section .hp-corner--br {
	right: 13px;
	bottom: 13px;
	border-right: 2px solid rgba(243,154,37,.65);
	border-bottom: 2px solid rgba(243,154,37,.65);
}

#hot-products-section .hp-card.hp-reveal-ready {
	--reveal-y: 34px;
	opacity: 0;
}

#hot-products-section .hp-card.hp-reveal-ready.hp-is-visible {
	--reveal-y: 0px;
	opacity: 1;
}

@keyframes hpFocusGrid {
	to { background-position: 72px 72px; }
}

@keyframes hpFocusRing {
	to { transform: rotate(360deg); }
}

@keyframes hpFocusSectionSweep {
	0%, 10% { left: -32%; opacity: 0; }
	24% { opacity: .54; }
	72% { opacity: .54; }
	90%, 100% { left: 112%; opacity: 0; }
}

@keyframes hpFocusSignal {
	0%, 15% { left: -45%; opacity: 0; }
	27% { opacity: 1; }
	70% { opacity: 1; }
	88%, 100% { left: 104%; opacity: 0; }
}

@keyframes hpFocusTankFloat {
	0%, 100% { transform: translateY(0) scale(1); }
	50% { transform: translateY(-7px) scale(1.015); }
}

@keyframes hpFocusGauge {
	0%, 100% { transform: rotate(-42deg); }
	50% { transform: rotate(35deg); }
}

@media (max-width: 1199px) {
	#hot-products-section .hp-products-grid {
		grid-auto-rows: 560px;
	}

	#hot-products-section .hp-card {
		grid-column: span 6;
	}

	#hot-products-section .hp-card--featured {
		grid-column: 1 / -1;
		grid-row: auto;
		min-height: 720px;
	}

	#hot-products-section .hp-card--featured .hp-visual {
		min-height: 500px;
	}
}

@media (max-width: 767px) {
	#hot-products-section {
		padding: 76px 0 84px;
	}

	#hot-products-section .hp-container {
		width: min(100% - 28px, 620px);
	}

	#hot-products-section .hp-heading {
		display: block;
		margin-bottom: 34px;
	}

	#hot-products-section .hp-heading > p {
		margin-top: 20px;
		font-size: 15px;
	}

	#hot-products-section .hp-products-grid {
		grid-auto-rows: auto;
		gap: 18px;
	}

	#hot-products-section .hp-card,
	#hot-products-section .hp-card--featured {
		grid-column: 1 / -1;
		grid-row: auto;
		min-height: 620px;
	}

	#hot-products-section .hp-visual,
	#hot-products-section .hp-card--featured .hp-visual {
		min-height: 410px;
		padding: 24px 20px 0;
	}

	#hot-products-section .hp-media-stage,
	#hot-products-section .hp-card--featured .hp-media-stage {
		padding: 6px 4px 24px;
	}

	#hot-products-section .hp-info,
	#hot-products-section .hp-card--featured .hp-info {
		min-height: 0;
		padding: 22px;
	}

	#hot-products-section .hp-info h3,
	#hot-products-section .hp-card--featured .hp-info h3 {
		font-size: 27px;
	}

	#hot-products-section .hp-description,
	#hot-products-section .hp-card--featured .hp-description {
		font-size: 14px;
		-webkit-line-clamp: 2;
	}

	#hot-products-section .hp-feature,
	#hot-products-section .hp-card--featured .hp-feature {
		font-size: 12px;
	}
}

@media (max-width: 430px) {
	#hot-products-section .hp-heading h2 {
		font-size: 36px;
	}

	#hot-products-section .hp-card,
	#hot-products-section .hp-card--featured {
		min-height: 570px;
	}

	#hot-products-section .hp-visual,
	#hot-products-section .hp-card--featured .hp-visual {
		min-height: 365px;
		padding: 20px 14px 0;
	}

	#hot-products-section .hp-product-image,
	#hot-products-section .hp-card--featured .hp-product-image {
		max-width: 96% !important;
	}

	#hot-products-section .hp-info h3,
	#hot-products-section .hp-card--featured .hp-info h3 {
		font-size: 23px;
	}

	#hot-products-section .hp-feature:nth-child(2) {
		display: none;
	}

	#hot-products-section .hp-link span {
		display: none;
	}
}

@media (hover: none) {
	#hot-products-section .hp-card {
		--tilt-x: 0deg !important;
		--tilt-y: 0deg !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#hot-products-section *,
	#hot-products-section *::before,
	#hot-products-section *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}
/*新增推荐产品样式
 */

#product-showcase-21 {
	--ps-ink: #10233f;
	--ps-muted: #6d7b8c;
	--ps-surface: #ffffff;
	--ps-soft: #f3f6f8;
	--ps-line: rgba(16, 35, 63, .12);
	--ps-blue: #0c5f9f;
	--ps-blue-bright: #20a9e0;
	--ps-orange: #f59b23;
	--ps-mouse-x: 50%;
	--ps-mouse-y: 35%;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 104px 0 112px;
	color: var(--ps-ink);
	background:
			linear-gradient(180deg, rgba(255,255,255,.86), rgba(246,248,250,.96)),
			#f5f7f9;
}

#product-showcase-21,
#product-showcase-21 *,
#product-showcase-21 *::before,
#product-showcase-21 *::after {
	box-sizing: border-box;
}

#product-showcase-21::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -3;
	pointer-events: none;
	background:
			linear-gradient(118deg, transparent 0 38%, rgba(12,95,159,.035) 38.1% 38.35%, transparent 38.45% 100%),
			repeating-linear-gradient(90deg, rgba(16,35,63,.035) 0 1px, transparent 1px 92px);
	opacity: .62;
}

#product-showcase-21::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background:
			radial-gradient(circle 420px at var(--ps-mouse-x) var(--ps-mouse-y), rgba(32,169,224,.10), transparent 72%),
			radial-gradient(circle at 10% 14%, rgba(245,155,35,.09), transparent 25%);
}

/* 原机械圆环改为斜向蓝色展厅光带，避免沿用上一版圆形科技背景。 */
#product-showcase-21 .ps-decor-ring {
	position: absolute;
	top: 8%;
	right: -16%;
	z-index: -1;
	width: 58%;
	height: 170px;
	pointer-events: none;
	opacity: .58;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(32,169,224,.12), rgba(12,95,159,.04), transparent);
	filter: blur(2px);
	transform: rotate(-11deg);
	animation: psRibbonDrift 9s ease-in-out infinite alternate;
}

#product-showcase-21 .ps-light-sweep {
	position: absolute;
	bottom: 7%;
	left: -18%;
	z-index: -1;
	width: 62%;
	height: 120px;
	pointer-events: none;
	opacity: .48;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(245,155,35,.15), rgba(255,255,255,.5), transparent);
	filter: blur(12px);
	transform: rotate(8deg);
	animation: psRibbonDrift 11s ease-in-out infinite alternate-reverse;
}

#product-showcase-21 .ps-container {
	position: relative;
	z-index: 2;
	width: min(1380px, calc(100% - 44px));
	margin: 0 auto;
}

#product-showcase-21 .ps-heading {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 480px);
	align-items: end;
	gap: 48px;
	margin-bottom: 52px;
	padding: 0 0 25px 28px;
	border-bottom: 1px solid rgba(16,35,63,.14);
}

#product-showcase-21 .ps-heading::before {
	content: "";
	position: absolute;
	top: 4px;
	bottom: 25px;
	left: 0;
	width: 5px;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--ps-blue-bright), var(--ps-blue), var(--ps-orange));
	box-shadow: 0 0 22px rgba(32,169,224,.22);
}

#product-showcase-21 .ps-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	color: var(--ps-blue);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 2.2px;
	text-transform: uppercase;
}

#product-showcase-21 .ps-kicker::before {
	content: "";
	width: 34px;
	height: 2px;
	background: linear-gradient(90deg, var(--ps-orange), var(--ps-blue-bright));
}

#product-showcase-21 .ps-heading h2 {
	margin: 0;
	color: var(--ps-ink);
	font-size: clamp(38px, 4.3vw, 62px);
	font-weight: 900;
	line-height: 1.02;
	letter-spacing: -1.5px;
}

#product-showcase-21 .ps-heading h2 strong {
	color: var(--ps-blue);
	font-weight: inherit;
}

#product-showcase-21 .ps-heading p {
	margin: 0 0 3px;
	color: var(--ps-muted);
	font-size: 15px;
	line-height: 1.85;
}

#product-showcase-21 .ps-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px 24px;
	perspective: 1400px;
}

#product-showcase-21 .ps-card {
	--ps-card-x: 50%;
	--ps-card-y: 50%;
	--ps-tilt-x: 0deg;
	--ps-tilt-y: 0deg;
	--ps-lift: 0px;
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 560px;
	flex-direction: column;
	overflow: visible;
	border: 0;
	background: transparent;
	transform: perspective(1200px) translateY(var(--ps-lift)) rotateX(var(--ps-tilt-x)) rotateY(var(--ps-tilt-y));
	transform-style: preserve-3d;
	transition: transform .48s cubic-bezier(.2,.75,.25,1), opacity .7s ease;
	will-change: transform;
}

#product-showcase-21 .ps-card:hover {
	--ps-lift: -12px;
	z-index: 5;
}

#product-showcase-21 .ps-card::before {
	content: "";
	position: absolute;
	inset: 14px -8px -9px 14px;
	z-index: -1;
	border: 1px solid rgba(12,95,159,.12);
	background: rgba(210,221,229,.48);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%);
	transition: transform .45s ease, background .45s ease;
}

#product-showcase-21 .ps-card:hover::before {
	transform: translate(4px, 5px);
	background: rgba(32,169,224,.12);
}

#product-showcase-21 .ps-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 7;
	pointer-events: none;
	opacity: 0;
	background: radial-gradient(circle at var(--ps-card-x) var(--ps-card-y), rgba(255,255,255,.52), transparent 36%);
	transition: opacity .35s ease;
}

#product-showcase-21 .ps-card:hover::after {
	opacity: .8;
}

/* 大幅产品主图舞台：无圆环、无胶囊卡片，改为极简工业展台。 */
#product-showcase-21 .ps-media-link {
	position: relative;
	display: block;
	height: 390px;
	overflow: hidden;
	border: 1px solid rgba(16,35,63,.12);
	background:
			linear-gradient(135deg, rgba(255,255,255,.96) 0 52%, rgba(232,239,244,.96) 52.2% 100%);
	box-shadow: 0 20px 52px rgba(29,55,79,.10);
	text-decoration: none;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%);
}

#product-showcase-21 .ps-media-link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 7px;
	background: linear-gradient(90deg, var(--ps-blue), var(--ps-blue-bright) 64%, var(--ps-orange) 64% 100%);
	transform-origin: left center;
	transform: scaleX(.32);
	transition: transform .55s cubic-bezier(.2,.75,.25,1);
}

#product-showcase-21 .ps-card:hover .ps-media-link::before {
	transform: scaleX(1);
}

#product-showcase-21 .ps-media-link::after {
	content: "";
	position: absolute;
	right: 18px;
	bottom: 16px;
	z-index: 1;
	width: 78px;
	height: 78px;
	border-right: 1px solid rgba(12,95,159,.18);
	border-bottom: 1px solid rgba(12,95,159,.18);
	transform: skew(-12deg);
	transition: transform .55s ease, border-color .55s ease;
}

#product-showcase-21 .ps-card:hover .ps-media-link::after {
	border-color: rgba(245,155,35,.48);
	transform: skew(-12deg) translate(-8px, -8px);
}

#product-showcase-21 .ps-image-stage {
	position: relative;
	z-index: 2;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 24px 30px 22px;
}

#product-showcase-21 .ps-image-stage::before {
	content: "";
	position: absolute;
	right: 9%;
	bottom: 12%;
	left: 9%;
	height: 28px;
	border-radius: 50%;
	background: rgba(28,46,63,.13);
	filter: blur(16px);
	transform: scaleX(.75);
	transition: transform .6s ease, opacity .6s ease;
}

#product-showcase-21 .ps-card:hover .ps-image-stage::before {
	opacity: .72;
	transform: scaleX(.92);
}

#product-showcase-21 .ps-product-image {
	position: relative;
	z-index: 2;
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 96% !important;
	max-height: 96% !important;
	margin: 0 auto !important;
	object-fit: contain !important;
	object-position: center center !important;
	transform: translate3d(0, 0, 0) scale(1);
	transform-origin: center center;
	filter: drop-shadow(0 24px 28px rgba(23,45,65,.22));
	transition: transform .72s cubic-bezier(.18,.75,.2,1), filter .55s ease;
	will-change: transform;
}

#product-showcase-21 .ps-card:hover .ps-product-image {
	transform: translate3d(0, -12px, 0) scale(1.13);
	filter: drop-shadow(0 36px 34px rgba(23,45,65,.30));
}

#product-showcase-21 .ps-placeholder {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
}

#product-showcase-21 .ps-placeholder-icon {
	position: relative;
	width: 124px;
	height: 190px;
	border: 2px solid #98a6b1;
	border-radius: 18px 18px 30px 30px;
	background: linear-gradient(90deg, #8f9da8, #f8fafb 24%, #b9c2c8 49%, #ffffff 63%, #7e8e99 100%);
	box-shadow: 0 22px 30px rgba(23,45,65,.22), inset 0 0 18px rgba(45,64,78,.14);
	animation: psTankFloat 3.7s ease-in-out infinite;
}

#product-showcase-21 .ps-placeholder-icon::before {
	content: "";
	position: absolute;
	top: -44px;
	left: 37px;
	width: 48px;
	height: 48px;
	border: 4px solid #6e7e89;
	border-radius: 50%;
	background: #fffdf2;
}

#product-showcase-21 .ps-placeholder-icon::after {
	content: "";
	position: absolute;
	top: -9px;
	left: -8px;
	width: 138px;
	height: 25px;
	border: 2px solid #97a5af;
	border-radius: 50%;
	background: linear-gradient(180deg, #fff, #c4ced4 60%, #83939e);
}

/* 信息区改为悬浮式白色资料板，与主图舞台分层。 */
#product-showcase-21 .ps-content {
	position: relative;
	z-index: 10;
	display: flex;
	min-height: 190px;
	margin: -20px 18px 0;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 25px 24px 22px;
	border-left: 4px solid var(--ps-blue);
	background: rgba(255,255,255,.98);
	box-shadow: 0 18px 38px rgba(26,49,69,.12);
	transform: translateZ(26px);
	transition: border-color .4s ease, box-shadow .4s ease;
}

#product-showcase-21 .ps-card:hover .ps-content {
	border-left-color: var(--ps-orange);
	box-shadow: 0 24px 48px rgba(26,49,69,.17);
}

#product-showcase-21 .ps-model {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 9px;
	color: var(--ps-blue);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

#product-showcase-21 .ps-model::before {
	content: "";
	width: 22px;
	height: 2px;
	background: var(--ps-orange);
}

#product-showcase-21 .ps-title {
	margin: 0 0 10px;
	color: var(--ps-ink);
	font-size: 23px;
	font-weight: 850;
	line-height: 1.25;
}

#product-showcase-21 .ps-title a {
	color: inherit;
	text-decoration: none;
	transition: color .28s ease;
}

#product-showcase-21 .ps-title a:hover {
	color: var(--ps-blue);
}

#product-showcase-21 .ps-description {
	display: -webkit-box;
	overflow: hidden;
	margin: 0 0 15px;
	color: var(--ps-muted);
	font-size: 13px;
	line-height: 1.68;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#product-showcase-21 .ps-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 14px;
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}

#product-showcase-21 .ps-tags li {
	position: relative;
	padding-left: 11px;
	color: #52677a;
	background: transparent;
	font-size: 11px;
	font-weight: 750;
	line-height: 1.35;
}

#product-showcase-21 .ps-tags li::before {
	content: "";
	position: absolute;
	top: .52em;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--ps-orange);
	box-shadow: 0 0 0 4px rgba(245,155,35,.1);
}

#product-showcase-21 .ps-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid rgba(16,35,63,.09);
}

#product-showcase-21 .ps-price-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 7px;
	min-height: 23px;
}

#product-showcase-21 .ps-price {
	color: var(--ps-orange);
	font-size: 20px;
	font-weight: 900;
	line-height: 1;
}

#product-showcase-21 .ps-price-wrap del {
	color: rgba(82,103,122,.46);
	font-size: 12px;
}

#product-showcase-21 .ps-link {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	min-height: 42px;
	align-items: center;
	gap: 12px;
	padding: 0 7px 0 16px;
	overflow: hidden;
	color: #fff;
	background: var(--ps-ink);
	font-size: 12px;
	font-weight: 850;
	text-decoration: none;
	letter-spacing: .2px;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
	transition: background .35s ease, transform .35s ease;
}

#product-showcase-21 .ps-link:hover {
	color: #fff;
	background: var(--ps-blue);
	transform: translateX(3px);
}

#product-showcase-21 .ps-link-icon {
	display: grid;
	width: 30px;
	height: 30px;
	place-items: center;
	color: var(--ps-ink);
	background: var(--ps-orange);
	font-size: 18px;
	font-weight: 500;
	transition: transform .35s ease, background .35s ease;
}

#product-showcase-21 .ps-link:hover .ps-link-icon {
	transform: translateX(3px);
	background: #ffc164;
}

#product-showcase-21 .ps-more-wrap {
	display: flex;
	justify-content: center;
	margin-top: 58px;
}

#product-showcase-21 .ps-more-link {
	position: relative;
	display: inline-flex;
	min-width: 228px;
	min-height: 58px;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	padding: 0 9px 0 26px;
	overflow: hidden;
	border: 1px solid rgba(16,35,63,.16);
	color: var(--ps-ink);
	background: #fff;
	box-shadow: 0 16px 35px rgba(25,48,68,.10);
	font-size: 14px;
	font-weight: 900;
	text-decoration: none;
	letter-spacing: .4px;
	clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
	transition: color .35s ease, border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}

#product-showcase-21 .ps-more-link::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, var(--ps-ink), var(--ps-blue));
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .42s cubic-bezier(.2,.75,.25,1);
}

#product-showcase-21 .ps-more-link:hover {
	color: #fff;
	border-color: transparent;
	transform: translateY(-4px);
	box-shadow: 0 24px 46px rgba(20,61,92,.19);
}

#product-showcase-21 .ps-more-link:hover::before {
	transform: scaleX(1);
}

#product-showcase-21 .ps-more-link-icon {
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	color: #fff;
	background: var(--ps-orange);
	font-size: 22px;
	transition: transform .35s ease, background .35s ease;
}

#product-showcase-21 .ps-more-link:hover .ps-more-link-icon {
	transform: translateX(4px);
	background: #ffc164;
}

#product-showcase-21 .ps-card.ps-reveal-ready {
	opacity: 0;
	transform: perspective(1200px) translateY(40px) rotateX(2deg);
}

#product-showcase-21 .ps-card.ps-reveal-ready.ps-visible {
	opacity: 1;
	transform: perspective(1200px) translateY(var(--ps-lift)) rotateX(var(--ps-tilt-x)) rotateY(var(--ps-tilt-y));
}

@keyframes psRibbonDrift {
	0% { transform: translate3d(-12px, -5px, 0) rotate(-11deg); opacity: .32; }
	100% { transform: translate3d(52px, 18px, 0) rotate(-8deg); opacity: .68; }
}

@keyframes psTankFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

@media (max-width: 1100px) {
	#product-showcase-21 .ps-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#product-showcase-21 .ps-heading {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	#product-showcase-21 .ps-heading p {
		max-width: 680px;
	}
}

@media (max-width: 700px) {
	#product-showcase-21 {
		padding: 76px 0 84px;
	}

	#product-showcase-21 .ps-container {
		width: min(100% - 28px, 620px);
	}

	#product-showcase-21 .ps-heading {
		margin-bottom: 36px;
		padding: 0 0 20px 20px;
	}

	#product-showcase-21 .ps-heading::before {
		bottom: 20px;
	}

	#product-showcase-21 .ps-heading h2 {
		font-size: 38px;
	}

	#product-showcase-21 .ps-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	#product-showcase-21 .ps-card {
		min-height: 520px;
	}

	#product-showcase-21 .ps-media-link {
		height: 360px;
	}

	#product-showcase-21 .ps-content {
		min-height: 176px;
		margin: -18px 13px 0;
		padding: 22px 20px 20px;
	}

	#product-showcase-21 .ps-title {
		font-size: 21px;
	}

	#product-showcase-21 .ps-more-wrap {
		margin-top: 44px;
	}
}

@media (max-width: 420px) {
	#product-showcase-21 .ps-media-link {
		height: 330px;
	}

	#product-showcase-21 .ps-image-stage {
		padding: 20px 20px 18px;
	}

	#product-showcase-21 .ps-description {
		display: none;
	}

	#product-showcase-21 .ps-footer {
		align-items: flex-end;
	}

	#product-showcase-21 .ps-link > span:first-child {
		display: none;
	}

	#product-showcase-21 .ps-link {
		padding-left: 7px;
	}
}

@media (hover: none) {
	#product-showcase-21 .ps-card {
		--ps-tilt-x: 0deg !important;
		--ps-tilt-y: 0deg !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#product-showcase-21 *,
	#product-showcase-21 *::before,
	#product-showcase-21 *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}
/*about
 */

.pressure-about-section {
	--pa-navy: #0d2f57;
	--pa-blue: #167fca;
	--pa-cyan: #45c2ed;
	--pa-orange: #f39a24;
	--pa-ink: #1c2c3a;
	--pa-muted: #667684;
	--pa-line: rgba(20, 69, 106, .13);
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 110px 0;
	background:
			radial-gradient(circle at 10% 10%, rgba(69, 194, 237, .13), transparent 28%),
			radial-gradient(circle at 92% 88%, rgba(243, 154, 36, .10), transparent 28%),
			linear-gradient(135deg, #fbfdff 0%, #f1f7fb 52%, #ffffff 100%);
}

.pressure-about-section,
.pressure-about-section *,
.pressure-about-section *::before,
.pressure-about-section *::after {
	box-sizing: border-box;
}

.pressure-about-section::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	opacity: .38;
	background-image:
			linear-gradient(rgba(22, 127, 202, .08) 1px, transparent 1px),
			linear-gradient(90deg, rgba(22, 127, 202, .08) 1px, transparent 1px);
	background-size: 78px 78px;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 88%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 88%, transparent);
}

.pressure-about-section::after {
	content: "";
	position: absolute;
	top: -35%;
	left: -18%;
	z-index: -1;
	width: 34%;
	height: 170%;
	pointer-events: none;
	opacity: .52;
	filter: blur(24px);
	transform: rotate(14deg);
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .95), rgba(69, 194, 237, .16), transparent);
	animation: paSectionSweep 10s ease-in-out infinite;
}

.pressure-about-section .pa-container {
	width: min(1280px, calc(100% - 40px));
	margin: 0 auto;
}

.pressure-about-section .pa-grid {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
	align-items: center;
	gap: clamp(54px, 6vw, 92px);
}

.pressure-about-section .pa-copy {
	position: relative;
	z-index: 4;
}

.pressure-about-section .pa-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 20px;
	color: var(--pa-blue);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.pressure-about-section .pa-eyebrow::before {
	content: "";
	width: 42px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--pa-blue), var(--pa-cyan), var(--pa-orange));
	box-shadow: 0 0 14px rgba(69, 194, 237, .34);
}

.pressure-about-section h2 {
	margin: 0;
	max-width: 680px;
	color: var(--pa-ink);
	font-size: clamp(40px, 4.7vw, 66px);
	font-weight: 850;
	line-height: 1.06;
	letter-spacing: -1.7px;
}

.pressure-about-section h2 strong {
	color: transparent;
	font-weight: inherit;
	background: linear-gradient(90deg, var(--pa-blue), #33b2e4 55%, var(--pa-orange));
	-webkit-background-clip: text;
	background-clip: text;
}

.pressure-about-section .pa-lead {
	max-width: 660px;
	margin: 28px 0 0;
	color: #4f6272;
	font-size: 17px;
	line-height: 1.88;
}

.pressure-about-section .pa-capabilities {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 34px 0 0;
}

.pressure-about-section .pa-capability {
	position: relative;
	min-height: 132px;
	padding: 22px 18px 20px;
	overflow: hidden;
	border: 1px solid rgba(23, 102, 155, .13);
	border-radius: 18px;
	background: rgba(255, 255, 255, .80);
	box-shadow: 0 16px 38px rgba(25, 76, 112, .08), inset 0 1px 0 rgba(255,255,255,.9);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.pressure-about-section .pa-capability::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 62px;
	height: 3px;
	border-radius: 0 18px 0 999px;
	background: linear-gradient(90deg, var(--pa-cyan), var(--pa-orange));
}

.pressure-about-section .pa-capability:hover {
	transform: translateY(-6px);
	border-color: rgba(22, 127, 202, .30);
	box-shadow: 0 24px 46px rgba(22, 87, 130, .14);
}

.pressure-about-section .pa-capability-icon {
	display: grid;
	width: 42px;
	height: 42px;
	margin-bottom: 14px;
	place-items: center;
	border-radius: 13px;
	color: #fff;
	background: linear-gradient(135deg, var(--pa-navy), var(--pa-blue));
	box-shadow: 0 10px 22px rgba(13, 47, 87, .20);
	font-size: 17px;
}

.pressure-about-section .pa-capability h3 {
	margin: 0 0 6px;
	color: var(--pa-ink);
	font-size: 16px;
	line-height: 1.35;
}

.pressure-about-section .pa-capability p {
	margin: 0;
	color: var(--pa-muted);
	font-size: 13px;
	line-height: 1.6;
}

.pressure-about-section .pa-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin-top: 36px;
}

.pressure-about-section .pa-button {
	display: inline-flex;
	min-height: 54px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 0 25px;
	border: 1px solid transparent;
	border-radius: 14px;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	transition: transform .3s ease, box-shadow .3s ease, color .3s ease, background .3s ease;
}

.pressure-about-section .pa-button--primary {
	color: #fff;
	background: linear-gradient(135deg, var(--pa-navy), var(--pa-blue));
	box-shadow: 0 16px 32px rgba(13, 64, 105, .22);
}

.pressure-about-section .pa-button--secondary {
	color: var(--pa-navy);
	border-color: rgba(13, 47, 87, .18);
	background: rgba(255, 255, 255, .76);
}

.pressure-about-section .pa-button:hover {
	transform: translateY(-3px);
}

.pressure-about-section .pa-button--primary:hover {
	color: #fff;
	box-shadow: 0 21px 40px rgba(13, 64, 105, .28);
}

.pressure-about-section .pa-button--secondary:hover {
	color: var(--pa-blue);
	border-color: rgba(22, 127, 202, .36);
	background: #fff;
}

/* Visual composition */
.pressure-about-section .pa-visual {
	position: relative;
	min-height: 650px;
}

.pressure-about-section .pa-factory-card {
	position: absolute;
	inset: 0 0 56px 34px;
	overflow: hidden;
	border: 1px solid rgba(21, 76, 115, .15);
	border-radius: 34px;
	background: #dfe9ef;
	box-shadow: 0 34px 80px rgba(25, 72, 102, .20);
}

.pressure-about-section .pa-factory-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
			linear-gradient(180deg, rgba(9, 34, 57, .04), rgba(9, 34, 57, .42)),
			linear-gradient(110deg, rgba(255,255,255,.28), transparent 34%);
}

.pressure-about-section .pa-factory-card::after {
	content: "";
	position: absolute;
	z-index: 3;
	right: 22px;
	bottom: 20px;
	width: 128px;
	height: 128px;
	border: 1px solid rgba(255,255,255,.34);
	border-radius: 50%;
	box-shadow: 0 0 0 28px rgba(255,255,255,.06), 0 0 0 56px rgba(255,255,255,.035);
	animation: paOrbit 7s ease-in-out infinite;
}

.pressure-about-section .pa-factory-card > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.015);
	transition: transform 1.1s cubic-bezier(.2,.7,.2,1);
}

.pressure-about-section .pa-visual:hover .pa-factory-card > img {
	transform: scale(1.055);
}

.pressure-about-section .pa-factory-label {
	position: absolute;
	z-index: 4;
	left: 34px;
	bottom: 34px;
	max-width: 330px;
	color: #fff;
}

.pressure-about-section .pa-factory-label span {
	display: inline-flex;
	margin-bottom: 11px;
	padding: 7px 11px;
	border: 1px solid rgba(255,255,255,.30);
	border-radius: 999px;
	background: rgba(10, 43, 72, .46);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.pressure-about-section .pa-factory-label strong {
	display: block;
	font-size: clamp(24px, 2.4vw, 36px);
	line-height: 1.12;
	text-shadow: 0 8px 24px rgba(4, 20, 33, .34);
}

.pressure-about-section .pa-product-card {
	position: absolute;
	z-index: 6;
	right: -24px;
	bottom: 0;
	width: 47%;
	min-width: 270px;
	aspect-ratio: .82;
	display: grid;
	place-items: center;
	padding: 26px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.82);
	border-radius: 30px;
	background:
			radial-gradient(circle at 50% 39%, rgba(255,255,255,.98), rgba(229,241,248,.96) 60%, rgba(201,223,236,.92) 100%);
	box-shadow: 0 34px 72px rgba(12, 54, 88, .28), inset 0 1px 0 #fff;
	animation: paProductFloat 5s ease-in-out infinite;
}

.pressure-about-section .pa-product-card::before {
	content: "";
	position: absolute;
	width: 74%;
	aspect-ratio: 1;
	border: 1px solid rgba(22, 127, 202, .18);
	border-radius: 50%;
	box-shadow: 0 0 0 28px rgba(69,194,237,.05), 0 0 0 56px rgba(22,127,202,.03);
}

.pressure-about-section .pa-product-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: -45%;
	width: 38%;
	height: 100%;
	opacity: .72;
	transform: skewX(-16deg);
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
	animation: paProductSweep 5.6s ease-in-out infinite;
}

.pressure-about-section .pa-product-card img {
	position: relative;
	z-index: 2;
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 24px 28px rgba(21, 50, 68, .24));
	transform: translateY(2px) scale(.96);
	transition: transform .65s cubic-bezier(.2,.7,.2,1);
}

.pressure-about-section .pa-product-card:hover img {
	transform: translateY(-8px) scale(1.05);
}

.pressure-about-section .pa-oem-card {
	position: absolute;
	z-index: 7;
	top: 42px;
	left: 0;
	width: min(265px, 42%);
	padding: 25px 24px 23px;
	border: 1px solid rgba(255,255,255,.82);
	border-radius: 22px;
	color: #fff;
	background: linear-gradient(145deg, rgba(13,47,87,.94), rgba(22,127,202,.88));
	box-shadow: 0 24px 52px rgba(8, 44, 75, .28), inset 0 1px 0 rgba(255,255,255,.18);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.pressure-about-section .pa-oem-card small {
	display: block;
	margin-bottom: 8px;
	color: rgba(255,255,255,.72);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.pressure-about-section .pa-oem-card strong {
	display: block;
	color: var(--pa-orange);
	font-size: 44px;
	line-height: 1;
	letter-spacing: -.8px;
}

.pressure-about-section .pa-oem-card span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.35;
}

.pressure-about-section .pa-quality-card {
	position: absolute;
	z-index: 8;
	left: 54px;
	bottom: 14px;
	width: 250px;
	display: grid;
	grid-template-columns: 92px 1fr;
	align-items: center;
	gap: 15px;
	padding: 12px;
	border: 1px solid rgba(255,255,255,.9);
	border-radius: 20px;
	background: rgba(255,255,255,.92);
	box-shadow: 0 22px 46px rgba(21, 64, 93, .18);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.pressure-about-section .pa-quality-card img {
	width: 92px;
	height: 78px;
	object-fit: cover;
	border-radius: 14px;
}

.pressure-about-section .pa-quality-card small {
	display: block;
	margin-bottom: 5px;
	color: var(--pa-blue);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 1.15px;
	text-transform: uppercase;
}

.pressure-about-section .pa-quality-card strong {
	display: block;
	color: var(--pa-ink);
	font-size: 14px;
	line-height: 1.35;
}

@keyframes paSectionSweep {
	0%, 10% { left: -22%; opacity: 0; }
	24%, 70% { opacity: .52; }
	90%, 100% { left: 112%; opacity: 0; }
}

@keyframes paOrbit {
	0%, 100% { transform: rotate(0deg) scale(.96); opacity: .65; }
	50% { transform: rotate(18deg) scale(1.04); opacity: 1; }
}

@keyframes paProductFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}

@keyframes paProductSweep {
	0%, 15% { left: -45%; opacity: 0; }
	28%, 68% { opacity: .72; }
	88%, 100% { left: 115%; opacity: 0; }
}

@media (max-width: 1100px) {
	.pressure-about-section .pa-grid {
		grid-template-columns: 1fr;
	}

	.pressure-about-section .pa-copy {
		max-width: 800px;
	}

	.pressure-about-section .pa-visual {
		width: min(820px, 100%);
		min-height: 650px;
		margin: 0 auto;
	}
}

@media (max-width: 767px) {
	.pressure-about-section {
		padding: 78px 0 84px;
	}

	.pressure-about-section .pa-container {
		width: min(100% - 28px, 680px);
	}

	.pressure-about-section h2 {
		font-size: clamp(34px, 11vw, 48px);
		letter-spacing: -1px;
	}

	.pressure-about-section .pa-lead {
		font-size: 15px;
	}

	.pressure-about-section .pa-capabilities {
		grid-template-columns: 1fr;
	}

	.pressure-about-section .pa-capability {
		min-height: auto;
	}

	.pressure-about-section .pa-actions {
		align-items: stretch;
	}

	.pressure-about-section .pa-button {
		flex: 1 1 100%;
	}

	.pressure-about-section .pa-visual {
		min-height: 590px;
	}

	.pressure-about-section .pa-factory-card {
		inset: 0 0 110px 0;
		border-radius: 24px;
	}

	.pressure-about-section .pa-oem-card {
		top: 18px;
		left: 16px;
		width: 210px;
		padding: 20px;
	}

	.pressure-about-section .pa-oem-card strong {
		font-size: 36px;
	}

	.pressure-about-section .pa-factory-label {
		right: 22px;
		bottom: 145px;
		left: 22px;
	}

	.pressure-about-section .pa-product-card {
		right: 8px;
		bottom: 0;
		width: 48%;
		min-width: 220px;
		border-radius: 24px;
	}

	.pressure-about-section .pa-quality-card {
		left: 12px;
		bottom: 16px;
		width: 230px;
		grid-template-columns: 78px 1fr;
	}

	.pressure-about-section .pa-quality-card img {
		width: 78px;
		height: 68px;
	}
}

@media (max-width: 480px) {
	.pressure-about-section .pa-visual {
		min-height: 650px;
	}

	.pressure-about-section .pa-factory-card {
		bottom: 200px;
	}

	.pressure-about-section .pa-product-card {
		right: 0;
		bottom: 0;
		width: 58%;
		min-width: 0;
	}

	.pressure-about-section .pa-quality-card {
		bottom: 26px;
		left: 0;
		width: 52%;
		grid-template-columns: 1fr;
	}

	.pressure-about-section .pa-quality-card img {
		width: 100%;
		height: 78px;
	}

	.pressure-about-section .pa-oem-card {
		width: 188px;
	}

	.pressure-about-section .pa-factory-label {
		bottom: 222px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pressure-about-section *,
	.pressure-about-section *::before,
	.pressure-about-section *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

#pt-product-center {
	--pt-ink: #102b45;
	--pt-muted: #6f8393;
	--pt-blue: #0c8fe8;
	--pt-cyan: #28d8f5;
	--pt-violet: #7659ff;
	--pt-orange: #ff9b27;
	--pt-green: #25cda3;
	--pt-mx: 50%;
	--pt-my: 35%;
	--pt-shift-x: 0px;
	--pt-shift-y: 0px;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 108px 0 118px;
	color: var(--pt-ink);
	background:
			radial-gradient(circle at 8% 0%, rgba(40,216,245,.17), transparent 27%),
			radial-gradient(circle at 93% 12%, rgba(118,89,255,.12), transparent 27%),
			radial-gradient(circle at 80% 88%, rgba(255,155,39,.10), transparent 26%),
			linear-gradient(145deg, #fbfdff 0%, #eff8fd 48%, #ffffff 100%);
}

#pt-product-center,
#pt-product-center * { box-sizing: border-box; }

/* 全局动态极光层 */
#pt-product-center::before {
	content: "";
	position: absolute;
	inset: -25%;
	z-index: -6;
	pointer-events: none;
	background:
			radial-gradient(ellipse at 28% 45%, rgba(40,216,245,.16), transparent 28%),
			radial-gradient(ellipse at 64% 36%, rgba(118,89,255,.13), transparent 26%),
			radial-gradient(ellipse at 72% 72%, rgba(255,155,39,.11), transparent 24%);
	filter: blur(22px);
	animation: ptAuroraDrift 15s ease-in-out infinite alternate;
}

/* 鼠标追踪聚光 */
#pt-product-center::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background: radial-gradient(
			circle 440px at var(--pt-mx) var(--pt-my),
			rgba(255,255,255,.96),
			rgba(40,216,245,.12) 32%,
			transparent 68%
	);
	opacity: .9;
}

/* 左下大型全息轨道 */
#pt-product-center .pt-orbit {
	position: absolute;
	left: -180px;
	bottom: -235px;
	z-index: -5;
	width: 620px;
	height: 620px;
	border-radius: 50%;
	pointer-events: none;
	background:
			repeating-conic-gradient(
					from 0deg,
					rgba(12,143,232,.42) 0deg 1deg,
					transparent 1deg 7deg
			);
	-webkit-mask: radial-gradient(circle, transparent 0 57%, #000 57.5% 58.4%, transparent 59% 67%, #000 67.4% 68%, transparent 68.5%);
	mask: radial-gradient(circle, transparent 0 57%, #000 57.5% 58.4%, transparent 59% 67%, #000 67.4% 68%, transparent 68.5%);
	opacity: .36;
	animation: ptOrbitSpin 36s linear infinite;
	transform: translate3d(calc(var(--pt-shift-x) * -.45), calc(var(--pt-shift-y) * -.45), 0);
}

#pt-product-center .pt-energy-ribbons {
	position: absolute;
	inset: 0;
	z-index: -4;
	overflow: hidden;
	pointer-events: none;
}

#pt-product-center .pt-energy-ribbons span {
	position: absolute;
	left: -25%;
	width: 150%;
	height: 1px;
	opacity: .35;
	background: linear-gradient(90deg, transparent 0 6%, rgba(12,143,232,.15) 18%, rgba(40,216,245,.8) 48%, rgba(118,89,255,.25) 73%, transparent 94%);
	box-shadow: 0 0 15px rgba(40,216,245,.24);
	transform: rotate(-8deg) translateX(-15%);
	animation: ptRibbonRun 8s linear infinite;
}

#pt-product-center .pt-energy-ribbons span:nth-child(1) { top: 23%; animation-delay: 0s; }
#pt-product-center .pt-energy-ribbons span:nth-child(2) { top: 56%; animation-delay: -2.6s; opacity: .25; }
#pt-product-center .pt-energy-ribbons span:nth-child(3) { top: 82%; animation-delay: -5.1s; opacity: .22; }

#pt-product-center .pt-star-field {
	position: absolute;
	inset: 0;
	z-index: -3;
	pointer-events: none;
}

#pt-product-center .pt-star-field i {
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--pt-cyan);
	box-shadow: 0 0 14px rgba(40,216,245,.65);
	opacity: .14;
	animation: ptStarPulse 4.2s ease-in-out infinite;
}

#pt-product-center .pt-star-field i:nth-child(1) { left: 6%; top: 22%; animation-delay: 0s; }
#pt-product-center .pt-star-field i:nth-child(2) { left: 18%; top: 66%; animation-delay: -1.3s; background: var(--pt-violet); }
#pt-product-center .pt-star-field i:nth-child(3) { left: 42%; top: 14%; animation-delay: -2.2s; }
#pt-product-center .pt-star-field i:nth-child(4) { left: 64%; top: 74%; animation-delay: -.7s; background: var(--pt-orange); }
#pt-product-center .pt-star-field i:nth-child(5) { left: 83%; top: 32%; animation-delay: -3.1s; }
#pt-product-center .pt-star-field i:nth-child(6) { left: 94%; top: 61%; animation-delay: -1.8s; background: var(--pt-violet); }

#pt-product-center .container {
	position: relative;
	z-index: 3;
}

/* 标题：更像高端工业展厅 */
#pt-product-center .pt-heading {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
	align-items: end;
	gap: 46px;
	margin-bottom: 30px;
}

#pt-product-center .pt-heading-main {
	position: relative;
	padding-left: 22px;
}

#pt-product-center .pt-heading-main::before {
	content: "";
	position: absolute;
	top: 5px;
	bottom: 4px;
	left: 0;
	width: 3px;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--pt-cyan), var(--pt-blue) 55%, var(--pt-violet));
	box-shadow: 0 0 18px rgba(40,216,245,.34);
}

#pt-product-center .pt-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	color: #2878aa;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 2.4px;
	text-transform: uppercase;
}

#pt-product-center .pt-eyebrow::before {
	content: "";
	width: 36px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--pt-blue), var(--pt-cyan), var(--pt-violet), var(--pt-orange));
	background-size: 230% 100%;
	animation: ptLineFlow 3.6s linear infinite;
}

#pt-product-center .pt-heading h2 {
	margin: 0;
	color: #102b45;
	font-size: clamp(38px, 4.4vw, 62px);
	line-height: 1.02;
	font-weight: 880;
	letter-spacing: -1.3px;
}

#pt-product-center .pt-heading h2::after {
	content: "";
	display: inline-block;
	width: .2em;
	height: .2em;
	margin-left: .12em;
	border-radius: 50%;
	background: var(--pt-orange);
	box-shadow: 0 0 18px rgba(255,155,39,.35);
	vertical-align: .08em;
}

#pt-product-center .pt-heading p {
	margin: 0 0 4px;
	padding: 20px 22px;
	border: 1px solid rgba(12,143,232,.12);
	border-radius: 18px;
	color: var(--pt-muted);
	background: rgba(255,255,255,.58);
	box-shadow: 0 15px 35px rgba(42,94,127,.07), inset 0 1px 0 rgba(255,255,255,.85);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	font-size: 15px;
	line-height: 1.78;
}

/* 分类：轨道式切换 */
#pt-product-center .pt-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 38px;
	padding: 7px;
	width: fit-content;
	max-width: 100%;
	border: 1px solid rgba(42,121,168,.14);
	border-radius: 16px;
	list-style: none;
	background: rgba(255,255,255,.64);
	box-shadow: 0 14px 34px rgba(44,92,122,.07), inset 0 1px 0 rgba(255,255,255,.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

#pt-product-center .pt-filter-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 9px 17px;
	overflow: hidden;
	border: 0;
	border-radius: 11px;
	color: #46657b;
	background: transparent;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	transition: color .3s ease, background .3s ease, transform .3s ease, box-shadow .3s ease;
}

#pt-product-center .pt-filter-link::after {
	content: "";
	position: absolute;
	right: 12px;
	bottom: 5px;
	left: 12px;
	height: 2px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--pt-cyan), var(--pt-violet), var(--pt-orange));
	transform: scaleX(0);
	transition: transform .3s ease;
}

#pt-product-center .pt-filter-link:hover,
#pt-product-center .pt-filter-link.is-active {
	color: #fff;
	background: linear-gradient(135deg, #0f8be0, #25bfe8 56%, #6158f2);
	box-shadow: 0 9px 22px rgba(20,145,219,.23);
	transform: translateY(-1px);
}

#pt-product-center .pt-filter-link:hover::after,
#pt-product-center .pt-filter-link.is-active::after { transform: scaleX(1); }

/* 固定 3 x 3 */
#pt-product-center .pt-products-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
	width: 100%;
}

/* 全息产品舱 */
#pt-product-center .pt-product-card {
	--card-x: 50%;
	--card-y: 50%;
	--tilt-x: 0deg;
	--tilt-y: 0deg;
	--img-x: 0px;
	--img-y: 0px;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 520px;
	overflow: hidden;
	border: 1px solid rgba(76,140,178,.16);
	border-radius: 26px;
	background: linear-gradient(160deg, rgba(255,255,255,.96), rgba(247,252,255,.89));
	box-shadow:
			0 24px 58px rgba(25,77,110,.10),
			inset 0 1px 0 rgba(255,255,255,.98);
	transform-style: preserve-3d;
	transform: perspective(1200px) translateY(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
	transition:
			transform .52s cubic-bezier(.2,.8,.2,1),
			box-shadow .42s ease,
			border-color .42s ease,
			opacity .55s ease,
			filter .55s ease;
	will-change: transform;
}

/* 动态虹彩边框 */
#pt-product-center .pt-product-card::before {
	content: "";
	position: absolute;
	inset: -1px;
	z-index: 8;
	border-radius: inherit;
	padding: 1px;
	pointer-events: none;
	background: conic-gradient(
			from var(--ring-angle, 0deg),
			rgba(12,143,232,.08),
			rgba(40,216,245,.78),
			rgba(118,89,255,.48),
			rgba(255,155,39,.58),
			rgba(12,143,232,.08)
	);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: .34;
	animation: ptBorderOrbit 7s linear infinite;
}

/* 鼠标光晕 */
#pt-product-center .pt-product-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 7;
	pointer-events: none;
	border-radius: inherit;
	opacity: .08;
	background: radial-gradient(circle 190px at var(--card-x) var(--card-y), rgba(255,255,255,.96), rgba(40,216,245,.32) 35%, transparent 72%);
	transition: opacity .35s ease;
}

#pt-product-center .pt-product-card:hover {
	z-index: 5;
	border-color: rgba(40,216,245,.34);
	box-shadow:
			0 36px 80px rgba(22,82,120,.19),
			0 0 0 1px rgba(40,216,245,.12),
			0 0 44px rgba(118,89,255,.09),
			inset 0 1px 0 #fff;
	transform: perspective(1200px) translateY(-12px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
}

#pt-product-center .pt-product-card:hover::before { opacity: .9; }
#pt-product-center .pt-product-card:hover::after { opacity: .58; }

#pt-product-center .pt-tech-corner { display: none; }

/* 产品主图区域：淡银灰工业属性色调，不再使用深色金属底 */
#pt-product-center .pt-product-media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 365px;
	overflow: hidden;
	padding: 24px 24px 14px;
	border-bottom: 1px solid rgba(110,132,146,.12);
	background:
			radial-gradient(circle at 18% 14%, rgba(57,181,224,.055), transparent 28%),
			radial-gradient(circle at 88% 84%, rgba(240,155,52,.045), transparent 24%),
			repeating-linear-gradient(
					96deg,
					rgba(104,123,136,.022) 0 1px,
					transparent 1px 8px
			),
			linear-gradient(145deg, #ffffff 0%, #f8fafb 42%, #f1f5f7 72%, #f8fafb 100%);
	box-shadow:
			inset 0 1px 0 rgba(255,255,255,.96),
			inset 0 -18px 34px rgba(101,122,136,.035);
}

/* 仅保留很淡的产品落地阴影，不再出现深色金属圆盘 */
#pt-product-center .pt-product-media::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 18px;
	width: 58%;
	height: 14%;
	border: 0;
	border-radius: 50%;
	background: radial-gradient(
			ellipse at center,
			rgba(91,111,124,.11) 0%,
			rgba(91,111,124,.055) 38%,
			transparent 72%
	);
	box-shadow: none;
	filter: blur(3px);
	transform: translateX(-50%);
	animation: ptStagePulse 4.6s ease-in-out infinite;
	pointer-events: none;
}

/* 极轻的冷白扫光，保留动态感但不压暗产品 */
#pt-product-center .pt-product-media::after {
	content: "";
	position: absolute;
	top: -42%;
	left: 50%;
	width: 12%;
	height: 190%;
	opacity: .18;
	background: linear-gradient(
			90deg,
			transparent,
			rgba(255,255,255,.20),
			rgba(255,255,255,.90),
			rgba(52,183,226,.10),
			transparent
	);
	filter: blur(7px);
	transform: rotate(16deg);
	animation: ptLaserSweep 6.4s ease-in-out infinite;
	pointer-events: none;
}

#pt-product-center .pt-product-image-link {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/* 去掉产品主图背后的圆形/金属背景，让产品本体成为唯一视觉焦点 */
#pt-product-center .pt-product-image-link::before {
	display: none;
	content: none;
}

#pt-product-center .pt-product-image {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 93% !important;
	max-height: 98% !important;
	object-fit: contain !important;
	object-position: center center !important;
	transform: translate3d(var(--img-x), var(--img-y), 0) scale(1);
	transform-origin: center center;
	filter: drop-shadow(0 22px 24px rgba(63,84,97,.16));
	transition: transform .68s cubic-bezier(.18,.78,.18,1), filter .55s ease;
	will-change: transform;
}

#pt-product-center .pt-product-card:hover .pt-product-image {
	transform: translate3d(var(--img-x), calc(var(--img-y) - 12px), 0) scale(1.13);
	filter: drop-shadow(0 31px 30px rgba(51,91,112,.22));
}

#pt-product-center .pt-product-placeholder {
	position: relative;
	z-index: 3;
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	color: rgba(16,62,92,.28);
	font-size: 56px;
}

/* 信息舱 */
#pt-product-center .pt-product-info {
	position: relative;
	z-index: 5;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 23px 25px 25px;
	border-top: 1px solid rgba(63,136,175,.10);
	background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,253,255,.96));
}

#pt-product-center .pt-product-info::before {
	content: "";
	position: absolute;
	top: 0;
	left: 25px;
	width: 78px;
	height: 2px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--pt-cyan), var(--pt-violet), var(--pt-orange));
	background-size: 220% 100%;
	animation: ptLineFlow 3.4s linear infinite;
}

#pt-product-center .pt-category-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

#pt-product-center .pt-product-category {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	color: #1686c5;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 1.35px;
	text-transform: uppercase;
	text-decoration: none;
}

#pt-product-center .pt-product-category::before {
	content: "";
	width: 7px;
	height: 7px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--pt-cyan);
	box-shadow: 0 0 0 4px rgba(40,216,245,.10), 0 0 12px rgba(40,216,245,.32);
}

#pt-product-center .pt-status-dot {
	position: relative;
	width: 22px;
	height: 8px;
	flex: 0 0 auto;
	border-radius: 999px;
	background: rgba(16,93,133,.10);
	overflow: hidden;
}

#pt-product-center .pt-status-dot::after {
	content: "";
	position: absolute;
	inset: 1px auto 1px 1px;
	width: 7px;
	border-radius: inherit;
	background: var(--pt-green);
	box-shadow: 0 0 10px rgba(37,205,163,.5);
	animation: ptStatusSlide 2.2s ease-in-out infinite;
}

#pt-product-center .pt-product-title {
	margin: 0 0 9px;
	color: #102b45;
	font-size: 22px;
	line-height: 1.28;
	font-weight: 850;
	letter-spacing: -.3px;
}

#pt-product-center .pt-product-title a {
	color: inherit;
	text-decoration: none;
	transition: color .25s ease;
}

#pt-product-center .pt-product-title a:hover { color: var(--pt-blue); }

#pt-product-center .pt-product-excerpt {
	display: -webkit-box;
	overflow: hidden;
	min-height: 44px;
	margin: 0 0 17px;
	color: #728493;
	font-size: 13px;
	line-height: 1.68;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#pt-product-center .pt-product-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	margin-top: auto;
}

#pt-product-center .pt-view-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 42px;
	padding: 5px 5px 5px 15px;
	border: 1px solid rgba(12,143,232,.12);
	border-radius: 999px;
	color: #226f9d;
	background: rgba(239,249,254,.86);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
	font-size: 13px;
	font-weight: 850;
	text-decoration: none;
	transition: transform .3s ease, color .3s ease, box-shadow .3s ease, background .3s ease;
}

#pt-product-center .pt-view-link i {
	display: grid;
	width: 32px;
	height: 32px;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: linear-gradient(135deg, var(--pt-blue), var(--pt-cyan) 55%, var(--pt-violet));
	box-shadow: 0 9px 18px rgba(12,143,232,.23);
	transition: transform .35s cubic-bezier(.2,.75,.2,1), background .3s ease;
}

#pt-product-center .pt-view-link:hover {
	color: #fff;
	background: linear-gradient(135deg, #118bd5, #6b5df6);
	box-shadow: 0 12px 24px rgba(61,104,210,.19);
	transform: translateY(-2px);
}

#pt-product-center .pt-view-link:hover i {
	transform: translateX(4px) rotate(-10deg);
	background: linear-gradient(135deg, var(--pt-orange), #ffbd51);
}

#pt-product-center .pt-product-index { display: none; }

#pt-product-center .pt-product-card.is-filtered-out { display: none !important; }

/* 更有表现力的入场：交替方向 + 模糊恢复 */
#pt-product-center .pt-product-card.pt-reveal-ready {
	opacity: 0;
	filter: blur(8px);
	transform: perspective(1200px) translateY(42px) scale(.96) rotateX(4deg);
}

#pt-product-center .pt-product-card:nth-child(3n+1).pt-reveal-ready {
	transform: perspective(1200px) translate(-24px, 42px) scale(.96) rotateY(4deg);
}

#pt-product-center .pt-product-card:nth-child(3n).pt-reveal-ready {
	transform: perspective(1200px) translate(24px, 42px) scale(.96) rotateY(-4deg);
}

#pt-product-center .pt-product-card.pt-reveal-ready.is-visible {
	opacity: 1;
	filter: blur(0);
	transform: perspective(1200px) translateY(0) scale(1) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
}

#pt-product-center .pt-empty {
	grid-column: 1 / -1;
	padding: 58px 24px;
	border: 1px solid rgba(12,143,232,.16);
	border-radius: 24px;
	color: var(--pt-muted);
	background: rgba(255,255,255,.68);
	box-shadow: 0 18px 44px rgba(35,82,111,.08);
	text-align: center;
	backdrop-filter: blur(12px);
}



/* 各产品栏目“更多产品”入口 */
#pt-product-center .pt-category-more {
	position: relative;
	display: none;
	margin-top: 42px;
	padding-top: 30px;
}

#pt-product-center .pt-category-more.is-visible {
	display: block;
	animation: ptMoreAreaReveal .46s cubic-bezier(.2,.75,.2,1) both;
}

#pt-product-center .pt-category-more::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(760px, 86%);
	height: 1px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, rgba(12,143,232,.34), rgba(124,94,246,.28), rgba(255,154,40,.30), transparent);
}

#pt-product-center .pt-category-more-title {
	margin: 0 0 18px;
	color: #415a6e;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 2.2px;
	text-align: center;
	text-transform: uppercase;
}

#pt-product-center .pt-category-more-grid {
	display: flex;
	justify-content: center;
}

#pt-product-center .pt-more-link {
	--more-x: 50%;
	--more-y: 50%;
	position: relative;
	display: none;
	width: min(520px, 100%);
	min-height: 94px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	overflow: hidden;
	padding: 18px 18px 18px 20px;
	border: 1px solid rgba(12,143,232,.18);
	border-radius: 20px;
	color: var(--pt-ink);
	background:
			radial-gradient(circle 150px at var(--more-x) var(--more-y), rgba(76,212,245,.13), transparent 68%),
			linear-gradient(135deg, rgba(255,255,255,.92), rgba(238,247,252,.76));
	box-shadow: 0 14px 34px rgba(35,82,111,.08), inset 0 1px 0 rgba(255,255,255,.96);
	text-decoration: none;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: transform .38s cubic-bezier(.2,.75,.2,1), border-color .3s ease, box-shadow .3s ease, color .3s ease;
}

#pt-product-center .pt-more-link.is-active {
	display: flex;
	animation: ptMoreLinkReveal .5s cubic-bezier(.2,.75,.2,1) both;
}

#pt-product-center .pt-more-link::before {
	content: "";
	position: absolute;
	top: 0;
	left: -45%;
	width: 42%;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--pt-blue), var(--pt-cyan), var(--pt-orange), transparent);
	box-shadow: 0 0 12px rgba(77,212,245,.40);
	animation: ptMoreSignal 4.8s ease-in-out infinite;
}

#pt-product-center .pt-more-link::after {
	content: "";
	position: absolute;
	right: -42px;
	bottom: -54px;
	width: 120px;
	height: 120px;
	border: 1px solid rgba(12,143,232,.12);
	border-radius: 50%;
	box-shadow: 0 0 0 18px rgba(76,212,245,.035), 0 0 0 38px rgba(124,94,246,.025);
	transition: transform .55s ease, border-color .35s ease;
}

#pt-product-center .pt-more-copy {
	position: relative;
	z-index: 2;
	min-width: 0;
}

#pt-product-center .pt-more-copy small {
	display: block;
	margin-bottom: 5px;
	color: #718596;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

#pt-product-center .pt-more-copy strong {
	display: block;
	overflow: hidden;
	color: #19384e;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#pt-product-center .pt-more-arrow {
	position: relative;
	z-index: 3;
	display: grid;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	place-items: center;
	border-radius: 14px;
	color: #fff;
	background: linear-gradient(135deg, var(--pt-blue), var(--pt-cyan) 58%, var(--pt-violet));
	box-shadow: 0 10px 20px rgba(12,143,232,.22);
	transition: transform .35s cubic-bezier(.2,.75,.2,1), background .3s ease, box-shadow .3s ease;
}

#pt-product-center .pt-more-link:hover {
	color: inherit;
	border-color: rgba(12,143,232,.42);
	box-shadow: 0 22px 48px rgba(36,102,143,.15), 0 0 28px rgba(76,212,245,.08), inset 0 1px 0 #fff;
	transform: translateY(-7px);
}

#pt-product-center .pt-more-link:hover::after {
	border-color: rgba(255,154,40,.24);
	transform: scale(1.12) rotate(12deg);
}

#pt-product-center .pt-more-link:hover .pt-more-arrow {
	transform: translateX(4px) rotate(-8deg);
	background: linear-gradient(135deg, var(--pt-orange), #ffbd51);
	box-shadow: 0 12px 24px rgba(255,154,40,.26);
}

@keyframes ptMoreAreaReveal {
	from { opacity: 0; transform: translateY(16px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes ptMoreLinkReveal {
	from { opacity: 0; transform: translateY(12px) scale(.985); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ptMoreSignal {
	0%, 16% { left: -45%; opacity: 0; }
	30% { opacity: 1; }
	72% { opacity: 1; }
	88%, 100% { left: 105%; opacity: 0; }
}

@property --ring-angle {
	syntax: '<angle>';
	inherits: false;
	initial-value: 0deg;
}

@keyframes ptAuroraDrift {
	0% { transform: translate3d(-2%, -1%, 0) scale(1); }
	50% { transform: translate3d(3%, 2%, 0) scale(1.06); }
	100% { transform: translate3d(-1%, 4%, 0) scale(.98); }
}

@keyframes ptOrbitSpin { to { rotate: 360deg; } }
@keyframes ptLineFlow { to { background-position: 220% 0; } }
@keyframes ptBorderOrbit { to { --ring-angle: 360deg; } }

@keyframes ptRibbonRun {
	0% { transform: rotate(-8deg) translateX(-20%); opacity: 0; }
	12% { opacity: .34; }
	85% { opacity: .34; }
	100% { transform: rotate(-8deg) translateX(20%); opacity: 0; }
}

@keyframes ptStarPulse {
	0%, 100% { transform: scale(.65); opacity: .12; }
	50% { transform: scale(1.35); opacity: .72; }
}

@keyframes ptStagePulse {
	0%, 100% { opacity: .56; transform: translateX(-50%) rotateX(68deg) scale(.96); }
	50% { opacity: 1; transform: translateX(-50%) rotateX(68deg) scale(1.06); }
}

@keyframes ptLaserSweep {
	0%, 12% { left: 12%; opacity: 0; }
	28% { opacity: .28; }
	72% { opacity: .28; }
	88%, 100% { left: 88%; opacity: 0; }
}

@keyframes ptHoloDisc {
	0% { transform: translate(-50%, -50%) rotate(0deg) scale(.98); }
	50% { transform: translate(-50%, -50%) rotate(180deg) scale(1.03); }
	100% { transform: translate(-50%, -50%) rotate(360deg) scale(.98); }
}

@keyframes ptStatusSlide {
	0%, 100% { left: 1px; }
	50% { left: 13px; }
}

@media (max-width: 991px) {
	#pt-product-center { padding: 84px 0 92px; }
	#pt-product-center .pt-heading { grid-template-columns: 1fr; gap: 20px; }
	#pt-product-center .pt-heading p { max-width: 650px; }
	#pt-product-center .pt-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
}

@media (max-width: 575px) {
	#pt-product-center { padding: 68px 0 76px; }
	#pt-product-center .pt-heading-main { padding-left: 16px; }
	#pt-product-center .pt-heading h2 { font-size: 35px; }
	#pt-product-center .pt-heading p { padding: 17px 18px; font-size: 14px; }
	#pt-product-center .pt-filters { width: 100%; gap: 6px; margin-bottom: 26px; }
	#pt-product-center .pt-filter-link { min-height: 38px; padding: 8px 12px; font-size: 12px; }
	#pt-product-center .pt-products-grid { grid-template-columns: 1fr; gap: 18px; }
	#pt-product-center .pt-product-card { min-height: 0; border-radius: 22px; }
	#pt-product-center .pt-product-media { height: 335px; }
	#pt-product-center .pt-product-info { padding: 22px 20px 22px; }
	#pt-product-center .pt-category-more { margin-top: 32px; padding-top: 24px; }
	#pt-product-center .pt-category-more-grid { grid-template-columns: 1fr; gap: 10px; }
	#pt-product-center .pt-more-link { min-height: 82px; border-radius: 18px; }
}

@media (hover: none) {
	#pt-product-center .pt-product-card {
		--tilt-x: 0deg !important;
		--tilt-y: 0deg !important;
		--img-x: 0px !important;
		--img-y: 0px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#pt-product-center *,
	#pt-product-center *::before,
	#pt-product-center *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}


/* ============================================================
 * 参考图统一色调：浅冷灰蓝 / 雾面工业银白
 * 主基色取自参考图约 #EEF3F7，所有高饱和蓝紫橙降为钢蓝灰。
 * ============================================================ */
#pt-product-center {
	--pt-ink: #2f4352;
	--pt-muted: #748693;
	--pt-blue: #6f8fa4;
	--pt-cyan: #a8c0cf;
	--pt-violet: #879aa8;
	--pt-orange: #aab6bf;
	--pt-green: #8fa7a3;
	background:
			radial-gradient(circle at 12% 8%, rgba(255,255,255,.76), transparent 30%),
			radial-gradient(circle at 88% 16%, rgba(218,229,236,.44), transparent 32%),
			linear-gradient(145deg, #f2f6f9 0%, #eef3f7 44%, #edf3f6 100%);
}

#pt-product-center::before {
	background:
			radial-gradient(ellipse at 25% 42%, rgba(209,222,230,.34), transparent 30%),
			radial-gradient(ellipse at 67% 34%, rgba(226,234,239,.42), transparent 29%),
			radial-gradient(ellipse at 76% 76%, rgba(205,218,226,.24), transparent 27%);
	filter: blur(28px);
	opacity: .78;
}

#pt-product-center::after {
	background: radial-gradient(
			circle 460px at var(--pt-mx) var(--pt-my),
			rgba(255,255,255,.68),
			rgba(214,226,234,.18) 34%,
			transparent 70%
	);
	opacity: .72;
}

#pt-product-center .pt-orbit {
	background: repeating-conic-gradient(
			from 0deg,
			rgba(111,143,164,.26) 0deg 1deg,
			transparent 1deg 7deg
	);
	opacity: .18;
}

#pt-product-center .pt-energy-ribbons span {
	background: linear-gradient(
			90deg,
			transparent 0 8%,
			rgba(135,154,168,.08) 20%,
			rgba(168,192,207,.42) 50%,
			rgba(111,143,164,.12) 76%,
			transparent 94%
	);
	box-shadow: 0 0 12px rgba(133,160,177,.10);
	opacity: .24;
}

#pt-product-center .pt-star-field i {
	background: #9db4c3 !important;
	box-shadow: 0 0 12px rgba(126,153,170,.22);
	opacity: .11;
}

#pt-product-center .pt-heading-main::before {
	background: linear-gradient(180deg, #a9becb, #7894a7 55%, #91a5b2);
	box-shadow: 0 0 12px rgba(126,153,170,.16);
}

#pt-product-center .pt-eyebrow {
	color: #678297;
}

#pt-product-center .pt-eyebrow::before,
#pt-product-center .pt-product-info::before,
#pt-product-center .pt-more-link::before {
	background: linear-gradient(90deg, #9fb7c7, #708fa4, #b1c0ca);
	box-shadow: none;
}

#pt-product-center .pt-heading h2 {
	color: #304554;
}

#pt-product-center .pt-heading h2::after {
	background: #9fb2bf;
	box-shadow: 0 0 12px rgba(111,143,164,.18);
}

#pt-product-center .pt-heading p,
#pt-product-center .pt-filters {
	border-color: rgba(112,143,163,.15);
	background: rgba(245,248,250,.66);
	box-shadow: 0 14px 34px rgba(73,96,111,.06), inset 0 1px 0 rgba(255,255,255,.88);
}

#pt-product-center .pt-filter-link {
	color: #607788;
}

#pt-product-center .pt-filter-link::after {
	background: linear-gradient(90deg, #a8bfce, #748fa2, #9aabb6);
}

#pt-product-center .pt-filter-link:hover,
#pt-product-center .pt-filter-link.is-active {
	color: #fff;
	background: linear-gradient(135deg, #7f99aa, #657f91 58%, #899da9);
	box-shadow: 0 9px 20px rgba(70,95,111,.16);
}

#pt-product-center .pt-product-card {
	border-color: rgba(113,137,152,.17);
	background: linear-gradient(160deg, rgba(247,250,252,.96), rgba(239,244,247,.94));
	box-shadow:
			0 22px 54px rgba(64,84,98,.09),
			inset 0 1px 0 rgba(255,255,255,.93);
}

#pt-product-center .pt-product-card::before {
	background: conic-gradient(
			from var(--ring-angle, 0deg),
			rgba(132,155,170,.06),
			rgba(168,192,207,.54),
			rgba(111,143,164,.38),
			rgba(185,199,208,.46),
			rgba(132,155,170,.06)
	);
	opacity: .22;
}

#pt-product-center .pt-product-card::after {
	background: radial-gradient(
			circle 190px at var(--card-x) var(--card-y),
			rgba(255,255,255,.82),
			rgba(171,196,210,.20) 36%,
			transparent 72%
	);
	opacity: .06;
}

#pt-product-center .pt-product-card:hover {
	border-color: rgba(111,143,164,.34);
	box-shadow:
			0 34px 76px rgba(54,78,94,.14),
			0 0 0 1px rgba(168,192,207,.13),
			0 0 34px rgba(126,153,170,.07),
			inset 0 1px 0 rgba(255,255,255,.96);
}

/* 产品主图区域：与参考图保持同一浅冷灰蓝底色 */
#pt-product-center .pt-product-media {
	border-bottom-color: rgba(115,138,153,.10);
	background:
			radial-gradient(circle at 20% 12%, rgba(255,255,255,.58), transparent 30%),
			radial-gradient(circle at 84% 86%, rgba(221,230,236,.30), transparent 28%),
			repeating-linear-gradient(
					96deg,
					rgba(114,136,150,.015) 0 1px,
					transparent 1px 9px
			),
			linear-gradient(145deg, #f1f5f8 0%, #eef3f7 48%, #edf3f6 100%);
	box-shadow:
			inset 0 1px 0 rgba(255,255,255,.82),
			inset 0 -18px 34px rgba(103,123,136,.025);
}

#pt-product-center .pt-product-media::before {
	background: radial-gradient(
			ellipse at center,
			rgba(83,101,113,.10) 0%,
			rgba(83,101,113,.045) 40%,
			transparent 72%
	);
	opacity: .78;
}

#pt-product-center .pt-product-media::after {
	background: linear-gradient(
			90deg,
			transparent,
			rgba(255,255,255,.12),
			rgba(255,255,255,.70),
			rgba(178,198,210,.08),
			transparent
	);
	opacity: .14;
}

#pt-product-center .pt-product-image {
	filter: drop-shadow(0 22px 24px rgba(62,79,91,.14));
}

#pt-product-center .pt-product-card:hover .pt-product-image {
	filter: drop-shadow(0 31px 30px rgba(49,68,82,.19));
}

#pt-product-center .pt-product-info {
	border-top-color: rgba(110,133,149,.09);
	background: linear-gradient(180deg, rgba(246,249,251,.98), rgba(239,244,247,.97));
}

#pt-product-center .pt-product-category {
	color: #6c8799;
}

#pt-product-center .pt-product-category::before {
	background: #9fb7c6;
	box-shadow: 0 0 0 4px rgba(159,183,198,.10), 0 0 10px rgba(111,143,164,.18);
}

#pt-product-center .pt-status-dot {
	background: rgba(101,128,145,.10);
}

#pt-product-center .pt-product-title {
	color: #304554;
}

#pt-product-center .pt-product-title a:hover {
	color: #657f91;
}

#pt-product-center .pt-product-excerpt {
	color: #7a8a95;
}

#pt-product-center .pt-view-link {
	border-color: rgba(111,143,164,.14);
	color: #5e7a8d;
	background: rgba(238,243,247,.90);
}

#pt-product-center .pt-view-link i,
#pt-product-center .pt-more-arrow {
	background: linear-gradient(135deg, #8ea7b8, #6f8fa4 58%, #8197a6);
	box-shadow: 0 9px 18px rgba(64,91,108,.16);
}

#pt-product-center .pt-view-link:hover {
	color: #fff;
	background: linear-gradient(135deg, #7d97a8, #637d8f);
	box-shadow: 0 12px 24px rgba(65,88,103,.14);
}

#pt-product-center .pt-view-link:hover i,
#pt-product-center .pt-more-link:hover .pt-more-arrow {
	background: linear-gradient(135deg, #9cabb5, #7c93a2);
	box-shadow: 0 12px 22px rgba(70,91,104,.16);
}

#pt-product-center .pt-empty {
	border-color: rgba(111,143,164,.14);
	background: rgba(244,248,250,.74);
	box-shadow: 0 18px 42px rgba(60,82,97,.06);
}

#pt-product-center .pt-category-more::before {
	background: linear-gradient(90deg, transparent, rgba(132,155,170,.20), rgba(168,192,207,.28), rgba(132,155,170,.20), transparent);
}

#pt-product-center .pt-category-more-title {
	color: #6a7f8e;
}

#pt-product-center .pt-more-link {
	border-color: rgba(111,143,164,.16);
	background:
			radial-gradient(circle 150px at var(--more-x) var(--more-y), rgba(196,213,223,.13), transparent 68%),
			linear-gradient(135deg, rgba(247,250,252,.94), rgba(237,243,247,.88));
	box-shadow: 0 14px 34px rgba(57,78,92,.07), inset 0 1px 0 rgba(255,255,255,.92);
}

#pt-product-center .pt-more-link::after {
	border-color: rgba(111,143,164,.10);
	box-shadow: 0 0 0 18px rgba(168,192,207,.025), 0 0 0 38px rgba(111,143,164,.018);
}

#pt-product-center .pt-more-copy small {
	color: #7a8b97;
}

#pt-product-center .pt-more-copy strong {
	color: #344b5a;
}

#pt-product-center .pt-more-link:hover {
	border-color: rgba(111,143,164,.34);
	box-shadow: 0 22px 46px rgba(54,78,94,.11), 0 0 24px rgba(168,192,207,.06), inset 0 1px 0 #fff;
}

#pt-product-center .pt-more-link:hover::after {
	border-color: rgba(129,151,166,.20);
}



/* ============================================================
 * 保留浅冷灰蓝背景，但恢复上一版文字与按钮的蓝 / 青 / 紫 / 橙配色
 * ============================================================ */
#pt-product-center .pt-eyebrow {
	color: #2878aa;
}

#pt-product-center .pt-heading h2 {
	color: #102b45;
}

#pt-product-center .pt-heading p {
	color: #6f8393;
}

#pt-product-center .pt-filter-link {
	color: #46657b;
}

#pt-product-center .pt-filter-link::after {
	background: linear-gradient(90deg, #28d8f5, #7659ff, #ff9b27);
}

#pt-product-center .pt-filter-link:hover,
#pt-product-center .pt-filter-link.is-active {
	color: #fff;
	background: linear-gradient(135deg, #0f8be0, #25bfe8 56%, #6158f2);
	box-shadow: 0 9px 22px rgba(20,145,219,.23);
}

#pt-product-center .pt-product-category {
	color: #1686c5;
}

#pt-product-center .pt-product-category::before {
	background: #28d8f5;
	box-shadow: 0 0 0 4px rgba(40,216,245,.10), 0 0 12px rgba(40,216,245,.32);
}

#pt-product-center .pt-status-dot::after {
	background: #25cda3;
	box-shadow: 0 0 10px rgba(37,205,163,.5);
}

#pt-product-center .pt-product-title {
	color: #102b45;
}

#pt-product-center .pt-product-title a:hover {
	color: #0c8fe8;
}

#pt-product-center .pt-product-excerpt {
	color: #728493;
}

#pt-product-center .pt-view-link {
	border-color: rgba(12,143,232,.12);
	color: #226f9d;
	background: rgba(239,249,254,.86);
}

#pt-product-center .pt-view-link i {
	color: #fff;
	background: linear-gradient(135deg, #0c8fe8, #28d8f5 55%, #7659ff);
	box-shadow: 0 9px 18px rgba(12,143,232,.23);
}

#pt-product-center .pt-view-link:hover {
	color: #fff;
	background: linear-gradient(135deg, #118bd5, #6b5df6);
	box-shadow: 0 12px 24px rgba(61,104,210,.19);
}

#pt-product-center .pt-view-link:hover i {
	background: linear-gradient(135deg, #ff9b27, #ffbd51);
	box-shadow: 0 12px 24px rgba(255,154,40,.26);
}

#pt-product-center .pt-category-more-title {
	color: #415a6e;
}

#pt-product-center .pt-more-copy small {
	color: #718596;
}

#pt-product-center .pt-more-copy strong {
	color: #19384e;
}

#pt-product-center .pt-more-arrow {
	color: #fff;
	background: linear-gradient(135deg, #0c8fe8, #28d8f5 58%, #7659ff);
	box-shadow: 0 10px 20px rgba(12,143,232,.22);
}

#pt-product-center .pt-more-link:hover {
	color: inherit;
	border-color: rgba(12,143,232,.42);
	box-shadow: 0 22px 48px rgba(36,102,143,.15), 0 0 28px rgba(76,212,245,.08), inset 0 1px 0 #fff;
}

#pt-product-center .pt-more-link:hover::after {
	border-color: rgba(255,154,40,.24);
}

#pt-product-center .pt-more-link:hover .pt-more-arrow {
	background: linear-gradient(135deg, #ff9b27, #ffbd51);
	box-shadow: 0 12px 24px rgba(255,154,40,.26);
}

/*新增
 */
 .news-section {
	 position: relative;
	 overflow: hidden;
 }

.news-section .news-section-heading {
	margin-bottom: 42px;
	text-align: center;
}

.news-section .news-section-heading h6 {
	margin-bottom: 10px;
	color: #1e73be;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.news-section .news-section-heading h2 {
	margin: 0;
	color: #102f55;
	font-weight: 800;
}

.news-section .news-grid-row {
	row-gap: 30px;
}

.news-section .news-card {
	height: 100%;
	overflow: hidden;
	border: 1px solid rgba(18, 60, 96, .10);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(31, 70, 104, .08);
	transition:
			transform .35s ease,
			box-shadow .35s ease,
			border-color .35s ease;
}

.news-section .news-card:hover {
	transform: translateY(-7px);
	border-color: rgba(30, 115, 190, .22);
	box-shadow: 0 20px 46px rgba(31, 70, 104, .14);
}

.news-section .news-card-image {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #eef3f7;
}

.news-section .news-card-image > a {
	display: block;
	width: 100%;
	height: 100%;
}

.news-section .news-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .55s cubic-bezier(.2,.7,.2,1);
}

.news-section .news-card:hover .news-card-image img {
	transform: scale(1.065);
}

.news-section .news-card-category {
	position: absolute;
	left: 18px;
	bottom: 16px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 5px 12px;
	border-radius: 999px;
	color: #fff;
	background: rgba(16, 47, 85, .92);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	box-shadow: 0 5px 15px rgba(0,0,0,.12);
}

.news-section .news-card-category a {
	color: inherit;
	text-decoration: none;
}

.news-section .news-card-body {
	padding: 24px 24px 26px;
}

.news-section .news-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin: 0 0 13px;
	padding: 0;
	list-style: none;
	color: #718096;
	font-size: 13px;
}

.news-section .news-meta li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.news-section .news-meta i {
	color: #1e73be;
}

.news-section .news-meta a,
.news-section .news-meta time {
	color: inherit;
	text-decoration: none;
}

.news-section .news-card-title {
	margin: 0 0 14px;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.42;
}

.news-section .news-card-title a {
	color: #12355b;
	text-decoration: none;
	transition: color .25s ease;
}

.news-section .news-card-title a:hover {
	color: #1e73be;
}

.news-section .news-card-excerpt {
	margin: 0 0 20px;
	color: #64748b;
	font-size: 14px;
	line-height: 1.8;
}

.news-section .news-read-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #1e73be;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	transition: gap .25s ease, color .25s ease;
}

.news-section .news-read-more:hover {
	gap: 13px;
	color: #f28c18;
}

.news-section .news-more-wrap {
	margin-top: 46px;
	text-align: center;
}

.news-section .news-more-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 170px;
	min-height: 48px;
	padding: 12px 28px;
	border-radius: 6px;
	color: #fff;
	background: linear-gradient(135deg, #0f3b68, #1e73be);
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(30, 115, 190, .20);
	transition:
			transform .3s ease,
			box-shadow .3s ease,
			background .3s ease;
}

.news-section .news-more-btn:hover {
	color: #fff;
	background: linear-gradient(135deg, #f28c18, #f6a82f);
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(242, 140, 24, .24);
}

@media (max-width: 767px) {
	.news-section .news-card-body {
		padding: 21px 20px 23px;
	}

	.news-section .news-card-title {
		font-size: 19px;
	}
}
/*联系

 */
.yakoo-contact-section {
	--yc-bg: #eef3f7;
	--yc-card: rgba(255,255,255,.95);
	--yc-line: #d8e2ea;
	--yc-navy: #17344a;
	--yc-blue: #164d80;
	--yc-blue-dark: #102f55;
	--yc-text: #536a7b;
	--yc-muted: #8796a3;
	--yc-orange: #f28c18;
	--yc-orange-2: #ffa52f;
	position: relative;
	overflow: hidden;
	padding: 76px 0;
	background:
			radial-gradient(circle at 12% 14%, rgba(79,157,209,.10), transparent 30%),
			radial-gradient(circle at 90% 80%, rgba(242,140,24,.08), transparent 28%),
			var(--yc-bg);
}

.yakoo-contact-section,
.yakoo-contact-section * {
	box-sizing: border-box;
}

.yakoo-contact-section::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .30;
	background-image:
			linear-gradient(rgba(23,52,74,.045) 1px, transparent 1px),
			linear-gradient(90deg, rgba(23,52,74,.045) 1px, transparent 1px);
	background-size: 52px 52px;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}

.yakoo-contact-section .yc-container {
	position: relative;
	z-index: 2;
	width: min(1200px, calc(100% - 40px));
	margin: 0 auto;
}

.yakoo-contact-section .yc-grid {
	display: grid;
	grid-template-columns: minmax(340px,.92fr) minmax(0,1.38fr);
	gap: 12px;
	align-items: start;
}

.yakoo-contact-section .yc-panel {
	border: 1px solid rgba(255,255,255,.88);
	border-radius: 24px;
	background: var(--yc-card);
	box-shadow:
			0 22px 70px rgba(54,84,108,.11),
			inset 0 1px 0 rgba(255,255,255,.96);
}

/* =========================
   LEFT CONTACT INFORMATION
   ========================= */
.yakoo-contact-section .yc-info-panel {
	display: flex;
	flex-direction: column;
	padding: 26px;
	align-self: start;
}

.yakoo-contact-section .yc-info-head {
	margin-bottom: 18px;
	padding: 2px 4px 0;
}

.yakoo-contact-section .yc-info-kicker {
	display: inline-block;
	margin-bottom: 7px;
	color: var(--yc-orange);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 1.5px;
}

.yakoo-contact-section .yc-info-head h3 {
	margin: 0 0 8px;
	color: #112d43;
	font-size: 24px;
	font-weight: 850;
	line-height: 1.2;
}

.yakoo-contact-section .yc-info-head p {
	margin: 0;
	color: var(--yc-text);
	font-size: 13px;
	line-height: 1.65;
}

.yakoo-contact-section .yc-info-list {
	display: grid;
	gap: 12px;
}

.yakoo-contact-section .yc-info-card {
	display: grid;
	grid-template-columns: 72px minmax(0,1fr);
	gap: 16px;
	align-items: center;
	min-height: 102px;
	padding: 15px 17px;
	border: 1px solid var(--yc-line);
	border-radius: 20px;
	background: linear-gradient(135deg,#fff 0%,#f8fafc 100%);
	transition:
			transform .32s ease,
			box-shadow .32s ease,
			border-color .32s ease;
}

.yakoo-contact-section .yc-info-card:hover {
	transform: translateY(-4px);
	border-color: rgba(22,77,128,.23);
	box-shadow: 0 16px 34px rgba(47,79,103,.10);
}

.yakoo-contact-section .yc-icon-ring {
	position: relative;
	display: grid;
	width: 64px;
	height: 64px;
	place-items: center;
	border: 2px dashed var(--yc-blue);
	border-radius: 50%;
}

.yakoo-contact-section .yc-icon-ring::before {
	content: "";
	position: absolute;
	inset: 6px;
	border-radius: 50%;
	background: linear-gradient(145deg,#263f50,#39576a);
	box-shadow: 0 8px 20px rgba(23,52,74,.18);
}

.yakoo-contact-section .yc-icon-ring i {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 19px;
}

.yakoo-contact-section .yc-info-copy h3 {
	margin: 0 0 9px;
	color: #122b3f;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
}

.yakoo-contact-section .yc-info-copy p,
.yakoo-contact-section .yc-info-copy a {
	margin: 0;
	color: var(--yc-text);
	font-size: 13px;
	line-height: 1.65;
	text-decoration: none;
}

.yakoo-contact-section .yc-info-copy a:hover {
	color: var(--yc-orange);
}

.yakoo-contact-section .yc-service-box {
	margin-top: 16px;
	padding: 18px 20px;
	border-radius: 18px;
	color: #fff;
	background: linear-gradient(135deg,#17344a 0%,#27495d 100%);
	box-shadow: 0 16px 34px rgba(23,52,74,.16);
}

.yakoo-contact-section .yc-service-box-inner {
	display: flex;
	align-items: center;
	gap: 14px;
}

.yakoo-contact-section .yc-service-box i {
	color: #fff;
	font-size: 20px;
}

.yakoo-contact-section .yc-service-box strong {
	display: block;
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: 800;
}

.yakoo-contact-section .yc-service-box span {
	color: rgba(255,255,255,.78);
	font-size: 13px;
}

/* =========================
   RIGHT CF7 PANEL
   ========================= */
.yakoo-contact-section .yc-form-panel {
	padding: 34px 36px 32px;
}

.yakoo-contact-section .yc-kicker {
	display: inline-block;
	margin-bottom: 9px;
	color: #c96d0c;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

.yakoo-contact-section .yc-form-heading h2 {
	margin: 0 0 12px;
	color: #112d43;
	font-size: clamp(30px,2.7vw,42px);
	font-weight: 850;
	line-height: 1.1;
	letter-spacing: -.5px;
}

.yakoo-contact-section .yc-form-heading p {
	max-width: 780px;
	margin: 0 0 24px;
	color: var(--yc-text);
	font-size: 15px;
	line-height: 1.72;
}

/* Contact Form 7 */
.yakoo-contact-section .wpcf7 {
	margin: 0;
}

.yakoo-contact-section .wpcf7-form {
	margin: 0;
}

.yakoo-contact-section .yc-cf7-grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 16px 18px;
}

.yakoo-contact-section .yc-cf7-field--full {
	grid-column: 1 / -1;
}

.yakoo-contact-section .yc-cf7-field label {
	display: block;
	margin: 0;
	color: #142f45;
	font-size: 13px;
	font-weight: 800;
}

.yakoo-contact-section .yc-cf7-required {
	color: #e87814;
}

.yakoo-contact-section .yc-cf7-field .wpcf7-form-control-wrap {
	display: block;
	margin-top: 9px;
}

.yakoo-contact-section .wpcf7-form-control:not(.wpcf7-submit) {
	display: block;
	width: 100%;
	border: 1px solid #ccd7df;
	border-radius: 12px;
	outline: none;
	color: #243e51;
	background: rgba(255,255,255,.94);
	font: inherit;
	transition:
			border-color .25s ease,
			box-shadow .25s ease,
			background .25s ease;
}

.yakoo-contact-section input.wpcf7-form-control,
.yakoo-contact-section select.wpcf7-form-control {
	height: 54px;
	padding: 0 18px;
}

/*
 * CF7 select fix:
 * Force the Product Type field back to a real native browser select.
 * Some themes load Nice Select / custom-select CSS which can leave the
 * visible control unclickable when used inside Contact Form 7.
 */
.yakoo-contact-section select.wpcf7-form-control,
.yakoo-contact-section select.wpcf7-select {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	position: relative !important;
	z-index: 20 !important;
	width: 100% !important;
	cursor: pointer !important;
	-webkit-appearance: menulist !important;
	-moz-appearance: menulist !important;
	appearance: auto !important;
	background-image: none !important;
}

.yakoo-contact-section .wpcf7-form-control-wrap {
	position: relative !important;
	z-index: 10;
	pointer-events: auto !important;
}

/* Disable theme-generated fake dropdowns inside this module. */
.yakoo-contact-section .nice-select,
.yakoo-contact-section .select2-container,
.yakoo-contact-section .custom-select-wrapper,
.yakoo-contact-section .select-selected {
	display: none !important;
}

.yakoo-contact-section textarea.wpcf7-form-control {
	min-height: 142px;
	padding: 16px 18px;
	resize: vertical;
}

.yakoo-contact-section .wpcf7-form-control::placeholder {
	color: #94a3af;
}

.yakoo-contact-section .wpcf7-form-control:not(.wpcf7-submit):focus {
	border-color: rgba(22,77,128,.55);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(22,77,128,.08);
}

.yakoo-contact-section .wpcf7-not-valid {
	border-color: #dc5b4c !important;
	box-shadow: 0 0 0 3px rgba(220,91,76,.07) !important;
}

.yakoo-contact-section .wpcf7-not-valid-tip {
	margin-top: 7px;
	color: #c84638;
	font-size: 12px;
	font-weight: 600;
}

.yakoo-contact-section .yc-cf7-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 20px;
}

.yakoo-contact-section input.wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 205px;
	min-height: 52px;
	padding: 13px 28px;
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	color: #fff;
	background: linear-gradient(135deg,var(--yc-orange),#df7807);
	box-shadow: 0 12px 26px rgba(242,140,24,.22);
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
	transition:
			transform .28s ease,
			box-shadow .28s ease,
			background .28s ease;
}

.yakoo-contact-section input.wpcf7-submit:hover {
	transform: translateY(-3px);
	background: linear-gradient(135deg,#ff9e28,#e77d09);
	box-shadow: 0 16px 32px rgba(242,140,24,.30);
}

.yakoo-contact-section .wpcf7-spinner {
	margin: 0 0 0 10px;
	vertical-align: middle;
}

.yakoo-contact-section .yc-cf7-privacy {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #8a98a4;
	font-size: 13px;
	line-height: 1.5;
	text-align: right;
}

.yakoo-contact-section .yc-cf7-privacy i {
	color: #7b8d99;
}

.yakoo-contact-section .wpcf7-response-output {
	margin: 20px 0 0 !important;
	padding: 14px 16px !important;
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.6;
}

.yakoo-contact-section .wpcf7 form.sent .wpcf7-response-output {
	border-color: #49a978;
	color: #256846;
	background: #eefaf3;
}

.yakoo-contact-section .wpcf7 form.invalid .wpcf7-response-output,
.yakoo-contact-section .wpcf7 form.unaccepted .wpcf7-response-output,
.yakoo-contact-section .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #e0a12e;
	color: #76510f;
	background: #fff9e9;
}

.yakoo-contact-section .yc-cf7-missing {
	padding: 18px;
	border: 1px dashed #d79b39;
	border-radius: 12px;
	color: #79520c;
	background: #fff8e8;
}

@media (max-width: 991px) {
	.yakoo-contact-section {
		padding: 76px 0;
	}

	.yakoo-contact-section .yc-grid {
		grid-template-columns: 1fr;
	}

	.yakoo-contact-section .yc-info-panel {
		gap: 22px;
	}

	.yakoo-contact-section .yc-service-box {
		margin-top: 4px;
	}
}

@media (max-width: 767px) {
	.yakoo-contact-section .yc-container {
		width: min(100% - 28px,620px);
	}

	.yakoo-contact-section .yc-panel {
		border-radius: 22px;
	}

	.yakoo-contact-section .yc-info-panel,
	.yakoo-contact-section .yc-form-panel {
		padding: 20px;
	}

	.yakoo-contact-section .yc-info-head h3 {
		font-size: 21px;
	}

	.yakoo-contact-section .yc-info-card {
		grid-template-columns: 68px minmax(0,1fr);
		gap: 15px;
		min-height: 110px;
		padding: 16px;
	}

	.yakoo-contact-section .yc-icon-ring {
		width: 62px;
		height: 62px;
	}

	.yakoo-contact-section .yc-cf7-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.yakoo-contact-section .yc-cf7-field--full {
		grid-column: auto;
	}

	.yakoo-contact-section .yc-cf7-footer {
		display: block;
	}

	.yakoo-contact-section input.wpcf7-submit {
		width: 100%;
	}

	.yakoo-contact-section .yc-cf7-privacy {
		justify-content: center;
		width: 100%;
		margin-top: 15px;
		text-align: center;
	}
}

/* =========================================================
   CF7 COMPACT GRID OVERRIDE
   Removes CF7 auto-p / br spacing that creates empty grid rows.
   Keep this block at the END of this section's <style>.
   ========================================================= */
.yakoo-contact-section .wpcf7-form {
	margin: 0 !important;
	padding: 0 !important;
}

/* CF7 auto paragraph / line-break cleanup */
.yakoo-contact-section .wpcf7-form p:empty,
.yakoo-contact-section .yc-cf7-grid > p,
.yakoo-contact-section .yc-cf7-grid > br,
.yakoo-contact-section .yc-cf7-field > br,
.yakoo-contact-section .yc-cf7-field label > br {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
}

.yakoo-contact-section .yc-cf7-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 18px !important;
	row-gap: 10px !important;
	align-items: start !important;
	align-content: start !important;
}

.yakoo-contact-section .yc-cf7-field {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	align-self: start !important;
}

.yakoo-contact-section .yc-cf7-field label {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
}

.yakoo-contact-section .yc-cf7-field .wpcf7-form-control-wrap {
	display: block !important;
	margin: 5px 0 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	line-height: 1 !important;
}

.yakoo-contact-section input.wpcf7-form-control:not(.wpcf7-submit),
.yakoo-contact-section select.wpcf7-form-control {
	height: 46px !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 0 15px !important;
	border-radius: 10px !important;
	line-height: 46px !important;
}

.yakoo-contact-section select.wpcf7-form-control {
	line-height: normal !important;
}

.yakoo-contact-section textarea.wpcf7-form-control {
	min-height: 118px !important;
	height: 118px !important;
	margin: 0 !important;
	padding: 12px 15px !important;
	border-radius: 10px !important;
	line-height: 1.55 !important;
}

.yakoo-contact-section .yc-cf7-field--full {
	grid-column: 1 / -1 !important;
}

.yakoo-contact-section .wpcf7-not-valid-tip {
	margin: 3px 0 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
}

.yakoo-contact-section .yc-cf7-footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 12px 0 0 !important;
	padding: 0 !important;
}

.yakoo-contact-section input.wpcf7-submit {
	min-height: 46px !important;
	height: 46px !important;
	min-width: 165px !important;
	margin: 0 !important;
	padding: 0 22px !important;
}

.yakoo-contact-section .yc-cf7-privacy {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

.yakoo-contact-section .wpcf7-spinner {
	margin: 0 0 0 7px !important;
}

.yakoo-contact-section .wpcf7-response-output {
	margin: 10px 0 0 !important;
	padding: 9px 12px !important;
}

@media (max-width: 767px) {
	.yakoo-contact-section .yc-cf7-grid {
		grid-template-columns: 1fr !important;
		row-gap: 9px !important;
	}

	.yakoo-contact-section .yc-cf7-field--full {
		grid-column: auto !important;
	}

	.yakoo-contact-section .yc-cf7-footer {
		display: block !important;
		margin-top: 10px !important;
	}

	.yakoo-contact-section input.wpcf7-submit {
		width: 100% !important;
	}

	.yakoo-contact-section .yc-cf7-privacy {
		justify-content: center !important;
		margin-top: 8px !important;
		white-space: normal !important;
		text-align: center !important;
	}
}

/*订阅
 */
/* ========================================
   Newsletter - Contact Form 7
   ======================================== */

.subscribe-section .newsletter-form-wrapper {
	width: 100%;
}

.subscribe-section .newsletter-form-wrapper .wpcf7 {
	margin: 0;
}

.subscribe-section .newsletter-form-wrapper .wpcf7-form {
	margin: 0;
}

/* 清除 CF7 默认段落间距 */
.subscribe-section .newsletter-form-wrapper .wpcf7-form p {
	margin: 0 !important;
}

/* 邮箱 + 按钮整体 */
.subscribe-section .newsletter-form {
	position: relative;
	width: 100%;
}

/* CF7 包裹层 */
.subscribe-section .newsletter-form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

/* 邮箱输入框 */
.subscribe-section .newsletter-form .input-newsletter {
	width: 100% !important;
	height: 60px !important;
	padding: 0 165px 0 20px !important;

	border: none !important;
	border-radius: 6px !important;

	outline: none !important;

	color: #334e62 !important;
	background: #ffffff !important;

	font-size: 14px !important;

	box-shadow: none !important;
}

.subscribe-section .newsletter-form .input-newsletter::placeholder {
	color: #8a9aa7;
}

/* Subscribe 按钮 */
.subscribe-section .newsletter-form input[type="submit"] {
	position: absolute;

	top: 5px;
	right: 5px;

	z-index: 5;

	min-width: 145px;
	height: 50px !important;

	margin: 0 !important;
	padding: 0 22px !important;

	border: none !important;
	border-radius: 5px !important;

	cursor: pointer;

	color: #ffffff !important;

	background:
			linear-gradient(
					135deg,
					#f28c18,
					#df7607
			) !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	transition:
			transform .25s ease,
			background .25s ease,
			box-shadow .25s ease;
}

.subscribe-section .newsletter-form input[type="submit"]:hover {
	transform: translateY(-1px);

	background:
			linear-gradient(
					135deg,
					#ff9f2d,
					#ed810c
			) !important;

	box-shadow:
			0 8px 20px rgba(242, 140, 24, .25);
}

/* CF7 spinner */
.subscribe-section .newsletter-form .wpcf7-spinner {
	position: absolute;

	right: 155px;
	top: 18px;

	margin: 0;
}

/* 邮箱错误提示 */
.subscribe-section .newsletter-form .wpcf7-not-valid-tip {
	position: absolute;

	top: calc(100% + 5px);
	left: 0;

	color: #ffb0a7;

	font-size: 11px;
}

/* 提交结果 */
.subscribe-section .wpcf7-response-output {
	margin: 10px 0 0 !important;
	padding: 8px 12px !important;

	border-radius: 5px;

	color: #ffffff;

	font-size: 12px;
}

/* Mobile */
@media (max-width: 575px) {

	.subscribe-section .newsletter-form .input-newsletter {
		height: 52px !important;

		padding:
				0 15px !important;
	}

	.subscribe-section .newsletter-form input[type="submit"] {
		position: static;

		width: 100%;
		height: 48px !important;

		margin-top: 8px !important;
	}

	.subscribe-section .newsletter-form .wpcf7-spinner {
		position: static;

		margin-top: 8px;
	}
}
/*news
 */
.news-section .news-card-image {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
	background: #eef3f7;
}

.news-section .news-card-image > a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.news-section .news-card-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	object-fit: contain !important;
	object-position: center center !important;
}

.news-section .news-card-excerpt {
	display: block !important;
	margin: 10px 0 16px !important;
	color: #65788a;
	font-size: 14px;
	line-height: 1.7;
	min-height: 24px;
}

@media (max-width: 991px) {
	.news-section .news-card-image {
		height: 270px;
	}
}

@media (max-width: 767px) {
	.news-section .news-card-image {
		height: 240px;
	}

	.news-section .news-card-excerpt {
		margin: 8px 0 14px !important;
		font-size: 13px;
	}
}
/*列表
 */
/* ==========================================================
   YAKOO Product Display List
   ========================================================== */
.yakoo-product-list-section {
	background: #f7f9fb;
	padding-top: 28px !important;
}

/* ==========================================================
   Product Category Navigation
   ========================================================== */
.yakoo-category-panel {
	position: relative;
	overflow: hidden;
	margin: 0 0 32px;
	padding: 22px 26px;
	border: 1px solid #dfe8ef;
	border-radius: 15px;
	background:
			linear-gradient(135deg, #ffffff 0%, #f1f6fa 100%);
	box-shadow:
			0 12px 32px rgba(29, 61, 87, .07),
			inset 0 1px 0 rgba(255,255,255,.96);
}

.yakoo-category-panel::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 3px;
	background: linear-gradient(90deg, #1e73be, #34b8e9, #f39a18);
	animation: yakooCategoryAccent 4.5s ease-in-out infinite alternate;
}

.yakoo-category-panel::after {
	content: "";
	position: absolute;
	top: -72px;
	right: -54px;
	width: 180px;
	height: 180px;
	border: 1px solid rgba(30,115,190,.08);
	border-radius: 50%;
	box-shadow:
			0 0 0 25px rgba(30,115,190,.025),
			0 0 0 54px rgba(30,115,190,.014);
	pointer-events: none;
}

.yakoo-category-panel-inner {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 25px;
}

.yakoo-category-heading {
	flex: 0 0 160px;
}

.yakoo-category-heading small {
	display: block;
	margin-bottom: 4px;
	color: #f28c18;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.yakoo-category-heading h2 {
	margin: 0 !important;
	color: #153750 !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.yakoo-category-nav {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
}

.yakoo-category-nav .yakoo-category-link {
	position: relative;
	display: inline-flex;
	min-height: 42px;
	padding: 9px 17px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #d6e2eb;
	border-radius: 8px;
	color: #294b63;
	background: rgba(255,255,255,.95);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	box-shadow: 0 4px 12px rgba(24,56,82,.035);
	transition:
			color .25s ease,
			border-color .25s ease,
			background .25s ease,
			transform .25s ease,
			box-shadow .25s ease;
}

.yakoo-category-nav .yakoo-category-link::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	transform: scaleX(0);
	transform-origin: left center;
	background: linear-gradient(90deg, #2196d3, #35b9eb, #f39a18);
	transition: transform .3s ease;
}

.yakoo-category-nav .yakoo-category-link:hover,
.yakoo-category-nav .yakoo-category-link:focus {
	color: #1769a5;
	border-color: #9bc8e5;
	background: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(30,115,190,.10);
}

.yakoo-category-nav .yakoo-category-link:hover::after,
.yakoo-category-nav .yakoo-category-link:focus::after {
	transform: scaleX(1);
}

.yakoo-category-nav .yakoo-category-link.active {
	color: #fff !important;
	border-color: #1d71b8;
	background: linear-gradient(135deg, #1c6eaf, #248fc8);
	box-shadow: 0 8px 20px rgba(30,115,190,.18);
}

.yakoo-category-nav .yakoo-category-link.active::after {
	transform: scaleX(1);
	background: #f39a18;
}

.yakoo-category-count {
	display: inline-flex;
	min-width: 21px;
	height: 21px;
	margin-left: 7px;
	padding: 0 6px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: #638095;
	background: #edf3f7;
	font-size: 10px;
	font-weight: 800;
}

.yakoo-category-link.active .yakoo-category-count {
	color: #fff;
	background: rgba(255,255,255,.18);
}

@keyframes yakooCategoryAccent {
	from {
		width: 100px;
		opacity: .72;
	}
	to {
		width: 205px;
		opacity: 1;
	}
}

@media (max-width: 991px) {
	.yakoo-category-panel-inner {
		display: block;
	}

	.yakoo-category-heading {
		margin-bottom: 15px;
	}
}

@media (max-width: 575px) {
	.yakoo-product-list-section {
		padding-top: 20px !important;
	}

	.yakoo-category-panel {
		padding: 18px 16px;
		margin-bottom: 24px;
		border-radius: 12px;
	}

	.yakoo-category-nav {
		gap: 7px;
	}

	.yakoo-category-nav .yakoo-category-link {
		min-height: 38px;
		padding: 8px 12px;
		font-size: 12px;
	}

	.yakoo-category-count {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yakoo-category-panel::before {
		animation: none !important;
	}
}

.yakoo-product-filter-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 0 42px;
}

.yakoo-product-filter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 8px 20px;
	border: 1px solid #d9e3eb;
	border-radius: 999px;
	color: #17364f;
	background: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	transition: color .25s ease, border-color .25s ease, background .25s ease,
	transform .25s ease, box-shadow .25s ease;
}

.yakoo-product-filter:hover,
.yakoo-product-filter:focus,
.yakoo-product-filter.active {
	color: #fff;
	border-color: #1e73be;
	background: #1e73be;
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(30, 115, 190, .16);
}

.yakoo-product-card {
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
	border: 1px solid #e3eaf0;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(31, 59, 82, .06);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.yakoo-product-card:hover {
	transform: translateY(-6px);
	border-color: #d3e0ea;
	box-shadow: 0 18px 38px rgba(31, 59, 82, .11);
}

.yakoo-product-card .blog-image {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
	background: #eef3f7;
}

.yakoo-product-card .blog-image > a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.yakoo-product-card .blog-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	transition: transform .35s ease;
}

.yakoo-product-card:hover .blog-image img {
	transform: scale(1.035);
}

.yakoo-product-category {
	position: absolute;
	left: 16px;
	bottom: 16px;
	z-index: 2;
	max-width: calc(100% - 32px);
}

.yakoo-product-category a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 6px 14px;
	border-radius: 999px;
	color: #fff !important;
	background: #173f68;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	box-shadow: 0 6px 16px rgba(12, 45, 75, .18);
}

.yakoo-product-card .blog-description {
	padding: 23px 24px 25px;
}

.yakoo-product-card .blog-text h2,
.yakoo-product-card .blog-text h3 {
	min-height: 56px;
	margin: 0 0 10px;
	color: #17364f;
	font-size: 20px;
	line-height: 1.4;
}

.yakoo-product-card .blog-text h2 a,
.yakoo-product-card .blog-text h3 a {
	color: inherit;
}

.yakoo-product-card .blog-text h2 a:hover,
.yakoo-product-card .blog-text h3 a:hover {
	color: #1e73be;
}

.yakoo-product-excerpt {
	min-height: 50px;
	margin: 0 0 17px;
	color: #677b8b;
	font-size: 14px;
	line-height: 1.75;
}

.yakoo-product-card .blog-btn-one {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #1e73be;
	font-weight: 800;
}

.yakoo-product-card .blog-btn-one i {
	font-size: 12px;
	transition: transform .25s ease;
}

.yakoo-product-card .blog-btn-one:hover i {
	transform: translateX(4px);
}

.yakoo-product-empty {
	padding: 50px 25px;
	border: 1px solid #e0e8ef;
	border-radius: 14px;
	color: #65798a;
	background: #fff;
	text-align: center;
}

.yakoo-product-list-section .pagination-area {
	margin-top: 22px;
	text-align: center;
}

.yakoo-product-list-section .pagination-area .page-numbers {
	display: inline-flex;
	width: 44px;
	height: 44px;
	margin: 0 3px;
	align-items: center;
	justify-content: center;
	border: 1px solid #dce5ec;
	border-radius: 7px;
	color: #17364f;
	background: #fff;
	font-weight: 700;
	transition: .25s ease;
}

.yakoo-product-list-section .pagination-area .page-numbers:hover,
.yakoo-product-list-section .pagination-area .page-numbers.current {
	color: #fff;
	border-color: #1e73be;
	background: #1e73be;
}

@media (max-width: 991px) {
	.yakoo-product-card .blog-image {
		height: 280px;
	}
}

@media (max-width: 767px) {
	.yakoo-product-filter-wrap {
		margin-bottom: 30px;
		gap: 8px;
	}

	.yakoo-product-filter {
		padding: 7px 15px;
		font-size: 13px;
	}

	.yakoo-product-card .blog-image {
		height: 260px;
	}

	.yakoo-product-card .blog-description {
		padding: 20px;
	}

	.yakoo-product-card .blog-text h2,
	.yakoo-product-card .blog-text h3 {
		min-height: 0;
		font-size: 19px;
	}

	.yakoo-product-excerpt {
		min-height: 0;
	}
}

/* ==========================================================
   Product Page Hero / Breadcrumb
   高对比字体 + 工业科技动态效果
   ========================================================== */
.yakoo-product-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-position: center center !important;
	background-size: 105% auto !important;
	animation: yakooHeroBgMove 14s ease-in-out infinite alternate;
}

/* 加深背景遮罩，保证文字始终清晰 */
.yakoo-product-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
			linear-gradient(
					90deg,
					rgba(5, 24, 46, .80) 0%,
					rgba(14, 52, 89, .68) 42%,
					rgba(9, 37, 70, .78) 100%
			),
			radial-gradient(
					circle at 50% 50%,
					rgba(41, 151, 255, .16),
					transparent 42%
			);
	pointer-events: none;
}

/* 缓慢横向流光 */
.yakoo-product-hero::after {
	content: "";
	position: absolute;
	top: -35%;
	left: -25%;
	z-index: 1;
	width: 36%;
	height: 180%;
	opacity: .45;
	pointer-events: none;
	transform: skewX(-18deg);
	background: linear-gradient(
			90deg,
			transparent 0%,
			rgba(86, 185, 255, .04) 20%,
			rgba(133, 211, 255, .18) 50%,
			rgba(86, 185, 255, .04) 80%,
			transparent 100%
	);
	filter: blur(2px);
	animation: yakooHeroSweep 7s linear infinite;
}

.yakoo-product-hero .d-table,
.yakoo-product-hero .d-table-cell,
.yakoo-product-hero .container,
.yakoo-product-hero .page-title-content {
	position: relative;
	z-index: 3;
}

.yakoo-product-hero .page-title-content {
	animation: yakooHeroContentIn .8s cubic-bezier(.2,.7,.2,1) both;
}

/* 主标题：直接强制亮白，避免主题全局 h1/h2 深色覆盖 */
.yakoo-product-hero .page-title-content h1,
.yakoo-product-hero .page-title-content h2 {
	position: relative;
	display: inline-block;
	margin-bottom: 22px !important;
	color: #ffffff !important;
	font-size: clamp(42px, 4.8vw, 68px) !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -.8px;
	text-shadow:
			0 3px 16px rgba(0, 0, 0, .35),
			0 0 28px rgba(66, 169, 255, .18);
}

/* 标题下方动态蓝橙短线 */
.yakoo-product-hero .page-title-content h1::after,
.yakoo-product-hero .page-title-content h2::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -11px;
	width: 72px;
	height: 3px;
	border-radius: 999px;
	transform: translateX(-50%);
	transform-origin: center;
	background: linear-gradient(
			90deg,
			#24a8f5 0%,
			#68d6ff 55%,
			#f39a18 100%
	);
	box-shadow: 0 0 16px rgba(56, 176, 245, .5);
	animation: yakooHeroLinePulse 2.6s ease-in-out infinite;
}

/* 面包屑 */
.yakoo-product-hero .page-title-content ul {
	margin-top: 8px !important;
}

.yakoo-product-hero .page-title-content ul li,
.yakoo-product-hero .page-title-content ul li a {
	color: rgba(255, 255, 255, .95) !important;
	font-weight: 600 !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .28);
	transition:
			color .25s ease,
			transform .25s ease;
}

.yakoo-product-hero .page-title-content ul li a:hover {
	color: #72d6ff !important;
}

/* 兼容主题原本通过 before/after 生成的面包屑分隔符 */
.yakoo-product-hero .page-title-content ul li::before,
.yakoo-product-hero .page-title-content ul li::after {
	color: #ff9b18 !important;
}

/* 如果主题使用圆点分隔，增强橙色 */
.yakoo-product-hero .page-title-content ul li + li::before {
	color: #ff9b18 !important;
}

/* 背景轻微呼吸移动 */
@keyframes yakooHeroBgMove {
	0% {
		background-position: 50% 48%;
		background-size: 105% auto;
	}

	100% {
		background-position: 52% 52%;
		background-size: 112% auto;
	}
}

/* 流光从左到右 */
@keyframes yakooHeroSweep {
	0% {
		left: -38%;
		opacity: 0;
	}

	12% {
		opacity: .45;
	}

	82% {
		opacity: .35;
	}

	100% {
		left: 118%;
		opacity: 0;
	}
}

/* 标题内容入场 */
@keyframes yakooHeroContentIn {
	0% {
		opacity: 0;
		transform: translateY(18px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 标题装饰线呼吸 */
@keyframes yakooHeroLinePulse {
	0%,
	100% {
		transform: translateX(-50%) scaleX(.86);
		opacity: .75;
	}

	50% {
		transform: translateX(-50%) scaleX(1.12);
		opacity: 1;
	}
}

@media (max-width: 767px) {
	.yakoo-product-hero {
		background-size: cover !important;
		animation-duration: 18s;
	}

	.yakoo-product-hero .page-title-content h1,
	.yakoo-product-hero .page-title-content h2 {
		margin-bottom: 18px !important;
		font-size: 38px !important;
	}

	.yakoo-product-hero::after {
		width: 55%;
		animation-duration: 8.5s;
	}
}

/* 尊重系统“减少动态效果”设置 */
@media (prefers-reduced-motion: reduce) {
	.yakoo-product-hero,
	.yakoo-product-hero::after,
	.yakoo-product-hero .page-title-content,
	.yakoo-product-hero .page-title-content h1::after,
	.yakoo-product-hero .page-title-content h2::after {
		animation: none !important;
	}
}
/*新闻列表
 */
/* ==========================================================
   YAKOO News Center
   ========================================================== */

.yakoo-news-center {
	background: #f7f9fb;
}

/* ---------- Hero ---------- */
.yakoo-news-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-position: center center !important;
	background-size: 106% auto !important;
	animation: yakooNewsHeroBg 15s ease-in-out infinite alternate;
}

.yakoo-news-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
			linear-gradient(
					90deg,
					rgba(5,24,46,.82),
					rgba(18,61,101,.62) 50%,
					rgba(6,29,56,.82)
			),
			radial-gradient(
					circle at 50% 48%,
					rgba(45,170,245,.17),
					transparent 42%
			);
}

.yakoo-news-hero::after {
	content: "";
	position: absolute;
	top: -40%;
	left: -35%;
	z-index: 1;
	width: 35%;
	height: 190%;
	opacity: .35;
	transform: skewX(-18deg);
	background: linear-gradient(
			90deg,
			transparent,
			rgba(120,211,255,.20),
			transparent
	);
	animation: yakooNewsSweep 8s linear infinite;
}

.yakoo-news-hero .d-table,
.yakoo-news-hero .d-table-cell,
.yakoo-news-hero .container,
.yakoo-news-hero .page-title-content {
	position: relative;
	z-index: 3;
}

.yakoo-news-hero .page-title-content {
	animation: yakooNewsTitleIn .8s ease both;
}

.yakoo-news-hero .page-title-content h1,
.yakoo-news-hero .page-title-content h2 {
	color: #fff !important;
	font-size: clamp(42px,4.6vw,66px) !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	text-shadow:
			0 3px 15px rgba(0,0,0,.36),
			0 0 25px rgba(62,174,255,.16);
}

.yakoo-news-hero .page-title-content ul li,
.yakoo-news-hero .page-title-content ul li a {
	color: rgba(255,255,255,.96) !important;
	font-weight: 600 !important;
}

.yakoo-news-hero .page-title-content ul li::before,
.yakoo-news-hero .page-title-content ul li::after,
.yakoo-news-hero .page-title-content ul li + li::before {
	color: #ff9818 !important;
}

/* ---------- Category Bar ---------- */
.yakoo-news-category-panel {
	position: relative;
	overflow: hidden;
	margin: 0 0 30px;
	padding: 20px 22px;
	border: 1px solid #dfe8ef;
	border-radius: 14px;
	background: linear-gradient(135deg,#fff,#f1f6fa);
	box-shadow: 0 10px 28px rgba(29,61,87,.065);
}

.yakoo-news-category-panel::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 165px;
	height: 3px;
	background: linear-gradient(90deg,#1e73be,#35b9ea,#f39a18);
	animation: yakooNewsLine 4s ease-in-out infinite alternate;
}

.yakoo-news-category-inner {
	display: flex;
	align-items: center;
	gap: 22px;
}

.yakoo-news-category-heading {
	flex: 0 0 145px;
}

.yakoo-news-category-heading small {
	display: block;
	margin-bottom: 3px;
	color: #f28c18;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.yakoo-news-category-heading h2 {
	margin: 0 !important;
	color: #14364f !important;
	font-size: 20px !important;
	line-height: 1.25 !important;
	font-weight: 800 !important;
}

.yakoo-news-category-nav {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: 8px;
}

.yakoo-news-category-link {
	display: inline-flex;
	min-height: 40px;
	padding: 8px 16px;
	align-items: center;
	border: 1px solid #d7e2ea;
	border-radius: 8px;
	color: #2c4d64;
	background: #fff;
	font-size: 13px;
	font-weight: 800;
	transition: .25s ease;
}

.yakoo-news-category-link:hover,
.yakoo-news-category-link.active {
	color: #fff !important;
	border-color: #1e73be;
	background: linear-gradient(135deg,#1e73be,#2697cd);
	transform: translateY(-2px);
	box-shadow: 0 7px 18px rgba(30,115,190,.17);
}

.yakoo-news-category-count {
	display: inline-flex;
	min-width: 21px;
	height: 21px;
	margin-left: 6px;
	padding: 0 6px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: #6d8496;
	background: #eef4f8;
	font-size: 10px;
}

.yakoo-news-category-link.active .yakoo-news-category-count,
.yakoo-news-category-link:hover .yakoo-news-category-count {
	color: #fff;
	background: rgba(255,255,255,.18);
}

/* ---------- News Cards ---------- */
.yakoo-news-card {
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
	border: 1px solid #e2e9ef;
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(27,58,82,.055);
	transition:
			transform .3s ease,
			box-shadow .3s ease;
}

.yakoo-news-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 17px 35px rgba(27,58,82,.105);
}

.yakoo-news-card .blog-image {
	position: relative;
	width: 100%;
	height: 240px;
	overflow: hidden;
	background: #eef3f7;
}

.yakoo-news-card .blog-image > a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.yakoo-news-card .blog-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	transition: transform .35s ease;
}

.yakoo-news-card:hover .blog-image img {
	transform: scale(1.035);
}

.yakoo-news-badge {
	position: absolute;
	left: 14px;
	bottom: 14px;
	z-index: 2;
}

.yakoo-news-badge a {
	display: inline-flex;
	min-height: 32px;
	padding: 5px 13px;
	align-items: center;
	border-radius: 999px;
	color: #fff !important;
	background: #17446e;
	font-size: 11px;
	font-weight: 800;
}

.yakoo-news-card .blog-description {
	padding: 20px 21px 22px;
}

.yakoo-news-card .blog-info {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 11px;
}

.yakoo-news-card .blog-info li,
.yakoo-news-card .blog-info a {
	color: #8292a0;
	font-size: 12px;
}

.yakoo-news-card .blog-text h3 {
	min-height: 58px;
	margin-bottom: 10px;
	font-size: 19px;
	line-height: 1.45;
}

.yakoo-news-card .blog-text h3 a {
	color: #17364f;
}

.yakoo-news-card .blog-text h3 a:hover {
	color: #1e73be;
}

.yakoo-news-excerpt {
	min-height: 50px;
	margin-bottom: 14px;
	color: #667b8b;
	font-size: 13px;
	line-height: 1.75;
}

.yakoo-news-card .blog-btn-one {
	color: #1e73be;
	font-weight: 800;
}

/* ---------- Polished Export-Site Sidebar ---------- */
.yakoo-news-sidebar {
	position: sticky;
	top: 105px;
}

.yakoo-sidebar-widget {
	position: relative;
	overflow: hidden;
	margin: 0 0 24px;
	padding: 24px;
	border: 1px solid #dde7ee;
	border-radius: 16px;
	background:
			linear-gradient(145deg, #ffffff 0%, #f8fbfd 100%);
	box-shadow:
			0 12px 30px rgba(28, 59, 83, .065),
			inset 0 1px 0 rgba(255,255,255,.96);
}

.yakoo-sidebar-widget::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 3px;
	border-radius: 0 0 999px 0;
	background: linear-gradient(
			90deg,
			#1e73be 0%,
			#39b9e8 68%,
			#f39a18 100%
	);
	transition: width .35s ease;
}

.yakoo-sidebar-widget:hover::before {
	width: 118px;
}

.yakoo-sidebar-title {
	position: relative;
	margin: 0 0 19px !important;
	padding: 0 0 13px;
	border-bottom: 1px solid #e6edf2;
	color: #153750 !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.yakoo-sidebar-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 42px;
	height: 2px;
	border-radius: 999px;
	background: #1e73be;
}

/* Search */
.yakoo-news-search-form {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 52px;
	padding: 5px;
	border: 1px solid #d6e2ea;
	border-radius: 10px;
	background: #fff;
	box-shadow: inset 0 1px 2px rgba(26, 59, 84, .025);
	transition:
			border-color .25s ease,
			box-shadow .25s ease;
}

.yakoo-news-search-form:focus-within {
	border-color: #85bddf;
	box-shadow:
			0 0 0 4px rgba(30,115,190,.065),
			inset 0 1px 2px rgba(26,59,84,.025);
}

.yakoo-news-search-form .yakoo-search-icon {
	flex: 0 0 38px;
	color: #7890a2;
	text-align: center;
	font-size: 14px;
}

.yakoo-news-search-form input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 40px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 0 !important;
	outline: 0 !important;
	color: #24445c !important;
	background: transparent !important;
	font-size: 13px !important;
	box-shadow: none !important;
}

.yakoo-news-search-form input[type="search"]::placeholder {
	color: #91a0ac;
}

.yakoo-news-search-form button {
	flex: 0 0 auto;
	min-width: 92px;
	height: 40px;
	margin: 0;
	padding: 0 15px;
	border: 0;
	border-radius: 7px;
	cursor: pointer;
	color: #fff;
	background: linear-gradient(135deg, #1f73b9, #2596cc);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .15px;
	box-shadow: 0 6px 15px rgba(30,115,190,.17);
	transition:
			transform .25s ease,
			box-shadow .25s ease,
			background .25s ease;
}

.yakoo-news-search-form button:hover {
	transform: translateY(-1px);
	background: linear-gradient(135deg, #2583cb, #2aa8dc);
	box-shadow: 0 8px 19px rgba(30,115,190,.22);
}

/* Popular news */
.yakoo-popular-news-list {
	display: grid;
	gap: 14px;
}

.yakoo-popular-news-item {
	display: grid;
	grid-template-columns: 86px minmax(0,1fr);
	gap: 13px;
	align-items: center;
	padding: 0 0 14px;
	border-bottom: 1px solid #edf2f5;
}

.yakoo-popular-news-item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.yakoo-sidebar-thumb {
	display: flex;
	width: 86px;
	height: 76px;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	border: 1px solid #e1e8ee;
	border-radius: 10px;
	background: #eef3f7;
}

.yakoo-sidebar-thumb img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center;
	transition: transform .28s ease;
}

.yakoo-popular-news-item:hover .yakoo-sidebar-thumb img {
	transform: scale(1.06);
}

.yakoo-popular-meta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 5px;
	color: #8395a3;
	font-size: 11px;
	line-height: 1.3;
}

.yakoo-popular-meta i {
	color: #f28c18;
}

.yakoo-popular-title {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.45 !important;
}

.yakoo-popular-title a {
	color: #17364f !important;
}

.yakoo-popular-title a:hover {
	color: #1e73be !important;
}

/* Category list */
.yakoo-sidebar-category-list,
.yakoo-recent-news-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.yakoo-sidebar-category-list li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #edf2f5;
}

.yakoo-sidebar-category-list li:last-child {
	border-bottom: 0;
}

.yakoo-sidebar-category-list a {
	display: flex;
	min-height: 45px;
	padding: 9px 2px;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	color: #476276 !important;
	font-size: 13px;
	font-weight: 700;
	transition:
			color .22s ease,
			padding-left .22s ease;
}

.yakoo-sidebar-category-list a:hover {
	padding-left: 5px;
	color: #1e73be !important;
}

.yakoo-category-name {
	display: inline-flex;
	align-items: center;
	gap: 9px;
}

.yakoo-category-name i {
	color: #4ba4d7;
	font-size: 9px;
}

.yakoo-sidebar-count {
	display: inline-flex;
	min-width: 28px;
	height: 24px;
	padding: 0 8px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: #617b8e;
	background: #edf3f7;
	font-size: 10px;
	font-weight: 800;
}

/* Recent news */
.yakoo-recent-news-list {
	counter-reset: yakooRecent;
}

.yakoo-recent-news-list li {
	counter-increment: yakooRecent;
	position: relative;
	margin: 0 !important;
	padding: 11px 0 11px 37px !important;
	border-bottom: 1px solid #edf2f5;
}

.yakoo-recent-news-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0 !important;
}

.yakoo-recent-news-list li:first-child {
	padding-top: 0 !important;
}

.yakoo-recent-news-list li::before {
	content: counter(yakooRecent, decimal-leading-zero);
	position: absolute;
	top: 10px;
	left: 0;
	color: #bfd0dc;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.5;
}

.yakoo-recent-news-list li:first-child::before {
	top: -1px;
}

.yakoo-recent-news-list a {
	color: #456177 !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.yakoo-recent-news-list a:hover {
	color: #1e73be !important;
}

/* Tag cloud */
.yakoo-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.yakoo-tag-cloud a {
	display: inline-flex !important;
	min-height: 32px;
	margin: 0 !important;
	padding: 6px 11px !important;
	align-items: center;
	border: 1px solid #dce6ed !important;
	border-radius: 999px !important;
	color: #5a7487 !important;
	background: #f7fafc !important;
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1.2 !important;
	transition:
			color .22s ease,
			border-color .22s ease,
			background .22s ease,
			transform .22s ease;
}

.yakoo-tag-cloud a:hover {
	color: #fff !important;
	border-color: #1e73be !important;
	background: #1e73be !important;
	transform: translateY(-1px);
}

/* Sidebar CTA */
.yakoo-news-sidebar-cta {
	position: relative;
	overflow: hidden;
	padding: 25px;
	border-radius: 16px;
	background:
			radial-gradient(
					circle at 100% 0,
					rgba(65,182,241,.22),
					transparent 38%
			),
			linear-gradient(135deg, #113f68, #175e91);
	box-shadow: 0 14px 32px rgba(15,58,92,.16);
}

.yakoo-news-sidebar-cta::after {
	content: "";
	position: absolute;
	right: -35px;
	bottom: -35px;
	width: 120px;
	height: 120px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 50%;
	box-shadow:
			0 0 0 19px rgba(255,255,255,.025),
			0 0 0 39px rgba(255,255,255,.018);
}

.yakoo-news-sidebar-cta small {
	display: block;
	margin-bottom: 6px;
	color: #ffad42;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.yakoo-news-sidebar-cta h3 {
	position: relative;
	z-index: 2;
	margin: 0 0 9px !important;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.yakoo-news-sidebar-cta p {
	position: relative;
	z-index: 2;
	margin: 0 0 16px;
	color: rgba(255,255,255,.72);
	font-size: 12px;
	line-height: 1.7;
}

.yakoo-news-sidebar-cta a {
	position: relative;
	z-index: 2;
	display: inline-flex;
	min-height: 40px;
	padding: 8px 16px;
	align-items: center;
	gap: 8px;
	border-radius: 7px;
	color: #fff !important;
	background: #f28c18;
	font-size: 12px;
	font-weight: 800;
	transition:
			transform .22s ease,
			background .22s ease;
}

.yakoo-news-sidebar-cta a:hover {
	transform: translateY(-2px);
	background: #ff9d28;
}

@media (max-width: 991px) {
	.yakoo-news-sidebar {
		position: static;
		margin-top: 36px;
	}
}

@media (max-width: 575px) {
	.yakoo-sidebar-widget {
		padding: 20px 17px;
		border-radius: 13px;
	}

	.yakoo-popular-news-item {
		grid-template-columns: 76px minmax(0,1fr);
	}

	.yakoo-sidebar-thumb {
		width: 76px;
		height: 68px;
	}

	.yakoo-news-search-form button {
		min-width: 78px;
		padding: 0 11px;
	}
}

/* ---------- Pagination ---------- */
.yakoo-news-center .pagination-area .page-numbers {
	display: inline-flex;
	width: 43px;
	height: 43px;
	margin: 0 3px;
	align-items: center;
	justify-content: center;
	border: 1px solid #dce5ec;
	border-radius: 7px;
	color: #17364f;
	background: #fff;
	font-weight: 700;
}

.yakoo-news-center .pagination-area .page-numbers:hover,
.yakoo-news-center .pagination-area .page-numbers.current {
	color: #fff;
	border-color: #1e73be;
	background: #1e73be;
}

@keyframes yakooNewsHeroBg {
	from {
		background-position: 49% 48%;
		background-size: 106% auto;
	}
	to {
		background-position: 52% 52%;
		background-size: 112% auto;
	}
}

@keyframes yakooNewsSweep {
	from {
		left: -35%;
		opacity: 0;
	}
	15% {
		opacity: .35;
	}
	to {
		left: 120%;
		opacity: 0;
	}
}

@keyframes yakooNewsTitleIn {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes yakooNewsLine {
	from {
		width: 100px;
	}
	to {
		width: 205px;
	}
}

@media (max-width: 991px) {
	.yakoo-news-category-inner {
		display: block;
	}

	.yakoo-news-category-heading {
		margin-bottom: 14px;
	}

	.yakoo-news-card .blog-image {
		height: 230px;
	}
}

@media (max-width: 767px) {
	.yakoo-news-hero {
		background-size: cover !important;
	}

	.yakoo-news-hero .page-title-content h1,
	.yakoo-news-hero .page-title-content h2 {
		font-size: 38px !important;
	}

	.yakoo-news-category-panel {
		padding: 17px 15px;
	}

	.yakoo-news-category-link {
		min-height: 37px;
		padding: 7px 12px;
		font-size: 12px;
	}

	.yakoo-news-category-count {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yakoo-news-hero,
	.yakoo-news-hero::after,
	.yakoo-news-hero .page-title-content,
	.yakoo-news-category-panel::before {
		animation: none !important;
	}
}

/* Main / sidebar spacing */
@media (min-width: 992px) {
	.yakoo-news-center .row > .col-lg-8 {
		padding-right: 22px;
	}

	.yakoo-news-center .row > .col-lg-4 {
		padding-left: 22px;
	}
}
/*page.css
 */
.yakoo-page-template {
	background: #f7f9fb;
}

.yakoo-page-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-position: center center !important;
	background-size: 106% auto !important;
	animation: yakooPageHeroMove 15s ease-in-out infinite alternate;
}

.yakoo-page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
			linear-gradient(
					90deg,
					rgba(5, 24, 46, .82),
					rgba(16, 58, 96, .64) 50%,
					rgba(6, 29, 56, .82)
			),
			radial-gradient(
					circle at 50% 50%,
					rgba(53, 178, 245, .16),
					transparent 42%
			);
}

.yakoo-page-hero::after {
	content: "";
	position: absolute;
	top: -42%;
	left: -34%;
	z-index: 1;
	width: 34%;
	height: 190%;
	opacity: .35;
	transform: skewX(-18deg);
	background:
			linear-gradient(
					90deg,
					transparent,
					rgba(119, 211, 255, .20),
					transparent
			);
	animation: yakooPageSweep 8s linear infinite;
}

.yakoo-page-hero .d-table,
.yakoo-page-hero .d-table-cell,
.yakoo-page-hero .container,
.yakoo-page-hero .page-title-content {
	position: relative;
	z-index: 3;
}

.yakoo-page-hero .page-title-content {
	animation: yakooPageTitleIn .8s ease both;
}

.yakoo-page-hero .page-title-content h1,
.yakoo-page-hero .page-title-content h2 {
	color: #ffffff !important;
	font-size: clamp(40px, 4.5vw, 62px) !important;
	font-weight: 800 !important;
	line-height: 1.12 !important;
	text-shadow:
			0 3px 16px rgba(0,0,0,.35),
			0 0 28px rgba(59,174,255,.16);
}

.yakoo-page-hero .page-title-content ul li,
.yakoo-page-hero .page-title-content ul li a {
	color: rgba(255,255,255,.96) !important;
	font-weight: 600;
}

.yakoo-page-hero .page-title-content ul li::before,
.yakoo-page-hero .page-title-content ul li::after,
.yakoo-page-hero .page-title-content ul li + li::before {
	color: #ff9818 !important;
}

.yakoo-page-content-card {
	overflow: hidden;
	padding: 32px 34px;
	border: 1px solid #e0e8ee;
	border-radius: 16px;
	background: #fff;
	box-shadow:
			0 14px 34px rgba(27,58,82,.065),
			inset 0 1px 0 rgba(255,255,255,.96);
}

.yakoo-page-featured {
	display: flex;
	width: 100%;
	min-height: 320px;
	max-height: 620px;
	margin: 0 0 28px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #e0e8ee;
	border-radius: 12px;
	background: #eef3f7;
}

.yakoo-page-featured img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-height: 620px;
	object-fit: contain !important;
	object-position: center center !important;
}

.yakoo-page-content {
	color: #536b7c;
	font-size: 15px;
	line-height: 1.9;
}

.yakoo-page-content > *:first-child {
	margin-top: 0;
}

.yakoo-page-content p {
	margin-bottom: 18px;
}

.yakoo-page-content h2,
.yakoo-page-content h3,
.yakoo-page-content h4,
.yakoo-page-content h5 {
	margin-top: 28px;
	margin-bottom: 14px;
	color: #153750;
	font-weight: 800;
	line-height: 1.35;
}

.yakoo-page-content h2 {
	font-size: 30px;
}

.yakoo-page-content h3 {
	font-size: 25px;
}

.yakoo-page-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.yakoo-page-content ul,
.yakoo-page-content ol {
	margin-bottom: 20px;
	padding-left: 24px;
}

.yakoo-page-content li {
	margin-bottom: 7px;
}

.yakoo-page-content table {
	width: 100%;
	margin: 22px 0;
	border-collapse: collapse;
}

.yakoo-page-content th,
.yakoo-page-content td {
	padding: 11px 13px;
	border: 1px solid #dfe7ed;
}

.yakoo-page-content th {
	color: #17364f;
	background: #edf4f8;
}

.yakoo-page-content blockquote {
	margin: 24px 0;
	padding: 18px 22px;
	border-left: 4px solid #1e73be;
	border-radius: 0 9px 9px 0;
	color: #38586e;
	background: #f1f7fa;
}

.yakoo-page-sidebar {
	position: sticky;
	top: 105px;
}

.yakoo-page-widget {
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
	padding: 23px;
	border: 1px solid #dde7ee;
	border-radius: 15px;
	background: linear-gradient(145deg, #fff, #f8fbfd);
	box-shadow: 0 11px 28px rgba(28,59,83,.06);
}

.yakoo-page-widget::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 3px;
	background: linear-gradient(90deg,#1e73be,#38b8e8,#f39a18);
	transition: width .3s ease;
}

.yakoo-page-widget:hover::before {
	width: 116px;
}

.yakoo-page-widget-title {
	position: relative;
	margin: 0 0 18px !important;
	padding-bottom: 12px;
	border-bottom: 1px solid #e6edf2;
	color: #153750 !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.yakoo-page-widget-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 42px;
	height: 2px;
	background: #1e73be;
}

.yakoo-page-nav-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.yakoo-page-nav-list li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #edf2f5;
}

.yakoo-page-nav-list li:last-child {
	border-bottom: 0;
}

.yakoo-page-nav-list a {
	display: flex;
	min-height: 44px;
	padding: 8px 2px;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	color: #476276 !important;
	font-size: 13px;
	font-weight: 700;
	transition: color .22s ease, padding-left .22s ease;
}

.yakoo-page-nav-list a::after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #8fa2b0;
	font-size: 11px;
}

.yakoo-page-nav-list a:hover,
.yakoo-page-nav-list a.is-current {
	padding-left: 5px;
	color: #1e73be !important;
}

.yakoo-page-cta {
	position: relative;
	overflow: hidden;
	padding: 26px;
	border-radius: 15px;
	background:
			radial-gradient(circle at 100% 0,rgba(64,183,242,.22),transparent 38%),
			linear-gradient(135deg,#113f68,#175e91);
	box-shadow: 0 14px 31px rgba(15,58,92,.16);
}

.yakoo-page-cta::after {
	content: "";
	position: absolute;
	right: -35px;
	bottom: -35px;
	width: 120px;
	height: 120px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 50%;
	box-shadow:
			0 0 0 19px rgba(255,255,255,.025),
			0 0 0 39px rgba(255,255,255,.018);
}

.yakoo-page-cta small,
.yakoo-page-cta h3,
.yakoo-page-cta p,
.yakoo-page-cta a {
	position: relative;
	z-index: 2;
}

.yakoo-page-cta small {
	display: block;
	margin-bottom: 6px;
	color: #ffad42;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.yakoo-page-cta h3 {
	margin: 0 0 9px !important;
	color: #fff !important;
	font-size: 21px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.yakoo-page-cta p {
	margin: 0 0 16px;
	color: rgba(255,255,255,.75);
	font-size: 12px;
	line-height: 1.7;
}

.yakoo-page-cta a {
	display: inline-flex;
	min-height: 40px;
	padding: 8px 16px;
	align-items: center;
	gap: 8px;
	border-radius: 7px;
	color: #fff !important;
	background: #f28c18;
	font-size: 12px;
	font-weight: 800;
	transition: background .22s ease, transform .22s ease;
}

.yakoo-page-cta a:hover {
	transform: translateY(-2px);
	background: #ff9c25;
}

@keyframes yakooPageHeroMove {
	from {
		background-position: 49% 48%;
		background-size: 106% auto;
	}
	to {
		background-position: 52% 52%;
		background-size: 112% auto;
	}
}

@keyframes yakooPageSweep {
	from {
		left: -35%;
		opacity: 0;
	}
	15% {
		opacity: .35;
	}
	to {
		left: 120%;
		opacity: 0;
	}
}

@keyframes yakooPageTitleIn {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 991px) {
	.yakoo-page-sidebar {
		position: static;
		margin-top: 34px;
	}
}

@media (max-width: 767px) {
	.yakoo-page-hero {
		background-size: cover !important;
	}

	.yakoo-page-hero .page-title-content h1,
	.yakoo-page-hero .page-title-content h2 {
		font-size: 36px !important;
	}

	.yakoo-page-content-card {
		padding: 24px 20px;
	}

	.yakoo-page-featured {
		min-height: 220px;
		margin-bottom: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yakoo-page-hero,
	.yakoo-page-hero::after,
	.yakoo-page-hero .page-title-content {
		animation: none !important;
	}
}
/*single.css
 */
/* ==========================================================
   YAKOO Single Detail Page
   ========================================================== */

.yakoo-single-page {
	background: #f7f9fb;
}

/* ---------- Hero ---------- */
.yakoo-single-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-position: center center !important;
	background-size: 106% auto !important;
	animation: yakooSingleHeroMove 15s ease-in-out infinite alternate;
}

.yakoo-single-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
			linear-gradient(
					90deg,
					rgba(5, 24, 46, .83),
					rgba(16, 57, 94, .64) 50%,
					rgba(6, 29, 56, .82)
			),
			radial-gradient(
					circle at 50% 50%,
					rgba(53, 178, 245, .16),
					transparent 42%
			);
}

.yakoo-single-hero::after {
	content: "";
	position: absolute;
	top: -42%;
	left: -34%;
	z-index: 1;
	width: 34%;
	height: 190%;
	opacity: .36;
	transform: skewX(-18deg);
	background: linear-gradient(
			90deg,
			transparent,
			rgba(119, 211, 255, .20),
			transparent
	);
	animation: yakooSingleSweep 8s linear infinite;
}

.yakoo-single-hero .d-table,
.yakoo-single-hero .d-table-cell,
.yakoo-single-hero .container,
.yakoo-single-hero .page-title-content {
	position: relative;
	z-index: 3;
}

.yakoo-single-hero .page-title-content {
	animation: yakooSingleTitleIn .8s ease both;
}

.yakoo-single-hero .page-title-content h1,
.yakoo-single-hero .page-title-content h2 {
	color: #fff !important;
	font-size: clamp(38px, 4.6vw, 62px) !important;
	font-weight: 800 !important;
	line-height: 1.12 !important;
	text-shadow:
			0 3px 16px rgba(0,0,0,.35),
			0 0 28px rgba(59,174,255,.16);
}

.yakoo-single-hero .page-title-content ul li,
.yakoo-single-hero .page-title-content ul li a {
	color: rgba(255,255,255,.96) !important;
	font-weight: 600;
}

.yakoo-single-hero .page-title-content ul li::before,
.yakoo-single-hero .page-title-content ul li::after,
.yakoo-single-hero .page-title-content ul li + li::before {
	color: #ff9818 !important;
}

/* ---------- Main article ---------- */
.yakoo-single-page .blog-details-desc {
	overflow: hidden;
	border: 1px solid #e0e8ee;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(27, 58, 82, .065);
}

.yakoo-single-cover {
	display: flex;
	width: 100%;
	min-height: 360px;
	max-height: 620px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #eef3f7;
}

.yakoo-single-cover img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-height: 620px;
	object-fit: contain !important;
	object-position: center center !important;
}

.yakoo-single-page .article-content {
	padding: 32px 34px 20px;
}


/* Featured image inserted into the article content.
   It is rendered only when it is not already the first content image. */
.yakoo-inline-featured-image {
	display: flex;
	width: 100%;
	min-height: 300px;
	max-height: 620px;
	margin: 0 0 26px !important;
	padding: 0;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #e0e8ee;
	border-radius: 12px;
	background: #eef3f7;
}

.yakoo-inline-featured-image img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-height: 620px;
	object-fit: contain !important;
	object-position: center center !important;
}

/* ---------- Article heading hierarchy ---------- */
.yakoo-article-head {
	position: relative;
	margin: 0 0 30px;
	padding: 3px 0 25px;
	border-bottom: 1px solid #e5edf2;
}

.yakoo-article-head::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 96px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(
			90deg,
			#1e73be 0%,
			#38b9e8 67%,
			#f28c18 100%
	);
}

.yakoo-article-category {
	margin: 0 0 14px;
}

.yakoo-article-category a {
	display: inline-flex;
	min-height: 32px;
	padding: 6px 13px;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba(30,115,190,.14);
	border-radius: 999px;
	color: #176aa3 !important;
	background:
			linear-gradient(
					135deg,
					rgba(30,115,190,.09),
					rgba(53,185,232,.055)
			);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .15px;
	transition:
			color .22s ease,
			border-color .22s ease,
			background .22s ease,
			transform .22s ease;
}

.yakoo-article-category a i {
	color: #f28c18;
	font-size: 10px;
}

.yakoo-article-category a:hover {
	color: #fff !important;
	border-color: #1e73be;
	background: #1e73be;
	transform: translateY(-1px);
}

.yakoo-article-category a:hover i {
	color: #fff;
}

.yakoo-single-title {
	max-width: 920px;
	margin: 0 0 21px !important;
	color: #11334c !important;
	font-size: clamp(34px, 3.7vw, 48px) !important;
	font-weight: 850 !important;
	line-height: 1.16 !important;
	letter-spacing: -.55px;
	text-wrap: balance;
}

.yakoo-article-meta {
	margin: 0 !important;
}

.yakoo-article-meta ul {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.yakoo-article-meta ul li {
	display: inline-flex;
	min-height: 54px;
	margin: 0 !important;
	padding: 8px 15px 8px 10px;
	align-items: center;
	gap: 10px;
	border: 1px solid #e0e9ef;
	border-radius: 10px;
	color: #637a8b !important;
	background:
			linear-gradient(
					145deg,
					#fbfdfe 0%,
					#f5f9fb 100%
			);
	font-size: 12px !important;
	line-height: 1.25;
	box-shadow:
			0 4px 12px rgba(26,58,82,.035),
			inset 0 1px 0 rgba(255,255,255,.96);
}

.yakoo-meta-icon {
	display: inline-flex;
	width: 35px;
	height: 35px;
	flex: 0 0 35px;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	color: #1e73be;
	background: rgba(30,115,190,.09);
	font-size: 13px;
}

.yakoo-meta-content {
	display: grid;
	gap: 2px;
}

.yakoo-meta-content small {
	color: #91a0ab;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .85px;
	line-height: 1.1;
	text-transform: uppercase;
}

.yakoo-meta-content time,
.yakoo-meta-content a {
	color: #29495f !important;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.3;
}

.yakoo-meta-content a:hover {
	color: #1e73be !important;
}

.yakoo-single-content {
	color: #536b7c;
	font-size: 15px;
	line-height: 1.9;
}

.yakoo-single-content p {
	margin-bottom: 18px;
}

.yakoo-single-content h2,
.yakoo-single-content h3,
.yakoo-single-content h4 {
	color: #17364f;
	font-weight: 800;
	line-height: 1.35;
}

.yakoo-single-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.yakoo-single-content table {
	width: 100%;
	margin: 22px 0;
	border-collapse: collapse;
}

.yakoo-single-content th,
.yakoo-single-content td {
	padding: 11px 13px;
	border: 1px solid #dfe7ed;
}

.yakoo-single-content th {
	color: #17364f;
	background: #edf4f8;
}

/* Footer: tags/share */
.yakoo-single-page .article-footer {
	display: flex;
	padding: 20px 34px 24px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border-top: 1px solid #e9eff3;
}

.yakoo-single-page .article-tags,
.yakoo-single-page .article-share {
	color: #667d8e;
	font-size: 13px;
}

.yakoo-single-page .article-tags > span,
.yakoo-single-page .article-share .social > li:first-child span {
	color: #17364f;
	font-weight: 800;
}

.yakoo-single-page .article-tags a {
	display: inline-block;
	margin: 3px 4px 3px 0;
	padding: 5px 10px;
	border: 1px solid #dce6ed;
	border-radius: 999px;
	color: #5d7486;
	background: #f8fbfd;
	font-size: 11px;
}

.yakoo-single-page .article-tags a:hover {
	color: #fff;
	border-color: #1e73be;
	background: #1e73be;
}

.yakoo-single-page .article-share .social {
	display: flex;
	margin: 0;
	padding: 0;
	align-items: center;
	gap: 7px;
}

.yakoo-single-page .article-share .social li {
	margin: 0;
}

.yakoo-single-page .article-share .social a {
	display: inline-flex;
	width: 34px;
	height: 34px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	background: #1d5f92;
	transition: .22s ease;
}

.yakoo-single-page .article-share .social a:hover {
	transform: translateY(-2px);
	background: #f28c18;
}

/* Post navigation */
.yakoo-single-page .post-navigation {
	margin: 24px 0 0;
	padding: 0;
	border: 0;
}

.yakoo-single-page .navigation-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.yakoo-single-page .nav-previous a,
.yakoo-single-page .nav-next a {
	display: flex;
	min-height: 52px;
	padding: 10px 17px;
	align-items: center;
	border: 1px solid #dfe7ed;
	border-radius: 10px;
	color: #2c4d64;
	background: #fff;
	font-size: 13px;
	font-weight: 800;
	box-shadow: 0 7px 18px rgba(27, 58, 82, .045);
	transition: .22s ease;
}

.yakoo-single-page .nav-next a {
	justify-content: flex-end;
	text-align: right;
}

.yakoo-single-page .nav-previous a:hover,
.yakoo-single-page .nav-next a:hover {
	color: #fff;
	border-color: #1e73be;
	background: #1e73be;
	transform: translateY(-2px);
}

/* ---------- Sidebar ---------- */
.yakoo-single-sidebar {
	position: sticky;
	top: 105px;
}

.yakoo-single-widget {
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
	padding: 23px;
	border: 1px solid #dde7ee;
	border-radius: 15px;
	background: linear-gradient(145deg, #fff, #f8fbfd);
	box-shadow: 0 11px 28px rgba(28,59,83,.06);
}

.yakoo-single-widget::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 3px;
	background: linear-gradient(90deg, #1e73be, #38b8e8, #f39a18);
	transition: width .3s ease;
}

.yakoo-single-widget:hover::before {
	width: 116px;
}

.yakoo-single-widget-title {
	position: relative;
	margin: 0 0 18px !important;
	padding-bottom: 12px;
	border-bottom: 1px solid #e6edf2;
	color: #153750 !important;
	font-size: 20px !important;
	font-weight: 800 !important;
}

.yakoo-single-widget-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 42px;
	height: 2px;
	background: #1e73be;
}

/* Search */
.yakoo-single-search {
	display: flex;
	min-height: 50px;
	padding: 5px;
	align-items: center;
	border: 1px solid #d6e2ea;
	border-radius: 9px;
	background: #fff;
}

.yakoo-single-search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 38px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.yakoo-single-search button {
	width: 43px;
	height: 38px;
	border: 0;
	border-radius: 7px;
	color: #fff;
	background: #1e73be;
	cursor: pointer;
}

/* Sidebar posts */
.yakoo-single-side-posts {
	display: grid;
	gap: 13px;
}

.yakoo-single-side-item {
	display: grid;
	grid-template-columns: 82px minmax(0,1fr);
	gap: 12px;
	padding-bottom: 13px;
	align-items: center;
	border-bottom: 1px solid #edf2f5;
}

.yakoo-single-side-item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.yakoo-single-side-thumb {
	display: flex;
	width: 82px;
	height: 70px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #e1e8ee;
	border-radius: 9px;
	background: #eef3f7;
}

.yakoo-single-side-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.yakoo-single-side-date {
	display: block;
	margin-bottom: 4px;
	color: #8395a3;
	font-size: 10px;
}

.yakoo-single-side-title {
	margin: 0 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.45 !important;
}

.yakoo-single-side-title a {
	color: #17364f !important;
}

.yakoo-single-side-title a:hover {
	color: #1e73be !important;
}

/* Categories */
.yakoo-single-category-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.yakoo-single-category-list li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #edf2f5;
}

.yakoo-single-category-list li:last-child {
	border-bottom: 0;
}

.yakoo-single-category-list a {
	display: flex;
	min-height: 43px;
	padding: 8px 1px;
	align-items: center;
	justify-content: space-between;
	color: #476276 !important;
	font-size: 13px;
	font-weight: 700;
}

.yakoo-single-category-list a:hover {
	color: #1e73be !important;
}

.yakoo-single-category-count {
	display: inline-flex;
	min-width: 28px;
	height: 23px;
	padding: 0 7px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: #617b8e;
	background: #edf3f7;
	font-size: 10px;
}

/* Tags */
.yakoo-single-tagcloud {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.yakoo-single-tagcloud a {
	display: inline-flex !important;
	min-height: 31px;
	margin: 0 !important;
	padding: 5px 10px !important;
	align-items: center;
	border: 1px solid #dce6ed !important;
	border-radius: 999px !important;
	color: #5a7487 !important;
	background: #f7fafc !important;
	font-size: 11px !important;
}

.yakoo-single-tagcloud a:hover {
	color: #fff !important;
	border-color: #1e73be !important;
	background: #1e73be !important;
}

/* CTA */
.yakoo-single-cta {
	position: relative;
	overflow: hidden;
	padding: 25px;
	border-radius: 15px;
	background:
			radial-gradient(
					circle at 100% 0,
					rgba(64,183,242,.22),
					transparent 38%
			),
			linear-gradient(135deg,#113f68,#175e91);
	box-shadow: 0 14px 31px rgba(15,58,92,.16);
}

.yakoo-single-cta small {
	display: block;
	margin-bottom: 6px;
	color: #ffad42;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.yakoo-single-cta h3 {
	margin: 0 0 9px !important;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.yakoo-single-cta p {
	margin: 0 0 16px;
	color: rgba(255,255,255,.75);
	font-size: 12px;
	line-height: 1.7;
}

.yakoo-single-cta a {
	display: inline-flex;
	min-height: 40px;
	padding: 8px 16px;
	align-items: center;
	gap: 8px;
	border-radius: 7px;
	color: #fff !important;
	background: #f28c18;
	font-size: 12px;
	font-weight: 800;
}

.yakoo-single-cta a:hover {
	background: #ff9c25;
}

/* ==========================================================
   Contact Form 7 - Online Message Board
   ========================================================== */
.yakoo-message-board {
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	padding: 30px 32px;
	border: 1px solid #dde7ee;
	border-radius: 16px;
	background:
			linear-gradient(
					145deg,
					#ffffff 0%,
					#f7fafc 100%
			);
	box-shadow:
			0 13px 32px rgba(28, 59, 83, .065),
			inset 0 1px 0 rgba(255,255,255,.96);
}

.yakoo-message-board::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 118px;
	height: 3px;
	border-radius: 0 0 999px 0;
	background:
			linear-gradient(
					90deg,
					#1e73be 0%,
					#38b9e8 68%,
					#f28c18 100%
			);
}

.yakoo-message-board::after {
	content: "";
	position: absolute;
	top: -80px;
	right: -75px;
	width: 210px;
	height: 210px;
	border: 1px solid rgba(30,115,190,.06);
	border-radius: 50%;
	box-shadow:
			0 0 0 28px rgba(30,115,190,.018),
			0 0 0 58px rgba(30,115,190,.012);
	pointer-events: none;
}

.yakoo-message-board-head,
.yakoo-message-form-wrap,
.yakoo-message-privacy {
	position: relative;
	z-index: 2;
}

.yakoo-message-kicker {
	display: inline-flex;
	margin-bottom: 6px;
	color: #f28c18;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.45px;
	text-transform: uppercase;
}

.yakoo-message-board-head h3 {
	margin: 0 0 8px !important;
	color: #153750 !important;
	font-size: 28px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
}

.yakoo-message-board-head p {
	max-width: 720px;
	margin: 0 0 22px;
	color: #667c8d;
	font-size: 13px;
	line-height: 1.75;
}

/* CF7 reset */
.yakoo-message-board .wpcf7,
.yakoo-message-board .wpcf7-form {
	margin: 0;
	padding: 0;
}

.yakoo-message-board .wpcf7-form p {
	margin: 0 !important;
}

.yakoo-message-board .yakoo-cf7-message-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 16px;
}

.yakoo-message-board .yakoo-cf7-field {
	margin: 0;
}

.yakoo-message-board .yakoo-cf7-field--full {
	grid-column: 1 / -1;
}

.yakoo-message-board .yakoo-cf7-field label {
	display: block;
	margin: 0;
	color: #183a53;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.4;
}

.yakoo-message-board .yakoo-cf7-required {
	color: #f28c18;
}

.yakoo-message-board .wpcf7-form-control-wrap {
	display: block;
	margin-top: 6px;
}

.yakoo-message-board
input.wpcf7-form-control:not(.wpcf7-submit),
.yakoo-message-board
select.wpcf7-form-control {
	display: block;
	width: 100% !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #d5e1e9 !important;
	border-radius: 9px !important;
	outline: none !important;
	color: #29495f !important;
	background: #fff !important;
	font-size: 13px !important;
	box-shadow: none !important;
	transition:
			border-color .22s ease,
			box-shadow .22s ease,
			background .22s ease;
}

.yakoo-message-board
textarea.wpcf7-form-control {
	display: block;
	width: 100% !important;
	min-height: 138px !important;
	height: 138px;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid #d5e1e9 !important;
	border-radius: 9px !important;
	outline: none !important;
	color: #29495f !important;
	background: #fff !important;
	font-size: 13px !important;
	line-height: 1.65;
	box-shadow: none !important;
	resize: vertical;
	transition:
			border-color .22s ease,
			box-shadow .22s ease;
}

.yakoo-message-board
input.wpcf7-form-control:not(.wpcf7-submit):focus,
.yakoo-message-board
select.wpcf7-form-control:focus,
.yakoo-message-board
textarea.wpcf7-form-control:focus {
	border-color: #87bddf !important;
	box-shadow: 0 0 0 4px rgba(30,115,190,.06) !important;
}

.yakoo-message-board
.wpcf7-form-control::placeholder {
	color: #94a3ae;
}

.yakoo-message-board .yakoo-cf7-submit-row {
	display: flex;
	margin-top: 17px;
	align-items: center;
	gap: 10px;
}

.yakoo-message-board input.wpcf7-submit {
	min-width: 160px;
	height: 47px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 0 !important;
	border-radius: 8px !important;
	cursor: pointer;
	color: #fff !important;
	background:
			linear-gradient(
					135deg,
					#1d70b5 0%,
					#2598cd 100%
			) !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	box-shadow: 0 8px 19px rgba(30,115,190,.19);
	transition:
			transform .22s ease,
			box-shadow .22s ease,
			background .22s ease;
}

.yakoo-message-board input.wpcf7-submit:hover {
	transform: translateY(-2px);
	background:
			linear-gradient(
					135deg,
					#2481c8 0%,
					#2ca8dc 100%
			) !important;
	box-shadow: 0 11px 24px rgba(30,115,190,.23);
}

.yakoo-message-board .wpcf7-spinner {
	margin: 0 0 0 8px;
}

.yakoo-message-board .wpcf7-not-valid-tip {
	margin-top: 4px;
	color: #c65347;
	font-size: 10px;
	line-height: 1.4;
}

.yakoo-message-board .wpcf7-response-output {
	margin: 14px 0 0 !important;
	padding: 9px 12px !important;
	border-radius: 8px;
	font-size: 11px;
	line-height: 1.5;
}

.yakoo-message-privacy {
	display: flex;
	margin-top: 14px;
	align-items: center;
	gap: 7px;
	color: #8495a2;
	font-size: 10px;
	line-height: 1.5;
}

.yakoo-message-privacy i {
	color: #6f8ba0;
}

.yakoo-message-form-notice {
	padding: 12px 14px;
	border: 1px dashed #dca04a;
	border-radius: 8px;
	color: #745516;
	background: #fff9e9;
	font-size: 12px;
}

@media (max-width: 767px) {
	.yakoo-message-board {
		padding: 24px 20px;
	}

	.yakoo-message-board .yakoo-cf7-message-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.yakoo-message-board .yakoo-cf7-field--full {
		grid-column: auto;
	}

	.yakoo-message-board input.wpcf7-submit {
		width: 100% !important;
	}

	.yakoo-message-board .yakoo-cf7-submit-row {
		display: block;
	}

	.yakoo-message-board .wpcf7-spinner {
		display: block;
		margin: 8px 0 0;
	}
}

@keyframes yakooSingleHeroMove {
	from {
		background-position: 49% 48%;
		background-size: 106% auto;
	}
	to {
		background-position: 52% 52%;
		background-size: 112% auto;
	}
}

@keyframes yakooSingleSweep {
	from {
		left: -35%;
		opacity: 0;
	}
	15% {
		opacity: .36;
	}
	to {
		left: 120%;
		opacity: 0;
	}
}

@keyframes yakooSingleTitleIn {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 991px) {
	.yakoo-single-sidebar {
		position: static;
		margin-top: 35px;
	}
}

@media (max-width: 767px) {
	.yakoo-single-hero {
		background-size: cover !important;
	}

	.yakoo-single-hero .page-title-content h1,
	.yakoo-single-hero .page-title-content h2 {
		font-size: 36px !important;
	}

	.yakoo-single-cover {
		min-height: 240px;
	}

	.yakoo-single-page .article-content {
		padding: 24px 20px 15px;
	}


	.yakoo-article-head {
		margin-bottom: 24px;
		padding-bottom: 21px;
	}

	.yakoo-single-title {
		margin-bottom: 17px !important;
		font-size: 31px !important;
		line-height: 1.2 !important;
	}

	.yakoo-article-meta ul {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 8px !important;
	}

	.yakoo-article-meta ul li {
		width: 100%;
		min-height: 50px;
		padding: 7px 10px;
	}

	.yakoo-meta-icon {
		width: 31px;
		height: 31px;
		flex-basis: 31px;
	}


	.yakoo-inline-featured-image {
		min-height: 220px;
		margin-bottom: 20px !important;
	}

	.yakoo-single-page .article-footer {
		display: block;
		padding: 18px 20px 21px;
	}

	.yakoo-single-page .article-share {
		margin-top: 15px;
	}

	.yakoo-single-page .navigation-links {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yakoo-single-hero,
	.yakoo-single-hero::after,
	.yakoo-single-hero .page-title-content {
		animation: none !important;
	}
}

@media (max-width: 430px) {
	.yakoo-article-meta ul {
		grid-template-columns: 1fr !important;
	}
}
/*header.css
 */
/*
         * Desktop: reproduce the original Techvia navigation geometry.
         * The parent text remains a real link; the small chevron next to it
         * is an independent submenu control without Bootstrap's extra caret.
         */
@media (min-width: 992px) {
	.techvia-nav .spray-navbar .navbar-collapse {
		min-width: 0;
	}

	.techvia-nav .spray-navbar .navbar-nav {
		flex: 0 1 auto !important;
		align-items: center;
		justify-content: center;
		margin-right: auto;
		margin-left: auto;
		white-space: nowrap;
	}

	.techvia-nav .spray-navbar .huacai-clickable-parent {
		position: relative;
		display: flex;
		align-items: center;
	}

	.techvia-nav .spray-navbar .huacai-clickable-parent > .nav-link {
		margin-right: 0 !important;
		padding-right: 0 !important;
	}

	.techvia-nav .spray-navbar .huacai-dropdown-toggle {
		position: static;
		display: inline-flex;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		width: auto;
		height: auto;
		margin: 0 15px 0 4px;
		padding: 0;
		border: 0;
		border-radius: 0;
		color: #ffffff;
		background: transparent;
		box-shadow: none;
		line-height: 1;
		vertical-align: middle;
	}

	.techvia-nav .spray-navbar .huacai-dropdown-toggle::before,
	.techvia-nav .spray-navbar .huacai-dropdown-toggle::after {
		display: none !important;
		content: none !important;
	}

	.techvia-nav .spray-navbar .huacai-dropdown-toggle i {
		position: relative;
		top: -1px;
		display: block;
		margin: 0;
		color: inherit;
		font-size: 10px;
		opacity: 1;
		transition: color .2s ease, transform .25s ease;
	}

	.techvia-nav .spray-navbar .huacai-dropdown-toggle:hover,
	.techvia-nav .spray-navbar .huacai-dropdown-toggle:focus-visible,
	.techvia-nav .spray-navbar .huacai-clickable-parent:hover > .huacai-dropdown-toggle,
	.techvia-nav .spray-navbar .huacai-clickable-parent:focus-within > .huacai-dropdown-toggle {
		color: #7b68ee;
		background: transparent;
		outline: none;
	}

	.navbar-section.is-sticky .techvia-nav .spray-navbar .huacai-dropdown-toggle {
		color: #0b0b31;
	}

	.navbar-section.is-sticky .techvia-nav .spray-navbar .huacai-dropdown-toggle:hover,
	.navbar-section.is-sticky .techvia-nav .spray-navbar .huacai-dropdown-toggle:focus-visible,
	.navbar-section.is-sticky .techvia-nav .spray-navbar .huacai-clickable-parent:hover > .huacai-dropdown-toggle,
	.navbar-section.is-sticky .techvia-nav .spray-navbar .huacai-clickable-parent:focus-within > .huacai-dropdown-toggle {
		color: #7b68ee;
	}

	.techvia-nav .spray-navbar .huacai-clickable-parent:hover > .huacai-dropdown-toggle i,
	.techvia-nav .spray-navbar .huacai-clickable-parent:focus-within > .huacai-dropdown-toggle i,
	.techvia-nav .spray-navbar .huacai-dropdown-toggle[aria-expanded="true"] i {
		transform: rotate(180deg);
	}

	.techvia-nav .spray-navbar .huacai-clickable-parent:last-child > .huacai-dropdown-toggle {
		margin-right: 0;
	}
}

/* Explicit open state used by the independent chevron button. */
.spray-navbar .huacai-clickable-parent.show > .dropdown-menu,
.spray-navbar .menu-item-has-children.show > .dropdown-menu,
.spray-navbar .huacai-clickable-parent > .dropdown-menu.show,
.spray-navbar .menu-item-has-children > .dropdown-menu.show {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translateY(0) !important;
}

@media (min-width: 992px) {
	.spray-navbar .huacai-clickable-parent:hover > .dropdown-menu,
	.spray-navbar .huacai-clickable-parent:focus-within > .dropdown-menu,
	.spray-navbar .menu-item-has-children:hover > .dropdown-menu,
	.spray-navbar .menu-item-has-children:focus-within > .dropdown-menu {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: translateY(0) !important;
	}
}


/*
 * Mobile/MeanMenu: preserve the supplied Techvia template behavior.
 * The original MeanMenu plugin draws the three bars, opens the white
 * menu panel, and changes the bars/logo when the navbar becomes sticky.
 * Only hide the desktop-only Huacai chevron from the cloned mobile menu.
 */
@media (max-width: 991.98px) {
	.techvia-responsive-nav .mean-container .mean-nav .huacai-dropdown-toggle {
		display: none !important;
	}

	/* WordPress submenu classes must behave like the original nested ULs. */
	.techvia-responsive-nav .mean-container .mean-nav .dropdown-menu {
		position: static !important;
		float: none !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #ffffff;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}

	.techvia-responsive-nav .mean-container .mean-nav .other-option,
	.techvia-responsive-nav .mean-container .mean-nav .other-options,
	.techvia-responsive-nav .mean-container .mean-nav .others-options {
		display: none !important;
	}
}
</style>

<!-- Floating call button CSS: moved from functions.php -->
<style id="yakoo-callbutton-css">
									/* =========================
                                       基础
                                    ========================= */

								.call-floating-widget * {
									box-sizing: border-box;
								}

/* =========================
   悬浮区域：右下角
========================= */

.call-floating-phone {

	position: fixed;

	right: 30px;
	left: auto;
	bottom: 30px;

	z-index: 9999;

	animation: callPhoneFloat 4s ease-in-out infinite;
}

@keyframes callPhoneFloat {

	0%, 100% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-8px);
	}
}

/* =========================
   电话按钮：蓝色圆形图标
========================= */

.call-phone-icon {

	width: 68px;
	height: 68px;

	border: none;
	border-radius: 50%;

	cursor: pointer;

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

	position: relative;
	overflow: visible;

	background: #2386e8;

	transition: all .3s cubic-bezier(.4, 0, .2, 1);

	box-shadow:
			0 8px 25px rgba(35, 134, 232, .35),
			0 0 0 0 rgba(35, 134, 232, .65);
}

.call-phone-icon::before,
.call-phone-icon::after {
	display: none !important;
	content: none !important;
}

.call-phone-icon:hover {

	transform: scale(1.12) translateY(-3px);

	background: #1678d8;

	box-shadow:
			0 12px 35px rgba(35, 134, 232, .45),
			0 0 0 15px rgba(35, 134, 232, .12);
}

.call-phone-icon-inner {
	position: relative;
	z-index: 5;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 电话 SVG */

.call-phone-svg {

	width: 34px;
	height: 34px;

	fill: #ffffff;

	display: block;

	position: relative;
	z-index: 6;

	transform: rotate(-18deg);

	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .18));
}

/* =========================
   波纹动画：蓝色外圈
========================= */

.call-pulse-ring {

	position: absolute;

	top: 50%;
	left: 50%;

	width: 76px;
	height: 76px;

	border: 3px solid rgba(26, 92, 145, .65);

	border-radius: 50%;

	transform: translate(-50%, -50%);

	animation: callPulse 2.5s infinite;
}

.call-pulse-ring:nth-child(1) {
	animation-delay: 0s;
}

.call-pulse-ring:nth-child(2) {
	animation-delay: .8s;
}

@keyframes callPulse {

	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: .8;
	}

	100% {
		transform: translate(-50%, -50%) scale(2.5);
		opacity: 0;
	}
}

/* =========================
   Tooltip：白色弹出框
========================= */

.call-phone-tooltip {

	position: absolute;

	right: 88px;
	left: auto;
	top: 50%;

	transform: translateY(-50%);

	background: #ffffff;

	color: #333333;

	padding: 14px 16px;

	border-radius: 12px;

	font-size: 13px;
	line-height: 1.7;

	min-width: 190px;

	opacity: 0;
	visibility: hidden;

	transition: all .3s ease;

	box-shadow: 0 8px 25px rgba(0, 0, 0, .18);
}

/* Tooltip 白色箭头 */

.call-phone-tooltip::after {

	content: '';

	position: absolute;

	top: 50%;
	right: -6px;

	transform: translateY(-50%);

	border-left: 6px solid #ffffff;

	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

/* Hover 显示 */

.call-floating-phone:hover .call-phone-tooltip {

	opacity: 1;
	visibility: visible;

	transform: translateY(-50%) translateX(-10px);
}

/* Tooltip 标题 */

.call-tooltip-title {

	font-size: 12px;

	color: #666666;

	letter-spacing: .5px;
}

/* Tooltip 号码 */

.call-tooltip-number {

	font-size: 16px;

	font-weight: 700;

	color: #2386e8;
}

/* =========================
   红点提醒
========================= */

.call-notification-badge {

	position: absolute;

	top: -5px;
	right: -5px;

	width: 20px;
	height: 20px;

	background: #ff4757;
	color: #fff;

	border-radius: 50%;

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

	font-size: 11px;
	font-weight: 700;

	border: 2px solid #fff;

	animation: callBounce 1s infinite;
}

@keyframes callBounce {

	0%, 100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
	}
}

/* =========================
   状态提示：白色弹出框
========================= */

.call-status-popup {

	position: fixed;

	right: 30px;
	left: auto;
	bottom: 110px;

	background: #ffffff;

	color: #333333;

	padding: 12px 18px;

	border-radius: 10px;

	font-size: 14px;

	opacity: 0;
	visibility: hidden;

	transition: all .3s ease;

	max-width: 260px;

	z-index: 10000;

	box-shadow: 0 8px 25px rgba(0, 0, 0, .18);
}

.call-status-popup.show {

	opacity: 1;
	visibility: visible;

	transform: translateY(-10px);
}

/* 防止横向溢出 */
html,
body {
	overflow-x: hidden;
}

/* =========================
   手机端适配
========================= */

@media(max-width: 768px) {

	.call-floating-phone {
		right: 20px;
		left: auto;
		bottom: 20px;
	}

	.call-phone-icon {
		width: 58px;
		height: 58px;
	}

	.call-phone-icon-inner {
		width: 30px;
		height: 30px;
	}

	.call-phone-svg {
		width: 30px;
		height: 30px;
	}

	.call-pulse-ring {
		width: 66px;
		height: 66px;
	}

	.call-phone-tooltip {
		right: 75px;
		left: auto;
		min-width: 170px;
		font-size: 12px;
	}

	.call-status-popup {
		right: 20px;
		left: auto;
		bottom: 95px;
	}
}

/* ============================================================
 * Product Center static mode
 * Section: Featured Pressure Tank Products (#pt-product-center)
 * Purpose: remove continuous animation, pointer-following motion,
 * hover displacement and reveal transitions while keeping layout,
 * category filtering and the existing visual design.
 * ============================================================ */
#pt-product-center,
#pt-product-center *,
#pt-product-center *::before,
#pt-product-center *::after {
    animation: none !important;
    transition: none !important;
}

#pt-product-center .pt-product-card,
#pt-product-center .pt-product-card:hover,
#pt-product-center .pt-product-card.pt-reveal-ready,
#pt-product-center .pt-product-card.pt-reveal-ready.is-visible,
#pt-product-center .pt-product-card:nth-child(3n+1).pt-reveal-ready,
#pt-product-center .pt-product-card:nth-child(3n).pt-reveal-ready {
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    will-change: auto !important;
}

/* Keep the product card appearance unchanged on hover. */
#pt-product-center .pt-product-card:hover {
    z-index: auto !important;
    border-color: rgba(113,137,152,.17) !important;
    box-shadow:
        0 22px 54px rgba(64,84,98,.09),
        inset 0 1px 0 rgba(255,255,255,.93) !important;
}

#pt-product-center .pt-product-card:hover::before {
    opacity: .22 !important;
}

#pt-product-center .pt-product-card:hover::after {
    opacity: .06 !important;
}

/* Product image no longer floats, follows the pointer or zooms on hover. */
#pt-product-center .pt-product-image,
#pt-product-center .pt-product-card:hover .pt-product-image {
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: drop-shadow(0 22px 24px rgba(62,79,91,.14)) !important;
    will-change: auto !important;
}

/* Category buttons can still indicate active/hover state, but do not move. */
#pt-product-center .pt-filter-link,
#pt-product-center .pt-filter-link:hover,
#pt-product-center .pt-filter-link.is-active {
    transform: none !important;
}

/* View / More buttons remain clickable, with no positional animation. */
#pt-product-center .pt-view-link,
#pt-product-center .pt-view-link:hover,
#pt-product-center .pt-view-link i,
#pt-product-center .pt-view-link:hover i,
#pt-product-center .pt-more-link,
#pt-product-center .pt-more-link:hover,
#pt-product-center .pt-more-link::after,
#pt-product-center .pt-more-link:hover::after,
#pt-product-center .pt-more-arrow,
#pt-product-center .pt-more-link:hover .pt-more-arrow {
    transform: none !important;
}

/* More Products still appears according to the selected category, instantly. */
#pt-product-center .pt-category-more.is-visible,
#pt-product-center .pt-more-link.is-active {
    animation: none !important;
}

#pt-product-center .pt-product-card.is-filtered-out {
    display: none !important;
}


/* ============================================================
   Static mode: Best-Selling Glue Pressure Tanks + Featured Products
   Disable all animation, transition, hover movement and reveal effects
   ============================================================ */

/* ---------- Best-Selling Glue Pressure Tanks ---------- */
#hot-products-section,
#hot-products-section *,
#hot-products-section *::before,
#hot-products-section *::after {
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

#hot-products-section::before {
    background-position: 0 0 !important;
}

#hot-products-section::after {
    background: radial-gradient(
        circle 430px at 50% 30%,
        rgba(255,255,255,.98),
        rgba(102,223,246,.16) 35%,
        transparent 70%
    ) !important;
}

#hot-products-section .hp-bg-ring {
    transform: none !important;
}

#hot-products-section .hp-bg-sweep {
    display: none !important;
}

#hot-products-section .hp-products-grid {
    perspective: none !important;
}

#hot-products-section .hp-card,
#hot-products-section .hp-card:hover,
#hot-products-section .hp-card.hp-reveal-ready,
#hot-products-section .hp-card.hp-reveal-ready.hp-is-visible {
    --tilt-x: 0deg !important;
    --tilt-y: 0deg !important;
    --lift: 0px !important;
    --reveal-y: 0px !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    will-change: auto !important;
}

#hot-products-section .hp-card:hover {
    border-color: rgba(94,124,143,.26) !important;
    box-shadow:
        0 24px 58px rgba(48,91,117,.16),
        0 7px 18px rgba(48,91,117,.07),
        inset 0 1px 0 rgba(255,255,255,.96) !important;
}

#hot-products-section .hp-card::before,
#hot-products-section .hp-card:hover::before {
    opacity: .30 !important;
    background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.65), rgba(102,223,246,.13) 22%, transparent 45%) !important;
}

#hot-products-section .hp-card::after {
    display: none !important;
}

#hot-products-section .hp-visual,
#hot-products-section .hp-info {
    transform: none !important;
    -webkit-transform: none !important;
}

#hot-products-section .hp-visual::before,
#hot-products-section .hp-card:hover .hp-visual::before {
    opacity: 1 !important;
    transform: scaleX(.78) !important;
    -webkit-transform: scaleX(.78) !important;
}

#hot-products-section .hp-visual::after,
#hot-products-section .hp-card:hover .hp-visual::after {
    transform: translate(-50%, -50%) scale(.92) !important;
    -webkit-transform: translate(-50%, -50%) scale(.92) !important;
}

#hot-products-section .hp-product-image,
#hot-products-section .hp-card:hover .hp-product-image {
    transform: translate3d(0,0,0) scale(.96) !important;
    -webkit-transform: translate3d(0,0,0) scale(.96) !important;
    filter: drop-shadow(0 22px 24px rgba(31,64,84,.24)) saturate(1.04) contrast(1.03) !important;
    will-change: auto !important;
}

#hot-products-section .hp-product-placeholder,
#hot-products-section .hp-tank-gauge::before {
    animation: none !important;
    -webkit-animation: none !important;
}

#hot-products-section .hp-tank-gauge::before {
    transform: rotate(-42deg) !important;
    -webkit-transform: rotate(-42deg) !important;
}

#hot-products-section .hp-link i,
#hot-products-section .hp-link:hover i {
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: 0 10px 22px rgba(243,154,37,.28), inset 0 1px 0 rgba(255,255,255,.38) !important;
}

/* ---------- Featured Products ---------- */
#product-showcase-21,
#product-showcase-21 *,
#product-showcase-21 *::before,
#product-showcase-21 *::after {
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

#product-showcase-21::after {
    background:
        radial-gradient(circle 420px at 50% 35%, rgba(32,169,224,.10), transparent 72%),
        radial-gradient(circle at 10% 14%, rgba(245,155,35,.09), transparent 25%) !important;
}

#product-showcase-21 .ps-decor-ring,
#product-showcase-21 .ps-light-sweep {
    transform: none !important;
    -webkit-transform: none !important;
}

#product-showcase-21 .ps-grid {
    perspective: none !important;
}

#product-showcase-21 .ps-card,
#product-showcase-21 .ps-card:hover,
#product-showcase-21 .ps-card.ps-reveal-ready,
#product-showcase-21 .ps-card.ps-reveal-ready.ps-visible {
    --ps-tilt-x: 0deg !important;
    --ps-tilt-y: 0deg !important;
    --ps-lift: 0px !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    will-change: auto !important;
}

#product-showcase-21 .ps-card::before,
#product-showcase-21 .ps-card:hover::before {
    transform: none !important;
    -webkit-transform: none !important;
    background: rgba(210,221,229,.48) !important;
}

#product-showcase-21 .ps-card::after,
#product-showcase-21 .ps-card:hover::after {
    opacity: 0 !important;
}

#product-showcase-21 .ps-media-link::before,
#product-showcase-21 .ps-card:hover .ps-media-link::before {
    transform: scaleX(.32) !important;
    -webkit-transform: scaleX(.32) !important;
}

#product-showcase-21 .ps-media-link::after,
#product-showcase-21 .ps-card:hover .ps-media-link::after {
    border-color: rgba(12,95,159,.18) !important;
    transform: skew(-12deg) !important;
    -webkit-transform: skew(-12deg) !important;
}

#product-showcase-21 .ps-image-stage::before,
#product-showcase-21 .ps-card:hover .ps-image-stage::before {
    opacity: 1 !important;
    transform: scaleX(.75) !important;
    -webkit-transform: scaleX(.75) !important;
}

#product-showcase-21 .ps-product-image,
#product-showcase-21 .ps-card:hover .ps-product-image {
    transform: translate3d(0,0,0) scale(1) !important;
    -webkit-transform: translate3d(0,0,0) scale(1) !important;
    filter: drop-shadow(0 24px 28px rgba(23,45,65,.22)) !important;
    will-change: auto !important;
}

#product-showcase-21 .ps-placeholder-icon {
    animation: none !important;
    -webkit-animation: none !important;
}

#product-showcase-21 .ps-content,
#product-showcase-21 .ps-card:hover .ps-content {
    transform: none !important;
    -webkit-transform: none !important;
    border-left-color: var(--ps-blue) !important;
    box-shadow: 0 18px 38px rgba(26,49,69,.12) !important;
}

#product-showcase-21 .ps-link:hover,
#product-showcase-21 .ps-link:hover .ps-link-icon,
#product-showcase-21 .ps-more-link:hover,
#product-showcase-21 .ps-more-link:hover .ps-more-link-icon {
    transform: none !important;
    -webkit-transform: none !important;
}

#product-showcase-21 .ps-more-link::before,
#product-showcase-21 .ps-more-link:hover::before {
    transform: scaleX(0) !important;
    -webkit-transform: scaleX(0) !important;
}

/* =========================================================
   Keep product image zoom only
   All other animation/motion in Best-Selling and Featured
   Products remains disabled.
   ========================================================= */

/* Best-Selling Glue Pressure Tanks: image zoom only */
#hot-products-section .hp-product-image {
    transform: translate3d(0, 0, 0) scale(.96) !important;
    -webkit-transform: translate3d(0, 0, 0) scale(.96) !important;
    transition: transform .35s ease, filter .35s ease !important;
    -webkit-transition: -webkit-transform .35s ease, filter .35s ease !important;
    will-change: transform !important;
}

#hot-products-section .hp-card:hover .hp-product-image,
#hot-products-section .hp-visual:hover .hp-product-image,
#hot-products-section .hp-visual:focus .hp-product-image,
#hot-products-section .hp-visual:active .hp-product-image {
    transform: translate3d(0, 0, 0) scale(1.06) !important;
    -webkit-transform: translate3d(0, 0, 0) scale(1.06) !important;
    filter: drop-shadow(0 28px 28px rgba(31,64,84,.29)) saturate(1.06) contrast(1.04) !important;
}

/* Featured Products: image zoom only */
#product-showcase-21 .ps-product-image {
    transform: translate3d(0, 0, 0) scale(1) !important;
    -webkit-transform: translate3d(0, 0, 0) scale(1) !important;
    transition: transform .35s ease, filter .35s ease !important;
    -webkit-transition: -webkit-transform .35s ease, filter .35s ease !important;
    will-change: transform !important;
}

#product-showcase-21 .ps-card:hover .ps-product-image,
#product-showcase-21 .ps-media-link:hover .ps-product-image,
#product-showcase-21 .ps-media-link:focus .ps-product-image,
#product-showcase-21 .ps-media-link:active .ps-product-image {
    transform: translate3d(0, 0, 0) scale(1.12) !important;
    -webkit-transform: translate3d(0, 0, 0) scale(1.12) !important;
    filter: drop-shadow(0 32px 32px rgba(23,45,65,.28)) !important;
}

/* =========================================================
   Hover feedback fixes
   Keep sections static; retain image zoom and useful hover states.
   ========================================================= */

/* Best-Selling Glue Pressure Tanks: product title hover */
#hot-products-section .hp-info h3 a {
    transition: color .22s ease, text-decoration-color .22s ease !important;
    -webkit-transition: color .22s ease, text-decoration-color .22s ease !important;
    text-decoration: underline !important;
    text-decoration-color: transparent !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 4px !important;
}

#hot-products-section .hp-info h3 a:hover,
#hot-products-section .hp-info h3 a:focus-visible {
    color: var(--hp-blue) !important;
    text-decoration-color: var(--hp-orange) !important;
}

/* Best-Selling Glue Pressure Tanks: View Product hover */
#hot-products-section .hp-link {
    transition: color .22s ease !important;
    -webkit-transition: color .22s ease !important;
}

#hot-products-section .hp-link:hover,
#hot-products-section .hp-link:focus-visible {
    color: var(--hp-orange) !important;
}

#hot-products-section .hp-link:hover i,
#hot-products-section .hp-link:focus-visible i {
    background: linear-gradient(135deg, var(--hp-navy-2), var(--hp-blue)) !important;
    color: #ffffff !important;
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: 0 10px 22px rgba(22,77,124,.25), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Featured Products: View More Products remains readable on hover.
   The animated ::before layer is intentionally disabled, so the hover
   background is applied directly to the link. */
#product-showcase-21 .ps-more-link {
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
    -webkit-transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

#product-showcase-21 .ps-more-link:hover,
#product-showcase-21 .ps-more-link:focus-visible {
    color: #ffffff !important;
    background: var(--ps-blue) !important;
    border-color: var(--ps-blue) !important;
    box-shadow: 0 18px 36px rgba(12,95,159,.18) !important;
    transform: none !important;
    -webkit-transform: none !important;
}

#product-showcase-21 .ps-more-link:hover .ps-more-link-icon,
#product-showcase-21 .ps-more-link:focus-visible .ps-more-link-icon {
    color: var(--ps-ink) !important;
    background: #ffc164 !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Featured Products card title and View Product keep clear hover feedback too. */
#product-showcase-21 .ps-title a {
    transition: color .22s ease, text-decoration-color .22s ease !important;
    -webkit-transition: color .22s ease, text-decoration-color .22s ease !important;
    text-decoration: underline !important;
    text-decoration-color: transparent !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 4px !important;
}

#product-showcase-21 .ps-title a:hover,
#product-showcase-21 .ps-title a:focus-visible {
    color: var(--ps-blue) !important;
    text-decoration-color: var(--ps-orange) !important;
}

#product-showcase-21 .ps-link {
    transition: background-color .22s ease, color .22s ease !important;
    -webkit-transition: background-color .22s ease, color .22s ease !important;
}

#product-showcase-21 .ps-link:hover,
#product-showcase-21 .ps-link:focus-visible {
    color: #ffffff !important;
    background: var(--ps-blue) !important;
    transform: none !important;
    -webkit-transform: none !important;
}

#product-showcase-21 .ps-link:hover .ps-link-icon,
#product-showcase-21 .ps-link:focus-visible .ps-link-icon {
    color: var(--ps-ink) !important;
    background: #ffc164 !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* ============================================================
 * Featured Pressure Tank Products
 * Keep the section static, but restore product-image hover zoom.
 * No PHP / index.php changes are required.
 * ============================================================ */
#pt-product-center .pt-product-image {
    transform: translate3d(0, 0, 0) scale(1) !important;
    transform-origin: center center !important;
    transition: transform .30s ease, filter .30s ease !important;
    will-change: transform !important;
}

#pt-product-center .pt-product-image-link:hover .pt-product-image {
    transform: translate3d(0, 0, 0) scale(1.08) !important;
    filter: drop-shadow(0 28px 28px rgba(62,79,91,.20)) !important;
}

/* Keep card itself completely static while the image zooms. */
#pt-product-center .pt-product-card:hover {
    transform: none !important;
}