.section-enterwapp[data-node].solution-related-project {
}

section[data-module="solution-related-project"]{position:relative;width:100%;max-width:100%;margin:0;padding:55px 0 35px;overflow:hidden;background:var(--color-white)}
section[data-module="solution-related-project"] .solution-related-project-heading{position:relative;z-index:10;width:100%;margin:0 auto 42px;padding:0 20px;text-align:center}
section[data-module="solution-related-project"] .solution-related-project-title{margin:0;line-height:1.1}
section[data-module="solution-related-project"] .solution-related-project-highlight,section[data-module="solution-related-project"] .solution-related-project-title-rest{display:inline}
section[data-module="solution-related-project"] .solution-related-project-slider{position:relative;width:100%;max-width:100%;min-height:470px}
section[data-module="solution-related-project"] .solution-related-project-viewport{position:relative;width:100%;max-width:100%;min-height:470px;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
section[data-module="solution-related-project"] .solution-related-project-slider.is-dragging .solution-related-project-viewport{cursor:grabbing}
section[data-module="solution-related-project"] .solution-related-project-track{position:relative;width:100%;min-height:470px}
section[data-module="solution-related-project"] .solution-related-project-item{position:absolute;top:50%;left:50%;width:330px;height:360px;opacity:1;pointer-events:auto;transform:translate(-50%,-50%);transition:transform .65s cubic-bezier(.16,1,.3,1),width .65s cubic-bezier(.16,1,.3,1),height .65s cubic-bezier(.16,1,.3,1),opacity .4s ease}
section[data-module="solution-related-project"] .solution-related-project-item.is-active{z-index:10;width:390px;height:420px;transform:translate(-50%,-50%)}
section[data-module="solution-related-project"] .solution-related-project-item.is-prev{z-index:5;transform:translate(calc(-50% - 390px),-50%)}
section[data-module="solution-related-project"] .solution-related-project-item.is-next{z-index:5;transform:translate(calc(-50% + 390px),-50%)}
section[data-module="solution-related-project"] .solution-related-project-item.is-far-prev{z-index:2;transform:translate(calc(-50% - 760px),-50%)}
section[data-module="solution-related-project"] .solution-related-project-item.is-far-next{z-index:2;transform:translate(calc(-50% + 760px),-50%)}
section[data-module="solution-related-project"] .solution-related-project-item.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
section[data-module="solution-related-project"] .solution-related-project-slider.is-single{min-height:470px}
section[data-module="solution-related-project"] .solution-related-project-slider.is-single .solution-related-project-item{width:390px;height:420px}
section[data-module="solution-related-project"] .solution-related-project-card{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:22px;text-decoration:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
section[data-module="solution-related-project"] .solution-related-project-image{position:absolute;inset:0;z-index:0;width:100%;height:100%}
section[data-module="solution-related-project"] .solution-related-project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none;transition:transform .5s ease}
section[data-module="solution-related-project"] .solution-related-project-card:hover .solution-related-project-image img{transform:scale(1.04)}
section[data-module="solution-related-project"] .solution-related-project-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 30%,color-mix(in srgb,var(--color-primary-dark) 20%,transparent) 52%,color-mix(in srgb,var(--color-primary-dark) 90%,transparent) 100%)}
section[data-module="solution-related-project"] .solution-related-project-content{position:absolute;z-index:3;right:30px;bottom:28px;left:30px;pointer-events:none}
section[data-module="solution-related-project"] .solution-related-project-card-title{margin:0 0 8px;color:var(--color-white);line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.32)}
section[data-module="solution-related-project"] .solution-related-project-description{max-width:100%;color:var(--color-white);line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.28)}
section[data-module="solution-related-project"] .solution-related-project-arrow{position:absolute;z-index:5;top:13px;right:13px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:12px;border-radius:50%;background-color:var(--color-secondary-yellow);pointer-events:none;transition:background-color .3s ease,transform .3s ease}
section[data-module="solution-related-project"] .solution-related-project-arrow img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none;transform:rotate(-45deg);transition:transform .3s ease}
section[data-module="solution-related-project"] .solution-related-project-card:hover .solution-related-project-arrow{background-color:var(--color-primary-light);transform:scale(1.06)}
section[data-module="solution-related-project"] .solution-related-project-card:hover .solution-related-project-arrow img{transform:rotate(45deg) translateX(2px)}
section[data-module="solution-related-project"] .solution-related-project-nav{position:absolute;z-index:30;top:50%;display:block;width:72px;height:96px;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--color-secondary-yellow);cursor:pointer;transform:translateY(-50%);transition:color .3s ease,opacity .3s ease,transform .3s ease}
section[data-module="solution-related-project"] .solution-related-project-nav:not(:disabled):hover{transform:translateY(-50%) scale(1.08)}
section[data-module="solution-related-project"] .solution-related-project-nav.is-disabled,section[data-module="solution-related-project"] .solution-related-project-nav:disabled{color:rgba(180,180,180,.75);opacity:1;visibility:visible;pointer-events:none;cursor:default}
section[data-module="solution-related-project"] .solution-related-project-nav span{position:absolute;top:50%;width:30px;height:30px}
section[data-module="solution-related-project"] .solution-related-project-prev{left:12px}
section[data-module="solution-related-project"] .solution-related-project-prev span{left:22px;border-left:4px solid currentColor;border-bottom:4px solid currentColor;transform:translateY(-50%) rotate(45deg)}
section[data-module="solution-related-project"] .solution-related-project-next{right:12px}
section[data-module="solution-related-project"] .solution-related-project-next span{right:22px;border-top:4px solid currentColor;border-right:4px solid currentColor;transform:translateY(-50%) rotate(45deg)}
section[data-module="solution-related-project"] .solution-related-project-pagination{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;gap:8px;min-height:12px;margin-top:-5px}
section[data-module="solution-related-project"] .solution-related-project-pagination-bullet{display:block;width:10px;height:10px;flex:0 0 auto;margin:0;padding:0;border:0;border-radius:20px;background-color:rgba(180,180,180,.75);cursor:pointer;transition:width .3s ease,background-color .3s ease}
section[data-module="solution-related-project"] .solution-related-project-pagination-bullet.is-active{width:24px;background-color:var(--color-secondary-yellow)}
@media(min-width:1600px){section[data-module="solution-related-project"] .solution-related-project-item{width:340px;height:365px}section[data-module="solution-related-project"] .solution-related-project-item.is-active{width:405px;height:430px}section[data-module="solution-related-project"] .solution-related-project-item.is-prev{transform:translate(calc(-50% - 395px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-next{transform:translate(calc(-50% + 395px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-far-prev{transform:translate(calc(-50% - 775px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-far-next{transform:translate(calc(-50% + 775px),-50%)}}
@media(max-width:1400px){section[data-module="solution-related-project"] .solution-related-project-item{width:290px;height:330px}section[data-module="solution-related-project"] .solution-related-project-item.is-active{width:350px;height:390px}section[data-module="solution-related-project"] .solution-related-project-item.is-prev{transform:translate(calc(-50% - 340px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-next{transform:translate(calc(-50% + 340px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-far-prev{transform:translate(calc(-50% - 670px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-far-next{transform:translate(calc(-50% + 670px),-50%)}}
@media(max-width:1024px){section[data-module="solution-related-project"]{padding:50px 0 28px}section[data-module="solution-related-project"] .solution-related-project-heading{margin-bottom:34px}section[data-module="solution-related-project"] .solution-related-project-slider,section[data-module="solution-related-project"] .solution-related-project-viewport,section[data-module="solution-related-project"] .solution-related-project-track{min-height:410px}section[data-module="solution-related-project"] .solution-related-project-item{width:250px;height:300px}section[data-module="solution-related-project"] .solution-related-project-item.is-active{width:300px;height:355px}section[data-module="solution-related-project"] .solution-related-project-item.is-prev{transform:translate(calc(-50% - 285px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-next{transform:translate(calc(-50% + 285px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-far-prev,section[data-module="solution-related-project"] .solution-related-project-item.is-far-next{opacity:0;visibility:hidden;pointer-events:none}section[data-module="solution-related-project"] .solution-related-project-content{right:24px;bottom:24px;left:24px}section[data-module="solution-related-project"] .solution-related-project-nav{width:60px;height:82px}section[data-module="solution-related-project"] .solution-related-project-nav span{width:25px;height:25px}section[data-module="solution-related-project"] .solution-related-project-prev{left:6px}section[data-module="solution-related-project"] .solution-related-project-next{right:6px}section[data-module="solution-related-project"] .solution-related-project-prev span{left:18px;border-left-width:3px;border-bottom-width:3px}section[data-module="solution-related-project"] .solution-related-project-next span{right:18px;border-top-width:3px;border-right-width:3px}}
@media(max-width:767px){section[data-module="solution-related-project"]{padding:45px 0 25px}section[data-module="solution-related-project"] .solution-related-project-heading{margin-bottom:28px;padding:0 18px}section[data-module="solution-related-project"] .solution-related-project-slider,section[data-module="solution-related-project"] .solution-related-project-viewport,section[data-module="solution-related-project"] .solution-related-project-track{min-height:390px}section[data-module="solution-related-project"] .solution-related-project-item{width:74vw;max-width:280px;height:320px}section[data-module="solution-related-project"] .solution-related-project-item.is-active{width:82vw;max-width:320px;height:360px}section[data-module="solution-related-project"] .solution-related-project-item.is-prev{transform:translate(calc(-50% - 260px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-next{transform:translate(calc(-50% + 260px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-far-prev,section[data-module="solution-related-project"] .solution-related-project-item.is-far-next{opacity:0;visibility:hidden;pointer-events:none}section[data-module="solution-related-project"] .solution-related-project-content{right:22px;bottom:22px;left:22px}section[data-module="solution-related-project"] .solution-related-project-nav{display:block;width:44px;height:64px}section[data-module="solution-related-project"] .solution-related-project-nav span{width:20px;height:20px}section[data-module="solution-related-project"] .solution-related-project-prev{left:1px}section[data-module="solution-related-project"] .solution-related-project-next{right:1px}section[data-module="solution-related-project"] .solution-related-project-prev span{left:14px;border-left-width:3px;border-bottom-width:3px}section[data-module="solution-related-project"] .solution-related-project-next span{right:14px;border-top-width:3px;border-right-width:3px}section[data-module="solution-related-project"] .solution-related-project-pagination{margin-top:-2px}}
@media(max-width:480px){section[data-module="solution-related-project"] .solution-related-project-slider,section[data-module="solution-related-project"] .solution-related-project-viewport,section[data-module="solution-related-project"] .solution-related-project-track{min-height:370px}section[data-module="solution-related-project"] .solution-related-project-item{width:78vw;max-width:260px;height:300px}section[data-module="solution-related-project"] .solution-related-project-item.is-active{width:84vw;max-width:295px;height:340px}section[data-module="solution-related-project"] .solution-related-project-item.is-prev{transform:translate(calc(-50% - 235px),-50%)}section[data-module="solution-related-project"] .solution-related-project-item.is-next{transform:translate(calc(-50% + 235px),-50%)}section[data-module="solution-related-project"] .solution-related-project-content{right:18px;bottom:18px;left:18px}section[data-module="solution-related-project"] .solution-related-project-arrow{top:10px;right:10px;width:38px;height:38px;padding:11px}section[data-module="solution-related-project"] .solution-related-project-nav{width:38px;height:58px}section[data-module="solution-related-project"] .solution-related-project-nav span{width:17px;height:17px}section[data-module="solution-related-project"] .solution-related-project-prev{left:0}section[data-module="solution-related-project"] .solution-related-project-next{right:0}section[data-module="solution-related-project"] .solution-related-project-prev span{left:12px}section[data-module="solution-related-project"] .solution-related-project-next span{right:12px}}

/* ONE-TIME ENTRANCE */
section[data-module="solution-related-project"] .solution-related-project-heading,section[data-module="solution-related-project"] .solution-related-project-slider,section[data-module="solution-related-project"] .solution-related-project-pagination{opacity:0}
section[data-module="solution-related-project"] .solution-related-project-heading{transform:translate3d(0,18px,0)}
section[data-module="solution-related-project"] .solution-related-project-slider{transform:translate3d(0,24px,0) scale(.99)}
section[data-module="solution-related-project"] .solution-related-project-pagination{transform:translate3d(0,7px,0)}
section[data-module="solution-related-project"]:has(.solution-related-project-highlight.is-active) .solution-related-project-heading{animation:solutionRelatedHeadingIn .68s cubic-bezier(.16,1,.3,1) .05s both}
section[data-module="solution-related-project"]:has(.solution-related-project-highlight.is-active) .solution-related-project-slider{animation:solutionRelatedSliderIn .78s cubic-bezier(.16,1,.3,1) .34s both}
section[data-module="solution-related-project"]:has(.solution-related-project-highlight.is-active) .solution-related-project-pagination{animation:solutionRelatedPaginationIn .48s ease .88s both}
@keyframes solutionRelatedHeadingIn{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes solutionRelatedSliderIn{0%{opacity:0;transform:translate3d(0,24px,0) scale(.99)}72%{opacity:1;transform:translate3d(0,-2px,0) scale(1.001)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes solutionRelatedPaginationIn{to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:767px){section[data-module="solution-related-project"] .solution-related-project-heading{transform:translate3d(0,14px,0)}section[data-module="solution-related-project"] .solution-related-project-slider{transform:translate3d(0,18px,0) scale(.995)}section[data-module="solution-related-project"]:has(.solution-related-project-highlight.is-active) .solution-related-project-heading{animation-delay:.04s}section[data-module="solution-related-project"]:has(.solution-related-project-highlight.is-active) .solution-related-project-slider{animation-delay:.26s}section[data-module="solution-related-project"]:has(.solution-related-project-highlight.is-active) .solution-related-project-pagination{animation-delay:.72s}}
@media(prefers-reduced-motion:reduce){section[data-module="solution-related-project"] .solution-related-project-heading,section[data-module="solution-related-project"] .solution-related-project-slider,section[data-module="solution-related-project"] .solution-related-project-pagination{opacity:1;transform:none;animation:none!important}}
