.process-steps{--size-step:24px;--width-vertical-line:4px;@media (min-width:760px){& .sticky-header{position:sticky;top:148px}}& .process-steps-wrapper{padding-top:var(--content-gap);position:relative;@media (min-width:760px){margin-top:var(--spacing-spacious);padding-left:var(--content-gap)}}& .vertical-line{background:linear-gradient(180deg,var(--color-forest-green) 80%,transparent);border-radius:16px;height:100%;position:absolute;right:10px;top:4px;width:var(--width-vertical-line)}& .process-steps-content{padding-right:var(--size-step);&:first-of-type figure{background:var(--color-forest-green)}& header{position:relative;& figure{background:var(--color-charcoal-gray);border-radius:50%;color:#fff;height:var(--size-step);outline:4px solid var(--color-light-mist);position:absolute;right:calc(0px - var(--size-step));width:var(--size-step)}}& ul{margin-right:clamp(16px,3.2vw,32px)}& li{background:#fff;border-radius:4px;padding:12px 0 12px 30px;position:relative;text-box-edge:cap alphabetic;text-box-trim:trim-both;&:before{background:var(--color-mint-green);border-radius:50%;content:"";display:block;height:12px;left:9px;position:absolute;top:12px;width:12px}}}}