/*
Theme Name: Zenda Theme
Theme URI:  https://eastdigi.com/
Author: the East Digi Marketing Team
Author URI:  https://eastdigi.com/
Version: 1.0.1
*/
body{
	overflow-x: hidden;
	position: relative;
	font-family: 'Exo-Regular';
	font-size: 16px;
	color: #333;
	/* max-width: 1920px;margin-left: auto;margin-right: auto; */
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
a:active,a:link,a:focus,a:visited{
	text-decoration: none;
	outline: none !important;
}
input,
textarea,
select,
button {
	border: 0;
	outline: none !important;
}
.wrapper {
	width: 1412px;margin: 0 auto;position: relative;
}
.page-width{
	width: 1506px;margin: 0 auto;position: relative;
}
.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.btn{
	color: #010101;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	position: relative;
	z-index: 1;
	font-size: 18px;
	line-height: 1.25;
	overflow: hidden; 
	transition: all .3s;
	padding: 11px 24px 10px;
	background: #fed667;
	border-radius: 6px;
	border: 1px solid #fed667;
	outline: none !important;
	box-sizing: border-box;
}
.btn svg{width: 38px; height: 38px; background: #ffff; border-radius: 50%; padding: 10px;margin-left: 22px;}
.btn:hover{
	outline: 0;color:  #fed667;border-color:#fed667;background: #fff;
}
.btn:hover::after{
	width: 100%;
}
.btn::after{
	content: "";position: absolute; left: 0; bottom: 0; width: 0; height: 100%;background: #fff;transition: all 0.3s ease-in-out;z-index: -1;
}
.btn-white{background: #fff;border: 1px solid #fff;color: #010101;}
.btn-white svg{background:#010101;}
.btn-white:hover{color:#fff;}
.btn-white::after{background: #fed667;}


@media ( min-width : 768px) {
	.col-sm-5th {
		width: 20%;
		float: left;
	}
}
@media ( min-width : 992px) {
	.col-md-5th {
		width: 20%;
		float: left;
	}
}
@media ( min-width : 1200px) {
	.col-lg-5th{
		width: 20%;
		float: left;
	}
}


@font-face {
	font-family: 'Exo-Bold';
	src: url('/wp-content/themes/zenda/assets/fonts/Exo-Bold.eot');
	src: url('/wp-content/themes/zenda/assets/fonts/Exo-Bold.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Bold.woff') format('woff'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Bold.ttf') format('truetype'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Bold.svg#Exo-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Exo-Regular';
	src: url('/wp-content/themes/zenda/assets/fonts/Exo-Regular.eot');
	src: url('/wp-content/themes/zenda/assets/fonts/Exo-Regular.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Regular.woff2') format('woff2'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Regular.woff') format('woff'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Regular.ttf') format('truetype'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Regular.svg#Exo-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Exo-Medium';
	src: url('/wp-content/themes/zenda/assets/fonts/Exo-Medium.eot');
	src: url('/wp-content/themes/zenda/assets/fonts/Exo-Medium.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Medium.woff2') format('woff2'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Medium.woff') format('woff'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Medium.ttf') format('truetype'),
		url('/wp-content/themes/zenda/assets/fonts/Exo-Medium.svg#Exo-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* Exo 字体 @ 符号回退为系统字体，全站自动生效 */
@font-face {
	font-family: 'Exo-Regular';
	src: local('Arial'), local('Helvetica Neue'), local('Helvetica'), local('sans-serif');
	unicode-range: U+0040;
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Exo-Bold';
	src: local('Arial'), local('Helvetica Neue'), local('Helvetica'), local('sans-serif');
	unicode-range: U+0040;
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Exo-Medium';
	src: local('Arial'), local('Helvetica Neue'), local('Helvetica'), local('sans-serif');
	unicode-range: U+0040;
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}


.flex{
	display: flex;
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
}
#menu{
	display: none;z-index: 555;
}
#menu.mm-opened,#caidan.mm-opened {
	display: block;
}
.mobile-bar{
	display: none !important;
}
.pc_none{
	display: none;
}
.swiper{
	position: relative;overflow: hidden;
}
/*解决模态框显示后页面偏移问题和背景颜色变黑问题*/
body.modal-open {
	overflow-y: auto !important;
	padding-right: 0 !important;
}
.modal-backdrop {
	opacity: 0 !important;
	filter: alpha(opacity=0) !important;
	display: none;
}
#exampleModal{
	padding-right: 0 !important;
}
/* search  模态框 */
.sear{
	cursor: pointer;
}
.modal{
	z-index: 999999;
}
.serch-home .modal-lg {
	width: 100%!important;
	margin-top: 0px!important;
	margin-left: 0px;
	max-width: 100%;
}
.fade.show {
	opacity: 1;
	background: rgba(51, 51, 51, 0.5);
}
.serch-home .modal-content {
	min-height: 260px;
	border-top: 0;
	border-radius: 0px;
	background: rgba(51, 51, 51, .7);
}
button.close {
	-webkit-appearance: none;
	padding: 15px;
	cursor: pointer;
	background: 0 0;
	border: 0;
	font-size: 31px!important;
	font-weight: 100;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: 1;
}
.serch-home .form-p {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 900;
	padding-right: .625rem;
	padding-left: .625rem;
	padding-top: 3%;
	padding-bottom: 3%;
	color: #fff!important;
	width: 90%;
}
.serch-home form#searchform {
	border: none!important;
	margin: 0!important;
	padding-right: .625rem;
	padding-left: .625rem;
	position: relative;
	color: #fff!important;
}
.serch-home input#s {
	color: #fff!important;
	background: none;
	border: none;
	border-bottom: 2px solid #fdfdfd;
	font-weight: 900;
	padding: 6px 0 20px 0;
	height: auto;
	text-transform: lowercase;
	font-size: 30px;
	border-color: #fff!important;
	width: 100%;
}
.serch-home button.search-submit.search-btn {
	right: 10px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 40px;
	top: 16px;
	outline: 0;
	background: none!important;
	font-size: 38px;
	padding: 0!important;
	z-index: 4;
	cursor: pointer;
	color: #fff;
	overflow: hidden;
	position: absolute;
	border: none;
}
.serch-home form#searchform {
	border: none!important;
	margin: 0!important;
	padding-right: .625rem;
	padding-left: .625rem;
	position: relative;
	color: #fff!important;
}
.serch-home #searchform input{
	outline: none !important;
}
header{background: #fff;padding-top:14px;padding-bottom:10px;}
header .wrapper{position: relative;}
header .hleft{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; display: flex; align-items: center;}
.affix{position:fixed !important;}
.affix{left: 0;right: 0;top: 0; z-index: 99999; background: #fff;    box-shadow: 0px 0px 26px 0px #e5e5e5;}
.heatop ul{align-items: center;justify-content: end;gap: 30px;}
.heatop ul li a ,.heatop ul span{font-size: 14px;color: #010101;}
.heatop ul li img{margin-right: 10px;}
.logo{max-width: 230px;height: auto;}
.heabottom{justify-content: flex-end;margin-top:4px}
.hright{
	display: flex;
	align-items: center;
}
.heabottom .mobile-bar a{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #010101;
	text-decoration: none;
}
.heabottom .mobile-bar a i{
	font-size: 22px;
	line-height: 1;
}
.navlist > li >a{position: relative;font-size: 18px;color: #010101;}
.navlist{gap: 45px;align-items: center;}
.navlist > li{position: relative;}
.navlist > li.menu-item-has-children > a{padding-right: 16px;}
.navlist > li.menu-item-has-children > a::before{content: ''; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; margin-top: -5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform 0.25s ease;}
.navlist > li.menu-item-has-children:hover > a::before{margin-top: -2px; transform: rotate(-135deg);}
.navlist > li.current-menu-item > a,
.navlist > li.current_page_item > a,
.navlist > li.current-menu-ancestor > a{color: #033490;}
.navlist > li.current-menu-item > a::after,
.navlist > li.current_page_item > a::after,
.navlist > li.current-menu-ancestor > a::after{content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: #033490;}
.navlist > li > .sub-menu-toggle{display: none !important;}
.navlist > li > .sub-menu{display: none; position: absolute; left: 50%; top: calc(100% + 8px); transform: translateX(-50%); min-width: 240px; margin: 0; padding: 12px 0; list-style: none; background: #fff; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1); border-radius: 8px; z-index: 1000;}
.navlist > li > .sub-menu::before{content: ''; position: absolute; left: 0; right: 0; top: -12px; height: 12px;}
.navlist > li:hover > .sub-menu,
.navlist > li:focus-within > .sub-menu{display: block;}
.navlist > li > .sub-menu > li{display: block; width: 100%;}
.navlist > li > .sub-menu > li > a{display: block; padding: 10px 22px; font-size: 15px; line-height: 1.4; color: #010101; white-space: nowrap; text-decoration: none;}
.navlist > li > .sub-menu > li > a:hover,
.navlist > li > .sub-menu > li.current-menu-item > a{color: #033490;}

/* Banner */
.banner{overflow: hidden;}
.banner .options{display: flex; flex-direction: row; align-items: stretch; overflow: hidden; max-width: 100%; width: 100%; height: calc(100vh - 111px);}
.banner .option{position: relative; overflow: hidden; max-width: 140px; cursor: pointer; /* 展开速度：修改 0.9s，越大越慢 */ transition: flex-grow 0.9s cubic-bezier(0.05, 0.61, 0.41, 0.95), max-width 0.9s cubic-bezier(0.05, 0.61, 0.41, 0.95);}
.banner .option-thumb,
.banner .option-bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; pointer-events: none;}
.banner .option-thumb{background-image: var(--banner-thumb); opacity: 1; z-index: 0;}
.banner .option-bg{background-image: var(--banner-bg); opacity: 0; z-index: 1; transition: opacity 0.45s ease;}
.banner .option:not(.active) .labels > div{max-width: 100px; width: 100%;}
.banner .option.active{flex-grow: 10000; max-width: 100%; margin: 0; position: relative;}
.banner .option.active .option-bg{opacity: 1; transition: opacity 0.15s ease;}
.banner .option.is-collapsing .option-bg{opacity: 1; transition: none;}
.banner .option.active::before{content: ""; position: absolute; left:0; right:0; top:0; bottom:0; background: linear-gradient(90deg, #116bcb87 0%, #116bcb00 100%); width:100%; height:100%; z-index: 1;}
.banner .option.active .labels{padding-left: 50px; position: relative; height: 100%;}
.banner .option.active .icon p{opacity: 0;}
.banner .labels{position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: grid; align-content: space-between; z-index: 2;}
.banner .option:not(.active) .labels{padding-left: 14px; padding-right: 14px;}
.banner .info{color: #fff;}
.banner .option:not(.active) .info{display: none; opacity: 0; visibility: hidden; overflow: hidden; margin: 0; pointer-events: none;}
.banner .option.active .info{display: block; position: absolute; top: 38%; left: max(4%, calc((100vw - 1412px) / 2)); transform: translateY(-50%); margin: 0; max-width: 720px; padding-right: 20px; box-sizing: border-box; opacity: 1; visibility: visible;}
.banner .icon{margin-top: 40px;}
.banner .option.active .icon big{font-size: 24px;}
.banner .icon big{font-size: 18px; color: #ffffff;}
.banner .icon p{color: #ffffff; font-size: 16px; line-height: 24px; margin-bottom:0px; margin-top:10px; word-break: break-word; overflow-wrap: break-word;}
.banner .option.active .labels .info > div{left: 0; opacity: 1;}
.banner .info h1, .banner .info h2, .banner .info h3, .banner .info p, .banner .info a, .banner .info > div{transition: opacity 0.4s ease;}
.banner .info h1, .banner .info h2, .banner .info h3{font-size: 48px; color: #ffffff; margin: 0 0 15px; line-height: 56px; word-break: break-word; overflow-wrap: break-word;}
.banner .info p, .banner .info .sub{font-size: 18px; color: #ffffff; margin-top: 15px; margin-bottom: 35px; line-height: 26px;}
.banner .info a.btn, .banner .info a.btn-white{display: inline-flex; align-items: center; justify-content: center; margin-right: 14px; margin-top: 8px; vertical-align: middle;}
.banner .option:not(.active){flex-grow: 1;}
.banner .option:not(.active) .shadow{position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); transition: all 0.3s; z-index: 1;}
.banner .option:not(.active):hover .shadow{background: rgba(0, 0, 0, 0.9); transition: all 0.3s;}
.banner .option.active .shadow{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); z-index: 1;}
.banner .option:not(.active) .labels .info > div, .banner .option:not(.active) .labels .info p, .banner .option:not(.active) .labels .info h1, .banner .option:not(.active) .labels .info h2, .banner .option:not(.active) .labels .info h3, .banner .option:not(.active) .labels .info a{opacity: 0; transition: none;}
.banner .ban-swiper, .banner .ban-swiper .swiper-slide, .banner .mban-box{height: 790px;}
.banner .mban-box{background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; position: relative; display: flex; align-items: flex-end;}
.banner .mban-box::before{content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35);}
.banner .mban-box .wrapper{position: relative; z-index: 1; width: 100%; padding: 40px 0 60px; color: #fff;}
.banner .mban-box h1, .banner .mban-box h2, .banner .mban-box h3{color: #fff; font-family: 'Exo-Bold'; font-size: 32px; margin: 0 0 16px;}
.banner .mban-box p{margin: 0 0 24px; line-height: 1.7;}
.banner .ban-pagination{bottom: 18px !important;}
.banner .ban-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background: rgba(255, 255, 255, 0.45); opacity: 1;}
.banner .ban-pagination .swiper-pagination-bullet-active{background: #fed667;}
/* hpart1 */
.text-center{text-align: center;}
.hpart1{padding: 80px 0 100px; background: #fff;}
.title{font-size: 44px; color: #010101; margin: 0 0 20px;}
.atitle{font-size: 40px; color: #010101; margin-top: 0; margin-bottom: 20px;}
.tbox p{font-size: 18px; color: #53565a; line-height: 26px; margin: 0;}
.hpart1-item{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px 40px; margin-top: 40px;}
.hpart1-list{display: flex; align-items: stretch; justify-content: space-between; gap:10px; background: #fff; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 30px 35px; min-height: 200px;}
.hpart1-txt{flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start;    justify-content: space-between;}
.hpart1-txt h3{color: #116bcb; font-size: 24px; margin: 0 0 10px; line-height: 26px;}
.hpart1-txt ul{list-style: none; margin: 0; padding: 0; flex: 1;}
.hpart1-txt ul li{line-height: 1;}
.hpart1-txt ul li a{text-decoration: none; font-family: "Exo-Medium"; font-size: 15px; line-height: 26px; color: #646566;}
.hpart1-txt ul li a:hover{color: #1a5fb4;}
.hpart1-txt .btn-trans{margin-top: 16px;}
.hpart1-img{width: 50%; max-width: 200px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.hpart1-img img{max-width: 100%; max-height: 200px; width: auto; height: auto; object-fit: contain;}
.hpart1-btn{margin-top: 50px;}
.btn-trans{background: #fff; color: #1a5fb4; border: 1px solid #1a5fb4; font-size: 18px; padding: 8px 18px;}
.btn-trans::after{background: #1a5fb4;}
.btn-trans:hover{background: #1a5fb4; color: #fff; border-color: #1a5fb4;}
/* hpart2 */
.hpart2{position: relative; padding: 90px 0 100px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.hpart2 .title{color: #fff;}
.hpart2-item{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; margin-top:60px;}
.hpart2-list{text-align: center; padding: 36px 28px 40px; border-radius: 12px; background: rgba(255, 255, 255, 0.28); border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 12px 32px rgba(0, 22, 64, 0.16); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}
.hpart2-list:hover{transform: translateY(-6px); background: rgba(255, 255, 255, 0.42); border-color: rgba(255, 255, 255, 0.65); box-shadow: 0 18px 40px rgba(0, 22, 64, 0.28);}
.hpart2-icon{display: flex; align-items: center; justify-content: center; min-height: 72px;}
.hpart2-icon img{max-width: 72px; max-height: 72px; width: auto; height: auto; object-fit: contain; filter: brightness(0) invert(1); transition: transform 0.3s ease;}
.hpart2-list:hover .hpart2-icon img{transform: scale(1.06);}
.hpart2-list h3{color: #fff; font-size: 22px; line-height: 1.35; margin: 18px 0 0; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.28);}
.hpart2-content{margin-top: 20px; text-align: left;}
.hpart2-content ul{list-style: none; margin: 0; padding: 0;}
.hpart2-content ul li{position: relative; padding-left: 30px; margin: 0 0 12px; color: #fff; font-size: 15px; line-height: 1.45;}
.hpart2-content ul li:last-child{margin-bottom: 0;}
.hpart2-content ul li::before{content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23033490' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5-5L12.3 5.3z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 11px 11px;}
.hpart2-content p{margin: 0 0 10px; color: #fff; font-size: 15px; line-height: 1.5;}
.hpart2-content p:last-child{margin-bottom: 0;}
.hpart2-list > .btn{margin-top: 24px;}
/* hpart3 */
.hpart3{overflow: hidden;}
.hpart3-item{display: flex; align-items: stretch; min-height: 520px;}
.hpart3-left{flex: 0 0 50%; max-width: 50%; background: #116bcb; display: flex; align-items: center; padding: 120px 100px 120px 100px;}
.hpart3-txt{color: #fff;}
.hpart3-txt h2{color: #fff;}
.hpart3-txt p{color: #fff; font-size: 18px; line-height: 28px; margin: 0 0 18px;}
.hpart3-txt p.sub{font-size:20px;}
.hpart3-txt ul{list-style: disc; margin: 0 0 28px; padding-left: 20px;}
.hpart3-txt ul li{color: #fff; font-size: 16px; line-height: 1.9;}
.hpart3-txt .btn{margin-top: 8px;}
.hpart3-right{flex: 0 0 50%; max-width: 50%; position: relative; min-height: 520px; overflow: hidden;}
.hpart3-right::before{content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.hpart3-right img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.hpart3-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.85); background: rgba(255, 255, 255, 0.25); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28px; text-decoration: none; transition: background 0.3s, transform 0.3s; z-index: 2;}
.hpart3-play i{margin-left: 4px;}
a.hpart3-play:hover{background: rgba(255, 255, 255, 0.4); color: #fff;}
/* hpart4 */
.hpart4{padding: 80px 0 100px; overflow: hidden;}
.hpart4 .title.text-center{margin-bottom: 50px;}
.hpart4-item{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding-top: 40px;}
.hpart4-list{position: relative; background: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06); padding: 48px 20px 32px; text-align: center; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.hpart4-list:hover{transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);}
.hpart4-icon{position: absolute; top: -36px; left: 50%; transform: translateX(-50%); width: 72px; height: 72px; border-radius: 50%; background: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.hpart4-list:hover .hpart4-icon{transform: translateX(-50%) translateY(-4px) scale(1.06); box-shadow: 0 8px 24px rgba(3, 52, 144, 0.18);}
.hpart4-icon img{max-width: 40px; max-height: 40px; width: auto; height: auto; object-fit: contain; transition: transform 0.35s ease;}
.hpart4-list:hover .hpart4-icon img{transform: scale(1.08);}
.hpart4-txt{color: #424548; font-size: 18px; margin-top: 20px;}
.hpart4-txt .num{display: block; line-height: 1.1; margin-bottom: 10px; font-family: "Exo-Medium"; font-size: 44px; color: #424548;}
.hpart4-bottom{display: flex; align-items: stretch; gap: 80px; margin-top: 60px;}
.hpart4-left{flex: 1; min-width: 0;}
.hpart4-faq{border-top: 3px solid #033490;}
.hpart4-faq-head{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; cursor: pointer;}
.hpart4-faq-head h3{margin: 0; line-height: 26px; flex: 1; font-family: "Exo-Medium"; font-size: 18px; color: #116bcb;}
.hpart4-faq-item.active .hpart4-faq-head h3{font-size: 30px; line-height: 26px; color: #116bcb;}
.hpart4-faq-toggle{flex-shrink: 0; width: 20px; height: 20px; position: relative;}
.hpart4-faq-toggle::before, .hpart4-faq-toggle::after{content: ''; position: absolute; top: 50%; left: 50%; background: #116bcb; transform: translate(-50%, -50%); transition: opacity 0.3s;}
.hpart4-faq-toggle::before{width: 14px; height: 2px;}
.hpart4-faq-toggle::after{width: 2px; height: 14px;}
.hpart4-faq-item.active .hpart4-faq-toggle::after{opacity: 0;}
.hpart4-faq-body{display: none; padding: 0 0 22px;}
.hpart4-faq-item.active .hpart4-faq-body{display: block;}
.hpart4-faq-body p{margin: 0; line-height: 26px; font-family: Exo-Medium; color: #646566; padding-right:20px;}
.hpart4-right{flex: 0 0 52%; max-width: 52%;}
.hpart4-img{border-radius: 8px; overflow: hidden; height: 100%; min-height: 360px;}
.hpart4-img img{width: 100%; height: 100%; object-fit: cover; display: block;}
/* hpart5 */
.hpart5{padding: 0px 0 100px; background: #fff;}
.hpart5 .tbox{max-width: 900px; margin: 0 auto 50px; color: #53565a; font-size: 18px; line-height: 26px;}
.hpart5 .tbox h2, .hpart5 .tbox .title{color: #010101; margin-bottom: 20px;}
.hpart5 .tbox p{color: #53565a; font-size: 18px; line-height: 26px; margin: 0;}
.hpart5-item{position: relative; padding: 0 56px;}
.hp5-swiper{overflow: hidden;}
.hp5-img{display: flex; align-items: center; justify-content: center; height: 80px; padding: 10px 15px;}
.hp5-img img{max-width: 100%; width: auto; height: auto; object-fit: contain;}
.hp5-prev, .hp5-next{position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; margin-top: 0; border: 1px solid #d8d8d8; border-radius: 50%; background: #fff; color: #333; z-index: 2;}
.hp5-prev::after, .hp5-next::after{font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; line-height: 1;}
.hp5-next::after{content: "\f061";}
.hp5-prev::after{content: "\f060";}
.hp5-prev{left: 0;}
.hp5-next{right: 0;}
.hp5-prev:hover, .hp5-next:hover{border-color: #033490; color: #033490;}
.hp5-prev.swiper-button-disabled, .hp5-next.swiper-button-disabled{opacity: 0.35;}
/* hpart6 */
.hpart6{padding: 0px 0 100px; background: #fff;}
.faqp1{padding: 90px 0 100px; background: #fff;}
.hpart6-item{display: flex; align-items: center; gap: 80px;}
.hpart6-left{flex: 0 0 48%; max-width: 48%; border-radius: 8px; overflow: hidden; min-height: 360px;}
.hpart6-left img{width: 100%; height: 100%; object-fit: cover; display: block;}
.hpart6-right{flex: 1; min-width: 0; display: flex; align-items: flex-start;}
.hpart6-txt{color: #53565a; font-size: 16px; line-height: 1.75; width: 100%;}
.hpart6-txt p{margin: 0 0 16px;}
.hpart6-txt p:last-child{margin-bottom: 0;}
.hpart6-txt .title, .hpart6-txt h2{color: #010101; font-size: 44px; line-height: 1.2; margin: 0 0 16px; font-family: "Exo-Medium";}
.hpart6-form{margin-top: 32px;}
.hpart6-form .hidden-fields-container{display: none; border: 0; margin: 0; padding: 0;}
.hpart6-form .wpcf7-form{display: flex; flex-wrap: wrap; gap: 16px;}
.hpart6-form .wpcf7-form > p{margin: 0; width: 100%;}
.hpart6-form .wpcf7-form > p:nth-of-type(1), .hpart6-form .wpcf7-form > p:nth-of-type(2){width: calc(50% - 8px);}
.hpart6-form label{display: block; font-size: 0; line-height: 0;}
.hpart6-form .wpcf7-form-control-wrap{display: block; width: 100%; line-height: normal; font-size: 14px;}
.hpart6-form .wpcf7-form-control{width: 100%; border: 1px solid #bebebe; border-radius: 6px; padding: 12px 16px; font-size: 14px; line-height: 1.5; color: #333; background: #fff; outline: none; box-sizing: border-box; transition: border-color 0.3s ease;}
.hpart6-form .wpcf7-form-control:focus{border-color: #033490;}
.hpart6-form .wpcf7-form-control::placeholder{color: #999;}
.hpart6-form textarea.wpcf7-form-control{display: block; height: 120px; padding: 12px 16px; line-height: 1.5; resize: vertical; vertical-align: top;}
.hpart6-form .wpcf7-form > p:last-of-type{width: auto;}
.hpart6-form .wpcf7-submit{display: inline-flex; align-items: center; justify-content: center; background: #fed667; border: 1px solid #fed667; color: #010101; font-size: 18px; line-height: 1.25; padding: 11px 28px 10px; border-radius: 6px; cursor: pointer; transition: all 0.3s ease;}
.hpart6-form .wpcf7-submit:hover{background: #fff; color: #010101; border-color: #fed667;}
.hpart6-form .wpcf7-spinner{margin-left: 8px;}
.hpart6-form .wpcf7-response-output{width: 100%; margin: 8px 0 0;}
/* footer */
footer{background: #1162b9; color: #fff; padding: 70px 0 50px; margin-top: 0;}
footer .fitem{display: flex; align-items: flex-start; gap: 50px;}
footer .fleft{flex: 0 0 32%; max-width: 32%;}
footer .fright{flex: 1; min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px;}
footer .flist > p{font-size: 20px; font-family: 'Exo-Bold'; text-transform: uppercase; text-decoration: underline; margin: 0 0 20px; color: #fff;}
footer .flist .flogo + p, footer .fleft > p{text-decoration: none; text-transform: none; font-family: inherit; font-size: 18px; font-weight: normal; margin: 50px 0 25px;}
footer .flogo{margin-bottom: 0;}
footer .fmenu{list-style: none; margin: 0; padding: 0;}
footer .fmenu li{font-size: 14px; line-height: 28px; color: #fff;}
footer .fmenu li a{color: #fff; text-decoration: none;}
footer .fmenu li a:hover{color: #fff; text-decoration: underline;}
footer .social{display: flex; gap: 10px; list-style: none; margin: 12px 0 0; padding: 0;}
footer .social li a{width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 16px; transition: background 0.3s ease, color 0.3s ease;}
footer .social li a:hover{background: #fff; color: #033490;}
footer .copyrihgt{margin: 50px 0 0; font-size: 14px; text-align: left; text-transform: uppercase;}
.form-none{position: fixed; display: none; width: 92%; max-width: 620px; max-height: 90vh; height: auto; overflow-y: auto; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease; z-index: 10000002;}
.form-none #form-close{position: absolute; right: 12px; top: 14px; cursor: pointer; z-index: 6; margin-bottom: 0; line-height: 0;}
.form-none.active{display: block;}
.form-bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 10000001; display: none;}
.form-bg.active{display: block;}
#form{background: #fff; position: relative; border-radius: 8px; overflow: hidden;}
#form:not(:has(.bf-title))::before{content: "Get In Touch"; display: block; background: #0033a0; color: #fff; font-family: "Exo-Medium"; font-size: 22px; line-height: 1.3; padding: 20px 56px 8px 20px;}
#form:not(:has(.bf-title)) > .wpcf7::before{content: "Please fill out the form below and we'll contact you as soon as possible."; display: block; background: #0033a0; color: #fff; font-family: "Exo-Regular"; font-size: 14px; font-weight: normal; line-height: 1.6; padding: 0 20px 20px; margin-bottom: 30px;}
#form form{max-width: 100%; overflow-x: hidden;}
#form .bform{margin-left: 0 !important; margin-right: 0 !important;}
#form .bform .bf-subtitle{display: none;}
#form .bform .bf-title{background-color: #0033a0 !important; margin: 0 !important; padding: 22px 56px 22px 20px !important; color: #fff;}
#form .bform .bf-title h3{margin: 0 0 8px; font-family: "Exo-Medium"; font-size: 22px; line-height: 1.3; color: #fff;}
#form .bform .bf-title p{margin: 0; font-family: "Exo-Regular"; font-size: 14px; font-weight: normal; line-height: 1.6; color: #fff;}
#form .bform p strong{font-size: 14px; color: #333;}
#form .bform .redtag{color: #0033a0;}
#form .bform .bflist{padding-left: 20px; padding-right: 20px; margin-bottom: 16px;}
#form .single-forms{display: flex; flex-wrap: wrap; margin: 0; padding: 0 0 10px;}
#form .single-forms .ref-list,
#form .bform .bflist{flex: 0 0 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; margin-bottom: 16px;}
#form .wpcf7-form > p{margin: 0 0 16px; padding: 0 20px;}
#form .ref-list p,
#form .bflist p,
#form .wpcf7-form > p{font-family: "Exo-Regular"; font-size: 14px; color: #333;}
#form .ref-list p,
#form .bflist p{margin: 0 0 8px;}
#form .ref-list p,
#form .ref-list span,
#form .ref-list input,
#form .ref-list textarea,
#form .bflist p,
#form .bflist span,
#form .bflist input,
#form .bflist textarea{width: 100%;}
#form .wpcf7-form-control-wrap{display: block; width: 100%; max-width: 100%;}
#form .wpcf7-form-control:not(.wpcf7-submit),
#form input[type="text"],
#form input[type="email"],
#form input[type="tel"],
#form textarea{width: 100% !important; max-width: 100%; box-sizing: border-box;}
#form .ref-list input,
#form .ref-list textarea,
#form .bflist input,
#form .bflist textarea,
#form .wpcf7-form-control:not(.wpcf7-submit){border: 1px solid #b8b8b8; border-radius: 6px; background: #fff; color: #333; font-size: 14px; box-shadow: none; outline: none; box-sizing: border-box;}
#form .ref-list input,
#form .bflist input,
#form .wpcf7-text,
#form .wpcf7-email,
#form .wpcf7-tel{height: 42px; padding: 0 14px;}
#form .ref-list textarea,
#form .bflist textarea,
#form .wpcf7-textarea{height: 160px; padding: 14px; resize: vertical;}
#form .ref-list input::placeholder,
#form .ref-list textarea::placeholder,
#form .bflist input::placeholder,
#form .bflist textarea::placeholder,
#form .wpcf7-form-control::placeholder{color: #c1c1c1; opacity: 1;}
#form .ref-list input:focus,
#form .ref-list textarea:focus,
#form .bflist input:focus,
#form .bflist textarea:focus,
#form .wpcf7-form-control:focus{border-color: #0033a0;}
#form .ref-list:last-child,
#form .bform .bf-sub,
#form .wpcf7-form > p:has(.wpcf7-submit){text-align: center; padding-bottom: 28px; margin-bottom: 0;}
#form .ref-list .wpcf7-submit,
#form .bf-sub .wpcf7-submit,
#form .wpcf7-submit{width: auto; min-width: 160px; height: 46px; padding: 0 36px; background: #0033a0 !important; border: none !important; border-radius: 6px; color: #fff !important; font-family: "Exo-Medium"; font-size: 16px; cursor: pointer; transition: background 0.25s ease;}
#form .ref-list .wpcf7-submit:hover,
#form .bf-sub .wpcf7-submit:hover,
#form .wpcf7-submit:hover{background: #002b75 !important;}
#form .wpcf7-spinner{display: none;}
#form .wpcf7-not-valid-tip{color: #e74c3c; font-size: 12px; margin-top: 6px;}
#form .wpcf7-response-output{margin: 0 20px 20px; border-radius: 6px; font-size: 14px;}
#form label{width: 100%;}
/* float-side */
.float-side{position: fixed; right: 0; bottom: 140px; z-index: 99999; display: flex; flex-direction: column; align-items: stretch;}
.float-side-inquiry{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 72px; padding: 16px 10px; background: #fed667; color: #010101; text-decoration: none; border-radius: 8px 0 0 8px; box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08); transition: background 0.3s ease;}
.float-side-inquiry:hover{background: #fff; color: #010101;}
.float-side-box{background: #fff; border-radius: 8px 0 0 8px; box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; margin-top: 10px;}
.float-side-item{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 72px; padding: 14px 8px; color: #333; text-decoration: none; background: #fff; border: 0; border-top: 1px solid #eee; cursor: pointer; transition: background 0.3s ease, color 0.3s ease; box-sizing: border-box; font-family: inherit; font-size: 12px; line-height: 1.2;}
.float-side-item:first-child{border-top: 0;}
.float-side-item:hover{background: #f7f8fa; color: #033490;}
.float-side-icon{display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; margin-bottom: 6px;}
.float-side-icon img{max-width: 28px; max-height: 28px; width: auto; height: auto; object-fit: contain;}
.float-side-label{display: block; font-size: 12px; line-height: 1.2; text-align: center;}
.float-side.is-folded .float-side-box .float-side-item:not(.float-side-fold){display: none;}
.float-side.is-folded .float-side-fold .fa-chevron-up{transform: rotate(180deg);}
/* nbanner - inner page banner */
.nbanner{position: relative; min-height:300px; display: flex; align-items: center; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center;}
.nbanner .wrapper{position: relative; z-index: 1; width: 100%; padding: 80px 0;}
.nbbox{display: inline-flex; flex-direction: column; align-items: center;}
.nbanner .nbbox .title{color: #fff;margin: 0 0 0px;padding-bottom: 10px;border-bottom: 1px solid #fff;display: inline-block;line-height: 1.2;}
.nbanner .breadcrumbs{color: #fff; font-size: 14px; line-height: 1.5; margin-top: 18px;}
.nbanner .breadcrumbs a, .nbanner .breadcrumbs span{color: #fff; text-decoration: none;}
.nbanner .breadcrumbs a:hover{color: #fff; text-decoration: underline;}
/* pbanner - products page banner */
.pbanner{position: relative; min-height: 220px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; text-align: center;}
.pbanner .wrapper{position: relative; z-index: 1; width: 100%; padding: 60px 0;}
.pbbox{display: inline-flex; flex-direction: column; align-items: center;}
.pbanner .pbbox .title{color: #010101; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #010101; display: inline-block; line-height: 1.2;}
.pbanner .breadcrumbs{color: #31353a; line-height: 1.5; margin-top: 18px;}
.pbanner .breadcrumbs a, .pbanner .breadcrumbs span{color: #888; text-decoration: none;}
.pbanner .breadcrumbs a:hover{color: #010101; text-decoration: underline;}
/* prop1 - products list */
.prop1{padding: 0px 0 100px; background: #f5f5f5;}
.prop1-item{display: flex; align-items: flex-start; flex-wrap: wrap; gap: 40px;}
.prop1-left{flex: 0 0 300px; max-width: 300px;position: sticky;top: 99px;}
.prop1-menu{list-style: none; margin: 0; padding: 0;}
.prop1-menu li{margin: 0 0 10px; list-style: none;}
.prop1-menu li:last-child{margin-bottom: 0;}
.prop1-menu li a{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; background: #fff; 
color: #010101; font-family: "Exo-Medium"; font-size: 18px; line-height: 1.4; border-radius: 6px; text-decoration: none; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04); transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;}
.prop1-menu li a::after{content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; color: #010101; flex-shrink: 0; transition: transform 0.3s ease;}
.prop1-menu li a:hover{background: #fed667; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);}
.prop1-menu li.current-menu-item a,
.prop1-menu li.active a{background: #fed667; color: #010101;}
.prop1-menu li.current-menu-item a::after,
.prop1-menu li.active a::after{content: "\f106";}
.prop1-right{flex: 1; min-width: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.prop1-list{display: flex; flex-direction: column; background: #fff; border-radius: 6px; padding: 28px 24px 24px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05); box-sizing: border-box; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.prop1-list:hover{transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);}
.prop1-img{display: flex; align-items: center; justify-content: center; min-height: 180px; margin: 0 0 20px;}
.prop1-img img{display: block; max-width: 100%; max-height: 200px; width: auto; height: auto; object-fit: contain; margin: 0 auto; transition: transform 0.35s ease;}
.prop1-list:hover .prop1-img img{transform: scale(1.06);}
.prop1-list h3{margin: 0 0 30px; font-family: "Exo-Medium"; font-size: 22px; line-height: 1.3; color: #010101;}
.prop1-list h3 a{color: #31353a; text-decoration: none; transition: color 0.3s ease;}
.prop1-list h3 a:hover{color: #116bcb;}
.prop1-list:hover h3 a{color: #116bcb;}
.prop1-list p{margin: 0 0 20px; flex: 1;line-height: 1.7; color: #424548; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.prop1-btn{display: flex; align-items: center; justify-content: center; width: 100%; margin-top: auto; padding: 12px 16px; 
box-sizing: border-box; border: 1px solid #116bcb; border-radius: 6px; color: #116bcb; font-family: "Exo-Medium"; 
font-size: 16px; line-height: 1.3; text-align: center; text-decoration: none; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;}
.prop1-btn:hover,
.prop1-list:hover .prop1-btn{background: #116bcb; color: #fff; border-color: #116bcb;}
.prop1-page{flex: 0 0 100%; width: 100%; text-align: center; margin-top: 40px;}
/* prop2 - products custom services */
.prop2{padding: 80px 0 100px; background: #fff;}
.prop2 > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_content_element:not(.tbox){margin-bottom: 0;}
.prop2 > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_content_element.tbox{max-width: 1200px; margin: 0 auto 50px; text-align: center;}
.prop2 .tbox .atitle{margin-bottom: 24px;}
.prop2 .tbox p{margin: 0; color: #424548; line-height: 1.75;}
.prop2 h3{font-size: 36px; font-family: "Exo-Medium"; color: #010101; margin: 0 0 40px; line-height: 1.3; text-align: center;}
.prop2-item1 + .wpb_text_column h3{margin-top: 60px; margin-bottom: 50px;}
.prop2-item1{display: flex !important; align-items: stretch; gap: 30px 0px; margin-top:35px;}
.prop2-item1 > .prop2-list1,
.prop2-item1 > .wpb_column,
.prop2-item1 > .vc_column_container{float: none !important; width: auto !important; flex: 1; max-width: none !important; padding: 0 !important; margin: 0 !important;}
.prop2-list1 > .vc_column-inner,
.prop2-list1 > .vc_column-inner > .wpb_wrapper{height: 100%;}
.prop2-list1 > .vc_column-inner > .wpb_wrapper{background: #f8f8f8; border-radius: 12px; padding: 24px 24px 32px; text-align: center; box-sizing: border-box; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.prop2-list1:hover > .vc_column-inner > .wpb_wrapper{transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);}
.prop2-img{margin: 0 0 24px !important; padding: 0 !important;}
.prop2-img .vc_single_image-wrapper,
.prop2-img img{display: block; width: 100%; height: auto; border-radius: 12px; overflow: hidden;}
.prop2-img img{object-fit: cover; transition: transform 0.35s ease;}
.prop2-list1:hover .prop2-img img{transform: scale(1.04);}
.prop2-text{margin: 0 !important; padding: 0 !important;}
.prop2-text h4{margin: 0 0 16px; font-family: "Exo-Medium"; font-size: 24px; line-height: 1.4;color: #424548; transition: color 0.3s ease;}
.prop2-list1:hover .prop2-text h4{color: #116bcb;}
.prop2-text p{margin: 0; font-size: 15px; line-height: 1.7; color: #424548;}
.prop2-item2{display: flex !important; align-items: stretch; gap:30px 0; padding-top: 50px; position: relative;}
.prop2-item2::after{content: ''; position: absolute; top: 39px; left: 50%; transform: translateX(-50%); width: 100vw; height: 1px; background: #2b3056; z-index: 1; display: block; clear: none;}
.prop2-item2 > .prop2-list2,
.prop2-item2 > .wpb_column,
.prop2-item2 > .vc_column_container{float: none !important; width: auto !important; flex: 1; max-width: none !important; padding: 0 !important; margin: 0 !important; position: relative; display: flex; flex-direction: column;}
.prop2-item2 > .prop2-list2::before{position: absolute; top: -52px; left: 50%; transform: translateX(-50%); font-size: 24px; line-height: 1; color: #31353a; z-index: 2;}
.prop2-item2 > .prop2-list2::after{content: ''; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background: #116bcb; border: solid 6px #ffffff; box-sizing: content-box; z-index: 3;}
.prop2-item2 > .prop2-list2:nth-child(1)::before{content: '01';}
.prop2-item2 > .prop2-list2:nth-child(2)::before{content: '02';}
.prop2-item2 > .prop2-list2:nth-child(3)::before{content: '03';}
.prop2-item2 > .prop2-list2:nth-child(4)::before{content: '04';}
.prop2-list2 > .vc_column-inner{display: flex; flex-direction: column; flex: 1; height: auto;}
.prop2-list2 > .vc_column-inner > .wpb_wrapper{position: relative; background: #f7f7f7; border-radius: 8px; padding: 45px 25px 45px; margin-top: 16px; text-align: center; box-sizing: border-box; flex: 1; height: 100%; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.prop2-list2:hover > .vc_column-inner > .wpb_wrapper{transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);}
.prop2-list2 > .vc_column-inner > .wpb_wrapper::before{content: ''; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #f7f7f7 transparent; z-index: 1;}
.prop2-icon{margin: 0 0 16px !important; padding: 0 !important; display: flex; justify-content: center;}
.prop2-icon .vc_single_image-wrapper{display: flex; align-items: center; justify-content: center;}
.prop2-icon img{display: block; max-width: 74px; max-height: 74px; width: auto !important; height: auto !important; object-fit: contain; margin: 0 auto; transition: transform 0.35s ease;}
.prop2-list2:hover .prop2-icon img{transform: scale(1.08);}
.prop2-txt{margin: 0 !important; padding: 0 !important;}
.prop2-txt h4{margin: 0 0 12px; font-family: "Exo-Medium"; font-size: 22px; line-height: 1.4; color: #424548; transition: color 0.3s ease;}
.prop2-list2:hover .prop2-txt h4{color: #116bcb;}
.prop2-txt p{margin: 0;  line-height: 1.7; ccolor: #424548;}
/* abanner - about page banner */
.abanner{position: relative; height: 650px; display: flex; align-items: flex-end; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center;}
.abanner .wrapper{position: relative; z-index: 1; width: 100%; padding: 0 0 70px;}
.abbox{display: inline-flex; flex-direction: column; align-items: center;}
.abanner .abbox .title{color: #fff; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #fff; display: inline-block; line-height: 1.2;}
.abanner .breadcrumbs{color: #fff; font-size: 14px; line-height: 1.5; margin-top: 18px;}
.abanner .breadcrumbs a, .abanner .breadcrumbs span{color: #fff; text-decoration: none;}
.abanner .breadcrumbs a:hover{color: #fff; text-decoration: underline;}
/* ctap1 - contact page */
.ctap1{padding: 80px 0 100px; background: #fff;}
.ctap1 .ctap1-item{display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; margin: 0;}
.ctap1 .ctap1-item > .wpb_column{float: none; width: auto; padding-left: 0; padding-right: 0;}
.ctap1-left{flex: 1; min-width: 0;}
.ctap1-right{flex: 0 0 38%; max-width: 38%; margin-left: 60px;}
.ntitle{font-size: 36px;font-family:"Exo-Medium"; color: #010101; margin: 0 0 16px; line-height: 1.2;}
.ctap1-left .wpb_text_column p{font-size: 18px;line-height: 28px; margin: 0 0 32px; color: #424548;}
.ctap1 .hidden-fields-container{display: none; border: 0; margin: 0; padding: 0;}
.ctap1 .cform{display: flex; flex-wrap: wrap; gap: 16px;}
.ctap1 .cflist{width: calc(50% - 8px); margin: 0;}
.ctap1 .cflist p{margin: 0;}
.ctap1 .cflist:nth-child(7), .ctap1 .cflist:nth-child(8){width: 100%;}
.ctap1 .wpcf7-form-control-wrap{display: block; width: 100%; line-height: normal; font-size: 14px;}
.ctap1 .wpcf7-form-control{width: 100%; border: 1px solid #ddd; border-radius: 6px; padding: 12px 16px; font-size: 14px; line-height: 1.5; color: #333; background: #fff; outline: none; box-sizing: border-box; transition: border-color 0.3s ease;}
.ctap1 .wpcf7-form-control:focus{border-color: #116bcb;}
.ctap1 .wpcf7-form-control::placeholder{color: #999;}
.ctap1 textarea.wpcf7-form-control{display: block; height: 140px; padding: 12px 16px; line-height: 1.5; resize: vertical;}
.ctap1 .wpcf7-submit{width: 100%; display: block; background: #116bcb; border: 1px solid #116bcb; color: #fff; font-size: 16px; line-height: 1.25; padding: 14px 28px; border-radius: 6px; cursor: pointer; transition: all 0.3s ease;}
.ctap1 .wpcf7-submit:hover{background: #033490; border-color: #033490; color: #fff;}
.ctap1 .wpcf7-spinner{margin-left: 8px;}
.ctap1-right >.vc_column-inner>.wpb_wrapper{border-radius: 6px; background: #f8f8f8; padding: 45px;}
.ctap1 .wpcf7-response-output{width: 100%; margin: 8px 0 0;}
.ctap1-right .wpb_text_column:first-child p{font-size: 24px; line-height: 32px; margin: 0 0 32px; color: #31353a;}
.ctap1-right ul{list-style: none; margin: 0; padding: 0;}
.ctap1-right ul li{display: grid; grid-template-columns: 48px 1fr; column-gap: 16px; align-items:center; margin-bottom: 28px; line-height: 26px; font-family: "Exo-Medium"; font-size: 18px; color: #31353a;}
.ctap1-right ul li:last-child{margin-bottom: 0;}
.ctap1-right ul li::before{content: ""; width: 48px; height: 48px; border-radius: 50%; background: #fed667; grid-column: 1; grid-row: 1 / -1; align-self: center;}
.ctap1-right ul li img{grid-column: 1; grid-row: 1 / -1; justify-self: center; align-self: center; z-index: 1; flex-shrink: 0; display: block; width: auto !important; height: auto !important; max-width: 22px; max-height: 22px; padding: 0; margin: 0; border-radius: 0; background: none; box-sizing: border-box; object-fit: contain; object-position: center center;}
.ctap1-right ul li > a{grid-column: 2; color: #31353a; text-decoration: underline; word-break: break-word; transition: color 0.3s ease;}
.ctap1-right ul li > a:hover{color: #116bcb; text-decoration: underline;}
.ctap1-right ul li > a[href^="tel:"]{text-decoration: none;}
.ctap1-right ul li > a[href^="tel:"]:hover{text-decoration: underline;}
.ctap1-right ul li:nth-child(1) img{max-width: 24px; max-height: 24px;}
.ctap1-right ul li:nth-child(2) img{max-width: 22px; max-height: 22px;}
.ctap1-right ul li:nth-child(3) img{max-width: 26px; max-height: 20px;}
/* faqp1 - FAQ accordion (editor: Toggle / Accordion) */
.faqp1 .wpb_text_column:first-child p,
.faqp1 > p{margin: 0 0 28px; font-family:"Exo-Medium"; font-size: 24px;  color: #31353a;  max-width: 1230px; line-height: 1.75;}
.faqp1 .vc_toggle,
.faqp1 .vc_tta-panel{margin: 0 0 10px !important; background: #f7f7f7 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden;}
.faqp1 .vc_toggle:last-child,
.faqp1 .vc_tta-panel:last-child{margin-bottom: 0 !important;}
.faqp1 .vc_toggle_title,
.faqp1 .vc_tta-panel-heading{display: flex !important; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 28px !important; margin: 0 !important; cursor: pointer; background: #f7f7f7 !important; border: 0 !important;}
.faqp1 .vc_toggle_title h4,
.faqp1 .vc_toggle_title > *,
.faqp1 .vc_tta-panel-title,
.faqp1 .vc_tta-panel-title > a{margin: 0 !important;flex: 1;font-family: "Exo-Medium" !important;font-size: 20px !important;line-height: 1.4 !important; color: #31353a !important;text-decoration: none !important; background: none !important;
    border: 0 !important;padding: 0 !important;}
.faqp1 .vc_tta-panel-title > a{display: flex !important; align-items: center; justify-content: space-between; gap: 20px; width: 100%;}
.faqp1 .vc_toggle_icon,
.faqp1 .vc_toggle_title .vc_toggle_icon,
.faqp1 .vc_tta-controls-icon{display: none !important;}
.faqp1 .vc_toggle_title::after,
.faqp1 .vc_tta-panel-title > a::after{content: '+'; flex-shrink: 0; width: 20px; text-align: center; font-size: 22px; line-height: 1; font-weight: 400; color: #222; font-family: Arial, sans-serif;}
.faqp1 .vc_toggle_active .vc_toggle_title::after,
.faqp1 .vc_tta-panel.vc_active .vc_tta-panel-title > a::after{content: '−';}
.faqp1 .vc_toggle_content,
.faqp1 .vc_tta-panel-body{padding: 0 28px !important; margin: 0 !important; border: 0 !important; background: #f7f7f7 !important; overflow: hidden;}
.faqp1 .vc_toggle_content > *:last-child,
.faqp1 .vc_tta-panel-body > *:last-child{padding-bottom: 22px;}
.faqp1 .vc_toggle_content p,
.faqp1 .vc_tta-panel-body p{margin: 0 0 12px; font-family: "Exo-Medium"; font-size: 16px; line-height: 26px; color: #646566;}
.faqp1 .vc_toggle_content ul,
.faqp1 .vc_tta-panel-body ul{list-style: disc; margin: 0 0 12px; padding-left: 20px;}
.faqp1 .vc_toggle_content ul li,
.faqp1 .vc_tta-panel-body ul li{list-style: disc; margin: 0 0 8px; font-family: "Exo-Medium"; font-size: 16px; line-height: 26px; color: #646566;}
.faqp1 .vc_toggle_content ul li:last-child,
.faqp1 .vc_tta-panel-body ul li:last-child{margin-bottom: 0;}
.faqp1 .vc_toggle_content p:last-child,
.faqp1 .vc_tta-panel-body p:last-child,
.faqp1 .vc_toggle_content ul:last-child,
.faqp1 .vc_tta-panel-body ul:last-child{margin-bottom: 0;}
.faqp1 .vc_toggle_title::after,
.faqp1 .vc_tta-panel-title > a::after{transition: transform 0.3s ease, opacity 0.3s ease;}
.faqp1 .vc_tta-container, .faqp1 .vc_tta-accordion, .faqp1 .vc_tta-panels{border: 0 !important; background: transparent !important;}
.faqp1 .vc_tta-panels-container{border: 0 !important;}

/* abp1 - about intro */
.abp1{padding: 90px 0 100px; background: #fff;}
.abp1-top{display: flex; align-items: center; gap: 60px; margin: 0;}
.abp1-top > .wpb_column, .abp1-top > .vc_column_container{float: none !important; width: auto !important; padding-left: 0 !important; padding-right: 0 !important;}
.abp1-left{flex: 1; min-width: 0;}
.abp1-left p, .abp1-left .wpb_text_column p{margin: 0 0 16px; color: #424548; line-height: 1.75;}
.abp1-left p:last-child, .abp1-left .wpb_text_column p:last-child{margin-bottom: 0;}
.abp1-left .wpb_text_column ul,
.abp1-left ul{display: flex !important; align-items: center; gap: 16px; margin: 28px 0 0 !important; padding: 0 !important; list-style: none !important; flex-wrap: wrap;}
.abp1-left .wpb_text_column ul li,
.abp1-left ul li{width: 100px; height: 100px; background: #f5f5f5; border-radius: 8px; display: flex !important; align-items: center; justify-content: center; padding: 14px; box-sizing: border-box; list-style: none !important; margin: 0 !important;}
.abp1-left .wpb_text_column ul li img,
.abp1-left ul li img{display: block; max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain;}
.abp1-right{flex: 0 0 42%; max-width: 42%;}
.abp1-right img{width: 100%; height: auto; display: block; object-fit: contain;}
.abp1-item.vc_row,
.vc_row.abp1-item{display: flex !important; align-items: stretch; gap: 24px;}
.abp1-item > .wpb_column,
.abp1-item > .vc_column_container,
.abp1-item > .abp1-list{float: none !important; width: auto !important; flex: 1; max-width: none !important;margin: 0 !important;}
.abp1-list{background: #fff; border-radius: 8px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06); padding: 45px 24px 50px; text-align: center; height: 100%; box-sizing: border-box; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.abp1-list:hover{transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);}
.abp1-list .wpb_content_element{margin: 0 !important; padding: 0 !important;}
.abp1-list .wpb_single_image{margin: 0 auto 20px !important;}
.abp1-list .wpb_single_image .vc_single_image-wrapper{width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background-color: #f8f8f8; display: flex !important; align-items: center; justify-content: center;}
.abp1-list .wpb_single_image img{max-width: 36px !important; max-height: 36px !important; width: auto !important; height: auto !important; object-fit: contain;}
.abp1-list .wpb_text_column,
.abp1-list .wpb_text_column .wpb_wrapper{margin: 0 !important; padding: 0 !important;}
.abp1-list h3{margin: 0; font-size: 20px; line-height: 1.4; color: #424548;}
.abp1-list .num{display: block; font-family: "Exo-Medium"; font-size: 44px; line-height: 1.1; color: #424548;}
/* abp2 - quality compliance */
.abp2{padding: 60px 0 100px;}
.abp2 .tbox{max-width: 1200px; margin: 0 auto 50px; text-align: center;}
.abp2 .tbox .atitle{margin-bottom:35px;}
.abp2 .tbox p{margin: 0; color: #424548; line-height: 30px;}
.abp2-item.vc_row,
.vc_row.abp2-item{display: flex !important; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 60px !important;}
.abp2-item > .wpb_column,
.abp2-item > .vc_column_container,
.abp2-item > .abp2-list{float: none !important; width: auto !important; flex: 1; max-width: none !important; margin: 0 !important;}
.abp2-list .wpb_content_element{margin: 0 !important; padding: 0 !important;}
.abp2-list .wpb_text_column .wpb_wrapper{display: flex !important; align-items: center; gap: 16px;}
.abp2-icon{position: relative; flex-shrink: 0; width: 100px; height: 100px; border-radius: 50%; background: #fed667; display: flex; align-items: center; justify-content: center; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.abp2-icon img{display: block; max-width: 42px !important; max-height: 42px !important; width: auto !important; height: auto !important; margin: 0 !important; object-fit: contain;}
.abp2-icon::after{content: "\f00c"; position: absolute; right: -2px; bottom: -2px; width: 26px; height: 26px; border-radius: 50%; background: #010101; color: #fff; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 11px; line-height: 26px; text-align: center;}
.abp2-list p{margin: 0;font-size: 24px;line-height: 1.3;max-width: 7.5em;color: #31353a;}
.abp2-list:hover .abp2-icon{transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);}
.abp2-content{margin: 0 !important;}
.abp2-content ul{display: flex !important; justify-content: center; align-items: stretch; gap: 50px; list-style: none !important; margin: 0 !important; padding: 0 !important;}
.abp2-content ul li{list-style: none !important; margin: 0 !important; background: #fff; border-radius: 8px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06); padding: 10px; box-sizing: border-box; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.abp2-content ul li:hover{transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);}
.abp2-content ul li img{display: block; width: 100%; max-height: 300px; height: auto; margin: 0 !important;}
/* abp3 - why us */
.abp3{padding: 60px 0 100px; background: #fff;}
.abp3-item.vc_row,
.vc_row.abp3-item{display: flex !important; align-items: center; gap: 70px;}
.abp3-item > .wpb_column,
.abp3-item > .vc_column_container{float: none !important; width: auto !important; padding-left: 0 !important; padding-right: 0 !important;}
.abp3-left{flex: 0 0 48%; max-width: 48%;}
.abp3-left .wpb_single_image,
.abp3-left .wpb_content_element{margin: 0 !important;}
.abp3-left figure{width: 100%;}
.abp3-left .vc_single_image-wrapper,
.abp3-left img{display: block; width: 100%; height: auto; border-radius: 6px; overflow: hidden;}
.abp3-right{flex: 1; min-width: 0;}
.abp3-right .wpb_content_element{margin: 0 !important;}
.abp3-right .atitle{margin-bottom: 20px;}
.abp3-right p{margin: 0 0 28px; color: #424548; line-height: 1.75;}
.abp3-right ul{list-style: none !important; margin: 0 !important; padding: 0 !important;}
.abp3-right ul li{position: relative; padding-left: 22px; margin: 0 0 18px; color: #424548; line-height: 1.6; list-style: none !important;font-family: "Exo-Medium";}
.abp3-right ul li:last-child{margin-bottom: 0;}
.abp3-right ul li::before{content: "\f105"; position: absolute; left: 0; top: 0; color: #8a8d91; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; line-height: 1.6;}
/* newsp1 - blogs list */
.newsp1{padding: 90px 0 100px; background: #f8f8f8;}
.newsp1-top{display: grid; grid-template-columns: 1fr 1fr; background: #fff; border-radius: 8px; overflow: hidden; margin-bottom: 90px; text-decoration: none; color: inherit; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06); transition: transform 0.35s ease, box-shadow 0.35s ease;}
.newsp1-top:hover{transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);}
.newsp1-img{position: relative; width: 100%; aspect-ratio: 720 / 480; background: #eee; border-radius: 6px 0 0 6px; overflow: hidden;}
.newsp1-img img{position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
.newsp1-txt{padding: 50px 48px; display: flex; flex-direction: column; justify-content: center;}
.ndate{display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; background: #fed667; border-radius: 20px; padding: 6px 16px; font-size: 12px; line-height: 1; color: #010101; margin-bottom: 18px;font-family: "Exo-Medium";}
.newsp1-top h3{margin: 0 0 18px; font-family: "Exo-Medium"; font-size: 30px; line-height: 1.35; color: #010101; transition: color 0.35s ease;}
.newsp1-top:hover h3{color: #033490;}
.newsp1-top p{margin: 0; color: #424548; font-size: 16px; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newsp1-item{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:60px 30px; margin-bottom: 60px;}
.newsp1-list{display: block; background: #fff; border-radius: 8px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06); transition: transform 0.35s ease, box-shadow 0.35s ease;}
.newsp1-list:hover{transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);}
.newsp1-list-img{position: relative; width: 100%; aspect-ratio: 450 / 300; background: #eee; overflow: hidden;}
.newsp1-list-img img{position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
.newsp1-list-txt{padding: 24px 24px 50px;}
.newsp1-list .ndate{margin-bottom: 14px;}
.newsp1-list h3{margin: 0; font-family: "Exo-Medium"; font-size: 24px; line-height: 1.4; color: #424548; transition: color 0.35s ease;}
.newsp1-list:hover h3{color: #033490;}
.newsp1-page{text-align: center;}
.wp-pagenavi{display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 18px;}
.wp-pagenavi a,
.wp-pagenavi span{display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 6px; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 16px; line-height: 1; color: #9a9a9a; text-decoration: none; border-radius: 50%;}
.wp-pagenavi a:hover{color: #033490;}
.wp-pagenavi .current{background: #033490 !important; color: #fff !important; border-radius: 50%;}
.wp-pagenavi .pages{display: none;}
/* single blogs */
.sin-brem{padding-top: 40px;}
.sin-brem .breadcrumbs,
.sin-brem .breadcrumbs span,
.sin-brem .breadcrumbs a{ color: #53565a;text-decoration: none; font-style: normal;}
.sin-brem .breadcrumbs a:hover{color: #033490;}
/* single product */
.singp1{padding: 40px 0 100px;}
.sing-item{display: flex; align-items: flex-start; gap: 60px;}
.sing-left{width: 48%; flex-shrink: 0;  position: sticky; top: 90px;}
.sing-right{flex: 1; min-width: 0;}
.sing-gallery{width: 100%;}
.sing-main{margin-bottom: 16px;}
.sing-main-img{position: relative; background: #fff; text-align: center;}
.sing-main-img img{display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto;}
.sing-play{display: block; position: relative;}
.sing-play-icon{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64px; height: 44px; border-radius: 10px; background: rgba(0, 0, 0, 0.55); pointer-events: none;}
.sing-play-icon::before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%); width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #fff;}
.sing-thumbs{padding: 0 2px;}
.sing-thumbs .swiper-slide{width: auto; cursor: pointer; opacity: 0.7; transition: opacity 0.25s ease;}
.sing-thumbs .swiper-slide-thumb-active{opacity: 1;}
.sing-thumb-img{position: relative; border: 1px solid #e8e8e8; border-radius: 4px; overflow: hidden; background: #fff;}
.sing-thumbs .swiper-slide-thumb-active .sing-thumb-img{border-color: #116bcb;}
.sing-thumb-img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.sing-thumb-img .sing-play-icon{width: 36px; height: 26px; border-radius: 6px;}
.sing-thumb-img .sing-play-icon::before{border-width: 6px 0 6px 10px;}
.sing-right .title{margin: 0 0 20px;line-height: 1.3; color: #010101;}
.sing-des > p{margin: 0 0 18px; font-size: 18px; line-height: 1.75;color: #53565a;}
.sing-des ul{list-style: none; margin: 0 0 28px; padding: 0;}
.sing-des ul li{position: relative; padding-left: 18px; margin: 0 0 10px; font-size: 15px; line-height: 1.6; color: #31353a;}
.sing-des ul li::before{content: '›'; position: absolute; left: 0; top: 0; color: #888; font-size: 16px; line-height: 1.6;}
.sing-des table{width: 100%; border-collapse: separate; border-spacing: 0; margin: 0 0 28px; overflow: hidden; border-radius: 8px; background: #f5f5f5; table-layout: fixed;}
.sing-des table tbody{display: table-row-group;}
.sing-des table tr{display: table-row;}
.sing-des table tr:not(:last-child) td{border-bottom: 1px solid #fff;}
.sing-des table tr:first-child{background: #31353a;}
.sing-des table tr:first-child td{color: #fff; font-family: "Exo-Medium"; font-size: 18px; padding: 14px 22px; text-align: center;}
.sing-des table td{padding: 14px 22px; font-size: 15px; line-height: 1.5; color: #31353a; vertical-align: middle; border: 0;}
.sing-des table tr:not(:first-child) td:first-child{width: 42%; color: #31353a; font-family: "Exo-Medium";}
.sing-des table tr:not(:first-child) td:last-child{width: 58%;}
.sing-btns{display: flex; gap: 16px; flex-wrap: wrap;}
.sing-btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 200px; padding: 14px 28px; border-radius: 6px; font-size: 16px; line-height: 1.25; text-decoration: none; transition: all 0.3s ease;}
.sing-btn img{transition: filter 0.3s ease;}
.sing-btn-enquiry{background: #fed667; color: #010101;font-family:"Exo-Medium";font-size: 18px;}
.sing-btn-enquiry:hover{background: #fff; color: #010101; box-shadow: inset 0 0 0 1px #fed667;}
.sing-btn-phone{background: #116bcb; color: #fff;	font-family:"Exo-Medium";font-size: 18px;}
.sing-btn-phone img{filter: brightness(0) invert(1);}
.sing-btn-phone:hover{background: #fff; color: #116bcb; box-shadow: inset 0 0 0 1px #116bcb;}
.sing-btn-phone:hover img{filter: brightness(0) saturate(100%) invert(33%) sepia(86%) saturate(1486%) hue-rotate(190deg) brightness(93%) contrast(95%);}
/* singp2 */
.singp2{padding: 90px 0 100px; background: #f8f8f8;}
.singp2-des{background: transparent;}
.singp2-content{color: #555; font-size: 16px; line-height: 1.8;}
.singp2-content .vc_tta.vc_general{margin: 0 !important;}
.singp2-content .vc_tta-tabs-container{margin: 0 !important; border: 0 !important; border-radius: 0;}
.singp2-content .vc_tta-tabs-list{display: flex !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;}
.singp2-content .vc_tta-tab{margin: 0 !important; border: 0 !important; background: transparent !important;}
.singp2-content .vc_tta-tab > a{display: inline-flex !important; align-items: center; margin: 0 !important; padding: 16px 36px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #010101 !important; font-family: "Exo-Medium" !important; font-size: 18px !important; line-height: 1.3 !important; box-shadow: none !important;}
.singp2-content .vc_tta-tab span{font-family: "Exo-Medium"; font-size: 36px; color: #010101;}
.singp2-content .vc_tta-tab.vc_active > a{background: #fff !important; color: #010101 !important;}
.singp2-content .vc_tta-panels-container,
.singp2-content .vc_tta-panels{background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;}
.singp2-content .vc_tta-panel-body{padding: 50px 48px 50px !important; border: 0 !important; background: #fff !important;}
.singp2-content .vc_tta-panel-heading{display: none !important;}
.singp2-content h1,
.singp2-content h2,
.singp2-content h3,
.singp2-content h4{color: #010101; font-family: "Exo-Medium"; margin: 28px 0 16px; line-height: 1.35;}
.singp2-content .vc_tta-panel-body h3{font-family: "Exo-Medium"; font-size: 26px; color: #31353a;}
.singp2-content .vc_tta-panel-body > *:first-child,
.singp2-content .wpb_text_column:first-child > *:first-child,
.singp2-content h2:first-child,
.singp2-content h3:first-child{margin-top: 0;}
.singp2-content p{margin: 0 0 16px;color: #53565a;line-height:30px;}
.singp2-content img{max-width: 100%; height: auto; display: block; margin: 24px 0;}
.singp2-content ul,
.singp2-content ol{margin: 0 0 16px; padding-left: 20px;}
.singp2-related{margin-top: 70px;}
.singp2-related .title{margin: 0 0 36px; font-size: 32px; line-height: 1.3; color: #010101; font-family: "Exo-Medium";}
.singp2-item{position: relative; }
.singp2-swiper{overflow: hidden;}
.singp2-list{display: block; text-decoration: none; text-align: center; color: #010101;}
.singp2-img{background: #fff; border-radius: 8px; overflow: hidden; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; transition: box-shadow 0.3s ease;}
.singp2-list:hover .singp2-img{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);}
.singp2-img img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.singp2-list h3{margin: 0; font-size: 18px; line-height: 1.4; font-family: "Exo-Medium"; color: #010101; transition: color 0.3s ease;}
.singp2-list:hover h3{color: #116bcb;}
.singp2-prev, .singp2-next{position: absolute; top: 50%; transform: translateY(-70%); width: 48px; height: 48px; margin-top: 0; border: 1px solid #cfcfcf; border-radius: 50%; background: transparent; color: #888; z-index: 2; cursor: pointer;}
.singp2-prev::after, .singp2-next::after{font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; line-height: 1;}
.singp2-prev::after{content: "\f060";}
.singp2-next::after{content: "\f061";}
.singp2-prev{left: 0;}
.singp2-next{right: 0;}
.singp2-prev:hover, .singp2-next:hover{border-color: #116bcb; color: #116bcb;}
.singp2-prev.swiper-button-disabled, .singp2-next.swiper-button-disabled{opacity: 0.35;}
.sblogp1{margin-top: 90px; margin-bottom: 90px;}
.sblog-item{display: flex; gap: 50px; align-items: flex-start;}
.sblog-left{width: 70%; flex: 1; min-width: 0; padding-right: 20px;}
.sblog-left .ntitle{margin: 0 0 16px; color: #010101;}
.sblog-date{display: inline-flex; align-items: center; gap: 8px; margin: 0 0 28px; font-size: 14px; line-height: 1.4; color: #666;}
.sblog-date i{font-size: 14px; color: #033490;}
.sblog-left .end{margin: 40px 0 24px; font-size: 14px; line-height: 1.4; color: #999; letter-spacing: 0.08em;}
.prev_next{border-top: 1px solid #e5e5e5; padding-top: 24px; margin-top: 0;}
.prev_next .prev_text,
.prev_next .next_text{margin: 0 0 12px; font-size: 15px; line-height: 24px; color: #666;}
.prev_next .next_text{margin-bottom: 0;}
.prev_next strong{color: #010101; font-family: "Exo-Medium"; margin-right: 6px;}
.prev_next a{color: #033490; text-decoration: none; transition: color 0.3s ease;}
.prev_next a:hover{color: #116bcb; text-decoration: underline;}
.sblog-left h2{margin: 36px 0 20px; color: #010101;}
.sblog-left h3{margin: 28px 0 16px; color: #010101;}
.sblog-left p,
.sblog-left li{font-size: 16px; line-height: 28px; color: #333;}
.sblog-left ul{list-style: disc; padding-left: 20px; margin: 0 0 20px;}
.sblog-left ol{padding-left: 20px; margin: 0 0 20px;}
.sblog-left a{color: #033490;}
.sblog-left img{max-width: 100%; height: auto;}
.sblog-left table{width: 100%; margin: 20px 0; border-collapse: collapse;}
.sblog-left table td,
.sblog-left table th{border: 1px solid #ddd; padding: 12px 14px; vertical-align: top;}
.sblog-right{width: 30%; flex-shrink: 0; position: sticky; top: 120px;}
.inbox{background: #fff; border: 1px solid #033490; padding: 25px; border-radius: 12px; margin-bottom: 25px;}
.inbox h3{margin: 0 0 16px; color: #010101; font-family: "Exo-Medium"; font-size: 20px;}
#toc .toc-list{list-style: none; padding: 0; margin: 0;}
#toc .toc-list li{margin: 0 0 8px;}
#toc .toc-list li.h2 a{font-size: 15px; color: #666; line-height: 24px; display: inline-flex; align-items: stretch; flex-wrap: nowrap; text-decoration: none; transition: color 0.3s ease;}
#toc .toc-list li.h2 a:hover,
#toc a:hover{color: #033490;}
#toc ul{counter-reset: item;}
#toc ul li a::before{content: counters(item, '.', decimal) '. '; display: inline-block; counter-increment: item; flex-grow: 0; flex-shrink: 0; margin-right: 0.2em;}
.slide-form{margin-top: 0; background: #033490; border-radius: 12px; padding: 36px 25px; color: #fff;}
.slide-form label{width: 100%; display: block;}
.slide-form h3,
.slide-form .ntitle{margin: 0 0 12px; color: #fff; font-family: "Exo-Medium"; text-align: center; font-size: 28px;}
.slide-form > p{margin: 0 0 24px; color: #fff; font-size: 14px; line-height: 1.4; text-align: center;}
.slide-form .wpcf7-form p{margin: 0 0 9px;}
.slide-form .wpcf7-form p:last-of-type{margin-bottom: 0;}
.slide-form input[type="text"],
.slide-form input[type="email"],
.slide-form input[type="tel"],
.slide-form textarea{width: 100%; background: #fff; border: none; border-radius: 8px; padding: 14px 16px; font-size: 15px; color: #333; box-sizing: border-box;}
.slide-form textarea{height: 140px; resize: vertical;}
.slide-form input::placeholder,
.slide-form textarea::placeholder{color: #777; font-size: 14px;}
.slide-form .wpcf7-submit{width: 100%; background: #fed667; color: #010101; border: 1px solid #fed667; border-radius: 8px; padding: 15px; font-family: "Exo-Medium"; font-size: 15px; cursor: pointer; transition: all 0.3s ease;}
.slide-form .wpcf7-submit:hover{background: #fff; color: #010101; border-color: #fed667;}
.slide-form .wpcf7-not-valid-tip{color: #ffb4b4; font-size: 12px; margin-top: 6px;}
.slide-form .wpcf7-response-output{margin: 15px 0 0; padding: 10px; border-radius: 8px;}
.sblogp2{margin-top: 0; margin-bottom: 0; padding: 80px 0 90px; background: #f8f8f8;}
.sblogp2 > .wrapper > .ntitle{margin: 0 0 40px; color: #010101;}
.sblog-latest{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px;}
/* susp1 - sustainability */
.susp1{padding: 0; background: #fff;}
.susp1 > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_content_element{margin-bottom: 0;}
.susp1-text{max-width: 1200px; margin: 0 auto; padding: 80px 0 70px; text-align: center;}
.susp1-text p{margin: 0 0 14px;line-height: 30px;color: #424548;}
.susp1-tbox{position: relative; z-index: 1; text-align: center; padding: 80px 20px 75px !important; margin: 0 !important; background-color: #EFF3FA !important;}
.susp1-tbox::before{content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: #EFF3FA; z-index: -1;}
.susp1-tbox::after{content: ''; position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 14px 18px 0 18px; border-color: #EFF3FA transparent transparent transparent; z-index: 2;}
.susp1-tbox .atitle{margin: 0 0 12px;}
.susp1-tbox h3{margin: 0;line-height: 1.4;font-family:"Exo-Medium";font-size: 30px;color: #424548;}
.susp1-item{display: flex !important; align-items: center; gap: 60px; margin: 0 !important; padding: 80px 0 70px;}
.susp1-item > .susp1-left,
.susp1-item > .susp1-right,
.susp1-item > .wpb_column,
.susp1-item > .vc_column_container{float: none !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important;}
.susp1-left{flex: 0 0 30%;}
.susp1-right{flex: 1; min-width: 0;}
.susp1-left .wpb_single_image,
.susp1-left .vc_figure{margin: 0 !important;}
.susp1-left img{display: block; max-width: 260px; width: 100%; height: auto; margin: 0 auto;}
.susp1-right p{margin: 0 0 16px; line-height: 30px; color: #424548;}
.susp1-right .btn{margin-top: 8px;}
/* susp2 - sustainability cards */
.susp2{padding: 70px 0 90px; background: #F2F4F8;}
.susp2-item{display: flex !important; align-items: stretch; gap:30px 0;}
.susp2-item > .susp2-list,
.susp2-item > .wpb_column,
.susp2-item > .vc_column_container{float: none !important; width: auto !important; flex: 1; max-width: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column;}
.susp2-item > .wpb_column > .vc_column-inner{flex: 1; display: flex; flex-direction: column; height: auto;}
.susp2-list > .vc_column-inner,
.susp2-list > .vc_column-inner > .wpb_wrapper,
.susp2-list.vc_column-inner,
.susp2-list.vc_column-inner > .wpb_wrapper{height: 100%; flex: 1;}
.susp2-list > .vc_column-inner > .wpb_wrapper,
.susp2-list > .wpb_wrapper{background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06); box-sizing: border-box; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.susp2-list:hover > .vc_column-inner > .wpb_wrapper,
.susp2-list:hover > .wpb_wrapper{transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);}
.susp2-list .wpb_single_image,
.susp2-list .vc_figure{margin: 0 !important;}
.susp2-list .wpb_single_image img,
.susp2-list .vc_single_image-wrapper,
.susp2-list .vc_single_image-wrapper img{display: block; width: 100%; height: auto; border-radius: 0;}
.susp2-text{margin: 0 !important; padding: 28px 24px 32px !important;}
.susp2-text h3{margin: 0 0 14px; font-family: "Exo-Medium"; font-size: 30px; line-height: 1.35; color: #424548;}
.susp2-text p{margin: 0 0 20px; line-height: 1.7; color: #424548;}
.susp2-text ul{list-style: none; margin: 0; padding: 0;}
.susp2-text ul li{position: relative; padding-left: 28px; margin: 0 0 12px; line-height: 1.5; color: #424548;}
.susp2-text ul li:last-child{margin-bottom: 0;}
.susp2-text ul li::before{content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #116bcb; box-sizing: border-box;}
.susp2-text ul li::after{content: ''; position: absolute; left: 6px; top: 7px; width: 5px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
/* susp3 - sustainability roadmap timeline */
.susp3{padding: 90px 0 100px; background: #fff;}
.susp3 > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_content_element{margin-bottom: 0;}
.susp3 .tbox{max-width: 1100px; margin: 0 auto 70px; text-align: center;}
.susp3 .tbox .atitle{margin: 0 0 16px;}
.susp3 .tbox p{margin: 0; font-size: 16px; line-height: 1.75; color: #53565a;}
.susp3-item{margin-top:45px;
	--susp3-gap: 0px; --susp3-stagger: 150px; --susp3-hline-odd: 250px; display: flex !important; flex-direction: column; gap: var(--susp3-gap); position: relative; padding: 10px 0 20px; overflow: visible;}
.susp3-item.vc_row::before,
.susp3-item.vc_row::after,
.vc_row.susp3-item::before,
.vc_row.susp3-item::after,
.susp3-item.vc_row_inner::before,
.susp3-item.vc_row_inner::after,
.vc_row_inner.susp3-item::before,
.vc_row_inner.susp3-item::after{display: none !important; content: none !important;}
.susp3-item > .susp3-list,
.susp3-item > .wpb_column,
.susp3-item > .vc_column_container{float: none !important; width: calc(50% - 40px) !important; max-width: calc(50% - 40px) !important; padding: 0 !important; margin: 0 !important; position: relative; z-index: 1; overflow: visible;}
.susp3-item > .susp3-list:nth-child(odd),
.susp3-item > .wpb_column:nth-child(odd),
.susp3-item > .vc_column_container:nth-child(odd){align-self: flex-start; padding-right: 50px !important; box-sizing: border-box;}
.susp3-item > .susp3-list:nth-child(even),
.susp3-item > .wpb_column:nth-child(even),
.susp3-item > .vc_column_container:nth-child(even){align-self: flex-end; padding-left: 50px !important; box-sizing: border-box;}
.susp3-item > .susp3-list:nth-child(n+2),
.susp3-item > .wpb_column:nth-child(n+2),
.susp3-item > .vc_column_container:nth-child(n+2){margin-top: calc(-1 * var(--susp3-stagger)) !important;}
.susp3-item > .wpb_column:nth-child(odd)::before,
.susp3-item > .susp3-list:nth-child(odd)::before{content: ''; position: absolute; right: -40px; top: 48px; width: var(--susp3-hline-odd); height: 2px; background: #fed667; z-index: -1;}
.susp3-item > .wpb_column:nth-child(even)::before,
.susp3-item > .susp3-list:nth-child(even)::before{content: ''; position: absolute; left: -40px; top: 48px; width: 90px; height: 2px; background: #fed667; z-index: 1;}
/* segment 1: node1 → node2 (thicker); horizontal arm same length as last odd */
.susp3-item > .wpb_column:nth-child(1)::before,
.susp3-item > .susp3-list:nth-child(1)::before{right: auto; left: calc(100% + 42px - var(--susp3-hline-odd)); top: 48px; width: var(--susp3-hline-odd); height: calc(100% - var(--susp3-stagger)); background: linear-gradient(#fed667, #fed667) right top / 3px 100% no-repeat, linear-gradient(#fed667, #fed667) left top / 100% 2px no-repeat; z-index: -1; pointer-events: none;}
/* segment 2: node2 → node3 (thinner) */
.susp3-item > .wpb_column:nth-child(2)::before,
.susp3-item > .susp3-list:nth-child(2)::before{left: -40px; top: 48px; width: 90px; height: calc(100% - var(--susp3-stagger)); background: linear-gradient(#fed667, #fed667) left top / 1px 100% no-repeat, linear-gradient(#fed667, #fed667) left top / 100% 2px no-repeat; z-index: 1; pointer-events: none;}
.susp3-item > .wpb_column:nth-child(1)::after,
.susp3-item > .susp3-list:nth-child(1)::after{content: '\f00c'; position: absolute; left: calc(100% + 40px); top: 34px; width: 30px; height: 30px; border-radius: 50%; background: #fed667; color: #fff; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px; line-height: 30px; text-align: center; transform: translateX(-50%); z-index: 2;}
.susp3-item > .wpb_column:nth-child(n+2)::after,
.susp3-item > .susp3-list:nth-child(n+2)::after{content: ''; position: absolute; top: 42px; width: 12px; height: 12px; border-radius: 50%; background: #fed667; box-shadow: 0 0 0 10px rgba(254, 214, 103, 0.3); transform: translateX(-50%); z-index: 2;}
.susp3-item > .wpb_column:nth-child(odd):nth-child(n+2)::after,
.susp3-item > .susp3-list:nth-child(odd):nth-child(n+2)::after{left: calc(100% + 40px); right: auto;}
.susp3-item > .wpb_column:nth-child(even)::after,
.susp3-item > .susp3-list:nth-child(even)::after{left: -40px; right: auto;}
.susp3-img{margin: 0 0 22px !important;}
.susp3-img .vc_single_image-wrapper,
.susp3-img img,
.susp3-list .wpb_single_image img{display: block; width: 100%; height: auto; border-radius: 12px; overflow: hidden;}
.susp3-list .wpb_single_image{margin: 0 0 22px !important;}
.susp3-text{margin: 0 !important;}
.susp3-text h3{margin: 35px 0 15px; font-family: "Exo-Medium"; font-size: 30px; color: #424548;;}
.susp3-text p{margin: 0 0 18px; line-height: 30px; color: #424548;}
.susp3-text ul{list-style: none; margin: 0; padding: 0;}
.susp3-text ul li{position: relative; padding-left: 28px; margin: 0 0 12px;line-height: 1.55; color: #424548;}
.susp3-text ul li:last-child{margin-bottom: 0;}
.susp3-text ul li::before{content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #116bcb; box-sizing: border-box;}
.susp3-text ul li::after{content: ''; position: absolute; left: 6px; top: 7px; width: 5px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
/* search page */
.searchpage{padding: 60px 0 90px; background: #f5f5f5;}
.searchpage .page-title{margin-bottom: 20px;}
.searchpage .search-result-count{border-bottom: 1px solid #ccc; margin-bottom: 50px; padding-bottom: 30px; color: #666; font-size: 16px;}
.searchpage .prop1-left .slide-form{margin-top: 24px;}
/* search none */
.search-no-result-content p{margin: 0 0 24px; font-size: 16px; line-height: 26px; color: #333;}
.search-no-result-content .search-form label{display: none;}
.search-no-result-content .search-field{background: #fff; border-radius: 0; border: 1px solid #ccc; box-shadow: none; font-size: 16px; margin: 0; max-width: 100%; padding: 15px 18px; width: 500px; height: 51px; outline: none; box-sizing: border-box;}
.search-no-result-content .search-submit{background: #0033a0; border: none; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 15px; font-weight: 600; line-height: 1.25; margin: 7px 0 0; opacity: 1; padding: 1.1em 1.44em; text-align: center; text-decoration: none; text-transform: uppercase; transition: opacity .15s linear;}
.search-no-result-content .search-submit:hover{opacity: .85;}
.sear_content .no-results,
.no-results{text-align: center; margin-top: 110px; margin-bottom: 120px;}
.sear_content .no-results .page-title{margin-bottom: 20px;}