.workProcess .wpBox{-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);background:#141416;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 24px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:1rem;justify-content:end;min-height:270px;overflow:hidden;position:relative;transition:all .2s linear}.workProcess .wpBox:hover{border-color:rgba(255,172,38,.4);box-shadow:0 0 16px 1px rgba(255,172,38,.45)}.workProcess .wpBox h2{color:#ffac26;font-size:1.5rem;font-weight:700}.workProcess .wpBox h4{font-size:1.25rem;font-weight:600}.workProcess .wpBox p{font-size:.65rem}.workProcess .wpBox .wpImg{position:absolute;right:-5px;top:-5px;transition:all .2s linear}.workProcess .wpBox:hover .wpImg{position:absolute;right:0;top:0}.borderFillOuter{overflow:visible;position:absolute}.borderFill{z-index:-1}.borderFill,.bordermotion{overflow:hidden;position:absolute}.bordermotion{border-radius:13px;height:136px;padding:0;top:0;width:136px}.bordermotion:after,.bordermotion:before{content:"";display:block;position:absolute}.bordermotion:after{background-position:0 0,100% 0;background-repeat:no-repeat;background-size:50%;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-2}.bordermotion:before{background:#0a0a0a;border-radius:12px;height:calc(100% - 4px);left:2px;top:2px;width:calc(100% - 4px);z-index:1}.borderFillOuter span{bottom:0;height:7px;position:absolute;width:14px}.borderFillOuter span:after{background:#ffac26;border-top-left-radius:5px;border-top-right-radius:5px;bottom:0;content:"";height:6px;left:0;margin:0 auto;position:absolute;right:0;width:0;z-index:1}.active .borderFillOuter span:after{animation:lineendpart .2s linear;animation-delay:2s;animation-fill-mode:forwards}.borderFillOuter:before{background:#ffac26;border-radius:50%;box-shadow:0 0 0 5px #0a0a0a;content:"";height:6px;position:absolute;top:-3px;width:6px;z-index:1}.workProcess>div:nth-child(2n){margin-left:auto}.workProcess>div:nth-child(2n) .borderFillOuter:before{right:-3px}.workProcess>div:nth-child(odd) .borderFillOuter:before{left:-3px}.workProcess>div:nth-child(2n) .borderFillOuter span{left:-6px}.workProcess>div:nth-child(odd) .borderFillOuter span{right:-6px}@media (min-width:640px){.borderFill,.borderFillOuter{bottom:0;height:122px;width:122px}.workProcess>div:nth-child(2n) .borderFillOuter{right:100%}.workProcess>div:nth-child(odd) .borderFillOuter{left:100%}}@media not all and (min-width:640px){.workProcess .borderFillOuter{height:6rem;left:50%}.workProcess .bordermotion{display:none}.workProcess .borderFill{background-color:rgba(255,172,38,.6);height:0;left:-1px;top:0;width:2px}.active .borderFill{animation:heightFill 2s linear;animation-fill-mode:forwards}}.workProcess>div:nth-child(odd) .bordermotion:after{background-image:linear-gradient(transparent,transparent),linear-gradient(rgba(255,172,38,.7),rgba(255,172,38,.7));transform:rotate(310deg)}.workProcess>div:nth-child(2n) .bordermotion:after{background-image:linear-gradient(rgba(255,172,38,.7),rgba(255,172,38,.7)),linear-gradient(transparent,transparent);transform:rotate(50deg)}.workProcess>div:nth-child(odd) .bordermotion{right:0}.workProcess>div:nth-child(2n) .bordermotion{left:0}.workProcess>div.active:nth-child(odd) .bordermotion:after{animation:filllineleft 2s linear}.workProcess>div.active:nth-child(2n) .bordermotion:after{animation:filllineright 2s linear}@keyframes filllineleft{0%{transform:rotate(140deg)}to{transform:rotate(310deg)}}@keyframes filllineright{0%{transform:rotate(220deg)}to{transform:rotate(50deg)}}@keyframes lineendpart{0%{width:0}to{width:14px}}@keyframes heightFill{0%{height:0}to{height:100%}}