.how-it-works__header{max-width:110rem;margin:0 auto 4rem}.how-it-works__steps{display:grid;grid-template-columns:1fr;gap:3rem}.how-it-works__step{position:relative;display:grid;grid-template-columns:4rem 1fr;column-gap:2rem;text-align:left;min-width:0}.how-it-works__number-row{position:relative;grid-row:1 / 4;height:100%;display:flex;align-items:flex-start}.how-it-works__number{position:relative;z-index:2;width:4rem;height:4rem;margin:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:var(--color-white);font-size:1.7rem;line-height:1;font-weight:600}.how-it-works__arrow{display:none}.how-it-works__line{display:block;position:absolute;left:50%;top:35%;height:100%;transform:translate(-50%);border-right:1px dashed var(--color-primary)}.how-it-works__arrow svg{width:2rem;height:2rem}.how-it-works__icon{width:4rem;height:4rem;margin:0 0 1.5rem;display:flex;align-items:center;justify-content:center}.how-it-works__icon img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.how-it-works__content{max-width:none;margin:0}.how-it-works__content .h6{margin:0 0 .8rem}@media screen and (min-width:992px){.how-it-works__header{margin:0 auto 6rem}.how-it-works__steps{grid-template-columns:repeat(4,1fr);gap:0}.how-it-works__step{display:block;text-align:center}.how-it-works__number-row{grid-row:auto;height:5rem;display:flex;align-items:center}.how-it-works__number{width:5rem;height:5rem;margin:0 auto;font-size:2.2rem}.how-it-works__line{left:calc(50% + 2.5rem);right:-50%;top:50%;border-top:1px dashed var(--color-primary);border-right:0;height:auto;transform:none}.how-it-works__arrow{display:flex;position:absolute;right:-.4rem;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;align-items:center;justify-content:center;color:var(--color-primary)}.how-it-works__arrow svg{width:2rem;height:2rem}.how-it-works__icon{width:6.5rem;height:6.5rem;margin:4rem auto 3rem}.how-it-works__content{max-width:27rem;margin:0 auto}.how-it-works__content .h6{margin:0 0 3rem}}@media screen and (max-width:991px){.how-it-works__arrow{display:block;position:absolute;top:65%;left:50%;color:var(--color-primary);transform:rotate(90deg) translate(50%,50%)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/how-it-works.css.map */