.services-hero{position:relative;width:100vw;height:50vh;padding:2em;display:flex;justify-content:center;align-items:center;margin-top:80px}.services-hero .hero-header h1{font-size:15vw;line-height:.9;text-align:center}.services-hero .hero-sub{position:absolute;bottom:0;width:100%;padding:2em;text-align:center}.services-hero .hero-sub p{max-width:600px;margin:0 auto}.workflow{position:relative;width:100vw;padding:10vh 0}.workflow-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 2em}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background-color:var(--fg);transform:translate(-50%);opacity:.1}.timeline-progress{position:absolute;left:50%;top:0;width:4px;height:0;background-color:var(--fg);transform:translate(-50%);z-index:1}.timeline-dot{position:absolute;left:50%;top:0;width:20px;height:20px;background-color:var(--fg);border:4px solid var(--bg);border-radius:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:0 0 20px #0003}.workflow-items{position:relative}.workflow-item{position:relative;width:100%;margin:15vh 0;display:flex;justify-content:flex-start}.workflow-item:nth-child(2n){justify-content:flex-end}.workflow-card{position:relative;width:calc(45% - 2em);padding:3em;background-color:var(--bg2);border:4px solid var(--fg);border-radius:2em;transition:all .5s cubic-bezier(.075,.82,.165,1);box-shadow:10px 10px 0 var(--fg);opacity:.2;transform:translateY(50px) scale(.9)}.workflow-card.active{opacity:1;transform:translateY(0) scale(1);background-color:var(--bg)}.workflow-item:nth-child(1) .workflow-card.active{border-color:var(--accent1);box-shadow:10px 10px 0 var(--accent1)}.workflow-item:nth-child(2) .workflow-card.active{border-color:var(--accent2);box-shadow:10px 10px 0 var(--accent2)}.workflow-item:nth-child(3) .workflow-card.active{border-color:var(--accent3);box-shadow:10px 10px 0 var(--accent3)}.workflow-item:nth-child(4) .workflow-card.active{border-color:var(--accent4);box-shadow:10px 10px 0 var(--accent4)}.workflow-item:nth-child(5) .workflow-card.active{border-color:var(--accent1);box-shadow:10px 10px 0 var(--accent1)}.workflow-item:nth-child(6) .workflow-card.active{border-color:var(--accent2);box-shadow:10px 10px 0 var(--accent2)}.workflow-item:nth-child(7) .workflow-card.active{border-color:var(--accent3);box-shadow:10px 10px 0 var(--accent3)}.workflow-item:nth-child(8) .workflow-card.active{border-color:var(--accent4);box-shadow:10px 10px 0 var(--accent4)}.workflow-card .card-num{font-size:1.5rem;margin-bottom:1em;display:block}.workflow-card h3{margin-bottom:1rem}.workflow-card p{margin-bottom:1.5rem;opacity:.8}.workflow-card .highlight{color:var(--fg);font-weight:700;display:inline-block;padding:.5em 1em;background:var(--bg2);border-radius:.5em;opacity:1}@media (max-width: 1000px){.services-hero .hero-header h1{font-size:20vw}.timeline-line,.timeline-progress,.timeline-dot{left:20px;transform:none}.timeline-dot{left:12px}.workflow-item{justify-content:flex-start!important;padding-left:60px}.workflow-card{width:100%;padding:2em}}