/* 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 021: preserve the Arsha composition while repairing brand and content artifacts. */
.ebpay-template-021{--ebpay-021-blue:#37517e;--ebpay-021-accent:#47b2e4;--ebpay-021-ink:#24385b;--ebpay-021-line:#e4ebf5}
.ebpay-template-021 *{box-sizing:border-box}
.ebpay-template-021 :is(h1,h2,h3,h4,h5,h6,p,a,li,button,span){overflow-wrap:normal;word-break:keep-all}
.ebpay-template-021 #header{min-height:74px;padding:14px 0;background:rgba(55,81,126,.98);box-shadow:0 8px 26px rgba(22,42,76,.12)}
.ebpay-template-021 #header>.container{min-height:46px}
.ebpay-template-021 #header .logo{display:flex;align-items:center;width:150px;min-width:150px;height:42px;line-height:0;letter-spacing:0;text-transform:none}
.ebpay-template-021 #header .logo a{display:flex;align-items:center;width:100%;height:100%}
.ebpay-template-021 #header .logo img.ebpay-021-official-logo{display:block!important;width:150px!important;height:auto!important;max-height:38px!important;object-fit:contain!important;object-position:left center}
.ebpay-template-021 #navbar>ul{align-items:center;gap:2px}
.ebpay-template-021 #navbar>ul>li>a{padding:10px 13px;white-space:nowrap}
.ebpay-template-021 #navbar .getstarted{margin-left:8px;padding:8px 20px;border-radius:5px}

.ebpay-template-021 #hero{height:auto!important;min-height:650px;padding:108px 0 54px;background:var(--ebpay-021-blue)}
.ebpay-template-021 #hero .container{padding-top:0}
.ebpay-template-021 #hero .row{min-height:488px;align-items:center}
.ebpay-template-021 #hero h1{max-width:600px;line-height:1.18;letter-spacing:0}
.ebpay-template-021 #hero h2{margin-bottom:32px;line-height:1.5}
.ebpay-template-021 #hero .btn-watch-video{margin-top:0}
.ebpay-template-021 #hero .btn-watch-video i{display:none}
.ebpay-template-021 #hero .hero-img{display:flex;align-items:center;justify-content:center;min-height:488px;overflow:hidden}
.ebpay-template-021 #hero img.ebpay-021-hero-phone{display:block;width:auto!important;max-width:82%!important;height:auto!important;max-height:500px!important;margin:0 auto;object-fit:contain!important;filter:drop-shadow(0 18px 32px rgba(20,42,74,.2))}

.ebpay-template-021 #cliens{padding:28px 0;background:#f3f6fb}
.ebpay-template-021 #cliens .row{row-gap:18px}
.ebpay-template-021 #cliens .row>[class*=col-]{min-height:78px}
.ebpay-template-021 #cliens img.ebpay-021-topic-icon{display:block!important;width:40px!important;height:40px!important;max-width:none!important;padding:0!important;filter:none!important;object-fit:contain!important;transform:none!important}
.ebpay-template-021 #cliens .row>[class*=col-]{margin:0 8px;border:1px solid rgba(55,81,126,.08);border-radius:6px;background:#fff;box-shadow:0 8px 24px rgba(34,59,98,.06)}
@media(min-width:992px){.ebpay-template-021 #cliens .row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.ebpay-template-021 #cliens .row>[class*=col-]{width:auto;margin:0}}

.ebpay-template-021 #about .content ul li,.ebpay-template-021 #pricing ul li{display:flex;align-items:flex-start;gap:9px;padding:9px 0;line-height:1.55}
.ebpay-template-021 #about .content ul li i,.ebpay-template-021 #pricing ul li i{position:static;flex:0 0 auto;margin-top:1px;font-size:20px}
.ebpay-template-021 #why-us .accordion-list a{padding-right:38px;line-height:1.5}
.ebpay-template-021 #skills .progress{height:auto;min-height:58px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--ebpay-021-line);border-radius:6px;background:#fff}
.ebpay-template-021 #skills .progress .skill{position:static;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ebpay-template-021 #skills .progress .val{position:static!important;font-size:20px!important}
.ebpay-template-021 #services .icon-box{width:100%;border:1px solid var(--ebpay-021-line);border-radius:6px;box-shadow:0 12px 34px rgba(34,59,98,.08)}
.ebpay-template-021 #portfolio .portfolio-img{display:grid;place-items:center;min-height:280px;overflow:hidden;background:#f4f7fb}
.ebpay-template-021 #portfolio .portfolio-img img{width:100%!important;height:280px!important;object-fit:contain!important}
.ebpay-template-021 #team .member{height:100%;border:1px solid var(--ebpay-021-line);box-shadow:0 12px 32px rgba(34,59,98,.07)}

.ebpay-template-021 #pricing .row{align-items:stretch}
.ebpay-template-021 #pricing .row>[class*=col-]{display:flex}
.ebpay-template-021 #pricing .box{display:flex;flex-direction:column;width:100%;min-height:480px;padding:46px 40px;border:1px solid var(--ebpay-021-line);border-top:4px solid var(--ebpay-021-line);box-shadow:0 12px 34px rgba(34,59,98,.08)}
.ebpay-template-021 #pricing .box.featured{border-top-color:var(--ebpay-021-accent)}
.ebpay-template-021 #pricing h4.ebpay-021-pricing-label{margin:2px 0 22px;font-size:24px;line-height:1.35}
.ebpay-template-021 #pricing h4.ebpay-021-pricing-label span{display:block;font-size:24px;font-weight:600;color:var(--ebpay-021-accent)}
.ebpay-template-021 #pricing ul{flex:1;padding:8px 0 24px}
.ebpay-template-021 #pricing .buy-btn{align-self:flex-start;margin-top:auto}

.ebpay-template-021 #contact .info>div{min-height:108px}
.ebpay-template-021 #footer .footer-top{padding:62px 0 32px}
.ebpay-template-021 #footer .footer-top .row{align-items:flex-start}
.ebpay-template-021 #footer .ebpay-021-footer-brand>a{display:inline-flex;align-items:center;min-height:42px;margin-bottom:18px}
.ebpay-template-021 #footer img.ebpay-021-footer-logo{display:block!important;width:150px!important;height:auto!important;max-height:38px!important;object-fit:contain!important}
.ebpay-template-021 #footer .ebpay-021-footer-brand p{max-width:260px;line-height:1.75}
.ebpay-template-021 #footer .footer-links ul li{padding:8px 0}
.ebpay-template-021 #footer .footer-links ul li a{line-height:1.45}
.ebpay-template-021 #footer .social-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.ebpay-template-021 #footer .social-links a{display:grid!important;place-items:center;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border-radius:50%;font-size:0!important;overflow:hidden}
.ebpay-template-021 #footer .social-links a img{display:block;width:19px!important;height:19px!important;object-fit:contain;filter:brightness(0) invert(1)}
.ebpay-template-021 .back-to-top{width:42px;height:42px;overflow:hidden}
.ebpay-template-021 .back-to-top i{font-size:24px;line-height:1}

@media(max-width:991px){
  .ebpay-template-021 #header{min-height:70px;padding:12px 0}
  .ebpay-template-021 #header .logo{width:132px;min-width:132px;height:40px}
  .ebpay-template-021 #header .logo img.ebpay-021-official-logo{width:132px!important;max-height:34px!important}
  .ebpay-template-021 #navbar.navbar-mobile{position:fixed;inset:0;overflow:hidden;background:rgba(32,49,78,.72)}
  .ebpay-template-021 #navbar.navbar-mobile>ul{top:74px;right:16px;bottom:16px;left:16px;display:block;overflow-y:auto;border-radius:6px}
  .ebpay-template-021 #navbar.navbar-mobile>ul>li>a{padding:12px 18px}
  .ebpay-template-021 #navbar.navbar-mobile .getstarted{margin:8px 16px;padding:10px 18px;text-align:center}
  .ebpay-template-021 #hero{min-height:0;padding:106px 0 58px;text-align:center}
  .ebpay-template-021 #hero .row{min-height:0}
  .ebpay-template-021 #hero .hero-img{min-height:390px;margin-bottom:18px}
  .ebpay-template-021 #hero img.ebpay-021-hero-phone{max-width:300px!important;max-height:390px!important}
  .ebpay-template-021 #hero .d-flex{justify-content:center!important}
  .ebpay-template-021 #pricing .box{max-width:100%;min-height:0;margin:0 auto 28px}
}
@media(max-width:575px){
  .ebpay-template-021 #header>.container{padding-right:16px;padding-left:16px}
  .ebpay-template-021 #header .logo{width:124px;min-width:124px}
  .ebpay-template-021 #header .logo img.ebpay-021-official-logo{width:124px!important}
  .ebpay-template-021 #hero{padding-top:92px}
  .ebpay-template-021 #hero .hero-img{min-height:330px}
  .ebpay-template-021 #hero img.ebpay-021-hero-phone{max-width:246px!important;max-height:330px!important}
  .ebpay-template-021 #hero h1{font-size:32px;line-height:1.22}
  .ebpay-template-021 #hero h2{font-size:17px;line-height:1.45}
  .ebpay-template-021 #hero .btn-watch-video{margin-left:16px}
  .ebpay-template-021 #cliens .row{margin-right:-6px;margin-left:-6px}
  .ebpay-template-021 #cliens .row>[class*=col-]{width:calc(33.333% - 12px);min-height:70px;margin:6px}
  .ebpay-template-021 #cliens img.ebpay-021-topic-icon{width:34px!important;height:34px!important}
  .ebpay-template-021 #pricing .box{padding:36px 28px}
  .ebpay-template-021 #footer .footer-top .row>[class*=col-]{margin-bottom:28px}
}
