@charset "UTF-8";
body,a{font-family:"Noto Sans TC","Noto Sans",sans-serif!important}
h1,h2,h3,h4{font-family:"Noto Sans TC","Noto Sans",sans-serif!important}
#Content{padding:0!important;margin:0!important}
@media (max-width: 767px) {
#Content{padding:0!important}
}
.hus-marquee{width:100vw;overflow:hidden;position:absolute;top:0;left:50%;margin-left:-50vw;z-index:0;pointer-events:none}
.hus-marquee__track{display:flex;width:-moz-max-content;width:max-content;animation:husMarquee 48s linear infinite !important;will-change: transform;transform: translate3d(0, 0, 0);backface-visibility: hidden;}
.hus-marquee img{display:block;opacity:.8;padding-right:6.25vw;height:8.5vw;width:auto;flex-shrink:0}
@keyframes husMarquee {
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@media (max-width: 767px) {
.hus-marquee{width:100vw;left:50%;margin-left:-50vw}
.hus-marquee img{opacity:1;padding-right:13.6vw;height:13.8vw}
}
.com-wrap{padding:120px 0;background-color:#F5F7FA!important}
@media (max-width: 1480px) {
.section{overflow:hidden}
.section.com-wrap > .section_wrapper{max-width:92%!important}
}
@media (max-width: 960px) {
.com-wrap{padding:80px 0}
}
@media (max-width: 767px) {
.section.com-wrap > .section_wrapper{max-width:100%!important;padding-left:16px!important;padding-right:16px!important}
.com-wrap{padding:80px 0}
}
@media (max-width: 380px) {
.section.com-wrap > .section_wrapper{padding-left:12px!important;padding-right:12px!important}
}
@media (min-width: 768px) {
.mobile{display:none!important}
}
@media (max-width: 767px) {
.no-mobile{display:none!important}
}
@media (min-width: 960px) {
.ipad{display:none!important}
}
@media (max-width: 959px) {
.no-ipad{display:none!important}
}
a{transition:.1s ease-in-out!important;-webkit-transition:.1s ease-in-out!important;-o-transition:.1s ease-in-out!important}

.home-banner-title h1{position:relative;display:block;width:-moz-fit-content;width:fit-content}
.home-banner-title h1 .h1-shine-layer{position:absolute;inset:0;z-index:3;pointer-events:none;color:transparent;opacity:0;display:block;width:100%;height:100%;white-space:normal;background-image:linear-gradient(115deg,transparent 0%,transparent 46%,#eeac0500 48%,#eeac05f2 50%,#eeac0500 52%,transparent 54%,transparent 100%);background-size:260% 100%;background-position:180% 0;-webkit-background-clip:text;background-clip:text;will-change:background-position,opacity}
.home-banner-title h1 .h1-shine-layer i{color:inherit!important}
.home-banner-title h1 .h1-shine-layer i::before,.home-banner-title h1 .h1-shine-layer i::after{display:none!important}
.home-banner-title h1.is-text-scan .h1-shine-layer{animation:h1TextShineLayer 4s ease-out forwards}
@keyframes h1TextShineLayer {
0%{opacity:0;background-position:180% 0}
12%{opacity:1}
75%{opacity:1}
100%{opacity:0;background-position:-180% 0}
}
.home-banner-title h1 > i{position:relative;display:inline-block}
.home-banner-title h1 > i .i-shine-text{position:absolute;inset:0;z-index:2;display:block;pointer-events:none}
.home-banner-title h1 > i .i-shine-text::before{content:attr(data-text);position:absolute;inset:0;display:block;font:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;text-align:center;white-space:nowrap;color:transparent!important;-webkit-text-fill-color:transparent!important;opacity:0;background-image:linear-gradient(110deg,transparent 0%,transparent 32%,#fffffff2 47%,#ffffff73 52%,transparent 68%,transparent 100%);background-size:260% 100%;background-position:180% 0;-webkit-background-clip:text;background-clip:text;will-change:background-position,opacity}
.home-banner-title h1 > i.is-i-text-scan .i-shine-text::before{animation:h1ITextShine 2s ease-out forwards}
@keyframes h1ITextShine {
0%{opacity:0;background-position:180% 0}
12%{opacity:1}
65%{opacity:1}
100%{opacity:0;background-position:-180% 0}
}
.home-banner-wrap{position:relative;overflow:hidden}
.home-banner-wrap::after{content:"";position:absolute;left:0;top:-60%;width:100%;height:40%;background:linear-gradient(to bottom,transparent,#b0c4de40,transparent);pointer-events:none;z-index:5;opacity:0}
.home-banner-wrap.is-scan::after{animation:bannerScan 3s ease-out forwards}
@media (max-width: 960px) {
.home-banner-wrap::after{height:20%}
.home-banner-wrap.is-scan::after{animation:bannerScan 8s ease-out forwards}
}
@keyframes bannerScan {
0%{top:-60%;opacity:1}
25%{opacity:1}
100%{top:120%;opacity:.8}
}
.home-banner-title h1 i{position:relative;display:inline-block;transform-origin:center center}
.home-banner-title h1 i::before,.home-banner-title h1 i::after{transform:scale(0);opacity:0;transform-origin:center center}
.home-banner-title h1 i.is-deco-show::before{animation:h1DecoScaleFlash .65s cubic-bezier(0.22,1,0.36,1) forwards}
.home-banner-title h1 i.is-deco-show::after{animation:h1DecoScaleFlash .65s .08s cubic-bezier(0.22,1,0.36,1) forwards}
@keyframes h1DecoScaleFlash {
0%{opacity:0;transform:scale(0)}
45%{opacity:1;transform:scale(1.18)}
70%{opacity:1;transform:scale(0.96)}
100%{opacity:1;transform:scale(1)}
}
.home-banner-wrap{opacity:0;will-change:transform,opacity;contain:layout paint}
#Top_bar,.home-banner-title .overline,.home-banner-title h1,.home-banner-title > p,.home-banner-title .logo-icon,.button-share li,.hud-box{opacity:0;will-change:transform,opacity}
.home-banner-title h1 > i{will-change:transform,opacity}
html:not(.hs-deco-ready) .home-banner-wrap::before,html:not(.hs-deco-ready) .home-banner-wrap::after,html:not(.hs-deco-ready) .home-banner-title h1 .h1-shine-layer,html:not(.hs-deco-ready) .home-banner-title h1 > i .i-shine-text,html:not(.hs-deco-ready) .button-share::before,html:not(.hs-deco-ready) .rec-status{animation-play-state:paused!important}
html.hs-deco-ready .home-banner-wrap::before,html.hs-deco-ready .home-banner-wrap::after,html.hs-deco-ready .home-banner-title h1 .h1-shine-layer,html.hs-deco-ready .home-banner-title h1 > i .i-shine-text,html.hs-deco-ready .button-share::before,html.hs-deco-ready .rec-status{animation-play-state:running!important}
@media (max-width: 767px) {
.home-banner-title h1,.home-banner-title p,.home-banner-title .overline,.button-share,.home-banner-title .logo-icon{filter:none!important}
.home-banner-title h1 .h1-shine-layer,.home-banner-title h1 > i .i-shine-text,.home-banner-wrap::before,.home-banner-wrap::after{animation-duration:5.5s!important}
}
.js-loading #Top_bar{opacity:0;transform:translateY(-24px)}
.js-loading .home-banner-title .overline,.js-loading .home-banner-title h1,.js-loading .home-banner-title > p{opacity:0;transform:translateY(28px)}
.js-loading .home-banner-title .logo-icon{opacity:0;transform:translateY(20px) scale(0.85) rotate(-8deg)}
.js-loading .button-share li{opacity:0;transform:translateY(10px) scale(0.96)}
.js-loading .hud-box{opacity:0;transform:translateY(-14px)}
*/
.cta-box .cta-desc h2{position:relative;display:block;width:-moz-fit-content;width:fit-content}
.cta-box .cta-desc h2 .cta-shine-layer{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;display:block;width:100%;height:100%;white-space:normal;background-image:linear-gradient(115deg,transparent 0%,transparent 46%,#eeac0500 48%,#eeac05f2 50%,#eeac0500 52%,transparent 54%,transparent 100%);background-size:260% 100%;background-position:180% 0;-webkit-background-clip:text;background-clip:text;color:transparent!important;will-change:background-position,opacity}
.cta-box .cta-desc h2 .cta-shine-layer i{color:transparent!important;background-image:inherit;background-size:inherit;background-position:inherit;-webkit-background-clip:text;background-clip:text; margin-bottom:32px}
.cta-box .cta-desc h2 .cta-shine-layer i::before,.cta-box .cta-desc h2 .cta-shine-layer i::after{display:none!important}
.cta-box .cta-desc h2.is-text-scan .cta-shine-layer{animation:ctaTextShineLayer 4s ease-out forwards}
@keyframes ctaTextShineLayer {
0%{opacity:0;background-position:180% 0}
12%{opacity:1}
75%{opacity:1}
100%{opacity:0;background-position:-180% 0}
}
.cta-box h2 i{display:block}
.cta-box h2 i::before,.cta-box h2 i::after{opacity:0;transform:scale(0);transform-origin:center center;will-change:transform,opacity}
.cta-box h2 i.is-deco-show::before{animation:ctaDecoScaleFlash .65s cubic-bezier(0.22,1,0.36,1) forwards}
.cta-box h2 i.is-deco-show::after{animation:ctaDecoScaleFlash .65s .08s cubic-bezier(0.22,1,0.36,1) forwards}
@keyframes ctaDecoScaleFlash {
0%{opacity:0;transform:scale(0)}
45%{opacity:1;transform:scale(1.18)}
70%{opacity:1;transform:scale(0.96)}
100%{opacity:1;transform:scale(1)}
}
.about-head .desc h3,.about-card .about-desc h3 > i{position:relative;display:inline-block;width:-moz-fit-content;width:fit-content;font-style:normal}
.about-head .desc h3 .about-shine-layer,.about-card .about-desc h3 > i .about-shine-layer{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;display:block;width:100%;height:100%;white-space:normal;background-image:linear-gradient(115deg,transparent 0%,transparent 42%,#eeac0500 45%,#eeac05f2 50%,#eeac0500 55%,transparent 58%,transparent 100%);background-size:260% 100%;background-position:180% 0;-webkit-background-clip:text;background-clip:text;color:transparent!important;will-change:background-position,opacity}
.about-head .desc h3.is-about-text-scan .about-shine-layer,.about-card .about-desc h3 > i.is-about-text-scan .about-shine-layer{animation:aboutTextShineLayer 4s ease-out forwards}
@keyframes aboutTextShineLayer {
0%{opacity:0;background-position:180% 0}
12%{opacity:1}
75%{opacity:1}
100%{opacity:0;background-position:-180% 0}
}

.location-wrap,.advantage-wrap{opacity:0;transition:opacity .8s ease!important}
.location-wrap.animate-in, .advantage-wrap.animate-in{opacity:1}
.contact-box,.products-wrap .portfolio-item,.news .post-item,.faq-card,.location-card{opacity:0;transform:translateY(80px);transition:opacity .8s ease,transform .8s ease!important;pointer-events:none!important}
.contact-box.animate-in,.products-wrap .portfolio-item.animate-in,.news .post-item.animate-in,.faq-card.animate-in,.location-card.animate-in{opacity:1;transform:translateY(0);pointer-events:auto!important}
.location-filter,.step-box ul li,.about-photo,.about-desc,.about-head .desc,.cta-photo .image_wrapper,.services-box,.services-card,.advantage-card{opacity:0;transform:translateX(-80px) translateY(0);transition:opacity .5s ease,transform .5s ease!important;pointer-events:none!important}
.location-filter.animate-in,.step-box ul li.animate-in,.about-photo.animate-in,.about-desc.animate-in,.about-head .desc.animate-in,.cta-photo .image_wrapper.animate-in,.services-box.animate-in,.services-card.animate-in,.advantage-card.animate-in{opacity:1;transform:translateX(0) translateY(0);pointer-events:auto!important}
/* .service-head .photo{transition-duration:.8s!important;transition-delay:1.2s!important} */
.about-desc{transition-delay:.3s!important}
@media (max-width: 960px) {
.location-filter,.step-box ul li,.about-photo, .about-desc,.about-head .desc,.cta-photo .image_wrapper,.services-box,.services-card, .advantage-card{transform:translateY(80px)}
.location-filter.animate-in,.step-box ul li.animate-in,.about-photo.animate-in,.about-desc.animate-in, .about-head .desc.animate-in,.cta-photo .image_wrapper.animate-in,.services-box.animate-in,.services-card.animate-in, .advantage-card.animate-in{transform:translateY(0)}
/* .service-head .photo{transition-delay:0s!important} */
}
@media (max-width: 767px) {
.cta-box .cta-desc h2 .cta-shine-layer i{ margin-bottom:24px}
}
@keyframes blink-smooth {
0%,100%{opacity:1}
50%{opacity:.3}
}
@keyframes ping-slow {
0%{transform:scale(1);opacity:.6}
80%,100%{transform:scale(2.2);opacity:0}
}
@keyframes scan-v {
0%{transform:translateY(-100%)}
100%{transform:translateY(400%)}
}
@keyframes bg-scan-v {
0%{background-position:0 -50%}
100%{background-position:0 150%}
}
@keyframes blink-smooth {
0%,100%{opacity:1}
50%{opacity:.3}
}
@keyframes btnShine {
0%,55%{left:-80%;opacity:0}
65%{opacity:1}
100%{left:130%;opacity:0}
}
@keyframes ctaBreathScale {
0%,100%{transform:translateZ(0) scale(1);box-shadow:0 4px 20px #004f9452}
50%{transform:translateZ(0) scale(1.018);box-shadow:0 8px 28px #004f946b}
}
@keyframes ctaSweep {
0%{left:-80%;opacity:0}
15%{opacity:.8}
100%{left:135%;opacity:0}
}
@keyframes ctaAutoSweep {
0%,72%{left:-80%;opacity:0}
78%{opacity:.8}
100%{left:135%;opacity:0}
}
@keyframes box-rotate {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes marquee {
0%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}
@keyframes criss-cross-left {
0%{left:-20px}
50%{left:50%;width:20px;height:20px}
100%{left:50%;width:600px;height:600px}
}
@keyframes criss-cross-right {
0%{right:-20px}
50%{right:50%;width:20px;height:20px}
100%{right:50%;width:600px;height:600px}
}
@keyframes box-x {
0%{transform:translateX(0)}
50%{transform:translateX(3px)}
100%{transform:translateX(0)}
}
@keyframes box-y {
0%{transform:translateY(0);opacity:1}
50%{transform:translateY(5px);opacity:1}
100%{transform:translateY(0);opacity:1}
}
@keyframes box-zoon {
0%{transform:translateZ(0) scale(1);opacity:1}
50%{transform:translateZ(0) scale(1.05);opacity:.8}
100%{transform:translateZ(0) scale(1);opacity:1}
}
@keyframes box-zoon02 {
0%{transform:translateZ(0) scale(1)}
50%{transform:translateZ(0) scale(1.15)}
100%{transform:translateZ(0) scale(1)}
}
.com-title{position:relative;margin-bottom:80px}
.com-title .overline{font-size:12px!important;font-weight:900!important;line-height:1.5!important;letter-spacing:.22em!important;font-family:"Orbitron",sans-serif!important;text-transform:uppercase;display:flex;align-items:center;position:relative;z-index:1;margin-bottom:8px}
.com-title h2{font-size:clamp(2.25rem,1.99rem + 1.13vw,3rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.1em!important;color:#0F1826;position:relative;z-index:1}
.com-title p{font-size:clamp(0.875rem,0.79rem + 0.38vw,1.125rem)!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.05em!important;color:#495562;margin-top:24px}
.com-title-center{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;margin-left:auto;margin-right:auto}
.com-title-center .overline{justify-content:center;color:#004F94}
.com-title-center .overline .rec-status{color:#EF4444;display:flex;align-items:center;margin-right:16px;border-right:1px solid #D1D2D2;padding-right:12px}
.com-title-center .overline .rec-status::before,.com-title-center .overline .rec-status::after{content:"";position:absolute;border-radius:50%;left:-24px;background-color:#EF4444}
.com-title-center .overline .rec-status::before{width:10px;height:10px;box-shadow:0 0 12px #EF4444;z-index:2;animation:blink-smooth 1.5s ease-in-out infinite}
.com-title-center .overline .rec-status::after{width:12px;height:12px;border-radius:50%;margin-left:-1px;z-index:1;animation:ping-slow 1.5s cubic-bezier(0,0,0.2,1) infinite}
.com-title-center h2{padding-bottom:20px}
.com-title-center h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(to right,#004F94 0%,#EEAC05 100%)}
.com-title-left{margin-bottom:60px;display:flex;flex-direction:column;align-items:flex-start}
.com-title-left .overline{color:#004F94}
.com-title-left .overline .rec-status{display:none}
.com-title-left .overline::before{content:"";display:block;width:24px;height:2px;background-color:#EEAC05;margin-right:12px}
.com-title-left h2{display:flex;align-items:center}
.com-title-left h2::after{content:"";position:absolute;bottom:-16px;left:0;width:80px;height:3px;background:linear-gradient(to right,#004F94 0%,#EEAC05 100%)}
.com-title-left h2 .dot-wrap{position:relative;width:16px;height:16px;margin-right:16px;display:flex;align-items:center;justify-content:center}
.com-title-left h2 .dot-wrap::before,.com-title-left h2 .dot-wrap::after{content:"";position:absolute;border-radius:50%}
.com-title-left h2 .dot-wrap::before{width:16px;height:16px;background-color:#EF4444;box-shadow:0 0 12px #EF4444;z-index:2;animation:blink-smooth 1.5s ease-in-out infinite}
.com-title-left h2 .dot-wrap::after{width:100%;height:100%;background-color:#EF4444;z-index:1;animation:ping-slow 1.5s cubic-bezier(0,0,0.2,1) infinite}
@media (max-width: 960px) {
.com-title-left{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;margin-left:auto;margin-right:auto;margin-bottom:60px}
.com-title-left .overline{justify-content:center}
.com-title-left .overline::before{display:none}
.com-title-left .overline .rec-status{color:#EF4444;display:flex;align-items:center;margin-right:12px;border-right:1px solid #D1D2D2;padding-right:12px}
.com-title-left .overline .rec-status::before,.com-title-left .overline .rec-status::after{content:"";position:absolute;border-radius:50%;left:-24px;background-color:#EF4444}
.com-title-left .overline .rec-status::before{width:10px;height:10px;box-shadow:0 0 12px #EF4444;z-index:2;animation:blink-smooth 1.5s ease-in-out infinite}
.com-title-left .overline .rec-status::after{width:12px;height:12px;border-radius:50%;margin-left:-1px;z-index:1;animation:ping-slow 1.5s cubic-bezier(0,0,0.2,1) infinite}
.com-title-left h2{padding-bottom:20px;display:block}
.com-title-left h2 .dot-wrap{display:none}
.com-title-left h2::before{display:none}
.com-title-left h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(to right,#004F94 0%,#EEAC05 100%)}
.com-title-center{margin:0 auto 60px}
.com-title-center .overline .rec-status{margin-right:12px}
}
@media (max-width: 767px) {
.com-title{margin:0 auto 40px}
.com-title .overline{font-size:9px!important;line-height:1.5!important;letter-spacing:.15em!important;margin-bottom:6px}
.com-title p{margin-top:6px}
.com-title-center h2,.com-title-left h2{padding-bottom:12px}
.com-title-left h2::before{width:12px;height:12px}
}
.com-button{z-index:10!important;background-color:#004f9400;transition:.2s ease-in-out!important}
.com-button::after{content:"";background:url(/wp-content/uploads/2026/05/btn-icon.svg) no-repeat left center;background-size:14px auto;display:inline-block;width:20px;height:23px}
.com-button:hover::after{background:url(/wp-content/uploads/2026/05/btn-icon-white.svg) no-repeat left center}
.button-share ul{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0}
.button-share ul li{position:relative;border-radius:100px;white-space:nowrap;transition:transform .35s cubic-bezier(0.22,1,0.36,1),filter .35s ease}
.button-share ul li:hover{transform:translateY(-5px);filter:brightness(1.06)}
.button-share ul li:active{transform:translateY(-2px)}
.button-share ul li a lottie-player{width:56px!important;height:56px!important;flex:0 0 56px}
.button-share ul li.icon-phone2 a{background:linear-gradient(to bottom,#2871B1 0%,#004F94 100%);color:#FFF!important}
.button-share ul li.icon-messenge a{background:linear-gradient(to bottom,#FFF 0%,#E4F4FF 100%);border:2px solid #FFF;color:#004F94!important}
.button-share ul li.icon-messenge a::before{background:linear-gradient(115deg,transparent 0%,#004f940a 35%,#004f942e 50%,#eeac051f 60%,transparent 100%);opacity:.5}
.button-share ul li a{font-size:clamp(1rem,0.85rem + 0.65vw,1.5rem)!important;font-weight:700!important;line-height:1!important;letter-spacing:.02em!important;position:relative;z-index:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(12px,1vw,20px) clamp(24px,2vw,36px);text-decoration:none;gap:4px;border-radius:100px;box-shadow:0 4px 20px #004f9459;animation:ctaBreathScale 2.8s ease-in-out infinite;transform-origin:center center;will-change:transform,box-shadow;transition:transform .35s cubic-bezier(0.22,1,0.36,1),box-shadow .35s ease}
.button-share ul li a::before{content:"";position:absolute;top:-60%;left:-80%;width:42%;height:220%;background:linear-gradient(115deg,transparent 0%,#ffffff1f 35%,#ffffff8c 50%,#ffffff1f 65%,transparent 100%);transform:rotate(12deg);opacity:0;pointer-events:none}
.button-share ul li:hover a{box-shadow:0 14px 34px #004f9466}
.button-share ul li:hover a::before{animation:ctaSweep .85s ease forwards!important}
.button-share ul li .icon,.button-share ul li .icon img{position:relative;z-index:2}
@media (max-width: 1240px) {
.button-share ul{gap:15px}
}
@media (max-width: 960px) {
.button-share ul li{flex:1}
.button-share ul li a{padding:clamp(12px,1vw,20px) clamp(24px,2vw,36px)}
.button-share ul li a lottie-player{width:48px!important;height:48px!important}
}
@media (max-width: 767px) {
.button-share ul{width:100%;gap:16px}
.button-share ul li{white-space:nowrap}
.button-share ul li a{padding:10px!important;gap:2px}
.button-share ul li a lottie-player{width:40px!important;height:40px!important;flex:0 0 42px}
}
.footer-button ul{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0}
.footer-button ul li{border-radius:100px;box-shadow:0 4px 4px #004f9414;transition:transform .3s ease;white-space:nowrap;flex:1;overflow:hidden}
.footer-button ul li:hover{transform:translateY(-3px)}
.footer-button ul li.icon-phone2{background:#004F94}
.footer-button ul li.icon-phone2 a{gap:0}
.footer-button ul li.icon-phone2 a lottie-player{width:50px!important;height:42px!important;flex:0 0 42px}
.footer-button ul li.icon-messenge{background:#EEAC05}
.footer-button ul li.icon-messenge a{gap:6px}
.footer-button ul li.icon-messenge a lottie-player{width:42px!important;height:42px!important;flex:0 0 42px}
.footer-button ul li a{font-size:clamp(1rem,0.91rem + 0.38vw,1.25rem)!important;font-weight:700!important;line-height:1!important;letter-spacing:.05em!important;color:#FFF!important;display:flex;align-items:center;justify-content:center;padding:0 16px;text-decoration:none;position:relative;height:64px}
.footer-button ul li a::before{content:"";position:absolute;top:-60%;left:-80%;width:42%;height:220%;background:linear-gradient(115deg,transparent 0%,#ffffff1f 35%,#ffffff8c 50%,#ffffff1f 65%,transparent 100%);transform:rotate(12deg);opacity:0;pointer-events:none;animation:ctaAutoSweep 5s ease-in-out infinite}
.footer-button ul li a:hover{text-shadow:none!important}
.footer-button ul li a:hover::before{animation:ctaSweep .85s ease forwards!important}
.footer-button ul li a i{vertical-align:middle}
@media (max-width: 1240px) {
.footer-button ul{gap:15px}
}
@media (max-width: 960px) {
.footer-button ul{width:80%;margin:0 auto}
.footer-button ul li{flex:1}
}
@media (max-width: 767px) {
.footer-button ul{width:100%;gap:16px}
.footer-button ul li{white-space:nowrap}
.footer-button ul li.icon-phone2 a lottie-player{height:40px!important;flex:0 0 40px}
.footer-button ul li.icon-messenge a lottie-player{height:36px!important;flex:0 0 36px}
.footer-button ul li a{padding:0 12px!important;gap:8px;height:56px}
}
.layout-full-width.header-fw #Top_bar .container{max-width:1460px!important}
#Top_bar{box-shadow:0 0 0 0 #fff;background-color:#ffffffd9;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%)}
#Top_bar.is-sticky{box-shadow:0 0 0 0 #FFF!important;height:70px}
#Top_bar .menu > li{margin:0 16px!important}
#Top_bar .menu > li > a span:not(.description){padding:0 10px!important}
#Top_bar .menu > li > a{font-family:"Noto Sans TC",sans-serif!important}
#Top_bar.is-sticky .menu > li > a{padding:0 0 10px!important}
#Top_bar .menu > li > a:hover{text-decoration:none!important}
#Top_bar #logo{display:block}
#Top_bar #logo img{width:243px!important}
#Top_bar.is-sticky #logo img.logo-sticky{max-height:43px!important;width:auto!important}
#Top_bar .menu > li > a:after{left:8%!important;width:0!important;top:70%!important;margin-top:0!important;opacity:.2!important;height:2px!important;background:#004F94!important;transition:.3s ease-in-out!important}
#Top_bar .menu > li > a:hover:after{width:82%!important;height:2px!important;background:#004F94!important}
#Top_bar .menu > li.current-menu-parent > a:after{left:8%!important;width:82%!important;height:2px!important;top:70%!important;background:#004F94!important}
#Header #menu > ul > li.current-menu-item.submenu > a:after{width:82%!important}
#Top_bar.is-sticky .menu > li > a:after,#Header #Top_bar.is-sticky #menu > ul > li.current-menu-item > a:after{top:70%!important}
.menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle):after{border-top:0 solid #fff0!important;border-left:0 solid #fff0!important;border-right:0 solid #fff0!important}
.menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle):before{content:"\e869"!important;font-family:"mfn-icons";color:#B0C4DE;top:18%;display:block!important;width:0;height:0;position:absolute;left:auto;right:2px;font-size:22px!important;opacity:1}
.menuo-arrows:not(.keyboard-support) #Top_bar.is-sticky .menu > li.submenu > a:not(.menu-toggle):before{top:25%}
#Top_bar .menu > li ul{border:1px solid #D1D2D2!important;top:100%!important;border-radius:0 0 12px 12px}
#Top_bar .menu > li ul li > a{padding:12px 20px!important;font-size:16px!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.05em!important;border-bottom:1px solid #D1D2D2!important}
#Top_bar .menu li ul li:last-child a{border-bottom:none!important;border-radius:0 0 12px 12px}
#Top_bar .menu li ul li ul{top:-1px!important}
#Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a{background:#004F94!important}
#Top_bar .menu li ul li a .menu-arrow{top:13px!important}
#Top_bar .menu li ul li a .menu-arrow:before{content:"\e917";font-family:"mfn-icons";font-size:22px!important;color:#B0C4DE}
.action_button{background-color:#EEAC05!important;border-radius:100px!important;font-size:18px!important;font-weight:700!important;padding:12px 24px!important;letter-spacing:.05em!important;color:#FFF!important;transition:.3s ease-in-out!important}
.action_button::before{content:"";position:absolute;top:-60%;left:-80%;width:42%;height:220%;background:linear-gradient(115deg,transparent 0%,#ffffff1f 35%,#ffffff8c 50%,#ffffff1f 65%,transparent 100%);transform:rotate(12deg);opacity:0;pointer-events:none}
.action_button::after{display:none!important}
.action_button:hover{transform:scale(1.1)}
.action_button:hover::before{animation:ctaSweep .85s ease forwards!important}
@media (max-width: 1480px) {
.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu{padding:20px 2%!important}
.layout-full-width.header-fw #Top_bar .container{max-width:95%!important}
}
@media (max-width: 1239px) {
.layout-full-width.header-fw #Top_bar .container{max-width:90%!important;margin:0 5%!important}
#Header .top_bar_right{display:none!important}
#Top_bar .menu_wrapper{border:0}
#Top_bar .logo{float:none}
#Top_bar #logo{text-align:center!important;padding:0!important}
#Top_bar a.responsive-menu-toggle{right:auto}
#Side_slide .close-wrapper a.close{margin:10px 0 0!important}
#Side_slide .close-wrapper a.close .icon-cancel-fine{font-size:18px!important}
#Side_slide .close-wrapper a.close .icon-cancel-fine::before{font-weight:700!important;color:#004F94}
#Side_slide #menu ul li.submenu .menu-toggle{opacity:1!important;background:transparent!important;box-shadow:0 0 0 0 #4ac6d600 inset;padding:0!important;margin-top:4px;transition:.3s ease-in-out!important}
#Side_slide #menu ul li.hover > .menu-toggle{transform:rotate(90deg)}
#Side_slide #menu ul li.submenu .menu-toggle:after{content:"\e917";font-family:"mfn-icons";font-size:22px;font-weight:500;width:20px;height:20px;display:inline-block;color:#004F94}
#Side_slide.light #menu ul li,#Side_slide #menu ul li{border-top-color:#D1D2D2!important}
#Side_slide #menu > ul:last-child > li:last-child{border-bottom:1px solid #D1D2D2!important}
#Side_slide #menu ul li > .sub-menu{display:block!important;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .22s ease,opacity .16s ease}
#Side_slide #menu ul li.hover > .sub-menu,#Side_slide #menu ul li ul li.hover > .sub-menu{max-height:1000px;opacity:1;visibility:visible;animation:sideSlideSubmenuDown .35s ease}
@keyframes sideSlideSubmenuDown {
from{max-height:0;opacity:0}
to{max-height:1000px;opacity:1}
}
#Side_slide.light #menu ul li ul{background-color:#F5F7FA!important}
#Side_slide.light #menu ul li ul li{border-top-color:#D1D2D2!important}
#Side_slide #menu ul li a{font-size:18px!important;font-weight:700!important;letter-spacing:.1em!important;color:#495562;padding:16px 5px 16px 24px}
#Side_slide.light #menu ul li ul a ul a{color:#495562!important}
#Side_slide #menu ul li ul li ul li a{color:#495562}
#Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a,#Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a,#Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a,#Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color:#004F94!important}
}
@media (max-width: 767px) {
.layout-full-width.header-fw #Top_bar{background-color:#fffffff2!important}
.sticky-tb-color #Top_bar.is-sticky{background-color:#fffffff2}
.layout-full-width.header-fw #Top_bar .container{max-width:98%!important;margin:0 1%!important}
#Top_bar #logo img{width:199px!important}
}
#Footer .widgets_wrapper{padding:100px 0!important}
#Footer{position:relative;padding:0!important;font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;font-weight:500!important;line-height:1.5!important;letter-spacing:.05em!important;background:linear-gradient(to bottom,#E6EDF4 0%,#FFF 100%);border-radius:100px 100px 0 0;z-index:10;}
#Footer a{text-decoration:none!important;color:#495562}
#Footer a:hover{color:#004F94;text-decoration:underline;text-shadow:0 0 6px #b0c4decc, 0 0 12px #b0c4de99}
#Footer .container{max-width:1440px;z-index:2}
#Footer .container .column:nth-child(1){width:24%}
#Footer .container .column:nth-child(2){width:34%;margin:0 9% 0 6%;text-align:center}
#Footer .container .column:nth-child(3){width:27%}
#Footer h4{position:relative;display:block;font-size:20px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important;color:#004F94;margin-bottom:32px!important}
#Footer h4:before{content:"";width:3px;height:18px;display:inline-block;background-color:#EEAC05;border-radius:50px;vertical-align:middle;margin-top:-2px;margin-right:12px}
.footer-logo{margin-bottom:70px;margin-top:40px!important;text-align:center}
.footer-logo img{width:190px}
#Footer .footer-button a:hover{text-decoration:none!important}
.footer-info{margin:0!important;list-style:none!important}
.footer-info li{margin-bottom:16px!important;position:relative;padding-left:18px;font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;font-weight:500!important;line-height:1.5!important;letter-spacing:.05em!important}
.footer-info li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;display:inline-block;border-radius:50px;background-color:#004F94;outline:2.5px solid #DBE9FE}
#Footer .widgets_wrapper .column aside:nth-child(4){display:grid;justify-content:center}
#Footer .blog_news ul li{margin-bottom:16px!important;padding:0!important;background-color:#0000!important}
#Footer .blog_news ul li .photo,Footer .blog_news ul li .date{display:none}
#Footer .blog_news ul li a .desc{width:100%!important;margin-left:0!important;min-height:auto!important;padding:0!important}
#Footer .blog_news ul li a .desc h6{position:relative;border:none!important;color:#495562;padding-left:18px;height:45px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;font-weight:500!important;line-height:1.5!important;letter-spacing:.05em!important}
#Footer .blog_news ul li a .desc h6:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;display:inline-block;border-radius:50px;background-color:#004F94;outline:2.5px solid #DBE9FE}
#Footer .blog_news ul li a .desc:hover h6{color:#004F94}
#Footer .footer_copy{position:relative;background-color:#004F94}
#Footer .footer_copy .mcb-column-inner{padding:0!important;margin:0!important}
#Footer .footer_copy .one{margin:0!important;width:100%!important;padding:32px 0 24px!important}
#Footer .footer_copy .copyright{float:none!important;margin-bottom:0!important}
.footer-menu{width:100%;position:relative;list-style:none;margin:0 auto!important;padding:0!important;display:flex;justify-content:center}
.footer-menu li{position:relative;white-space:nowrap}
.footer-menu li:not(:last-child)::after{content:"";position:absolute;transform:translateY(-50%);top:55%;width:1px;height:15px;display:inline-block;background-color:#ffffff80}
.footer-menu li a{margin:0 56px;position:relative;color:#fff!important;font-size:clamp(1rem,0.91rem + 0.38vw,1.25rem)!important;font-weight:700!important;line-height:1!important;letter-spacing:.05em!important}
.social-box ul{margin:40px 0 0!important;list-style:none;padding:0;display:flex;justify-content:flex-start;gap:40px}
.social-box ul li{display:inline-block}
.social-box ul li a{position:relative;height:48px;width:48px;display:block;border-radius:50%;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;background-size:30px;transition:.3s ease-in-out!important}
.social-box ul li a:hover{transform:scale(1.2)}
.social-box li a.icon-facebook{background:url(/wp-content/uploads/2026/05/icon-facebook.svg) no-repeat center center}
.social-box li a.icon-instagram{background:url(/wp-content/uploads/2026/05/icon-instagram.svg) no-repeat center center}
.social-box li a.icon-youtube{background:url(/wp-content/uploads/2026/05/icon-youtube.svg) no-repeat center center}
#back_to_top.sticky{right:8px!important;bottom:24px!important;z-index:15}
#back_to_top{border-radius:50px;border:solid 1px #B0C4DE!important;background:#16799800!important;width:42px;height:42px}
#back_to_top:hover{background-color:#004F94!important;border:solid 2px #004F94!important}
#back_to_top:hover i{color:#fff!important}
#back_to_top i{color:#B0C4DE}
#back_to_top i:before{font-weight:800!important;line-height:2;font-size:16px;margin-right:0}
#Footer .footer_action{position:fixed;z-index:10}
.floating-button-social{position:fixed;bottom:18vh;right:0;opacity:0;border-radius:8px 0 0 8px;overflow:hidden}
.floating-button-social.visible{opacity:1;transition:.3s ease-in-out!important;-webkit-transition:.3s ease-in-out!important;-o-transition:.3s ease-in-out!important}
.floating-button-social ul{list-style:none!important;margin:0!important}
.floating-button-social li{position:relative}
.floating-button-social li a{color:#fff!important;width:56px;height:150px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-lr;gap:0 10px;transition:.3s ease-in-out!important;font-size:clamp(1rem,0.91rem + 0.38vw,1.25rem)!important;transition:.2s ease-in-out!important;line-height:1.2;letter-spacing:.15em;font-weight:700}
.floating-button-social li a:hover{text-decoration:none!important;text-shadow: 0 0 6px #fff9, 0 0 12px #fff6 !important;}
.floating-button-social li .icon{width:22px;height:22px;display:block;margin-top:5px}
.floating-button-social li.icon-phone2{background-color:#004F94}
.floating-button-social li.icon-messenge{background-color:#EEAC05}
.floating-button-social li.icon-line{background-color:#00CF2E}
@media (max-width: 1480px) {
#Footer .container{max-width:91%!important}
#Footer .container .column:nth-child(1){width:25%}
#Footer .container .column:nth-child(2){width:37%;margin:0 4%;text-align:center}
#Footer .container .column:nth-child(3){width:28%}
.footer-menu li a{margin:0 42px}
}
@media (max-width: 1240px) {
#Footer .container{max-width:92%!important}
#Footer .container .column:nth-child(1){width:28%}
#Footer .container .column:nth-child(2){width:40%;margin:0 2%}
#Footer .container .column:nth-child(3){width:28%}
}
@media (max-width: 960px) {
#Footer .widgets_wrapper{padding:80px 0!important}
#Footer .container{display:grid}
#Footer .container .column:nth-child(1){order:2}
#Footer .container .column:nth-child(2){order:1;margin:0}
#Footer .container .column:nth-child(3){order:3;border:#004F94}
#Footer .container{max-width:100%!important}
#Footer .container .column{width:100%!important}
#Footer h4{text-align:center}
#Footer .blog_news{width:80%!important;margin:0 auto!important}
.footer-info{display:grid;justify-content:center}
.footer-info li::before{top:8px}
.social-box ul{justify-content:center;gap:32px;margin:16px 0 0!important}
#Footer .footer_copy .container{max-width:100%!important;padding-left:0!important;padding-right:0!important}
#Footer .footer_copy .one{padding:20px 0!important}
.footer-menu{gap:14px 0}
.footer-menu li a{margin:0 12px;font-size:14px!important}
.footer-menu li:nth-child(4)::after{display:none}
Footer .blog_news ul li a .desc h6{height:24px;-webkit-line-clamp:1;line-clamp:1}
.floating-button-social li a{width:48px}
#back_to_top.sticky{bottom:16px!important}
}
@media (max-width: 767px) {
#Footer{border-radius:42px 42px 0 0;margin-top:-40px}
#Footer .widgets_wrapper{padding:50px 0!important}
#Footer .widgets_wrapper .mcb-column-inner{margin:0!important}
#Footer .container{padding-left:16px!important;padding-right:16px!important}
.footer-logo{margin-bottom:0;margin-top:0}
.footer-logo img{width:133px;margin-bottom:40px}
#Footer .blog_news{width:95%!important}
Footer .blog_news ul li a .desc h6{height:40px;-webkit-line-clamp:2;line-clamp:2}
Footer .blog_news ul li a .desc h6:before{top:8px}
#Footer .footer_copy .one{padding:20px 0 40px!important}
.footer-menu{display:flex;flex-wrap:wrap;gap:12px 0}
.footer-menu li a{margin:0 12px}
.floating-button-social{bottom:11vh}
.floating-button-social li a{width:40px;height:130px}
#back_to_top.sticky{right:6px!important;bottom:32px!important}
#back_to_top{width:32px;height:32px}
#back_to_top i:before{line-height:2.8;font-size:12px}
}
@media (max-width: 380px) {
#Footer .footer_copy .one{padding:20px 0!important}
}
.home-banner-box{position:relative;width:100%;height:100vh;display:grid;align-content:center;justify-items:start}
.home-banner-box .button-share{margin-top:5vh}
.home-banner-title{position:relative;width:37%;display:grid;justify-items:start;margin-top:8vh}
.home-banner-title .logo-icon{position:absolute;right:-32px;top:-6px}
.home-banner-title i.overline{font-size:12px!important;font-weight:900!important;line-height:1.5!important;letter-spacing:.22em!important;color:#61758A;margin-bottom:4px;font-family:"Orbitron",sans-serif!important;font-style:normal}
.home-banner-title i.overline::after{content:"";width:80px;height:1px;background-color:#B0C4DE;display:inline-block;vertical-align:middle;margin-left:9px;margin-top:-3px}
.home-banner-title h1{font-size:clamp(2.9rem,2.6rem + 1.45vw,4.5rem)!important;font-weight:800!important;line-height:1.4!important;letter-spacing:.05em!important;color:#0F1826;margin-bottom:7vh}
.home-banner-title h1 i{color:#004F94;position:relative;font-style:normal;letter-spacing:.2em;margin-left:64px}
.home-banner-title h1 i::before,.home-banner-title h1 i::after{content:"";position:absolute;width:20px;height:106%;background-repeat:no-repeat}
.home-banner-title h1 i::before{left:-20px;background-position:left top,left bottom;background-image:url(/wp-content/uploads/2026/05/corner-line-1.svg),url(/wp-content/uploads/2026/05/corner-line-3.svg)}
.home-banner-title h1 i::after{right:-10px;background-position:right top,right bottom;background-image:url(/wp-content/uploads/2026/05/corner-line-2.svg),url(/wp-content/uploads/2026/05/corner-line-4.svg)}
.home-banner-title p{font-size:clamp(1.25rem,0.95rem + 1vw,2rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.1em!important;color:#1B3147}
.breadcrumb{position:absolute;width:100%;bottom:40px;left:0}
.breadcrumb ol{margin:0!important;padding:0!important}
.breadcrumb ol li:first-of-type{position:relative}
.breadcrumb ol li:first-of-type:before{content:"";vertical-align:middle;margin:-3px 0 0;width:20px;height:20px;background:url(/wp-content/uploads/2026/05/bread-icon-home.svg) no-repeat center center}
.breadcrumb ol li{position:relative;display:inline-block;margin-bottom:0!important;color:#004F94!important;font-weight:500;font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;letter-spacing:.05em}
.breadcrumb ol li:before{vertical-align:middle;display:inline-block;text-decoration:none!important;content:"/";font-family:"Orbitron",sans-serif!important;color:#99AEC9!important;font-size:16px;font-weight:500;margin:0 4px}
.breadcrumb ol li a{font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;color:#1b314799!important}
.breadcrumb ol li a.active{color:#004F94!important}
.breadcrumb ol li a:hover{color:#004F94!important;text-decoration:none!important}
.hud-box{position:absolute;bottom:24px;right:24px;z-index:20;font-family:"Orbitron",sans-serif!important;display:flex;flex-direction:column;align-items:flex-end;color:#fff!important}
.hud-box .rec-status{display:flex;align-items:center;font-weight:900;letter-spacing:.01em;margin-right:2px;font-size:14px!important;opacity:.9}
.hud-box .rec-status::before,.hud-box .rec-status::after{content:"";position:absolute;border-radius:50%;background-color:#EF4444}
.hud-box .rec-status::before{width:10px;height:10px;box-shadow:0 0 12px #EF4444;z-index:2;margin-left:-20px;animation:blink-smooth 1.5s ease-in-out infinite}
.hud-box .rec-status::after{width:12px;height:12px;border-radius:50%;margin-left:-21px;z-index:1;animation:ping-slow 1.5s cubic-bezier(0,0,0.2,1) infinite}
.hud-box #hud-time{font-weight:700;letter-spacing:.03em;margin-bottom:-4px!important;font-size:14px!important;opacity:.9}
.hud-box p{color:#DEDEDE;font-size:11px!important;font-weight:700;letter-spacing:.08em;opacity:.8}
@media (max-width: 1480px) {
.section.home-banner-wrap > .section_wrapper{max-width:92%!important}
.home-banner-title{width:40%}
.home-banner-title .logo-icon{right:-15px}
}
@media (max-width: 1240px) {
.home-banner-wrap{background-position:top right -60px!important}
.home-banner-title{width:45%}
.home-banner-title .logo-icon{right:0}
}
@media (max-width: 960px) {
.section.home-banner-wrap > .section_wrapper{max-width:100%!important;padding-right:5%;padding-left:5%;overflow:hidden}
.home-banner-wrap{background-position:top -90px left!important}
.home-banner-wrap .column{width:100%!important}
.home-banner-title{width:60%;margin-top:48vh}
.home-banner-title i.overline{font-size:9px!important;line-height:1.5!important;letter-spacing:.15em!important}
.home-banner-title i.overline::after{width:120px}
.home-banner-title h1{margin-bottom:3vh}
.home-banner-title h1 i{margin-left:32px;letter-spacing:.1em}
.home-banner-box .button-share{margin-top:3vh;width:100%}
.breadcrumb{bottom:28px}
.home-banner-title .logo-icon{right:-30px}
.hud-box{display:none}
}
@media (max-width: 767px) {
.section.home-banner-wrap > .section_wrapper{padding-right:16px;padding-left:16px}
.home-banner-wrap{background-position:top 0 left!important}
.home-banner-title{width:100%;margin-top:39vh}
.home-banner-box .logo-icon{display:none}
.home-banner-title h1{margin-bottom:4vh}
.home-banner-title h1 i::after{right:-12px}
.home-banner-box .button-share{margin-top:4vh}
.breadcrumb ol li:first-of-type:before{margin:-3px 0 0;width:12px;background-size:14px auto}
.breadcrumb ol li:before{margin:-3px 0 0}
}
@media (max-width: 380px) {
.home-banner-box h1{font-size:45px!important}
}
.advantage-wrap{position:relative;background-repeat:no-repeat!important;background-position:left top!important;background-image:url(/wp-content/uploads/2026/05/advantages-bg.jpg)!important;background-size:44.2vw auto}
.advantage-box{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:24px;margin:0 auto}
.advantage-card{text-align:center;background:linear-gradient(232deg,#ffffffe6 0%,#ffffffa3 33%,#fff6 52%,#fff3 100%);padding:40px;border-radius:24px;box-shadow:0 8px 30px #1b314714;transition:opacity .5s ease,transform .5s ease,color .3s ease!important}
.advantage-card .head .icon{width:85px;height:85px;border-radius:16px;background-color:#FFF;display:inline-flex;align-items:center;justify-content:center;margin-bottom:32px;background-size:contain;background-position:center;background-repeat:no-repeat;box-shadow:0 12px 40px #004f9414;overflow:hidden}
.advantage-card .head .advantage-lottie{display:block;width:64px;height:64px}
.advantage-card .head h3{font-size:clamp(1.25rem,1.16rem + 0.38vw,1.5rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.05em!important;color:#1B3147;margin-bottom:16px!important}
.advantage-card p{font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.05em!important;color:#495562;margin-bottom:0!important}
.advantage-card:nth-child(1) .head .icon{background-image:url(/wp-content/uploads/2026/05/advantage-icon-1.svg)}
.advantage-card:nth-child(2) .head .icon{background-image:url(/wp-content/uploads/2026/05/advantage-icon-2.svg)}
.advantage-card:nth-child(3) .head .icon{background-image:url(/wp-content/uploads/2026/05/advantage-icon-3.svg)}
.advantage-card:nth-child(4) .head .icon{background-image:url(/wp-content/uploads/2026/05/advantage-icon-4.svg)}
.advantage-card.is-title-active .head h3,.advantage-card.is-icon-playing .head h3{color:#004F94}
.advantage-card.animate-in.is-icon-playing{transform:translateX(0) translateY(-10px)}
.advantage-card.animate-in:hover{transform:translateX(0) translateY(-10px)}
.advantage-card.animate-in:hover .head h3{color:#004F94}
.advantage-card.animate-in:hover .head .icon{animation:shakeXDelay 1.2s ease-out infinite}
@media (max-width: 1240px) {
.advantage-card{padding:40px 24px}
.advantage-card .head .icon{margin-bottom:24px;background-size:contain}
}
@media (max-width: 960px) {
.advantage-wrap{background-size:50.2vw auto}
.advantage-box{grid-template-columns:1fr 1fr;grid-row-gap:24px}
.advantage-card{padding:40px 32px}
}
@media (max-width: 767px) {
.advantage-wrap{background-size:75.2vw auto;background-position:left 0 top 29vw!important}
.advantage-box{padding:0 16px;grid-template-columns:1fr;grid-row-gap:32px}
.advantage-card .head .icon{width:75px;height:75px}
.advantage-card .head .advantage-lottie{width:56px;height:56px}
.advantage-card .head h3{margin-bottom:10px!important}
.advantage-card{padding:32px}
.advantage-card p{font-weight:500!important}
}
.service-head{display:flex;margin-bottom:-32px}
.service-head .com-title{margin-left:16px;flex:1;margin-top:2.9vw}
.service-head .photo{flex-shrink:0;width:954px;text-align:right;position:relative}
.service-head .photo::before{content:"";position:absolute;top:-20px;left:-20px;width:150px;height:150px;border-top:8px solid #004F94;border-left:8px solid #004F94;border-bottom:8px solid #EEAC05;z-index:-1}
@media (max-width: 767px) {
.service-head .photo::before{top:-10px;left:-10px;width:75px;height:75px;border-top:4px solid #004F94;border-left:4px solid #004F94;border-bottom:4px solid #EEAC05}
}
@media (max-width: 380px) {
.service-head .photo::before{left:-8px;top:-8px}
}
.service-head .photo img{-o-object-fit:cover;object-fit:cover;margin-bottom:0!important}
.services-box{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-radius:24px;overflow:hidden;background-color:transparent;border:1px solid transparent;box-shadow:none;transition:background-color .5s ease,border-color .5s ease,box-shadow .5s ease}
.services-box.is-style-ready{background-color:#E6EDF4;border-color:#E6EDF4;box-shadow:0 8px 32px #1b314714}
.services-box .services-card{position:relative;background-color:#FFF;padding:32px;display:flex;flex-direction:column;height:100%;cursor:pointer;transition:all .4s cubic-bezier(0.25,1,0.5,1);overflow:hidden}
.services-box .services-card a{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px;z-index:10}
.services-box .services-card::before,.services-box .services-card::after{content:"";position:absolute;width:18px;height:18px;opacity:0;transition:all .4s cubic-bezier(0.25,1,0.5,1);z-index:2}
.services-box .services-card::before{top:16px;left:16px;border-top:2px solid #B0C4DE;border-left:2px solid #B0C4DE;transform:translate(-8px,-8px)}
.services-box .services-card::after{top:16px;right:16px;border-top:2px solid #B0C4DE;border-right:2px solid #B0C4DE;transform:translate(8px,-8px)}
.services-box .services-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;font-size:clamp(0.5625rem,0.52rem + 0.19vw,0.6875rem)!important;font-weight:700!important;line-height:1!important;letter-spacing:.12em!important}
@media (max-width: 767px) {
.services-box .services-card__header{font-weight:900!important}
}
.services-box .services-card__header{color:#9096A0;font-family:"Orbitron",sans-serif!important;position:relative;z-index:2}
.services-box .services-card__header .services-card__status{display:flex;align-items:center;gap:8px;transition:color .3s ease}
.services-box .services-card__header .services-card__status::before{content:"";width:7px;height:7px;background-color:#9096A0;border-radius:50%;transition:background-color .3s ease}
.services-box .services-card__content{flex-grow:1;display:flex;flex-direction:column;position:relative}
.services-box .services-card__content::before{content:"";position:absolute;top:-32px;left:-32px;right:-32px;height:40%;background:linear-gradient(to bottom,transparent,#b0c4de1a,transparent);transform:translateY(-100%);opacity:0;pointer-events:none;z-index:0}
.services-box .services-card__content .services-photo,.services-box .services-card__content h3,.services-box .services-card__content p{position:relative;z-index:1}
.services-box .services-card__content .services-photo{height:80px;margin-bottom:32px;display:flex;align-items:center;justify-content:center}
.services-box .services-card__content .services-photo img{max-height:100%;width:auto;transition:transform .5s cubic-bezier(0.25,1,0.5,1)}
.services-box .services-card__content h3{font-size:clamp(1.25rem,1.16rem + 0.38vw,1.5rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.05em!important;color:#1B3147;text-align:center;margin-bottom:20px;transition:color .3s ease}
.services-box .services-card__content p{font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.05em!important;color:#495562;text-align:center;margin-bottom:24px;flex-grow:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;height:75px}
.services-box .services-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #F5F7FA;position:relative;z-index:2;font-family:"Orbitron",sans-serif!important;color:#9096A0}
.services-box .services-card__footer::before,.services-box .services-card__footer::after{content:"";position:absolute;width:18px;height:18px;bottom:-16px;opacity:0;transition:all .4s cubic-bezier(0.25,1,0.5,1)}
.services-box .services-card__footer::before{left:-16px;border-bottom:2px solid #B0C4DE;border-left:2px solid #B0C4DE;transform:translate(-8px,8px)}
.services-box .services-card__footer::after{right:-16px;border-bottom:2px solid #B0C4DE;border-right:2px solid #B0C4DE;transform:translate(8px,8px)}
.services-box .services-card__footer .services-card__subtext{font-size:clamp(0.5625rem,0.54rem + 0.09vw,0.625rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.05em!important}
@media (max-width: 767px) {
.services-box .services-card__footer .services-card__subtext{font-weight:900!important}
}
.services-box .services-card__footer .services-card__subtext{opacity:0;transition:opacity .4s ease}
.services-box .services-card__footer .services-card__more{font-size:clamp(0.5rem,0.41rem + 0.38vw,0.75rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.12em!important;display:flex;align-items:center;gap:6px;font-family:"Orbitron",sans-serif!important;color:#9096A0;text-transform:uppercase}
@media (max-width: 767px) {
.services-box .services-card__footer .services-card__more{gap:4px}
}
.services-box .services-card__footer .services-card__more::after{content:"";background:url(/wp-content/uploads/2026/05/icon_arrow-right.svg) no-repeat left center;display:inline-block;width:9px;height:10px}
@media (max-width: 767px) {
.services-box .services-card__footer .services-card__more::after{background-size:8px auto}
}
.services-box .services-card__footer .services-card__more{transition:color .3s ease;display:flex;align-items:center}
.services-box .services-card:hover{box-shadow:0 12px 40px #004f9414;border-color:#004f944d}
.services-box .services-card:hover::before,.services-box .services-card:hover::after,.services-box .services-card:hover .services-card__footer::before,.services-box .services-card:hover .services-card__footer::after{opacity:.3;border-color:#004F94;transform:translate(0,0)}
.services-box .services-card:hover .services-card__content::before{opacity:1;animation:scan-v 1.5s linear .2s forwards}
.services-box .services-card:hover .services-card__content h3{color:#004F94}
.services-box .services-card:hover .services-card__content .services-photo img{transform:scale(1.1)}
.services-box .services-card:hover .services-card__header{color:#004F94}
.services-box .services-card:hover .services-card__header .services-card__status{color:#EF4444}
.services-box .services-card:hover .services-card__header .services-card__status::before{background-color:#EF4444;animation:blink-smooth 1.5s ease-in-out infinite}
.services-box .services-card:hover .services-card__footer .services-card__subtext{opacity:.6}
.services-box .services-card:hover .services-card__footer .services-card__more{color:#004F94}
.services-box .services-card:hover .services-card__footer .services-card__more::after{background:url(/wp-content/uploads/2026/05/icon_arrow-right-hover.svg) no-repeat center center}
@media (max-width: 1480px) {
.service-head .photo{width:60vw}
}
@media (max-width: 960px) {
.service-head{flex-direction:column-reverse;align-items:flex-start;margin-bottom:40px}
.service-head .com-title{order:2}
.service-head .photo{order:1;width:100%;max-width:100%}
.services-box{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 767px) {
.services-box{grid-template-columns:1fr;gap:16px;background-color:transparent;border:none;box-shadow:none}
.services-box .services-card{padding:16px;border-radius:16px;border:1px solid #E6EDF4}
.services-box .services-card__header{margin-bottom:16px;opacity:.3}
.services-box .services-card__content{display:grid;grid-template-columns:70px 1fr;grid-template-areas:"photo title" "photo desc";-moz-column-gap:16px;column-gap:16px;row-gap:4px;align-items:center;padding:0 8px}
.services-box .services-card__content .services-photo{grid-area:photo;height:60px;width:60px;margin-bottom:0}
.services-box .services-card__content .services-photo img{max-height:100%}
.services-box .services-card__content h3{grid-area:title;text-align:left;margin-bottom:0;align-self:center}
.services-box .services-card__content p{grid-area:desc;text-align:left;margin-bottom:0;height:45px;-webkit-line-clamp:2}
.services-box .services-card__footer{margin-top:20px;border-top:1px solid #E6EDF4}
.services-box .services-card__footer .services-card__subtext{opacity:.5}
.services-box .services-card__footer::before,.services-box .services-card__footer::after{display:none}
.services-box .services-card::before,.services-box .services-card::after{display:none}
}
@media (max-width: 380px) {
.services-card__content{grid-template-columns:64px 1fr;-moz-column-gap:12px;column-gap:12px}
.services-card__content .services-photo{height:64px;width:64px}
}
.cta-wrap{padding-bottom:100px!important}
.cta-photo{padding-right:5%;padding-left:24px;position:relative}
.cta-photo img{border-radius:0 32px 32px 32px}
.cta-photo .image_frame,.cta-photo .image_wrapper{overflow:visible!important}
.cta-photo .image_wrapper::before{content:"";position:absolute;top:-20px;left:-20px;width:150px;height:150px;border-top:8px solid #004F94;border-left:8px solid #004F94;border-bottom:8px solid #EEAC05;z-index:-1}
@media (max-width: 767px) {
.cta-photo .image_wrapper::before{top:-10px;left:-10px;width:75px;height:75px;border-top:4px solid #004F94;border-left:4px solid #004F94;border-bottom:4px solid #EEAC05}
}
@media (max-width: 380px) {
.cta-photo .image_wrapper::before{left:-8px;top:-8px}
}
.cta-box{position:relative;width:88%;margin-left:auto;margin-top:1.6vw}
.cta-box .button-share{margin-top:4vw}
.cta-box .button-share ul{gap:36px}
.cta-desc{position:relative}
.cta-desc .overline{font-size:22px;letter-spacing:.2em!important;font-weight:600;color:#004F94;margin-bottom:16px;margin-left:4px;font-family:"Orbitron",sans-serif!important;font-style:normal;display:flex;align-items:center}
.cta-desc .overline::after{content:"";width:80px;height:2px;background-color:#B0C4DE;margin-left:4px}
.cta-desc .overline .dot-wrap{position:relative;width:12px;height:12px;margin-right:16px;display:flex;align-items:center;justify-content:center}
.cta-desc .overline .dot-wrap::before,.cta-desc .overline .dot-wrap::after{content:"";position:absolute;border-radius:50%}
.cta-desc .overline .dot-wrap::before{width:10px;height:10px;background-color:#EF4444;box-shadow:0 0 12px #EF4444;z-index:2;animation:blink-smooth 1.5s ease-in-out infinite}
.cta-desc .overline .dot-wrap::after{width:100%;height:100%;background-color:#EF4444;z-index:1;animation:ping-slow 1.5s cubic-bezier(0,0,0.2,1) infinite}
.cta-desc h2{font-size:clamp(2.5rem,2.24rem + 1.29vw,4rem)!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.05em!important;color:#0F1826;margin-bottom:3.75vw;display:grid;gap:16px 0;justify-content:start}
.cta-desc h2 i{font-size:clamp(2.5rem,2.24rem + 1.37vw,4.25rem)!important;font-weight:800!important;position:relative;font-style:normal;color:#004F94;margin-bottom:16px}
.cta-desc h2 i::before,.cta-desc h2 i::after{content:"";position:absolute;width:20px;height:125%;top:-8px;background-repeat:no-repeat}
.cta-desc h2 i::before{left:-20px;background-position:left top,left bottom;background-image:url(/wp-content/uploads/2026/05/corner-line-1.svg),url(/wp-content/uploads/2026/05/corner-line-3.svg)}
.cta-desc h2 i::after{right:-10px;background-position:right top,right bottom;background-image:url(/wp-content/uploads/2026/05/corner-line-2.svg),url(/wp-content/uploads/2026/05/corner-line-4.svg)}
.excellent-box{z-index:5;position:relative;width:85%}
.excellent-box ul{list-style:none!important;margin:0!important;position:relative;display:flex;justify-content:space-around;border-bottom:1px solid #E6EDF4;padding-bottom:1.66vw}
.excellent-box ul li{position:relative;margin-bottom:0!important;text-align:left;flex:1;padding-bottom:4px}
.excellent-box ul li:nth-child(1)::after{right:3%!important}
.excellent-box ul li:nth-child(1) .number::after{content:"年";font-size:clamp(1.75rem,1.38rem + 1.67vw,3rem)!important;margin-left:5px}
.excellent-box ul li:not(:last-child)::after{content:"";position:absolute;display:inline-block;top:0;right:-12%;height:100%;width:1px;border-right:1px solid #E6EDF4}
.excellent-box ul li:nth-child(1) .counter{justify-content:start}
.excellent-box ul li:nth-child(2) .counter{justify-content:end}
.excellent-box ul li:nth-child(3) .counter{justify-content:end}
.excellent-box ul li .counter{position:relative;padding:0!important;display:grid}
.excellent-box ul li .counter .number-wrapper{text-align:left!important;margin-bottom:1.2vw}
.excellent-box ul li .counter .number{color:#495562;font-size:clamp(2.25rem,1.88rem + 1.67vw,3.5rem)!important;font-weight:700;letter-spacing:.02em}
.excellent-box ul li .counter .label{color:#495562;font-family:"Orbitron",sans-serif!important;position:relative;font-weight:700;font-size:48px!important;margin-left:8px}
.excellent-box ul li .counter .title{color:#495562;font-size:20px!important;font-weight:500!important;line-height:1.8!important;letter-spacing:.12em!important;text-align:left}
@media (max-width: 1480px) {
.excellent-box{width:92%}
.cta-photo{padding-right:3%}
}
@media (max-width: 1240px) {
.cta-box{width:90%}
.excellent-box{width:98%}
}
@media (max-width: 960px) {
.cta-wrap{padding-bottom:40px!important}
.cta-wrap .column{width:100%!important}
.cta-photo{padding-right:1%}
.cta-box{width:94%}
.cta-title i.overline::after{width:120px}
.cta-desc h2{margin-bottom:36px}
.cta-desc h2 i::before,.cta-desc h2 i::after{display:none}
.cta-box .button-share{margin-top:48px;width:95%;padding-bottom:24px}
.excellent-box{width:95%}
.excellent-box ul li:not(:last-child)::after{right:-21%}
}
@media (max-width: 767px) {
.cta-box{width:100%;margin:30px auto 0}
.cta-photo{padding-left:2%;padding-right:2.5%}
.cta-photo .image_wrapper::before{width:90px;height:90px}
.cta-photo img{border-radius:0 24px 24px 24px}
.cta-box .button-share ul{gap:16px}
.cta-desc{padding:0 1% 0 2.5%}
.cta-desc h2{font-weight:800!important;gap:8px 0}
.excellent-box{width:99%}
.excellent-box ul li .counter .label{font-size:30px!important;margin-left:4px}
.excellent-box ul li:not(:last-child)::after{right:-12%}
.excellent-box ul li .counter .title{font-size:16px!important}
.cta-box .button-share{width:100%}
.cta-desc i.overline{font-size:18px}
}
@media (max-width: 380px) {
.cta-box{width:99%}
.cta-photo .image_wrapper::before{left:-10px;top:-10px}
.cta-desc{padding:0 1% 0 1.5%}
.cta-desc h2{font-size:40px!important}
.cta-desc h2 i{font-size:40px!important}
}
.about-wrap{padding-bottom:0!important}
.about-wrap .section_wrapper{padding-top:10.5vw}
.about-wrap .hus-marquee{top:-16.5vw}
.about-head{display:grid;grid-template-columns:1fr 2fr;margin-bottom:120px}
.about-head .desc{padding:56px 8% 0;border-left:1px solid #b0c4decc}
.about-head .desc h3{font-size:clamp(1.25rem,0.98rem + 1.13vw,2rem)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.1em!important;color:#004F94;margin-bottom:32px}
.about-head .desc{font-size:clamp(0.875rem,0.79rem + 0.38vw,1.125rem)!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.05em!important;color:#495562}
.about-card{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:120px;position:relative}
.about-card a{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px;z-index:10}
.about-card .about-photo{position:relative;z-index:1;margin-right:-88px}
.about-card .about-photo img{width:100%;display:block;transition:transform .5s cubic-bezier(0.25,1,0.5,1)}
.about-card .about-photo::before{content:"";position:absolute;top:-20px;left:-20px;width:150px;height:150px;border-top:8px solid #004F94;border-left:8px solid #004F94;border-bottom:8px solid #EEAC05;z-index:-1}
@media (max-width: 767px) {
.about-card .about-photo::before{top:-10px;left:-10px;width:75px;height:75px;border-top:4px solid #004F94;border-left:4px solid #004F94;border-bottom:4px solid #EEAC05}
}
@media (max-width: 380px) {
.about-card .about-photo::before{left:-8px;top:-8px}
}
.about-card .about-photo.second::before{top:auto;bottom:-20px}
.about-card .about-desc{background-color:#ffffffd9;padding:64px 8%;box-shadow:0 8px 32px #1b314714;position:relative;z-index:2;border-radius:24px;margin-top:80px;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);transition:all .4s cubic-bezier(0.25,1,0.5,1);overflow:hidden;background-image:linear-gradient(to bottom,transparent,#b0c4de1a,transparent);background-size:100% 20%;background-repeat:no-repeat;background-position:0 -150%}
.about-card .about-desc .desc-icon{margin-bottom:20px;width:40px}
.about-card .about-desc h3{font-size:clamp(1.25rem,0.98rem + 1.13vw,2rem)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.1em!important;color:#004F94;margin-bottom:24px!important;transition:color .3s ease;display:flex;align-items:center;gap:4px}
.about-card .about-desc h3 lottie-player{width:65px!important;height:72px!important;flex:0 0 72px}
.about-card .about-desc p{font-size:clamp(0.875rem,0.79rem + 0.38vw,1.125rem)!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.05em!important;color:#495562;margin-bottom:32px}
.about-card .about-desc .desc-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E6EDF4;padding-top:24px;position:relative}
.about-card .about-desc .desc-footer .detail{font-size:clamp(0.5625rem,0.54rem + 0.09vw,0.625rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.05em!important}
@media (max-width: 767px) {
.about-card .about-desc .desc-footer .detail{font-weight:900!important}
}
.about-card .about-desc .desc-footer .detail{color:#9096A0;font-family:"Orbitron",sans-serif!important;opacity:0;transition:opacity .4s ease}
.about-card .about-desc .desc-footer .more-btn{font-size:clamp(0.5rem,0.41rem + 0.38vw,0.75rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.12em!important;display:flex;align-items:center;gap:6px;font-family:"Orbitron",sans-serif!important;color:#9096A0;text-transform:uppercase}
@media (max-width: 767px) {
.about-card .about-desc .desc-footer .more-btn{gap:4px}
}
.about-card .about-desc .desc-footer .more-btn::after{content:"";background:url(/wp-content/uploads/2026/05/icon_arrow-right.svg) no-repeat left center;display:inline-block;width:9px;height:10px}
@media (max-width: 767px) {
.about-card .about-desc .desc-footer .more-btn::after{background-size:8px auto}
}
.about-card .about-desc .desc-footer .more-btn{transition:color .3s ease}
.about-card .about-desc::before,.about-card .about-desc::after{content:"";position:absolute;width:18px;height:18px;opacity:0;transition:all .4s cubic-bezier(0.25,1,0.5,1)}
.about-card .about-desc::before{top:16px;left:16px;border-top:2px solid #B0C4DE;border-left:2px solid #B0C4DE;transform:translate(-8px,-8px)}
.about-card .about-desc::after{top:16px;right:16px;border-top:2px solid #B0C4DE;border-right:2px solid #B0C4DE;transform:translate(8px,-8px)}
.about-card .about-desc .desc-footer::before,.about-card .about-desc .desc-footer::after{content:"";position:absolute;width:18px;height:18px;bottom:-50px;opacity:0;transition:all .4s cubic-bezier(0.25,1,0.5,1)}
.about-card .about-desc .desc-footer::before{left:-58px;border-bottom:2px solid #B0C4DE;border-left:2px solid #B0C4DE;transform:translate(-8px,8px)}
.about-card .about-desc .desc-footer::after{right:-58px;border-bottom:2px solid #B0C4DE;border-right:2px solid #B0C4DE;transform:translate(8px,8px)}
.about-card:hover .about-desc{transform:translateY(-4px);box-shadow:0 12px 40px #004f9414;animation:bg-scan-v 1.5s linear .2s forwards}
.about-card:hover .about-desc::before,.about-card:hover .about-desc::after,.about-card:hover .about-desc .desc-footer::before,.about-card:hover .about-desc .desc-footer::after{opacity:.3;border-color:#004F94;transform:translate(0,0)}
.about-card:hover .about-desc .desc-footer .detail{opacity:.6}
.about-card:hover .about-desc .desc-footer .more-btn{color:#004F94}
.about-card:hover .about-desc .desc-footer .more-btn::after{background:url(/wp-content/uploads/2026/05/icon_arrow-right-hover.svg) no-repeat center center}
.about-card .about-desc .desc-footer::before{left:-48px}
.about-card .about-desc .desc-footer::after{right:-48px}
@media (max-width: 960px) {
.about-head{grid-template-columns:1fr;align-items:flex-start}
.about-head .desc{padding:0;text-align:center;border-left:0}
.about-head .desc p{text-align:left!important}
.about-card{grid-template-columns:1fr}
.about-card .about-photo{margin-right:88px;margin-bottom:-40px}
.about-card .about-photo img{border-radius:0 16px 16px 16px}
.about-card .about-photo.second img{border-radius:16px 16px 16px 0}
.about-card .about-desc{margin-left:8%;margin-top:0!important;padding:48px 8%}
.about-card .about-desc h3{margin-bottom:24px!important}
.about-card .about-desc .desc-footer::before{left:-42px}
.about-card .about-desc .desc-footer::after{right:-42px}
.about-card .about-desc .desc-footer::before,.about-card .about-desc .desc-footer::after{bottom:-32px}
.about-card .about-desc .desc-footer .detail{opacity:.5}
}
@media (max-width: 767px) {
.about-wrap .section_wrapper{padding-top:20.5vw}
.about-wrap .hus-marquee{top:-36.5vw}
.about-card{margin-bottom:50px}
.about-card .about-head{margin-bottom:64px}
.about-card .about-head .desc{padding-left:1.5%}
.about-card .about-photo{margin-bottom:-20px;margin-right:72px}
.about-card .about-photo.second::before{bottom:-10px}
.about-card .about-desc{padding:16px 24px 24px!important;border-radius:16px;background-color:#ffffffbf;backdrop-filter:blur(4px) saturate(140%);-webkit-backdrop-filter:blur(4px) saturate(140%)}
.about-card .about-desc::before,.about-card .about-desc::after{display:none}
.about-card .about-desc .desc-footer::before,.about-card .about-desc .desc-footer::after{display:none}
.about-card .about-desc h3{margin-bottom:8px!important}
.about-card .about-desc p{margin-bottom:24px}
.about-card .about-desc::before,.about-card .about-desc::after{display:none}
.about-card .about-desc .desc-footer::before,.about-card .about-desc .desc-footer::after{display:none}
.about-card .about-desc h3 lottie-player{width:65px!important;height:62px!important;flex:0 0 60px}
}
@media (max-width: 380px) {
.about-photo.second::before{bottom:-8px}
}
.step-wrap{position:relative}
.step-box{position:relative;z-index:2}
.step-box ul{display:flex;align-items:flex-start;justify-content:center;gap:48px;counter-reset:step-counter;list-style:none!important;padding:0!important;margin:0!important}
.step-box ul li{position:relative;flex:1;text-align:center;counter-increment:step-counter}
.step-box ul li:nth-child(1),.step-box ul li:nth-child(5){margin-top:100px}
.step-box ul li:nth-child(2),.step-box ul li:nth-child(4){margin-top:50px}
.step-box ul li:nth-child(3){margin-top:0}
.step-box ul .step-photo{position:relative;display:inline-block;margin-bottom:35px;width:100%}
.step-box ul .step-photo img{width:100%;max-width:210px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:24px}
.step-box ul .step-photo::before{content:"0" counter(step-counter);position:absolute;width:42px;height:42px;background-color:#004F94;color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;left:-10px;top:-10px;font-family:"Orbitron",sans-serif!important;font-size:clamp(1rem,0.95rem + 0.19vw,1.125rem)!important;font-weight:700}
.step-box ul li:not(:last-child) .step-photo::after{content:"";position:absolute;bottom:50%;right:-34px;transform:translateY(-50%);width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.7;background-image:url(/wp-content/uploads/2026/05/Icon-arrow.svg)}
.step-box ul li:nth-child(3) .step-photo::after{bottom:28%}
.step-box ul li:nth-child(4) .step-photo::after{bottom:28%}
.step-box .step-desc{padding:0 16px}
.step-box .step-desc h3{font-size:clamp(1.25rem,1.16rem + 0.38vw,1.5rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.05em!important;color:#1B3147;margin-bottom:24px!important}
.step-box .step-desc h3::after{content:"";display:block;width:100px;height:2px;background-color:#EEAC05;margin:6px auto 0}
.step-box .step-desc p{font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.05em!important;color:#495562;margin-bottom:0!important}
.step-box ul li{transition:transform .35s ease}
.step-box ul li:hover{transform:translateY(-6px)}
.step-box ul li:hover .step-photo img{transform:scale(1.04);box-shadow:0 3px 8px #004f9433}
.step-box ul li:hover .step-photo::before{transform:translateY(-4px) scale(1.08)}
.step-box ul li:hover .step-photo::after{transform:translate(6px,-50%);opacity:1}
.step-box ul li:hover .step-desc h3{color:#004F94}
.step-box ul li:hover .step-desc h3::after{width:130px}
.step-box ul .step-photo img{transition:transform .4s ease,box-shadow .4s ease}
.step-box ul .step-photo::before{transition:transform .35s ease,box-shadow .35s ease}
.step-box ul .step-photo::after{transition:transform .35s ease,opacity .35s ease}
.step-box .step-desc h3{transition:color .3s ease}
.step-box .step-desc h3::after{transition:width .35s ease}
@media (max-width: 960px) {
.step-box ul{flex-direction:column;align-items:center;gap:60px}
.step-box ul li{width:100%;max-width:268px;margin-top:0!important;margin-bottom:0!important}
.step-box ul .step-photo{margin-bottom:24px}
.step-box ul .step-photo img{max-width:268px!important}
.step-box .step-desc{padding:0}
.step-box ul .step-photo::before{left:-16px;top:-16px}
.step-box ul li:not(:last-child) .step-photo::after{display:none}
}
@media (max-width: 767px) {
.step-box ul .step-photo::before{width:36px;height:36px;font-size:16px}
.step-box{padding:0 20px}
.step-box ul{gap:50px}
.step-box ul li{max-width:200px}
.step-box ul .step-photo img{max-width:200px!important}
.step-box .step-desc h3{margin-bottom:16px!important}
}
.location-wrap{background-repeat:no-repeat!important;background-position:left top!important;background-image:url(/wp-content/uploads/2026/05/location-bg.jpg)!important;background-size:29.2vw auto}
.location-wrap .com-title-center{margin-bottom:32px!important;position:relative}
.location-wrap .com-title-center .com-button{position:absolute;right:0;bottom:0}
.location-filter{position:relative;margin-bottom:48px;border-top:1px solid #E6EDF4;padding-top:56px}
.filter-toggle{display:none;width:100%;min-height:52px;padding:0 18px;border:1px solid #d9dee7;border-radius:999px;background:#fff;color:#1c2430;font-size:16px;font-weight:600;line-height:1;align-items:center;justify-content:space-between;cursor:pointer}
.filter-toggle-text{display:inline-block;letter-spacing:.05em}
.filter-options{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.filter-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#fff!important;color:#495562;padding:12px 24px;border-radius:999px;font-size:clamp(1rem,0.91rem + 0.38vw,1.25rem)!important;font-weight:700!important;line-height:1!important;letter-spacing:.05em!important;cursor:pointer;transition:all .25s ease;box-shadow:0 0 0 1px #edf1f5 inset}
.filter-option:hover{color:#004F94;box-shadow:0 0 0 1px #cfd8e3 inset}
.filter-option.is-active{background:#004F94!important;color:#fff;box-shadow:none}
.location-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.location-card{min-height:96px;padding:20px;border-radius:24px;background:#fff;border:1px solid #E6EDF4;display:flex;align-items:start;justify-content:space-between;gap:18px;transition:.3s ease-in-out!important}
.location-card:hover{transform:translateY(-4px)}
.location-info{position:relative;padding-left:16px;min-width:0}
.location-info::before{content:"";position:absolute;left:0;top:16px;width:5px;height:15px;border-radius:99px;background:#0b56a8}
.location-en{display:block;margin-bottom:4px;font-size:8px;line-height:1;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase;color:#004F94;font-family:"Orbitron",sans-serif!important}
.location-info h3{margin:0 0 6px;color:#1b2638;font-size:16px!important;font-weight:500;letter-spacing:.05em;line-height:1.5}
.location-info p{margin:0;font-size:13px;line-height:1.3;font-weight:500;color:#9096A0}
.location-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-top:4px}
.location-icon{width:36px;height:36px;border-radius:50%;background:#F5F7FA;border:1px solid #F5F7FA;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .25s ease;font-size:0;line-height:0;overflow:hidden;transition:.3s ease-in-out!important}
.location-icon::before{content:"";display:inline-block;width:100%;height:100%;flex-shrink:0}
.location-icon:hover{background:#004F94;color:#fff;border-color:#004F94;transform:scale(1.2)}
.location-icon.phone::before{background:url(/wp-content/uploads/2026/05/locaation-icon-phone.svg) no-repeat center center}
.location-icon.phone:hover::before{background:url(/wp-content/uploads/2026/05/locaation-icon-phone-hover.svg) no-repeat center center}
.location-icon.map::before{background:url(/wp-content/uploads/2026/05/locaation-icon-add.svg) no-repeat center center}
.location-icon.map:hover::before{background:url(/wp-content/uploads/2026/05/locaation-icon-add-hover.svg) no-repeat center center}
@media (max-width: 1240px) {
.location-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
}
@media (max-width: 960px) {
.location-wrap{overflow:visible!important;z-index:50!important}
.location-wrap .com-button-box{text-align:center;margin-top:40px}
.location-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 767px) {
.location-filter{width:100%;z-index:80}
.location-filter.is-fixed{position:fixed;top:70px;left:0;right:0;padding:16px 4%;background:#F3F4F7}
.location-filter.is-bottom{position:absolute;left:0;right:0;bottom:0;padding:16px 8%;background:#F3F4F7}
.location-filter-placeholder{display:none}
.location-filter-placeholder.is-active{display:block}
.location-wrap{background-position:left -24px top!important;background-size:62.2vw auto;padding-top:160px;position:relative}
.location-wrap .com-title-center{margin-bottom:16px!important}
.location-filter{margin-bottom:28px;padding-top:32px}
.filter-toggle-arrow{display:inline-block;position:relative;position:absolute;right:32px;width:20px;height:20px;color:#004F94}
.filter-toggle-arrow::before{font-family:"mfn-icons";color:#fff;display:block;content:"\e869"!important;font-family:mfn-icons;font-size:24px!important}
.filter-toggle{display:flex;width:100%;padding:12px;border:1px solid #d9dee7;border-radius:8px;background:#004F94!important;color:#fff!important;justify-content:center}
.filter-options{position:absolute;top:84px;left:4%;width:92%;z-index:20;display:flex;flex-direction:column;justify-content:flex-start;gap:0!important;border:1px solid #E6EDF4;border-radius:3px 3px 16px 16px!important;background:#fff;opacity:0;visibility:visible;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
.location-filter.is-open .filter-options{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.filter-option{width:100%;min-width:100%;border-radius:0;padding:12px;text-align:center;box-shadow:none;border-bottom:1px solid #E6EDF4}
.filter-option:nth-child(1){border-radius:3px 3px 0 0}
.filter-option:last-child{border-radius:0 0 16px 16px}
.filter-option.is-active{background:#fff!important;color:#004F94!important}
.location-cards{grid-template-columns:1fr;gap:16px}
.location-card{min-height:auto;padding:20px 32px 20px 20px;border-radius:16px;opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}
.location-info::before{top:17px}
}
.contact-wrap{padding-top:15.5vw!important}
.contact-wrap .hus-marquee{top:-12.5vw}
.contact-box{display:flex;align-items:stretch;border-radius:24px;overflow:hidden;background-color:#FFF;box-shadow:0 8px 32px 0 #1b31470d!important}
.contact-photo{flex:0 0 clamp(360px,22.417vw,468px);position:relative;overflow:hidden}
.contact-photo::before{content:"";position:absolute;width:20px;height:400px;left:48px;bottom:32px;display:block;background:url(/wp-content/uploads/2026/05/contact-text.svg) no-repeat left bottom;z-index: 2;}
.contact-photo img{margin-bottom:0!important;position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;object-position:center center}
.contact-form-box{flex:1;padding:50px 50px 30px!important}
.gform_heading{display:none!important}
.gform-theme--api,.gform-theme--foundation{--gf-form-gap-y:16px!important}
#gform_wrapper_1.contact-form_wrapper{max-width:1000px;margin:0 auto;--primary-blue:#004F94;--dot-blue:#004F94;--input-bg:#F5F7FA;--submit-orange:#EEAC05;--text-gray:#9096A0}
.gform-theme--foundation .gform_fields{-moz-column-gap:24px!important;column-gap:24px!important}
#gform_wrapper_1 .gfield_label{display:flex!important;align-items:center!important;color:var(--primary-blue)!important;font-weight:700!important;font-size:16px!important;letter-spacing:.1em;margin-bottom:10px!important;position:relative}
#gform_wrapper_1 .gfield_label::before{content:"";display:inline-block;width:7px;height:7px;background-color:var(--dot-blue);outline:2.5px solid #DBE9FE;border-radius:50px;margin-left:12px;margin-right:4px}
#gform_wrapper_1 .gfield_required_asterisk{color:var(--submit-orange)!important;margin-left:-5px;font-size:16px;position:absolute;top:-5px}
#gform_wrapper_1 input[type=text],#gform_wrapper_1 input[type=tel],#gform_wrapper_1 input[type=email],#gform_wrapper_1 select,#gform_wrapper_1 textarea{background-color:var(--input-bg)!important;border-radius:8px!important;color:var(--text-gray)!important;width:100%!important;box-sizing:border-box!important;font-size:16px!important;font-weight:700;border:1px solid #E6EDF4;box-shadow:none!important;height:36px!important;padding:0 28px!important;line-height:36px!important;letter-spacing:.05em}
#gform_wrapper_1 select{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;padding-top:0!important;padding-bottom:0!important;display:block!important;background-position:center right 24px!important}
#gform_wrapper_1 textarea{min-height:42px!important;line-height:1.5!important;padding:8px 24px!important}
#gform_wrapper_1 .gform_footer{display:flex!important;justify-content:center!important;}
#gform_submit_button_1{background-color:var(--submit-orange)!important;color:#fff!important;border:none!important;padding:12px 42px!important;font-size:16px!important;font-weight:700!important;letter-spacing:.02em!important;border-radius:50px!important;cursor:pointer!important;transition:all .3s ease!important}
#gform_submit_button_1:hover{filter:brightness(1.1)!important;transform:scale(1.1)!important}
.gform_required_legend,.gform_validation_container{display:none!important}
@media (max-width: 767px) {
.gform-theme--foundation .gform_fields{row-gap:24px!important}
#gform_wrapper_1 input[type=text],#gform_wrapper_1 input[type=tel],#gform_wrapper_1 input[type=email],#gform_wrapper_1 select,#gform_wrapper_1 textarea{border-radius:4px!important;font-size:16px!important;height:36px!important;padding:0 24px!important;line-height:36px!important}
#gform_wrapper_1 .gfield_label::before{margin-left:8px}
#gform_wrapper_1 .gfield_label{font-size:16px!important}
#gform_wrapper_1 select{background-position:center right 24px!important}
}
@media (max-width: 960px) {
.contact-box{flex-direction:column;border-radius:0;background-color:transparent;box-shadow:none!important}
.contact-photo{flex:none;width:100%}
.contact-photo img{height:auto;-o-object-fit:initial;object-fit:initial;position:relative;}
.contact-photo::before{display:none}
.contact-form-box{padding:80px 0 0!important}
.contact-form_wrapper{border-radius:24px;background-color:#FFF;box-shadow:0 8px 32px 0 #1b31470d!important;padding:40px 24px}
}
@media (max-width: 767px) {
.contact-wrap{padding-top:25.5vw!important}
.contact-wrap .hus-marquee{top:-22.5vw}
.contact-form_wrapper{border-radius:16px;padding:24px 16px}
}
.faq-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;counter-reset:faq-counter}
.faq-card{background:linear-gradient(232deg,#ffffffe6 0%,#ffffffa3 33%,#fff6 52%,#fff3 100%);border-radius:24px;box-shadow:0 8px 32px #1b314714;padding:40px;counter-increment:faq-counter;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.faq-card::before{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .35s ease;z-index:0}
.faq-card:hover{box-shadow:0 12px 40px #1b31471f;transform:translateY(-4px)}
.faq-card:hover::before{opacity:1}
.faq-card > *{position:relative;z-index:1}
.faq-card .question{position:relative;margin-right:180px}
.faq-card .question::before{content:"Q" counter(faq-counter);position:absolute;left:0;top:50%;margin-top:-21px;width:42px;height:42px;border-radius:50%;background:#004F94;color:#FFF;display:flex;align-items:center;justify-content:center;font-size:clamp(0.75rem,0.61rem + 0.56vw,1.125rem)!important;font-weight:700;letter-spacing:.05em;font-family:"Orbitron",sans-serif!important}
.faq-card .question h3{padding-left:58px;margin:0;color:#1B3147;font-size:clamp(1.0625rem,0.95rem + 0.47vw,1.375rem)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.05em!important;min-height:46px;display:flex;align-items:center}
.faq-card .answer{display:block}
.faq-card .faq-content{display:grid;grid-template-columns:1fr 170px;-moz-column-gap:22px;column-gap:22px;margin-top:12px}
.faq-card .faq-content p{margin:0;color:#495562;font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.05em!important}
.faq-card .faq-content .faq-photo{width:170px;height:170px;border-radius:24px;overflow:hidden;margin-top:-66px}
.faq-card .faq-content .faq-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}
@media (max-width: 1480px) {
.faq-card .faq-content{grid-template-columns:1fr 160px}
.faq-card .faq-content .faq-photo{width:160px;height:160px}
}
@media (max-width: 1240px) {
.faq-card{padding:32px}
.faq-card .question{position:relative;margin-right:0}
.faq-card .faq-content{grid-template-columns:1fr 140px}
.faq-card .faq-content .faq-photo{width:140px;height:140px;margin-top:0}
.faq-card:hover{transform:translateY(0)}
}
@media (max-width: 960px) {
.faq-box{grid-template-columns:1fr}
.faq-card{padding:24px}
.faq-card .faq-content .faq-photo{margin-top:-56px}
}
@media (max-width: 767px) {
.faq-box{gap:16px}
.faq-card{padding:16px;border-radius:16px}
.faq-card .question{cursor:pointer}
.faq-card .question::before{width:30px;height:30px;margin-top:-15px}
.faq-card .question h3{padding-left:40px;padding-right:30px;position:relative;min-height:40px}
.faq-card .question h3::after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);background-image:url(/wp-content/uploads/2026/05/icon-open.svg);background-position:center center;background-repeat:no-repeat;width:16px;height:16px;transition:.3s}
.faq-card .question h3.active::after{content:"";width:16px;height:3px;display:inline-block;background-color:#B0C4DE;background-image:none;border-radius:50px}
.faq-card .answer{display:none;margin-top:0}
.faq-card .faq-content{grid-template-columns:1fr 80px;-moz-column-gap:16px;column-gap:16px;margin-top:10px}
.faq-card .faq-content p{font-size:14px!important;line-height:1.5!important;text-align:justify}
.faq-card .faq-content .faq-photo{width:80px;height:80px;border-radius:12px;margin-top:4px}
}
.news{position:relative}
.news .section_wrapper{padding-top:12.5vw}
.news .hus-marquee{top:-18.5vw}
.news .posts_group{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:24px;grid-row-gap:24px;margin:0 auto}
.news .post-item{position:relative;background-color:#FFF;padding:0;border:0;border-radius:24px;overflow:hidden;width:100%!important;margin:0!important;z-index:1;box-shadow:0 8px 32px 0 #1b31470d!important;transition:transform .3s ease}
.news .post-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px 0 #00000014}
.news .post-item .post-meta .author-date{float:none;font-family:"Orbitron",sans-serif!important;font-size:clamp(0.625rem,0.58rem + 0.19vw,0.75rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.05em!important;color:#B0C4DE;position:absolute;left:32px;bottom:31px}
.news .post-item .post-meta .author-date .icon-clock{display:none}
.news .image_frame{margin:0!important}
.news .image_frame .image_wrapper img{float:left}
.news .post-title{position:relative;margin-bottom:12px}
.news .post-title h3.entry-title{font-size:clamp(1.0625rem,0.95rem + 0.47vw,1.375rem)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.05em!important;-webkit-line-clamp:2;line-clamp:2;height:58px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;border-bottom:0!important}
.news .post-title h3.entry-title a{color:#1B3147}
.news .post-title h3.entry-title a:hover{color:#004F94}
.news .post-desc{padding:32px!important;position:relative}
.news .post-excerpt{font-size:clamp(0.875rem,0.83rem + 0.19vw,1rem)!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.05em!important;color:#495562;margin-bottom:0;-webkit-line-clamp:3;height:75px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.news .post-footer{padding:0!important;margin:24px 0 0}
.news .post-links{border:none!important}
.news .post-links a.post-more{font-size:clamp(0.5rem,0.41rem + 0.38vw,0.75rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.12em!important;display:flex;align-items:center;gap:6px;font-family:"Orbitron",sans-serif!important;color:#9096A0;text-transform:uppercase}
@media (max-width: 767px) {
.news .post-links a.post-more{gap:4px}
}
.news .post-links a.post-more::after{content:"";background:url(/wp-content/uploads/2026/05/icon_arrow-right.svg) no-repeat left center;display:inline-block;width:9px;height:10px}
@media (max-width: 767px) {
.news .post-links a.post-more::after{background-size:8px auto}
}
.news .post-links a.post-more:hover{color:#004F94!important;text-decoration:none!important}
.news .post-links a.post-more:hover:after{background:url(/wp-content/uploads/2026/05/icon_arrow-right-hover.svg) no-repeat center center}
.news .post-links i{display:none}
.news-tags{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 12px}
.news-tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background-color:#004F94;color:#fff;font-size:clamp(0.75rem,0.66rem + 0.38vw,1rem)!important;font-weight:400!important;line-height:1.5!important;letter-spacing:.05em!important}
.news .post-item::before,.news .post-item::after{content:"";position:absolute;width:18px;height:18px;bottom:-16px;opacity:0;transition:all .4s cubic-bezier(0.25,1,0.5,1);visibility:visible!important}
.news .post-item::before{left:-16px;border-bottom:2px solid #B0C4DE;border-left:2px solid #B0C4DE;transform:translate(-8px,8px)}
.news .post-item::after{right:-16px;border-bottom:2px solid #B0C4DE;border-right:2px solid #B0C4DE;transform:translate(8px,8px)}
.news .post-desc{transition:all .4s cubic-bezier(0.25,1,0.5,1);overflow:hidden;background-image:linear-gradient(to bottom,transparent,#b0c4de1a,transparent);background-size:100% 20%;background-repeat:no-repeat;background-position:0 -150%}
.news .post-desc::before,.news .post-desc::after{content:"";position:absolute;width:18px;height:18px;opacity:0;transition:all .4s cubic-bezier(0.25,1,0.5,1);z-index:2}
.news .post-desc::before{top:16px;left:16px;border-top:2px solid #B0C4DE;border-left:2px solid #B0C4DE;transform:translate(-8px,-8px)}
.news .post-desc::after{top:16px;right:16px;border-top:2px solid #B0C4DE;border-right:2px solid #B0C4DE;transform:translate(8px,-8px)}
.news .post-item:hover::before,.news .post-item:hover::after{opacity:.3;border-color:#004F94;transform:translate(0,0);bottom:16px}
.news .post-item:hover::before{left:16px}
.news .post-item:hover::after{right:16px}
.news .post-item:hover .post-desc{transform:translateY(-4px);animation:bg-scan-v 1.5s linear forwards}
.news .post-item:hover .post-desc::before,.news .post-item:hover .post-desc::after{opacity:.3;border-color:#004F94;transform:translate(0,0)}
.single #Content{padding-bottom:180px!important}
.post-related .desc{text-align:right!important}
.post-related .mcb-column-inner{background-color:#fff!important;padding-bottom:20px;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px 0 #1b31470d!important;transition:transform .3s ease}
.post-related .mcb-column-inner:hover{transform:translateY(-4px)}
.post-related .button{float:right!important;margin:0 4px 0 0 !important;background-color:#fff0!important;padding:0!important;border:0!important;border-radius:0!important;font-size:clamp(0.5rem,0.41rem + 0.38vw,0.75rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.12em!important;display:flex;align-items:center;gap:6px;font-family:"Orbitron",sans-serif!important;color:#9096A0;text-transform:uppercase}
@media (max-width: 767px) {
.post-related .button{gap:4px}
}
.post-related .button::after{content:"";background:url(/wp-content/uploads/2026/05/icon_arrow-right.svg) no-repeat left center;display:inline-block;width:9px;height:10px}
@media (max-width: 767px) {
.post-related .button::after{background-size:8px auto}
}
.post-related .button:hover{color:#004F94!important;text-decoration:none!important}
.post-related .button:hover:after{background:url(/wp-content/uploads/2026/05/icon_arrow-right-hover.svg) no-repeat center center}
.post-related .button_icon{display:none!important}
.post-related .button_label{margin:0!important}
.post-related .date_label{float:none;font-family:"Orbitron",sans-serif!important;font-size:clamp(0.625rem,0.58rem + 0.19vw,0.75rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.05em!important;color:#B0C4DE;position:absolute!important;left:24px!important;bottom:16px!important;top:auto!important}
.section-post-related .desc{padding:0 24px}
.section-post-related .desc h4{text-align:left!important;line-height:1.2!important;margin-bottom:24px!important;-webkit-line-clamp:2;line-clamp:2;height:58px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.section-post-related .desc h4 a{font-size:clamp(1.0625rem,0.95rem + 0.47vw,1.375rem)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.05em!important;color:#1B3147}
.section-post-related .desc h4 a:hover{color:#004F94;text-decoration:none!important}
.section-post-related .image_frame .image_wrapper .mask:after{background:#0000!important}
.section-post-related .image_frame .image_wrapper{overflow:hidden}
.section-post-related .image_frame .image_wrapper img{float:left;margin-bottom:-5px}
@media (max-width: 1480px) {
.section-post-related{padding:0 4%}
.post-related .date_label{bottom:14px!important}
}
@media (max-width: 1240px) {
.news .post-desc{padding:24px!important}
.news .post-title h3.entry-title{height:52px}
.news .post-item .post-meta .author-date{bottom:22px}
.section-post-related{padding:0}
}
@media (max-width: 960px) {
.news .posts_group{grid-template-columns:1fr 1fr}
.section-post-related .desc h4{height:48px}
}
@media (max-width: 767px) {
.news .section_wrapper{padding-top:20.5vw}
.news .hus-marquee{top:-36.5vw}
.news .posts_group{grid-template-columns:1fr;grid-row-gap:24px}
.news .post-item{border-radius:16px}
.news .post-desc{padding:16px!important}
.news .post-title h3.entry-title{height:45px}
.news .post-excerpt{display:none}
.news .post-item .post-meta .author-date{left:16px;bottom:13px}
.news .post-footer{margin:16px 0 0!important}
.news-tags{margin:-8px 0 10px}
.news-tag{padding:6px 10px}
.news .post-item::before,.news .post-item::after{display:none}
.news .post-desc::before,.news .post-desc::after{display:none}
.single #Content{padding-bottom:132px!important}
.post-related .mcb-column-inner{border-radius:16px}
}
/* .products-wrap{padding-bottom:180px!important} */
.products-wrap .mcb-column-inner{margin:0!important}
.products-wrap .portfolio-item{border:3px solid #fff;border-radius:24px;overflow:hidden;background:linear-gradient(232deg,#ffffffe6 0%,#ffffffa3 33%,#fff6 52%,#fff3 100%)!important;transition:.3s ease-in-out!important}
.products-wrap .portfolio-item .portfolio-item-fw-bg{position:relative}
.products-wrap .portfolio-item:hover{transform:translateY(-4px)}
.products-wrap .image_frame{overflow:visible!important}
.products-wrap .image_wrapper{overflow:visible!important;text-align:center}
.products-wrap .desc{padding:0 20px 20px!important}
.products-wrap .desc .title_wrapper{text-align:center}
.products-wrap .desc h3{font-size:clamp(0.875rem,0.69rem + 0.75vw,1.375rem)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.05em!important;padding:24px;text-align:left;position:relative;background-color:#fff;border-radius:24px;padding:24px;margin-bottom:0!important;overflow:hidden}
.products-wrap .desc h3::before{content:"";position:absolute;right:24px;top:50%;width:40px;height:40px;border-radius:50%;background-color:#004F94;transform:translateY(-50%) scale(0);transform-origin:center;transition:transform .45s ease;z-index:0}
.products-wrap .desc h3 a{color:#1B3147;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;height:55px;position:relative;padding-right:42px;z-index:1}
.products-wrap .desc h3 a:after{font-family:"mfn-icons";content:"\e917";color:#004F94;font-weight:700;font-size:24px;position:absolute;text-align:center;line-height:40px;width:40px;height:40px;display:inline-block;border:1px solid #E6EDF4;background-color:#E6EDF4;right:0;top:50%;margin-top:-20px;border-radius:50px;z-index:2}
.products-wrap ul li h3,.products-wrap ul li h3 a,.products-wrap ul li h3 a:after{transition:.3s ease-in-out!important}
.products-wrap ul li:hover h3::before{transform:translateY(-50%) scale(18)}
.products-wrap ul li:hover h3 a{color:#fff}
.products-wrap ul li:hover h3 a:after{background-color:#004F94;border:1px solid #E6EDF4;color:#E6EDF4}
.portfolio-tags{top:24px;left:24px;position:absolute;display:flex;flex-wrap:wrap;gap:8px}
.portfolio-tag{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;background-color:#004F94;color:#fff;font-size:clamp(0.5rem,0.39rem + 0.47vw,0.8125rem)!important;font-weight:700!important;line-height:1!important;letter-spacing:.05em!important;font-family:"Orbitron",sans-serif!important}
.single-portfolio .date_label{display:none!important}
.single-portfolio .section-related-ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.single-portfolio .post-related .image_frame{margin-bottom:0!important}
.post-related.portfolio{border:3px solid #fff;width:100%!important;border-radius:24px;overflow:hidden;background:linear-gradient(232deg,#ffffffe6 0%,#ffffffa3 33%,#fff6 52%,#fff3 100%)!important}
.post-related.portfolio .desc{padding:0 20px 20px!important}
.post-related.portfolio .desc .button{display:none!important}
.post-related.portfolio .desc h4{font-size:clamp(0.875rem,0.69rem + 0.75vw,1.375rem)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.05em!important;padding:24px;text-align:left;position:relative;background-color:#fff;border-radius:24px;padding:24px;margin-bottom:0!important;overflow:hidden}
.post-related.portfolio .desc h4::before{content:"";position:absolute;right:24px;top:50%;width:40px;height:40px;border-radius:50%;background-color:#004F94;transform:translateY(-50%) scale(0);transform-origin:center;transition:transform .45s ease;z-index:0}
.post-related.portfolio .desc h4 a{color:#1B3147;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;height:55px;position:relative;padding-right:42px;z-index:1}
.post-related.portfolio .desc h4 a:after{font-family:"mfn-icons";content:"\e917";color:#004F94;font-weight:700;font-size:24px;position:absolute;text-align:center;line-height:40px;width:40px;height:40px;display:inline-block;border:1px solid #E6EDF4;background-color:#E6EDF4;right:0;top:50%;margin-top:-20px;border-radius:50px;z-index:2}
.post-related.portfolio h4,.post-related.portfolio h4 a,.post-related.portfolio h4 a:after{transition:.3s ease-in-out!important}
.post-related.portfolio:hover h4::before{transform:translateY(-50%) scale(20)}
.post-related.portfolio:hover h4 a{color:#fff}
.post-related.portfolio:hover h4 a:after{background-color:#004F94;border:1px solid #E6EDF4;color:#E6EDF4}
@media (max-width: 1480px) {
.products-box .desc,.post-related.portfolio .desc{padding:0 16px 16px!important}
.products-box .desc h3,.post-related.portfolio .desc h4{padding:16px}
}
@media (max-width: 960px) {
.section.products-wrap > .section_wrapper{max-width:95%!important}
.products-box .portfolio-item{width:46%!important;clear:none!important;float:left!important;margin:0 2% 24px!important}
.products-box .desc h3,.post-related.portfolio .desc h4{border-radius:16px}
.products-box .desc h3 a,.post-related.portfolio .desc h4 a{height:50px}
.post-related.portfolio .desc h4 a{padding-right:0}
.post-related.portfolio .desc h4 a:after{display:none}
}
@media (max-width: 767px) {
.products-wrap{padding-bottom:120px!important}
.section.products-wrap > .section_wrapper{max-width:100%!important;padding-left:6px!important;padding-right:6px!important}
.products-box .portfolio-item{margin:0 2% 24px!important;border-radius:16px}
.products-box .image_wrapper{padding-top:24px}
.products-box .desc{padding:0 12px 12px!important}
.products-box .desc h3{padding:12px}
.products-box .desc h3 a{height:38px;padding:0}
.products-box .desc h3 a:after{display:none}
.portfolio-tags{top:10px;left:10px}
.portfolio-tag{padding:6px 8px}
.single-portfolio .section-related-ul{grid-template-columns:1fr;gap:32px}
.post-related.portfolio .desc h4 a{padding-right:42px}
.post-related.portfolio .desc h4 a:after{display:block;line-height:32px;width:32px;height:32px;margin-top:-16px}
}