.ht__step::before{content:attr(data-step);position:absolute;top:0;left:-20px;bottom:0;margin:auto;color:#fff;width:40px;height:40px;font-size:20px;text-align:center;line-height:40px;font-weight:700;background:var(--primary-variant);border-radius:50%}.bg-p .ht__step{background:#fff}.bg-pv .ht__step{background:#fff}.bg-s .ht__step{background:#fff}.bg-sv .ht__step{background:#fff}.bg-n .ht__step{background:#fff}.bg-d .ht__step{background:#fff}.bg-l .ht__step{background:#fff}@media (min-width: 768px){.bg-u-sm-p .ht__step{background:#fff}.bg-u-sm-pv .ht__step{background:#fff}.bg-u-sm-s .ht__step{background:#fff}.bg-u-sm-sv .ht__step{background:#fff}.bg-u-sm-n .ht__step{background:#fff}.bg-u-sm-d .ht__step{background:#fff}.bg-u-sm-l .ht__step{background:#fff}}@media (max-width: 767.98px){.bg-o-xs-p .ht__step{background:#fff}.bg-o-xs-pv .ht__step{background:#fff}.bg-o-xs-s .ht__step{background:#fff}.bg-o-xs-sv .ht__step{background:#fff}.bg-o-xs-n .ht__step{background:#fff}.bg-o-xs-d .ht__step{background:#fff}.bg-o-xs-l .ht__step{background:#fff}}