.process-steps{--size-step:32px;--width-vertical-line:8px;@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:12px;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;&:before{background:var(--color-mint-green);border-radius:50%;content:"";display:block;height:12px;left:9px;position:absolute;top:20px;width:12px}}}}