.mod-arrow-steps{padding-bottom:10%;position:relative}.mod-arrow-steps .arrow{position:relative;z-index:2}.mod-arrow-steps .arrow .arrow-mask{display:flex;height:100%;position:absolute;right:0;top:0;transition:width .5s;width:100%}.mod-arrow-steps .arrow .arrow-mask:after{background-color:var(--color-white);content:"";height:100%;width:100%}.mod-arrow-steps .arrow svg{height:auto;width:100%}.mod-arrow-steps .arrow .arrow-svg-mobile{display:none}.mod-arrow-steps .steps{align-items:flex-end;bottom:0;display:flex;gap:3rem;height:65%;left:0;position:absolute;width:80%}.mod-arrow-steps .steps .step{align-items:flex-end;display:flex;height:100%;position:relative;width:20%}.mod-arrow-steps .steps .step:before{content:"";height:0;left:9rem;position:absolute;top:0;width:2px;z-index:0}.mod-arrow-steps .steps .step .contents{background-color:var(--color-white);font-size:clamp(1.8rem,-.3437rem + 3.5vw,2.5rem);font-weight:700;padding:0;position:relative;z-index:1}.mod-arrow-steps .steps .step .contents .fader{opacity:0}.mod-arrow-steps .steps .step .contents .title{font-size:clamp(4rem,-5.1875rem + 15vw,7rem);margin:0}.mod-arrow-steps.animate-steps .arrow .arrow-mask{width:0}.mod-arrow-steps .steps .step:before{transition:height .5s}.mod-arrow-steps .steps .step .contents .fader{transition:opacity .5s}.mod-arrow-steps.animate-steps .steps .step .contents .fader{opacity:1}.mod-arrow-steps.animate-steps .steps .step:before{height:100%}@media (max-width:1280px){.mod-arrow-steps .steps{gap:1rem}}@media (max-width:980px){.mod-arrow-steps{margin:0 auto;max-width:500px}.mod-arrow-steps .arrow .arrow-svg{display:none}.mod-arrow-steps .arrow .arrow-svg-mobile{display:block;height:100%;max-height:85vh;width:auto}.mod-arrow-steps .arrow .arrow-mask{bottom:0;left:0;right:auto;top:auto}.mod-arrow-steps .steps{bottom:0;flex-direction:column;gap:3rem;height:auto;left:auto;right:0;top:0;width:75%}.mod-arrow-steps .steps .step{align-items:flex-start;display:flex;height:auto;justify-content:flex-end;text-align:end;width:100%}.mod-arrow-steps .steps .step:before{height:2px;left:0;top:9rem;transition:width .5s;width:0}.mod-arrow-steps.animate-steps .steps .step:before{height:2px;width:100%}.mod-arrow-steps.animate-steps .arrow .arrow-mask{height:0}}