.process-steps{position:relative}.process-steps h2{font-size:2.25rem;position:relative;text-align:center;z-index:1}.process-steps .steps{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.process-steps .step{align-items:center;display:flex;flex:1;flex-direction:column;padding:20px;position:relative;text-align:center}.process-steps .step:before{background:#aab7bd;content:"";height:40px;left:50%;opacity:0;position:absolute;top:90%;transform:translateX(-50%);visibility:hidden;width:2px;z-index:1}.process-steps .steps.animated .step:before{animation:line 1s ease-in-out forwards}.process-steps .step:last-child:before{display:none}.process-steps .step .step-circle{background:#fff;border-radius:50%;box-shadow:60px -60px 0 2px #fff,-60px -60px 0 2px #fff,-60px 60px 0 2px #fff,60px 60px 0 2px #fff,0 0 0 2px #fff;height:120px;margin:0;overflow:hidden;position:relative;width:120px}.process-steps .steps.animated .step .step-circle{animation:border 1s ease-in-out forwards}.process-steps .step .step-circle .step-circle__number{background:#fff;border-radius:50%;display:grid;font-size:40px;font-weight:500;height:100px;left:50%;opacity:0;padding-left:.3rem;place-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:100px;z-index:2}.process-steps .steps.animated .step .step-circle .step-circle__number{animation:fadeIn 1s ease-in-out forwards}.process-steps .step .step-description{font-size:1.125rem;margin-top:1.5rem;max-width:220px;opacity:0;text-align:center;visibility:hidden;z-index:2}.process-steps .steps.animated .step .step-description{animation:fadeUp 1s ease-in-out forwards}@keyframes border{0%{box-shadow:60px -60px 0 2px #fff,-60px -60px 0 2px #fff,-60px 60px 0 2px #fff,60px 60px 0 2px #fff,0 0 0 2px var(--tertiary)}25%{box-shadow:0 -125px 0 2px #fff,-60px -60px 0 2px #fff,-60px 60px 0 2px #fff,60px 60px 0 2px #fff,0 0 0 2px #fff}50%{box-shadow:0 -125px 0 2px #fff,-125px 0 0 2px #fff,-60px 60px 0 2px #fff,60px 60px 0 2px #fff,0 0 0 2px #fff}75%{box-shadow:0 -125px 0 2px #fff,-125px 0 0 2px #fff,0 125px 0 2px #fff,60px 60px 0 2px #fff,0 0 0 2px #fff}to{box-shadow:0 -125px 0 2px #fff,-125px 0 0 2px #fff,0 125px 0 2px #fff,120px 40px 0 2px #fff,0 0 0 2px #fff}}@keyframes line{0%{opacity:0;transform:scaleX(0);visibility:hidden}to{opacity:.16;transform:scaleX(1);visibility:visible}}@keyframes fadeUp{0%{opacity:0;transform:translateY(200%);visibility:hidden}to{opacity:1;transform:none;visibility:visible}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{background:var(--tertiary);color:#fff;opacity:1;visibility:visible}}@media (min-width:1024px){.process-steps h2{text-align:left}.process-steps .steps{flex-direction:row}.process-steps .title{max-width:70%}.process-steps .step,.process-steps .steps{align-items:flex-start}.process-steps .step{padding:1.5rem}.process-steps .step:before{height:2px;left:160px;top:90px;transform-origin:0 100%;width:calc(100% - 160px)}.process-steps .step .step-description{text-align:left}}