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

section[data-module="solution-detail-serve"]{position:relative;width:100%;margin:0;padding:65px 0 85px;overflow:hidden;background:var(--color-white)}
section[data-module="solution-detail-serve"],section[data-module="solution-detail-serve"] *{box-sizing:border-box}
section[data-module="solution-detail-serve"] .solution-serve-wrapper{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:70px;width:100%;margin:0;padding:0 5% 0 0}
section[data-module="solution-detail-serve"] .solution-serve-slider-area{position:relative;width:100%;min-width:0;margin:0;padding:0 0 50px}
section[data-module="solution-detail-serve"] .solution-serve-slider-area::before{content:"";position:absolute;top:0;bottom:50px;right:0;left:auto;z-index:20;width:155px;pointer-events:none;opacity:1;background:linear-gradient(270deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.96) 14%,rgba(255,255,255,.80) 34%,rgba(255,255,255,.52) 56%,rgba(255,255,255,.22) 78%,rgba(255,255,255,0) 100%);transition:opacity .3s ease}
section[data-module="solution-detail-serve"].is-feather-hidden .solution-serve-slider-area::before{opacity:0}
section[data-module="solution-detail-serve"] .solution-serve-slider{position:relative;z-index:5;width:100%;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;cursor:grab;direction:ltr;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto;overscroll-behavior-x:contain}
section[data-module="solution-detail-serve"] .solution-serve-slider::-webkit-scrollbar{display:none}
section[data-module="solution-detail-serve"] .solution-serve-slider.is-dragging{cursor:grabbing;user-select:none}
section[data-module="solution-detail-serve"] .solution-serve-track{display:flex;flex-direction:row;direction:ltr;align-items:stretch;width:max-content;min-width:100%;margin:0;padding:0 30px;gap:28px}
section[data-module="solution-detail-serve"] .solution-serve-card{position:relative;flex:0 0 340px;width:340px;height:340px;margin:0;padding:0;overflow:hidden;border-radius:28px;background:#d7d8da}
section[data-module="solution-detail-serve"] .solution-serve-card-image{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
section[data-module="solution-detail-serve"] .solution-serve-card-overlay{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;background:linear-gradient(to bottom,rgba(17,76,146,0) 42%,rgba(17,76,146,.10) 56%,rgba(17,76,146,.30) 72%,rgba(17,76,146,.72) 100%)}
section[data-module="solution-detail-serve"] .solution-serve-card-title{position:absolute;right:24px;bottom:32px;left:24px;z-index:3;margin:0;padding:0;font-family:var(--font-heading);font-size:var(--font-h5);font-weight:600;line-height:1.3;text-align:center;color:var(--color-white)}
section[data-module="solution-detail-serve"] .solution-serve-arrow{position:absolute;top:calc(50% - 25px);z-index:30;display:flex;align-items:center;justify-content:center;width:72px;height:96px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--color-secondary-yellow);cursor:pointer;transform:translateY(-50%);transition:color .3s ease}
section[data-module="solution-detail-serve"] .solution-serve-arrow svg{display:block;width:44px;height:44px;overflow:visible}
section[data-module="solution-detail-serve"] .solution-serve-arrow path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
section[data-module="solution-detail-serve"] .solution-serve-prev{left:12px}
section[data-module="solution-detail-serve"] .solution-serve-next{right:12px}
section[data-module="solution-detail-serve"] .solution-serve-arrow:not(.is-disabled){color:var(--color-secondary-yellow);opacity:1;pointer-events:auto;cursor:pointer}
section[data-module="solution-detail-serve"] .solution-serve-arrow:not(.is-disabled):hover{color:var(--color-primary-light)}
section[data-module="solution-detail-serve"] .solution-serve-arrow.is-disabled,section[data-module="solution-detail-serve"] .solution-serve-arrow:disabled{color:rgba(180,180,180,.75);opacity:1;pointer-events:none;cursor:default}
section[data-module="solution-detail-serve"] .solution-serve-counter{position:absolute;right:0;bottom:2px;left:0;z-index:25;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:0;padding:0;font-family:var(--font-heading);font-size:16px;font-weight:500;line-height:1;letter-spacing:.03em;color:rgba(35,31,32,.55)}
section[data-module="solution-detail-serve"] .solution-serve-counter-current{font-weight:600;color:var(--color-primary-dark)}
section[data-module="solution-detail-serve"] .solution-serve-counter-separator{color:rgba(35,31,32,.35)}
section[data-module="solution-detail-serve"] .solution-serve-counter-total{color:rgba(35,31,32,.55)}
section[data-module="solution-detail-serve"] .solution-serve-content{position:relative;z-index:5;width:100%;max-width:360px;margin:0;padding:0}
section[data-module="solution-detail-serve"] .solution-serve-title{width:100%;margin:0 0 24px;padding:0;line-height:1.08}
section[data-module="solution-detail-serve"] .solution-serve-highlight,section[data-module="solution-detail-serve"] .solution-serve-title-rest{display:block;width:fit-content}
section[data-module="solution-detail-serve"] .solution-serve-description{width:100%;margin:0;padding:0;font-family:var(--font-body);line-height:1.5;color:#231f20}
section[data-module="solution-detail-serve"] .solution-serve-description p{margin:0 0 16px;padding:0;color:#231f20}
section[data-module="solution-detail-serve"] .solution-serve-description p:last-child{margin-bottom:0}
section[data-module="solution-detail-serve"] .solution-serve-wrapper.has-no-items{display:block;width:83%;max-width:1600px;margin:0 auto;padding:0}
section[data-module="solution-detail-serve"] .solution-serve-wrapper.has-no-items .solution-serve-content{max-width:720px}
section[data-module="solution-detail-serve"] .solution-serve-wrapper.has-no-content{display:block;padding-right:0}
section[data-module="solution-detail-serve"] .solution-serve-wrapper.has-no-content .solution-serve-slider-area{width:100%}
@media(max-width:1600px){section[data-module="solution-detail-serve"]{padding:62px 0 82px}section[data-module="solution-detail-serve"] .solution-serve-wrapper{grid-template-columns:minmax(0,1fr) 330px;gap:55px;padding-right:4%}section[data-module="solution-detail-serve"] .solution-serve-card{flex-basis:310px;width:310px;height:340px}section[data-module="solution-detail-serve"] .solution-serve-track{gap:24px}section[data-module="solution-detail-serve"] .solution-serve-slider-area::before{width:145px}}
@media(max-width:1400px){section[data-module="solution-detail-serve"]{padding:58px 0 78px}section[data-module="solution-detail-serve"] .solution-serve-wrapper{grid-template-columns:minmax(0,1fr) 300px;gap:42px;padding-right:3%}section[data-module="solution-detail-serve"] .solution-serve-card{flex-basis:285px;width:285px;height:330px}section[data-module="solution-detail-serve"] .solution-serve-track{gap:22px}section[data-module="solution-detail-serve"] .solution-serve-card-title{right:20px;bottom:28px;left:20px;font-size:21px}section[data-module="solution-detail-serve"] .solution-serve-slider-area::before{width:130px}}
@media(max-width:1024px){section[data-module="solution-detail-serve"]{padding:55px 0 70px}section[data-module="solution-detail-serve"] .solution-serve-wrapper{display:flex;flex-direction:column-reverse;width:100%;gap:38px;padding:0}section[data-module="solution-detail-serve"] .solution-serve-content{width:calc(100% - 60px);max-width:none;margin:0 auto}section[data-module="solution-detail-serve"] .solution-serve-slider-area{width:100%}section[data-module="solution-detail-serve"] .solution-serve-slider-area::before{width:110px}section[data-module="solution-detail-serve"] .solution-serve-track{padding:0 30px;gap:22px}section[data-module="solution-detail-serve"] .solution-serve-card{flex:0 0 calc((100vw - 82px)/2);width:calc((100vw - 82px)/2);height:330px}}
@media(max-width:767px){section[data-module="solution-detail-serve"]{padding:45px 0 60px}section[data-module="solution-detail-serve"] .solution-serve-wrapper{display:flex;flex-direction:column;width:100%;gap:32px;margin:0;padding:0}section[data-module="solution-detail-serve"] .solution-serve-content{order:1;width:100%;max-width:none;margin:0;padding:0 18px;text-align:center}section[data-module="solution-detail-serve"] .solution-serve-title{display:block;width:100%;margin:0 0 18px;padding:0;text-align:center}section[data-module="solution-detail-serve"] .solution-serve-highlight,section[data-module="solution-detail-serve"] .solution-serve-title-rest{display:inline;width:auto}section[data-module="solution-detail-serve"] .solution-serve-description{width:100%;max-width:520px;margin:0 auto;padding:0;line-height:1.5;text-align:center;color:#231f20}section[data-module="solution-detail-serve"] .solution-serve-description p{margin:0 auto 14px;color:#231f20;text-align:center}section[data-module="solution-detail-serve"] .solution-serve-slider-area{order:2;width:100%;padding:0 0 48px}section[data-module="solution-detail-serve"] .solution-serve-slider-area::before{display:none}section[data-module="solution-detail-serve"] .solution-serve-slider{width:100%;touch-action:pan-x pan-y}section[data-module="solution-detail-serve"] .solution-serve-track{justify-content:flex-start;width:max-content;min-width:0;margin:0;padding:0 54px 0 18px;gap:16px}section[data-module="solution-detail-serve"] .solution-serve-card{flex:0 0 calc(100vw - 72px);width:calc(100vw - 72px);height:380px;border-radius:26px}section[data-module="solution-detail-serve"] .solution-serve-card-title{right:22px;bottom:28px;left:22px;font-size:var(--font-h5)}section[data-module="solution-detail-serve"] .solution-serve-arrow{top:calc(50% - 24px);width:72px;height:100px}section[data-module="solution-detail-serve"] .solution-serve-arrow svg{width:48px;height:48px}section[data-module="solution-detail-serve"] .solution-serve-arrow path{stroke-width:1.9}section[data-module="solution-detail-serve"] .solution-serve-prev{left:0}section[data-module="solution-detail-serve"] .solution-serve-next{right:0}section[data-module="solution-detail-serve"] .solution-serve-counter{bottom:0;gap:7px;font-size:16px}}
@media(max-width:480px){section[data-module="solution-detail-serve"]{padding:40px 0 55px}section[data-module="solution-detail-serve"] .solution-serve-content{padding-right:15px;padding-left:15px}section[data-module="solution-detail-serve"] .solution-serve-track{padding-right:40px;padding-left:15px;gap:14px}section[data-module="solution-detail-serve"] .solution-serve-card{flex-basis:calc(100vw - 55px);width:calc(100vw - 55px);height:350px}section[data-module="solution-detail-serve"] .solution-serve-arrow{width:64px;height:92px}section[data-module="solution-detail-serve"] .solution-serve-arrow svg{width:43px;height:43px}section[data-module="solution-detail-serve"] .solution-serve-counter{font-size:15px}}

/* FASTER ONE-TIME ENTRANCE */
section[data-module="solution-detail-serve"] .solution-serve-title,section[data-module="solution-detail-serve"] .solution-serve-description,section[data-module="solution-detail-serve"] .solution-serve-card,section[data-module="solution-detail-serve"] .solution-serve-arrow,section[data-module="solution-detail-serve"] .solution-serve-counter{opacity:0}
section[data-module="solution-detail-serve"] .solution-serve-title{transform:translate3d(0,16px,0)}
section[data-module="solution-detail-serve"] .solution-serve-description{transform:translate3d(0,10px,0)}
section[data-module="solution-detail-serve"] .solution-serve-card{transform:translate3d(0,16px,0) scale(.99)}
section[data-module="solution-detail-serve"] .solution-serve-arrow{transform:translateY(-50%) scale(.96)}
section[data-module="solution-detail-serve"] .solution-serve-counter{transform:translate3d(0,5px,0)}
section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-title{animation:solutionServeTitleIn .48s cubic-bezier(.16,1,.3,1) .02s both}
section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-description{animation:solutionServeSoftIn .44s cubic-bezier(.16,1,.3,1) .12s both}
section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-card:nth-child(1){animation:solutionServeCardIn .46s cubic-bezier(.16,1,.3,1) .22s both}
section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-card:nth-child(2){animation:solutionServeCardIn .46s cubic-bezier(.16,1,.3,1) .30s both}
section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-card:nth-child(3){animation:solutionServeCardIn .46s cubic-bezier(.16,1,.3,1) .38s both}
section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-card:nth-child(4){animation:solutionServeCardIn .46s cubic-bezier(.16,1,.3,1) .46s both}
section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-card:nth-child(n+5){animation:solutionServeCardIn .46s cubic-bezier(.16,1,.3,1) .54s both}
section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-arrow{animation:solutionServeArrowIn .34s ease .58s both}
section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-counter{animation:solutionServeSoftIn .32s ease .64s both}
@keyframes solutionServeTitleIn{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes solutionServeSoftIn{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes solutionServeCardIn{0%{opacity:0;transform:translate3d(0,16px,0) scale(.99)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes solutionServeArrowIn{to{opacity:1;transform:translateY(-50%) scale(1)}}
@media(max-width:767px){section[data-module="solution-detail-serve"] .solution-serve-title{transform:translate3d(0,12px,0)}section[data-module="solution-detail-serve"] .solution-serve-description{transform:translate3d(0,8px,0)}section[data-module="solution-detail-serve"] .solution-serve-card{transform:translate3d(0,12px,0) scale(.993)}section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-title{animation-delay:.01s}section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-description{animation-delay:.09s}section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-card:nth-child(1){animation-delay:.17s}section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-card:nth-child(2){animation-delay:.24s}section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-card:nth-child(3){animation-delay:.31s}section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-card:nth-child(n+4){animation-delay:.38s}section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-arrow{animation-delay:.45s}section[data-module="solution-detail-serve"]:has(.solution-serve-highlight.is-active) .solution-serve-counter{animation-delay:.50s}}
@media(prefers-reduced-motion:reduce){section[data-module="solution-detail-serve"] .solution-serve-title,section[data-module="solution-detail-serve"] .solution-serve-description,section[data-module="solution-detail-serve"] .solution-serve-card,section[data-module="solution-detail-serve"] .solution-serve-arrow,section[data-module="solution-detail-serve"] .solution-serve-counter{opacity:1;transform:none;animation:none!important}}
