.workflow{background:#20242a;color:#fff}.workflow-heading{max-width:750px}.workflow .section-subtitle{color:#e1c762}.workflow h2{margin:0;color:#fff}
.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:58px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.16);list-style:none}
.step{position:relative;padding:32px 28px 10px 0;border-right:1px solid rgba(255,255,255,.12)}
.step:not(:first-child){padding-left:28px}.step-number{display:block;margin-bottom:64px;color:var(--color-primary);font-size:46px;font-weight:300;letter-spacing:-.05em}
.step-number::after{content:"";position:absolute;top:-5px;left:0;width:10px;height:10px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 6px #20242a}
.step:not(:first-child) .step-number::after{left:28px}.step h3{color:#fff;font-size:20px;line-height:1.3}.step p{margin-top:14px;color:#aeb4b9;font-size:14px;line-height:1.7}
@media(max-width:900px){.workflow-grid{grid-template-columns:repeat(2,1fr)}.step{border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:560px){.workflow-grid{grid-template-columns:1fr}.step,.step:not(:first-child){padding:28px 0}.step-number{margin-bottom:28px}.step:not(:first-child) .step-number::after{left:0}}