.process-visual{height:420px}.process-visual .process-thread{inset:0;width:100%;height:100%;transform:none}.process-visual .process-nodes{position:absolute;inset:0;display:block;width:100%;height:100%}.process-visual .process-step,.process-visual .process-step:nth-child(even),.process-visual .process-step.is-active,.process-visual .process-step:nth-child(even).is-active{position:absolute;width:112px;height:112px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:1}.process-visual .process-step:nth-child(1){left:50%;top:6%}.process-visual .process-step:nth-child(2){left:93%;top:29%}.process-visual .process-step:nth-child(3){left:78%;top:84%}.process-visual .process-step:nth-child(4){left:22%;top:84%}.process-visual .process-step:nth-child(5){left:7%;top:29%}.process-visual .process-step.is-active{z-index:2}.process-visual .process-step .process-orb,.process-visual .process-step.is-active .process-orb,.process-visual .process-step.is-past .process-orb{width:82px;height:82px}.process-visual .process-step.is-active .process-orb{width:108px;height:108px}.process-visual .process-number{position:absolute;bottom:-19px;margin:0;white-space:nowrap}.process-visual .process-step:not(.is-active) .process-number{opacity:.7}.process-visual .process-step.is-active .process-number{opacity:1}@media (max-width:760px){.process-visual{height:430px}.process-visual .process-thread{display:none}.process-visual:before{display:block}.process-visual .process-nodes{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;width:90px;height:100%;margin:auto}.process-visual .process-step,.process-visual .process-step:nth-child(even),.process-visual .process-step.is-active,.process-visual .process-step:nth-child(even).is-active{position:relative;width:90px;height:52px;display:flex;transform:none}.process-visual .process-step:nth-child(1),.process-visual .process-step:nth-child(2),.process-visual .process-step:nth-child(3),.process-visual .process-step:nth-child(4),.process-visual .process-step:nth-child(5){left:auto;top:auto}.process-visual .process-step .process-orb,.process-visual .process-step.is-active .process-orb,.process-visual .process-step.is-past .process-orb{width:52px;height:52px}.process-visual .process-step.is-active .process-orb{width:60px;height:60px}.process-visual .process-number{position:static;margin:4px 0 0}}