/* XTPB merged addon css */

/* addon: Page Hero */

/* file: frontend.css */
.page-hero{position:relative;padding:80px 0 20px;background:linear-gradient(to bottom right,#fff,rgb(41 98 255 / 10%));background-image:url(http://xin.local/wp-content/uploads/2026/06/2026060317445079.webp);background-repeat:no-repeat;background-size:cover;background-position:top center}
.header-transparent .site-main .page-hero{padding-top:180px}
.page-hero .page-container{position:relative;z-index:2}
.page-hero .hero-text{text-align:center}
.page-hero .hero-text>span{display:inline-flex;align-items:center;gap:8px;margin-bottom:30px;padding:8px 16px;border-radius:50px;background:#fff;border:1px solid #e5e7eb;color:#ff5c01;font-size:14px;line-height:1;font-weight:500;letter-spacing:1px;box-shadow:0 8px 22px rgba(15,23,42,.04);animation:xtHeroIn .68s cubic-bezier(.22,1,.36,1) .04s both}
.page-hero .hero-text>span img{width:14px;height:14px;margin:0!important;vertical-align:-1px}
.page-hero .hero-text h2,
.page-hero .hero-title{margin:0;color:#0f172a;font-size:56px;line-height:1.15;font-weight:800;letter-spacing:2px;animation:xtHeroIn .76s cubic-bezier(.22,1,.36,1) .12s both}
.page-hero .hero-title span{display:inline-block;opacity:0;transform:translate3d(0,16px,0);animation:wordFade .62s cubic-bezier(.22,1,.36,1) forwards}
.page-hero .hero-text p{margin:20px 0;color:#333;font-size:18px;line-height:1.6;animation:xtHeroIn .76s cubic-bezier(.22,1,.36,1) .2s both}
.page-hero .hero-text .hero-tag{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:40px;margin-bottom:80px;animation:xtHeroIn .76s cubic-bezier(.22,1,.36,1) .28s both}
.page-hero .hero-text .hero-tag span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 18px;border:1px solid #444;border-radius:50px;background:rgba(255,255,255,.45);color:#444;font-size:14px;line-height:1;font-weight:500}
.page-hero .hero-text .hero-tag span i{display:inline-block;font-size:16px;line-height:1}
.page-hero .hero-text>a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border:1px solid #000;border-radius:8px;background:radial-gradient(62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #272727, #272727);color:#fff;font-size:18px;line-height:1;text-decoration:none;overflow:hidden;transition:color .28s ease,transform .28s cubic-bezier(.22, 1, .36, 1),box-shadow .28s ease;animation:xtHeroIn .76s cubic-bezier(.22,1,.36,1) .36s both}
.page-hero .hero-text>a::before{content:"";position:absolute;inset:0;z-index:0;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .42s cubic-bezier(.22, 1, .36, 1)}
.page-hero .hero-text>a .text,.page-hero .hero-text>a i{position:relative;z-index:1;font-size:18px;line-height:1;transition:color .28s ease,transform .28s cubic-bezier(.22, 1, .36, 1)}
.page-hero .hero-text>a:hover::before{transform:scaleX(1)}
.page-hero .hero-text>a:hover{color:#000;transform:translate3d(0,-2px,0);box-shadow:0 16px 34px rgba(0,0,0,.14)}
.page-hero .hero-text>a:hover i{transform:translate3d(5px,0,0)}
.page-hero .hero-text>a:active{transform:translate3d(0,0,0);box-shadow:0 8px 18px rgba(0,0,0,.1)}
.page-hero .service-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:80px}
.page-hero .service-list .service-item{position:relative;width:calc((100% - 40px)/ 3);padding:26px;border-radius:10px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 34px rgba(15,23,42,.05);overflow:hidden;isolation:isolate;opacity:0;transform:translate3d(0,14px,0);animation:xtServiceItemIn .62s cubic-bezier(.22,1,.36,1) both;transition:transform .28s cubic-bezier(.22, 1, .36, 1),box-shadow .28s ease,border-color .28s ease;will-change:transform,opacity}
.page-hero .service-list .service-item:first-child{animation-delay:.44s}
.page-hero .service-list .service-item:nth-child(2){animation-delay:.52s}
.page-hero .service-list .service-item:nth-child(3){animation-delay:.6s}
.page-hero .service-list .service-item:nth-child(4){animation-delay:.68s}
.page-hero .service-list .service-item:nth-child(5){animation-delay:.76s}
.page-hero .service-list .service-item:nth-child(6){animation-delay:.84s}
.page-hero .service-list .service-item::after{content:"";position:absolute;right:-70px;top:-70px;z-index:-1;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(36,80,236,.1),transparent 68%);opacity:0;pointer-events:none;transition:opacity .24s ease}
.page-hero .service-list .service-item:hover{transform:translate3d(0,-4px,0);border-color:rgba(36,80,236,.16);box-shadow:0 18px 38px rgba(15,23,42,.08)}
.page-hero .service-list .service-item:hover::before{opacity:.75}
.page-hero .service-list .service-item:hover::after{opacity:.5}
.page-hero .service-list .service-item .service-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;background:#f7f7f7;color:var(--theme-color);transition:background-color .24s ease,transform .28s cubic-bezier(.22, 1, .36, 1)}
.page-hero .service-list .service-item .service-icon i{display:block;font-size:32px;line-height:1;color:#272727}
.page-hero .service-list .service-item:hover .service-icon{background:#272727;transform:translate3d(0,-2px,0)}
.page-hero .service-list .service-item:hover .service-icon i{color:#eee}
.page-hero .service-list .service-item .service-title{margin-top:24px}
.page-hero .service-list .service-item .service-title h3{margin:0;color:#0f172a;font-size:22px;line-height:1.35;font-weight:750;letter-spacing:-.02em}
.page-hero .service-list .service-item .service-title h3 a{color:inherit;text-decoration:none}
.page-hero .service-list .service-item .service-desc{margin-top:16px}
.page-hero .service-list .service-item .service-desc p{margin:10px 0 0;color:#475569;font-size:15px;line-height:1.75}
.page-hero .service-list .service-item .service-desc p:first-child{margin-top:0}
.page-hero .service-list .service-item .service-more{margin-top:24px}
.page-hero .service-list .service-item .service-more a{position:relative;display:inline-flex;align-items:center;gap:7px;color:#475569;font-size:14px;line-height:1;font-weight:700;text-decoration:none;transition:color .22s ease}
.page-hero .service-list .service-item .service-more a span{display:inline-block;transition:transform .22s cubic-bezier(.22, 1, .36, 1)}
.page-hero .service-list .service-item .service-more a i{display:inline-flex;font-size:17px;line-height:1;transition:transform .22s cubic-bezier(.22, 1, .36, 1)}
.page-hero .service-list .service-item .service-more a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;opacity:.9;transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}
.page-hero .service-list .service-item .service-more a:hover{color:#1d42d8}
.page-hero .service-list .service-item .service-more a:hover span{transform:translate3d(2px,0,0)}
.page-hero .service-list .service-item .service-more a:hover i{transform:translate3d(3px,0,0)}
.page-hero .service-list .service-item .service-more a:hover::after{transform:scaleX(1)}

@keyframes xtHeroIn{
    from{opacity:0;transform:translate3d(0,18px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes xtServiceItemIn{
    from{opacity:0;transform:translate3d(0,14px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes wordFade{
    to{opacity:1;transform:translate3d(0,0,0)}
}

@media (max-width:1024px){
    .page-hero .service-list .service-item{width:calc((100% - 20px)/ 2)}
}
@media (max-width:640px){
    .page-hero{padding:64px 0 20px}
    .header-transparent .site-main .page-hero{padding-top:130px}
    .page-hero .hero-text h2,.page-hero .hero-title{font-size:38px;line-height:1.2;letter-spacing:.5px}
    .page-hero .hero-text p{font-size:16px}
    .page-hero .hero-text .hero-tag{margin-top:28px;margin-bottom:50px}
    .page-hero .hero-text .hero-tag span{padding:0 14px;font-size:13px}
    .page-hero .hero-text>a{padding:14px 24px;font-size:16px}
    .page-hero .service-list{gap:16px;margin-top:50px}
    .page-hero .service-list .service-item{width:100%;padding:22px;border-radius:16px}
    .page-hero .service-list .service-item .service-icon{width:52px;height:52px;border-radius:14px}
    .page-hero .service-list .service-item .service-icon i{font-size:29px}
    .page-hero .service-list .service-item .service-title{margin-top:20px}
    .page-hero .service-list .service-item .service-title h3{font-size:20px}
    .page-hero .service-list .service-item .service-desc p{font-size:14px;line-height:1.7}
}
@media (prefers-reduced-motion:reduce){
    .page-hero .hero-text .hero-tag,
    .page-hero .hero-text h2,
    .page-hero .hero-text p,
    .page-hero .hero-text>a,
    .page-hero .hero-text>span,
    .page-hero .hero-title span,
    .page-hero .service-list .service-item{animation:none!important;opacity:1!important;transform:none!important}
    .page-hero .hero-text .hero-tag span,
    .page-hero .hero-text>a,
    .page-hero .hero-text>a i,
    .page-hero .hero-text>a::before,
    .page-hero .service-list .service-item,
    .page-hero .service-list .service-item .service-icon,
    .page-hero .service-list .service-item .service-more a,
    .page-hero .service-list .service-item .service-more a i,
    .page-hero .service-list .service-item .service-more a span,
    .page-hero .service-list .service-item .service-more a::after,
    .page-hero .service-list .service-item::after,
    .page-hero .service-list .service-item::before{transition:none!important}
}

.xtpb-builder-container .xtpb-section.xtpb-row-1785862180962, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1785862180962, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1785862180962, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1785862180962 { padding: 144px 0px 50px 0px;; }@media (max-width: 767px) {.xtpb-builder-container .xtpb-section.xtpb-row-1785862180962, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1785862180962, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1785862180962, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1785862180962 { padding: 120px 0px 30px 0px;; }}.xtpb-row-1785862180962:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-row-1785862180962{background : linear-gradient(180deg, #ffffff 0%,#fdf5e9 100%);}.xtpb-builder-container .xtpb-section.xtpb-row-1786562644807, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1786562644807, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1786562644807, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1786562644807 { padding: 50px 0px 50px 0px;; }.xtpb-row-1786562644807:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-row-1786562644807{background : linear-gradient(180deg, #ffffff 0%,#fdf5e9 100%);}.xtpb-builder-container .xtpb-section.xtpb-row-1786562644789, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1786562644789, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1786562644789, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1786562644789 { padding: 50px 0px 50px 0px;; }.xtpb-row-1786562644789:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-builder-container .xtpb-section.xtpb-row-1786561887465, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1786561887465, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1786561887465, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1786561887465 { padding: 50px 0px 200px 0px;; }.xtpb-row-1786561887465:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-builder-container .xtpb-section > .xtpb-section__inner,.xtpb-carousel-content-wrap .xtpb-container{max-width:1920px;padding-left:70px;padding-right:70px;box-sizing:border-box;}@media (max-width:767px){.xtpb-builder-container .xtpb-section > .xtpb-section__inner,.xtpb-carousel-content-wrap .xtpb-container{padding-left:10px;padding-right:10px;}}.xtpb-builder-container .xtpb-container-full{max-width:none;}.xtpb-builder-container .xtpb-section__grid,.xtpb-builder-container .xtpb-inner-section__grid{gap:var(--xtpb-gap,30px);}