.steps.gradient .list-head:after{background:linear-gradient(135deg,#d8eeff,#efeefa 49.78%,#fdeaec)}.steps .list{display:flex;counter-reset:list}.steps .list>*{flex:1}@media (max-width: 992px){.steps .list{flex-direction:column;gap:24px}}@media (min-width: 993px){.steps .list{gap:20px}}.steps .list-head{position:relative}.steps .list-head span{font-size:0;opacity:0}.steps .list-head:after{counter-increment:list;display:inline-flex;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;color:#1f2024;background:#e8f4fd;border-radius:50%;content:counter(list)}.steps .item{display:flex;gap:16px}.steps .item:not(:last-child) .list-head:not(:last-child):before{display:block;position:absolute;z-index:-1;background-color:#e8f4fd;content:""}.steps .item:last-child .list-head:before{position:absolute;z-index:-1;width:0;height:0;border-style:solid;border-width:10px 6px 0 6px;border-color:#E8F4FD transparent transparent transparent;content:""}.steps .item:last-child .list-head:after{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6652 5.25335C20.0776 5.62073 20.1141 6.25285 19.7467 6.66522L10.096 17.4976C9.61877 18.0333 8.78125 18.0333 8.30402 17.4976L4.25335 12.9509C3.88597 12.5386 3.92244 11.9064 4.3348 11.5391C4.74717 11.1717 5.37929 11.2081 5.74667 11.6205L9.20001 15.4967L18.2534 5.3348C18.6207 4.92244 19.2528 4.88597 19.6652 5.25335Z' fill='white'/%3E%3C/svg%3E%0A");background-size:24px;background-repeat:no-repeat;background-position:center center;background-color:var(--contrastPrimary);content:""}.steps .list.vertical{flex-direction:column;gap:24px}.steps .list.vertical .item>*{align-self:center}.steps .list.vertical .item:not(:last-child) .list-head:not(:last-child):before{top:100%;left:50%;height:100%;width:2px;transform:translate(-50%)}.steps .list.vertical .item:last-child .list-head:before{bottom:100%;left:50%;transform:translate(-50%)}.steps .list.horizontal{gap:20px}.steps .list.horizontal .item{flex-direction:column}.steps .list.horizontal .item:not(:last-child) .list-head:not(:last-child):before{top:50%;left:0;width:calc(100% + 20px);height:2px;transform:translateY(-50%)}.steps .list.horizontal .item:last-child .list-head:before{top:50%;right:100%;transform:translateY(-50%);border-width:6px 0 6px 10px;border-color:transparent transparent transparent #E8F4FD}