.section-enterwapp[data-node].service-detail-serve {
}

section[data-module="service-detail-serve"]{position:relative;width:100%;margin:0;padding:75px 0 300px;overflow:visible;background:linear-gradient(180deg,#fff 0%,#fff 8%,#eefaff 16%,#d8f4ff 26%,#bceaff 38%,#9fdef8 50%,#8fd8f5 60%,#a8e3fa 70%,#c8efff 80%,#e5f8ff 88%,#f5fcff 94%,#fff 98%,#fff 100%)}
section[data-module="service-detail-serve"] .service-serve-graphic{position:absolute;top:-270px;right:-90px;z-index:1;width:900px;height:500px;background-image:url("../home-about/graphic-pattern.svg");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:1;pointer-events:none;animation:serviceServeGraphicFlow 4.3s ease-in-out infinite;transform-origin:center center;will-change:transform}
@keyframes serviceServeGraphicFlow{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(0,-5px,0)}50%{transform:translate3d(0,0,0)}75%{transform:translate3d(0,5px,0)}}
section[data-module="service-detail-serve"] .service-serve-container{position:relative;z-index:5;width:92%;max-width:1600px;margin:0 auto}
section[data-module="service-detail-serve"] .service-serve-intro{position:relative;z-index:5;width:100%;max-width:980px}
section[data-module="service-detail-serve"] .service-serve-title{margin:0;padding:0;font-family:var(--font-heading);font-weight:600;line-height:1.1;color:var(--color-primary-dark)}
section[data-module="service-detail-serve"] .service-serve-description{width:100%;max-width:950px;margin:15px 0 0;font-family:var(--font-body);font-weight:400;line-height:1.5;color:#333}
section[data-module="service-detail-serve"] .service-serve-slider-area{position:relative;z-index:6;width:100%;margin-top:30px}
section[data-module="service-detail-serve"] .service-serve-slider{position:relative;width:calc(100% - 260px);margin:0 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab}
section[data-module="service-detail-serve"] .service-serve-slider::-webkit-scrollbar{display:none}
section[data-module="service-detail-serve"] .service-serve-slider.is-dragging{cursor:grabbing}
section[data-module="service-detail-serve"] .service-serve-track{display:flex;align-items:stretch;gap:75px;width:max-content;padding:0 20px 24px}
section[data-module="service-detail-serve"] .service-serve-item{flex:0 0 340px;width:340px;margin:0;padding:0}
section[data-module="service-detail-serve"] .service-serve-image{position:relative;display:flex;align-items:flex-end;justify-content:center;width:340px;height:340px;overflow:hidden;border-radius:50%;background-color:#d1d3d4}
section[data-module="service-detail-serve"] .service-serve-image img{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
section[data-module="service-detail-serve"] .service-serve-image-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(17,76,146,0) 34%,rgba(17,76,146,.07) 46%,rgba(17,76,146,.27) 65%,rgba(17,76,146,.60) 100%);pointer-events:none}
section[data-module="service-detail-serve"] .service-serve-no-image{position:absolute;top:50%;left:50%;z-index:1;font-family:var(--font-heading);font-size:28px;font-weight:600;color:rgba(128,130,133,.28);transform:translate(-50%,-50%)}
section[data-module="service-detail-serve"] .service-serve-item-title{position:absolute;right:50%;bottom:40px;z-index:4;display:-webkit-box;width:70%;max-width:270px;margin:0;padding:0;overflow:hidden;font-family:var(--font-heading);font-size:26px;font-weight:600;line-height:1.22;color:var(--color-white);text-align:center;text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none;transform:translateX(50%);-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
@media(hover:hover) and (pointer:fine){section[data-module="service-detail-serve"] .service-serve-item:hover .service-serve-image img{transform:scale(1.06)}}
section[data-module="service-detail-serve"] .service-serve-arrow{position:absolute;top:47%;z-index:15;display:flex;align-items:center;justify-content:center;width:80px;height:64px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--color-secondary-yellow);font-size:0;line-height:0;cursor:pointer;transform:translateY(-50%);transition:color .3s ease,opacity .3s ease,transform .3s ease}
section[data-module="service-detail-serve"] .service-serve-arrow svg{display:block;width:80px;height:64px}
section[data-module="service-detail-serve"] .service-serve-arrow svg path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
section[data-module="service-detail-serve"] .service-serve-prev{left:65px}
section[data-module="service-detail-serve"] .service-serve-next{right:65px}
section[data-module="service-detail-serve"] .service-serve-arrow:not(:disabled){color:var(--color-secondary-yellow);opacity:1;cursor:pointer}
section[data-module="service-detail-serve"] .service-serve-arrow:disabled{color:#bcbec0;opacity:.75;cursor:default}
@media(hover:hover) and (pointer:fine){section[data-module="service-detail-serve"] .service-serve-arrow:not(:disabled):hover{color:var(--color-secondary-yellow);transform:translateY(-50%) scale(1.08)}}
section[data-module="service-detail-serve"] .service-serve-pagination{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:5px}
section[data-module="service-detail-serve"] .service-serve-dot{display:block;width:9px;height:9px;margin:0;padding:0;border:0;border-radius:50%;background-color:rgba(180,180,180,.75);box-shadow:none;cursor:pointer;transition:width .3s ease,border-radius .3s ease,background-color .3s ease}
section[data-module="service-detail-serve"] .service-serve-dot.is-active{width:28px;border-radius:20px;background-color:var(--color-secondary-yellow)}
section[data-module="service-detail-serve"] .service-serve-mobile-counter{display:none}
@media(max-width:1600px){section[data-module="service-detail-serve"] .service-serve-track{gap:55px}section[data-module="service-detail-serve"] .service-serve-item,section[data-module="service-detail-serve"] .service-serve-image{width:310px}section[data-module="service-detail-serve"] .service-serve-item{flex-basis:310px}section[data-module="service-detail-serve"] .service-serve-image{height:310px}section[data-module="service-detail-serve"] .service-serve-item-title{bottom:36px;max-width:245px;font-size:24px}section[data-module="service-detail-serve"] .service-serve-graphic{right:-120px;width:820px;height:460px}}
@media(max-width:1400px){section[data-module="service-detail-serve"] .service-serve-container{width:90%}section[data-module="service-detail-serve"] .service-serve-slider{width:calc(100% - 190px)}section[data-module="service-detail-serve"] .service-serve-track{gap:45px}section[data-module="service-detail-serve"] .service-serve-item,section[data-module="service-detail-serve"] .service-serve-image{width:285px}section[data-module="service-detail-serve"] .service-serve-item{flex-basis:285px}section[data-module="service-detail-serve"] .service-serve-image{height:285px}section[data-module="service-detail-serve"] .service-serve-item-title{bottom:32px;width:82%;max-width:225px;font-size:22px}section[data-module="service-detail-serve"] .service-serve-prev{left:40px}section[data-module="service-detail-serve"] .service-serve-next{right:40px}section[data-module="service-detail-serve"] .service-serve-graphic{top:-176px;right:-150px;width:720px;height:420px}}
@media(max-width:1024px){section[data-module="service-detail-serve"]{padding:65px 0 190px}section[data-module="service-detail-serve"] .service-serve-slider{width:calc(100% - 100px)}section[data-module="service-detail-serve"] .service-serve-track{gap:35px}section[data-module="service-detail-serve"] .service-serve-item,section[data-module="service-detail-serve"] .service-serve-image{width:300px}section[data-module="service-detail-serve"] .service-serve-item{flex-basis:300px}section[data-module="service-detail-serve"] .service-serve-image{height:300px}section[data-module="service-detail-serve"] .service-serve-item-title{bottom:34px;width:80%;max-width:235px;font-size:23px}section[data-module="service-detail-serve"] .service-serve-prev{left:10px}section[data-module="service-detail-serve"] .service-serve-next{right:10px}section[data-module="service-detail-serve"] .service-serve-graphic{top:-20px;right:-220px;width:650px;height:360px}}
@media(max-width:767px){section[data-module="service-detail-serve"]{padding:55px 0 210px;background:linear-gradient(180deg,#fff 0%,#fff 18%,#f4fcff 30%,#e6f8ff 41%,#d2f2ff 52%,#b4e7fb 64%,#97dcf8 74%,#afe5fa 82%,#d4f2ff 87%,#ebf9ff 91%,#f8fdff 94%,#fff 97%,#fff 100%)}section[data-module="service-detail-serve"] .service-serve-container{width:calc(100% - 36px)}section[data-module="service-detail-serve"] .service-serve-intro{max-width:100%}section[data-module="service-detail-serve"] .service-serve-description{max-width:100%;margin-top:12px}section[data-module="service-detail-serve"] .service-serve-graphic{top:10px;right:-200px;width:480px;height:280px}section[data-module="service-detail-serve"] .service-serve-slider-area{margin-top:35px;padding-bottom:30px}section[data-module="service-detail-serve"] .service-serve-slider{width:calc(100% - 45px);margin-right:0;margin-left:auto}section[data-module="service-detail-serve"] .service-serve-track{gap:20px;padding:0 28px 24px 0}section[data-module="service-detail-serve"] .service-serve-item,section[data-module="service-detail-serve"] .service-serve-image{width:78vw;max-width:330px}section[data-module="service-detail-serve"] .service-serve-item{flex-basis:78vw}section[data-module="service-detail-serve"] .service-serve-image{height:78vw;max-height:330px}section[data-module="service-detail-serve"] .service-serve-item-title{bottom:38px;width:76%;max-width:235px;font-size:22px;line-height:1.18;-webkit-line-clamp:3;line-clamp:3}section[data-module="service-detail-serve"] .service-serve-arrow{top:47%;width:55px;height:48px}section[data-module="service-detail-serve"] .service-serve-arrow svg{width:55px;height:48px}section[data-module="service-detail-serve"] .service-serve-prev{left:0}section[data-module="service-detail-serve"] .service-serve-next{right:0}section[data-module="service-detail-serve"] .service-serve-pagination{display:none}section[data-module="service-detail-serve"] .service-serve-mobile-counter{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;min-width:62px;height:34px;margin:12px auto 0;padding:0 13px;border:1px solid rgba(17,76,146,.12);border-radius:20px;background-color:rgba(255,255,255,.72);font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1;color:var(--color-primary-dark);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}section[data-module="service-detail-serve"] .service-serve-mobile-current{color:var(--color-secondary-yellow)}section[data-module="service-detail-serve"] .service-serve-mobile-separator,section[data-module="service-detail-serve"] .service-serve-mobile-total{color:#808285}}
@media(max-width:480px){section[data-module="service-detail-serve"]{padding:48px 0 195px}section[data-module="service-detail-serve"] .service-serve-container{width:calc(100% - 30px)}section[data-module="service-detail-serve"] .service-serve-graphic{top:20px;right:-190px;width:420px;height:240px}section[data-module="service-detail-serve"] .service-serve-item,section[data-module="service-detail-serve"] .service-serve-image{width:80vw;max-width:310px}section[data-module="service-detail-serve"] .service-serve-item{flex-basis:80vw}section[data-module="service-detail-serve"] .service-serve-image{height:80vw;max-height:310px}section[data-module="service-detail-serve"] .service-serve-item-title{bottom:36px;width:74%;max-width:215px;font-size:21px;line-height:1.17}section[data-module="service-detail-serve"] .service-serve-slider-area{padding-bottom:25px}}

@media (min-width:1201px) and (max-width:1600px){
section[data-module="service-detail-serve"] .service-serve-slider{width:calc(100% - 120px);max-width:none}
section[data-module="service-detail-serve"] .service-serve-track{gap:30px;padding:0 18px 24px}
section[data-module="service-detail-serve"] .service-serve-item{flex:0 0 calc((100vw - 246px)/4);width:calc((100vw - 246px)/4)}
section[data-module="service-detail-serve"] .service-serve-image{width:calc((100vw - 246px)/4);height:calc((100vw - 246px)/4)}
section[data-module="service-detail-serve"] .service-serve-item-title{bottom:26px;width:88%;max-width:150px;font-size:clamp(17px,1.4vw,21px);line-height:1.12;-webkit-line-clamp:4;line-clamp:4;text-shadow:0 2px 5px rgba(0,0,0,.35)}
section[data-module="service-detail-serve"] .service-serve-image-overlay{background:linear-gradient(180deg,rgba(17,76,146,0) 28%,rgba(17,76,146,.12) 43%,rgba(17,76,146,.42) 64%,rgba(17,76,146,.82) 100%)}
section[data-module="service-detail-serve"] .service-serve-arrow{width:62px;height:62px;border:1px solid rgba(254,203,38,.42);border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(17,76,146,.16);color:var(--color-secondary-yellow)}
section[data-module="service-detail-serve"] .service-serve-arrow svg{width:42px;height:42px}
section[data-module="service-detail-serve"] .service-serve-prev{left:18px}
section[data-module="service-detail-serve"] .service-serve-next{right:18px}
section[data-module="service-detail-serve"] .service-serve-arrow:not(:disabled){opacity:1;color:var(--color-secondary-yellow)}
section[data-module="service-detail-serve"] .service-serve-arrow:disabled{opacity:.34;color:#bcbec0;background:rgba(255,255,255,.72);border-color:rgba(180,180,180,.25);box-shadow:none}
}

@media (min-width:1025px) and (max-width:1200px){
section[data-module="service-detail-serve"] .service-serve-slider{width:calc(100% - 110px)}
section[data-module="service-detail-serve"] .service-serve-track{gap:34px;padding:0 18px 24px}
section[data-module="service-detail-serve"] .service-serve-item{flex:0 0 300px;width:300px}
section[data-module="service-detail-serve"] .service-serve-image{width:300px;height:300px}
section[data-module="service-detail-serve"] .service-serve-prev{left:12px}
section[data-module="service-detail-serve"] .service-serve-next{right:12px}
}

@media (min-width:1025px) and (max-width:1600px) and (hover:hover) and (pointer:fine){section[data-module="service-detail-serve"] .service-serve-arrow:not(:disabled):hover{background:var(--color-secondary-yellow);color:#fff;box-shadow:0 10px 28px rgba(17,76,146,.22);transform:translateY(-50%) scale(1.06)}}

section[data-module="service-detail-serve"] .service-serve-title,section[data-module="service-detail-serve"] .service-serve-description,section[data-module="service-detail-serve"] .service-serve-item,section[data-module="service-detail-serve"] .service-serve-arrow,section[data-module="service-detail-serve"] .service-serve-pagination,section[data-module="service-detail-serve"] .service-serve-mobile-counter{opacity:0}
section[data-module="service-detail-serve"] .service-serve-title{transform:translate3d(0,20px,0)}
section[data-module="service-detail-serve"] .service-serve-description{transform:translate3d(0,15px,0)}
section[data-module="service-detail-serve"] .service-serve-item{transform:translate3d(0,22px,0) scale(.985)}
section[data-module="service-detail-serve"] .service-serve-arrow{transform:translateY(-50%) scale(.94)}
section[data-module="service-detail-serve"] .service-serve-pagination,section[data-module="service-detail-serve"] .service-serve-mobile-counter{transform:translate3d(0,7px,0)}
section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-title{animation:serviceServeTitleIn .72s cubic-bezier(.16,1,.3,1) .06s both}
section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-description{animation:serviceServeSoftIn .66s cubic-bezier(.16,1,.3,1) .30s both}
section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-item:nth-child(1){animation:serviceServeItemIn .64s cubic-bezier(.16,1,.3,1) .52s both}
section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-item:nth-child(2){animation:serviceServeItemIn .64s cubic-bezier(.16,1,.3,1) .64s both}
section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-item:nth-child(3){animation:serviceServeItemIn .64s cubic-bezier(.16,1,.3,1) .76s both}
section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-item:nth-child(4){animation:serviceServeItemIn .64s cubic-bezier(.16,1,.3,1) .88s both}
section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-item:nth-child(n+5){animation:serviceServeItemIn .64s cubic-bezier(.16,1,.3,1) 1s both}
section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-arrow{animation:serviceServeArrowIn .48s ease 1.08s both}
section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-pagination,section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-mobile-counter{animation:serviceServeSoftIn .46s ease 1.18s both}
@keyframes serviceServeTitleIn{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes serviceServeSoftIn{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes serviceServeItemIn{0%{opacity:0;transform:translate3d(0,22px,0) scale(.985)}72%{opacity:1;transform:translate3d(0,-1px,0) scale(1.001)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes serviceServeArrowIn{to{opacity:1;transform:translateY(-50%) scale(1)}}
@media(max-width:767px){section[data-module="service-detail-serve"] .service-serve-title{transform:translate3d(0,16px,0)}section[data-module="service-detail-serve"] .service-serve-description{transform:translate3d(0,12px,0)}section[data-module="service-detail-serve"] .service-serve-item{transform:translate3d(0,17px,0) scale(.99)}section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-title{animation-delay:.05s}section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-description{animation-delay:.24s}section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-item:nth-child(1){animation-delay:.42s}section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-item:nth-child(2){animation-delay:.54s}section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-item:nth-child(3){animation-delay:.66s}section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-item:nth-child(n+4){animation-delay:.78s}section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-arrow{animation-delay:.88s}section[data-module="service-detail-serve"]:has(.service-serve-highlight.is-active) .service-serve-mobile-counter{animation-delay:.98s}}
@media(prefers-reduced-motion:reduce){section[data-module="service-detail-serve"] .service-serve-image img,section[data-module="service-detail-serve"] .service-serve-arrow,section[data-module="service-detail-serve"] .service-serve-dot,section[data-module="service-detail-serve"] .service-serve-graphic{transition:none;animation:none}section[data-module="service-detail-serve"] .service-serve-graphic{opacity:1;transform:none}section[data-module="service-detail-serve"] .service-serve-title,section[data-module="service-detail-serve"] .service-serve-description,section[data-module="service-detail-serve"] .service-serve-item,section[data-module="service-detail-serve"] .service-serve-arrow,section[data-module="service-detail-serve"] .service-serve-pagination,section[data-module="service-detail-serve"] .service-serve-mobile-counter{opacity:1;transform:none;animation:none!important}}