.playojo-link:hover{text-decoration:underline!important}.software-providers{list-style:none;counter-reset:list;padding:0 1rem}.software-providers li{--stop:calc(100% / var(--length) * var(--i));--l:62%;--l2:88%;--h:calc((var(--i) - 1) * (180 / var(--length)));--c1:hsl(var(--h), 71%, var(--l));--c2:hsl(var(--h), 71%, var(--l2));position:relative;counter-increment:list;max-width:45rem;margin:2rem auto;padding:2rem 1rem 1rem;box-shadow:.1rem .1rem 1.5rem rgba(0,0,0,.3);border-radius:.25rem;overflow:hidden;background-color:#fff}.software-providers li::before{content:'';display:block;width:100%;height:1rem;position:absolute;top:0;left:0;background:linear-gradient(to right,var(--c1) var(--stop),var(--c2) var(--stop))}.software-providers h3{display:flex;align-items:baseline;margin:0 0 1rem;color:#464646}.software-providers h3::before{display:flex;justify-content:center;align-items:center;flex:0 0 auto;margin-right:1rem;width:3rem;height:3rem;content:counter(list);padding:1rem;border-radius:50%;background-color:var(--c1);color:#fff}@media (min-width:40em){.software-providers li{margin:3rem auto;padding:3rem 2rem 2rem}.software-providers h3{font-size:2.25rem;margin:0 0 2rem}.software-providers h3::before{margin-right:1.5rem}}.icon{color:#012066;padding-right:10px}body{counter-reset:step}.step::before{content:counter(step);counter-increment:step;background-color:#012066;border-radius:50%;color:#fff;width:20px;height:20px;display:inline-block;text-align:center;line-height:20px;margin-right:10px}