.how-it-works{box-sizing:border-box;text-align:center;color:var(--color__white);background-color:var(--color__bg-how-it-works)}@media screen and (min-width:53.1875em){.how-it-works{color:var(--color__black)}}.how-it-works h2{color:var(--color__how-it-works)}.how-it-works .how-it-works__circles{padding:3rem 0}.how-it-works .how-it-works__circles ol,.how-it-works .how-it-works__circles ul{counter-reset:steps;margin-left:auto;margin-right:auto;max-width:88rem}.how-it-works .how-it-works__circles .how-it-works__circles__item{counter-increment:steps;margin-top:2rem}.how-it-works .how-it-works__circles .how-it-works__circles__text{position:relative;margin-bottom:2.5rem;z-index:0;line-height:1.2;display:flex;flex-direction:row;align-items:center;font-weight:var(--strong);font-size:1.4rem;text-align:left}@media screen and (min-width:53.1875em){.how-it-works .how-it-works__circles .how-it-works__circles__text{font-size:1.76rem;flex-direction:column;justify-content:center;width:20rem;height:20rem;padding:3rem;margin:0 auto;text-align:center}}.how-it-works .how-it-works__circles .how-it-works__circles__text::before{content:counter(steps);color:var(--color__white);background:var(--color__bg-how-it-works-counter);font-weight:var(--stronger);flex-shrink:0;border-radius:100%;text-align:center;width:1.1em;height:1.1em;line-height:1;display:block;font-size:5rem;margin-right:2rem}@media screen and (min-width:53.1875em){.how-it-works .how-it-works__circles .how-it-works__circles__text::before{font-size:10rem;position:absolute;z-index:-1;left:-.7em;top:-.2em;margin:0}}@media screen and (min-width:53.1875em){.how-it-works .how-it-works__circles .how-it-works__circles__text::after{content:"";font-size:0;width:20rem;height:20rem;border-radius:50%;border:.5rem var(--color__bg-how-it-works-counter) solid;background-color:var(--color__how-it-works);position:absolute;display:block;z-index:-1;top:0;left:0;box-shadow:2px 5px 10px 0 rgba(0,0,0,.2)}}.how-it-works .how-it-works__circles .how-it-works__circles__title{font-size:1.8rem;font-weight:var(--stronger);text-transform:uppercase;margin-bottom:.5rem}@media screen and (min-width:53.1875em){.how-it-works .how-it-works__circles .how-it-works__circles__title{font-size:2rem}}.how-it-works .how-it-works__link{text-align:center;padding-top:1rem}.how-it-works.bg-grey{padding:5rem 0;margin:0}@media screen and (min-width:53.1875em){.how-it-works.bg-grey{padding:7rem 0;margin:0}}