/* Preserve-mode compatibility layer. Original template layout and theme remain authoritative. */
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden!important}
body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere;max-width:100%;overflow-x:hidden!important}
h1,h2,h3{text-wrap:balance}
img.ebpay-brand-asset{max-width:100%;object-fit:cover}
img.ebpay-brand-square,img.ebpay-brand-portrait,img.ebpay-brand-logo,img.ebpay-brand-icon{object-fit:contain}
img.ebpay-brand-logo{height:auto!important}
img.ebpay-brand-icon-hero{opacity:.18}
.ebpay-icon{--ebpay-icon:url("../images/icons/shield-lock.svg");display:inline-block;width:1em;height:1em;min-width:1em;background:currentColor;vertical-align:-.14em;-webkit-mask:var(--ebpay-icon) center/contain no-repeat;mask:var(--ebpay-icon) center/contain no-repeat;font-size:inherit;line-height:1}
.ebpay-icon::before,.ebpay-icon::after{content:none!important}
.ebpay-icon-shield-lock{--ebpay-icon:url("../images/icons/shield-lock.svg")}
.ebpay-icon-shield-check{--ebpay-icon:url("../images/icons/shield-check.svg")}
.ebpay-icon-lock{--ebpay-icon:url("../images/icons/lock.svg")}
.ebpay-icon-wallet{--ebpay-icon:url("../images/icons/wallet.svg")}
.ebpay-icon-book-2{--ebpay-icon:url("../images/icons/book-2.svg")}
.ebpay-icon-tool{--ebpay-icon:url("../images/icons/tool.svg")}
.ebpay-icon-help-circle{--ebpay-icon:url("../images/icons/help-circle.svg")}
.ebpay-icon-device-mobile{--ebpay-icon:url("../images/icons/device-mobile.svg")}
.ebpay-icon-checklist{--ebpay-icon:url("../images/icons/checklist.svg")}
.ebpay-icon-info-circle{--ebpay-icon:url("../images/icons/info-circle.svg")}
.ebpay-icon-settings{--ebpay-icon:url("../images/icons/settings.svg")}
.ebpay-icon-layout-dashboard{--ebpay-icon:url("../images/icons/layout-dashboard.svg")}
.ebpay-icon-menu-2{--ebpay-icon:url("../images/icons/menu-2.svg")}
.ebpay-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#preloader,#loading,#loader,#loader-wrapper,#preloader-wrap,#tf-preloader,
.preloader,.page-loader,.loader-bg,.loading-overlay,.preloader-wrapper,.preloader-wrap,
.site-loader,.bg_load,.spinner-wrapper,[class*="site-loader"],[class*="preloader-wrap"]{display:none!important;opacity:0!important;visibility:hidden!important}
.page{opacity:1!important;visibility:visible!important}
[data-aos],.wow,.animated,[class*="fadeIn"],[class*="slideIn"],[class*="zoomIn"]{opacity:1!important;visibility:visible!important;transform:none!important}
nav a,header a,.btn,.button,button{letter-spacing:0;white-space:nowrap}
input,textarea,select,button{font-family:inherit;letter-spacing:0}
.ebpay-form-status{display:block;min-height:1.5em;margin-top:.6rem}
.ebpay-product-summary{max-width:760px;line-height:1.8;margin:1rem auto}
@media(max-width:767px){body{overflow-x:hidden}nav a,header a{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Template 045: preserve the portfolio section sequence as a fixed-width product guide. */
.ebpay-template-045,.ebpay-template-045 *{box-sizing:border-box;letter-spacing:0!important}
html:has(.ebpay-template-045){min-width:1180px;overflow-x:auto!important}
.ebpay-template-045{min-width:1180px;overflow-x:visible!important;background:#fff;color:#29384c;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;word-break:normal;overflow-wrap:normal}
.ebpay-template-045 :is(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea){font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.ebpay-template-045 :is(h1,h2,h3,h4,h5,h6,a,button){word-break:keep-all;overflow-wrap:normal}
.ebpay-template-045 p{color:#68788e;font-size:16px;line-height:1.8}
.ebpay-template-045 img{display:block;max-width:100%;height:auto}
.ebpay-template-045 .container{width:1120px!important;max-width:1120px!important;padding-right:15px!important;padding-left:15px!important}
.ebpay-template-045 .section{padding:82px 0}
.ebpay-template-045 .section-title{margin-bottom:54px;color:#26374c;font-size:38px;line-height:1.25}
.ebpay-template-045 .btn{display:inline-flex!important;min-width:128px;min-height:46px;padding:0 22px!important;border:0!important;border-radius:8px!important;align-items:center;justify-content:center;color:#fff!important;font-size:15px!important;font-weight:700;line-height:1.2!important;white-space:nowrap;box-shadow:0 10px 22px rgba(16,103,153,.16)}
.ebpay-template-045 .btn-primary{background:#00a884!important}
.ebpay-template-045 .btn-light{background:#fff!important;color:#1168b4!important}
.ebpay-template-045 .btn-transparent{border:1px solid #0c75c9!important;background:#fff!important;color:#0c75c9!important}
.ebpay-template-045 .card{border:1px solid #dce7f0!important;border-radius:8px!important;box-shadow:0 12px 30px rgba(31,67,105,.07)!important}
.ebpay-template-045 .ebpay-045-icon{display:block;width:30px!important;height:30px!important;min-width:30px;object-fit:contain!important}

/* Fixed header and hero. */
.ebpay-template-045 .navigation{z-index:1200;width:100%;min-width:1180px;height:76px;padding:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 1px 0 rgba(26,58,91,.1)}
.ebpay-template-045 .navigation .navbar{display:flex!important;width:1120px;height:76px;margin:0 auto;padding:0 15px;align-items:center!important;justify-content:space-between!important;flex-flow:row nowrap!important}
.ebpay-template-045 .navbar-brand{display:flex;width:152px;height:46px;margin:0;padding:5px 0;align-items:center}
.ebpay-template-045 img.ebpay-045-official-logo{width:142px!important;height:35px!important;max-width:none!important;object-fit:contain!important}
.ebpay-template-045 .navbar-toggler{display:none!important}
.ebpay-template-045 .navbar-collapse{display:flex!important;width:auto!important;height:76px!important;align-items:center!important;flex:0 0 auto!important}
.ebpay-template-045 .navbar-nav{display:flex!important;width:auto!important;height:76px!important;align-items:center;flex-direction:row!important;gap:3px}
.ebpay-template-045 .navbar .nav-item .nav-link{display:flex;min-height:76px;padding:0 12px!important;align-items:center;color:#2d3e54!important;font-size:14px;font-weight:700;white-space:nowrap}
.ebpay-template-045 .navbar .nav-item.active .nav-link,.ebpay-template-045 .navbar .nav-item .nav-link:hover{color:#00997c!important}
.ebpay-template-045 .hero-area{position:relative;min-height:650px;padding:178px 0 96px!important;background:#0c4f91!important;overflow:hidden}
.ebpay-template-045 .hero-area::after{position:absolute;inset:0;background:rgba(5,44,84,.48);content:""}
.ebpay-template-045 .hero-area>.container{position:relative;z-index:3}
.ebpay-template-045 .hero-area h1{max-width:760px;margin:0;color:#fff;font-size:58px;line-height:1.22}
.ebpay-template-045 .hero-area .ebpay-045-hero-copy{max-width:660px;margin:24px 0 0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.85}
.ebpay-template-045 .layer-bg{position:absolute;inset:0;z-index:0}
.ebpay-template-045 .layer-bg img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:.28}
.ebpay-template-045 .hero-area>.layer{display:none!important}
.ebpay-template-045 .ebpay-045-hero-links{position:relative;z-index:4;display:flex;width:1120px;margin:38px auto 0!important;padding:0 15px!important;gap:12px}
.ebpay-template-045 .ebpay-045-hero-links li{margin:0!important}
.ebpay-template-045 .ebpay-045-hero-links a{display:flex;min-width:150px;min-height:48px;padding:0 18px;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.1);color:#fff!important;font-weight:700}
.ebpay-template-045 .ebpay-045-hero-links img{width:23px!important;height:23px!important;filter:brightness(0) invert(1)}

/* Intro and skill progress. */
.ebpay-template-045 .ebpay-045-intro p{max-width:850px;margin:0 auto 24px;color:#3f5168;font-size:19px;line-height:1.9}
.ebpay-template-045 #tools .row>.col-lg-3{width:25%!important;max-width:25%!important;flex:0 0 25%!important}
.ebpay-template-045 .progress-wrapper{position:relative;height:176px!important;border-radius:8px 8px 0 0!important;background:#e8f2f8!important;overflow:hidden}
.ebpay-template-045 .progress-wrapper .wave{display:none!important}
.ebpay-template-045 .ebpay-045-progress-fill{position:absolute;right:0;bottom:0;left:0;height:var(--progress);background:#0e74c7}
.ebpay-template-045 .ebpay-045-progress-fill::before{position:absolute;inset:0;background:rgba(0,168,132,.2);content:""}
.ebpay-template-045 .ebpay-045-progress-icon{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:64px;height:64px;border-radius:8px;background:#fff;place-items:center;transform:translate(-50%,-50%);box-shadow:0 12px 24px rgba(23,68,106,.14)}
.ebpay-template-045 .progress-wrapper .ebpay-045-progress-icon img{width:32px!important;height:32px!important}
.ebpay-template-045 .card-footer{min-height:82px;padding:22px 14px;border:0!important;border-radius:0 0 8px 8px!important;background:#fff!important}
.ebpay-template-045 .card-title{margin:0;color:#2a3a50;font-size:18px;line-height:1.45}

/* Safety rings and guide rows. */
.ebpay-template-045 .ebpay-045-experience-card{display:flex;min-height:280px;padding:28px 20px;align-items:center;flex-direction:column}
.ebpay-template-045 #security .row>.col-lg-3{width:25%!important;max-width:25%!important;flex:0 0 25%!important}
.ebpay-template-045 .ebpay-045-ring{position:relative;display:grid;width:96px;height:96px;margin:0 auto 24px;border-radius:50%;background:conic-gradient(#00a884 var(--ring),#d9e8f0 0);place-items:center}
.ebpay-template-045 .ebpay-045-ring::after{position:absolute;width:72px;height:72px;border-radius:50%;background:#fff;content:""}
.ebpay-template-045 .ebpay-045-ring span{position:relative;z-index:2;display:grid;width:48px;height:48px;place-items:center}
.ebpay-template-045 .ebpay-045-ring img{width:31px!important;height:31px!important}
.ebpay-template-045 .ebpay-045-experience-card p{min-height:48px;margin:0 0 12px;text-align:center}
.ebpay-template-045 .ebpay-045-experience-card h4{margin:0 0 10px;color:#26374c;font-size:21px;text-align:center}
.ebpay-template-045 .ebpay-045-experience-card h6{margin:0;color:#00a884!important;font-size:14px;text-align:center}
.ebpay-template-045 .ebpay-045-guide-row{align-items:stretch}
.ebpay-template-045 #guide .row>.col-lg-6{width:50%!important;max-width:50%!important;flex:0 0 50%!important}
.ebpay-template-045 .ebpay-045-guide-item{display:flex;min-height:150px;padding:24px;border:1px solid #dce7f0;border-radius:8px;background:#fff;gap:18px;box-shadow:0 10px 28px rgba(30,66,103,.06)}
.ebpay-template-045 .ebpay-045-guide-item>.ebpay-045-icon-wrap{display:grid;width:56px;height:56px;min-width:56px;border-radius:8px;background:#eaf4fb;place-items:center}
.ebpay-template-045 .ebpay-045-guide-item h4{margin:0 0 10px;color:#26374c;font-size:20px}
.ebpay-template-045 .ebpay-045-guide-item p{margin:0;font-size:14px}
.ebpay-template-045 .edu-bg-image{top:0!important;height:100%!important;object-fit:cover!important;opacity:.045}

/* Feature cards and interface gallery. */
.ebpay-template-045 .ebpay-045-feature-card{display:flex;min-height:330px;padding:34px 28px!important;align-items:flex-start!important;background:#fff!important;flex-direction:column}
.ebpay-template-045 #features .row>.col-md-4{width:33.333333%!important;max-width:33.333333%!important;flex:0 0 33.333333%!important}
.ebpay-template-045 .ebpay-045-feature-card.is-primary{background:#0d70bd!important}
.ebpay-template-045 .ebpay-045-feature-icon{display:grid;width:62px;height:62px;margin:0 0 24px;border-radius:8px;background:#eaf4fb;place-items:center}
.ebpay-template-045 .ebpay-045-feature-card.is-primary .ebpay-045-feature-icon{background:#fff}
.ebpay-template-045 .ebpay-045-feature-card h4{color:#26374c;font-size:21px}
.ebpay-template-045 .ebpay-045-feature-card p{margin:0}
.ebpay-template-045 .ebpay-045-feature-card.is-primary :is(h4,p){color:#fff!important}
.ebpay-template-045 .shuffle-wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;height:auto!important;margin:0!important}
.ebpay-template-045 .shuffle-wrapper>.shuffle-item{position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important}
.ebpay-template-045 .hover-wrapper{height:330px;border:1px solid #dce7f0;border-radius:8px!important;background:#eef5fa;box-shadow:0 12px 30px rgba(31,68,105,.07)}
.ebpay-template-045 .hover-wrapper>img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;transform:none!important}
.ebpay-template-045 .hover-overlay{display:none!important}

/* Viewpoints, topic strip and reading cards. */
.ebpay-template-045 .testimonial-bg-shapes{background:#0b5596!important}
.ebpay-template-045 .testimonial-bg-shapes>img{display:none!important}
.ebpay-template-045 .testimonial-slider{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ebpay-template-045 .testimonial-content{display:flex!important;min-height:330px;padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.08);align-items:center;flex-direction:column}
.ebpay-template-045 .testimonial-content>i{display:none!important}
.ebpay-template-045 .testimonial-content p{min-height:116px;margin:0 0 22px!important;color:rgba(255,255,255,.82)!important;font-size:15px;line-height:1.8}
.ebpay-template-045 .testimonial-content>img{width:58px!important;height:58px!important;padding:13px;border-radius:8px!important;background:#fff;object-fit:contain!important}
.ebpay-template-045 .testimonial-content h4{margin:0 0 8px;color:#fff;font-size:19px}
.ebpay-template-045 .testimonial-content h6{margin:0!important;color:rgba(255,255,255,.62)!important;font-size:14px}
.ebpay-template-045 .client-logo-slider{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.ebpay-template-045 .ebpay-045-topic-item{display:flex!important;min-height:108px;padding:16px!important;border:1px solid #dce7f0;border-radius:8px;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#fff;box-shadow:0 10px 24px rgba(33,69,105,.05)}
.ebpay-template-045 .ebpay-045-topic-item img{width:30px!important;height:30px!important}
.ebpay-template-045 .ebpay-045-topic-item span{color:#314359;font-size:14px;font-weight:700;white-space:nowrap}
.ebpay-template-045 article.card{display:flex;height:100%;overflow:hidden}
.ebpay-template-045 #reading .row>.col-lg-4{width:33.333333%!important;max-width:33.333333%!important;flex:0 0 33.333333%!important}
.ebpay-template-045 article.card>img{width:100%!important;height:225px!important;object-fit:cover!important}
.ebpay-template-045 article.card .card-body{display:flex;min-height:260px;padding:26px;flex-direction:column}
.ebpay-template-045 article.card .card-title{font-size:20px;line-height:1.5}
.ebpay-template-045 article.card .card-body p{margin:16px 0 22px}
.ebpay-template-045 article.card .btn{width:max-content;margin-top:auto}

/* Fixed contact form and footer. */
.ebpay-template-045 .section-on-footer{margin-bottom:-210px!important}
.ebpay-template-045 #contact .col-lg-8{width:66.666667%!important;max-width:66.666667%!important;flex:0 0 66.666667%!important}
.ebpay-template-045 .shadow-down{padding:38px!important;border:1px solid #dce7f0;border-radius:8px!important;background:#fff}
.ebpay-template-045 .shadow-down h4{margin-bottom:34px!important;color:#26374c;font-size:24px}
.ebpay-template-045 .shadow-down form{display:grid!important;grid-template-columns:1fr 1fr;gap:20px;margin:0!important}
.ebpay-template-045 .shadow-down form>[class*=col-]{width:auto!important;max-width:none!important;padding:0!important}
.ebpay-template-045 .shadow-down form>.col-12{grid-column:1/-1}
.ebpay-template-045 .shadow-down form>.col-lg-6{grid-column:1/-1;width:220px!important;margin:0 auto!important}
.ebpay-template-045 .form-control{width:100%!important;min-height:54px;margin:0!important;padding:0 15px!important;border:1px solid #cfdeea!important;border-radius:8px!important;background:#fff;color:#27384d;font-size:15px}
.ebpay-template-045 textarea.form-control{min-height:150px;padding-top:15px!important;resize:none}
.ebpay-template-045 .form-control:focus{border-color:#00a884!important;box-shadow:0 0 0 3px rgba(0,168,132,.12)}
.ebpay-template-045 .footer-section{padding-top:210px;background:#24384d!important}
.ebpay-template-045 .footer-section .col-md-4{width:33.333333%!important;max-width:33.333333%!important;flex:0 0 33.333333%!important}
.ebpay-template-045 .footer-section .section{padding:74px 0 50px}
.ebpay-template-045 .ebpay-045-footer-block{min-height:140px}
.ebpay-template-045 .ebpay-045-footer-logo{width:142px!important;height:35px!important;padding:4px 7px;border-radius:6px;background:#fff;object-fit:contain!important}
.ebpay-template-045 .footer-section h5{margin:0 0 16px;color:#fff!important;font-size:18px}
.ebpay-template-045 .footer-section p{margin:0;color:rgba(255,255,255,.66)!important;font-size:15px;line-height:1.75}
.ebpay-template-045 .footer-section .border-top{padding:22px 0!important;border-color:rgba(255,255,255,.1)!important}
.ebpay-template-045 .footer-section .border-top p{color:rgba(255,255,255,.56)!important}
.ebpay-template-045 .ebpay-045-form-status{grid-column:1/-1;min-height:24px;color:#008f75;font-weight:700;text-align:center}
@media(prefers-reduced-motion:reduce){.ebpay-template-045 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}