.section-steps{--border-color: #222;--border-width: 2px}.section-steps .steps{display:grid;gap:0}@media(min-width: 768px){.section-steps .steps{grid-template-columns:repeat(6, 1fr)}}.section-steps .step{padding:2rem 3.2rem}.section-steps .step--with-image{padding-left:0}.section-steps .step--with-counter{border-left:var(--border-width) solid var(--border-color)}.section-steps .step:nth-last-of-type(2){position:relative;margin-bottom:1rem}@media(max-width: 768px){.section-steps .step:nth-last-of-type(2):after{position:absolute;top:auto;left:0;bottom:0;content:"";border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);translate:-55%}}.section-steps .step-counter{position:relative}.section-steps .step-counter:before{font-size:2.4rem;content:attr(data-count) ".";position:absolute;left:0;line-height:1;top:50%;transform:translate(0, -50%);z-index:1;padding:1rem 0 2rem 0}@media(min-width: 768px){.section-steps .step{display:grid;grid-template-rows:min-content auto;gap:2rem;padding:0;border-left:0}.section-steps .step--with-image{gap:0;padding:0 0 2rem 2rem}.section-steps .step--with-image .step-icon:after{content:unset}.section-steps .step--with-image svg{width:70px;height:70px}.section-steps .step-counter{border-bottom:var(--border-width) solid var(--border-color)}.section-steps .step-icon{display:inline;position:relative}.section-steps .step-icon:after{position:absolute;bottom:0;height:4rem;border-left:var(--border-width) solid var(--border-color);content:"";left:50%;transform:translate(0px, 50%);z-index:-1}.section-steps .step:nth-last-child(2) .step-counter:after{position:absolute;display:inline-block;right:0;bottom:0;content:"";border:solid #000;border-width:0 3px 3px 0;padding:3px;transform:rotate(-45deg);translate:25% 50%}.section-steps .step.step--with-image{justify-content:center}}