:root{--outside-block: 5.2vw;--inside-block: 10.4vw;--max-width: 1728px;--Sage: #B5BA96;--Evergreen: #393E27;--Birch: #EDEDED;--Cedar: #825E25;--Japanese-Maple: #FF4C3E;--Horizontal-Space-XS: 40px;--Paragraph-Space: 20px;--Horizontal-Space-M: 180px;--Horizontal-Space-M-RM: 180px;--Vertical-Space-M: 180px;--Vertical-Space-M-R: 180px;--Horizontal-Space-M-R: 180px;--Vertical-Space-M-RJ: 180px;--Horizontal-Space-M-RJ: 180px;--Vertical-Space-S: 80px;--Vertical-Space-S-R: 80px;--Horizontal-Space-S: 80px;--Horizontal-Space-S-R: 80px;--Horizontal-Space-S-P: 80px}@media screen and (max-width: 1728px){:root{--Vertical-Space-M-R: calc((180px * -0.1) + (180/1728*100vw * 1.1));--Horizontal-Space-M-R: calc((180px * -0.1) + (180/1728*100vw * 1.1));--Vertical-Space-M-RJ: calc((180px * -0.1) + (180/1728*100vw * 1.1));--Horizontal-Space-M-RJ: calc((180px * -0.1) + (180/1728*100vw * 1.1));--Horizontal-Space-M-RM: calc((180px * -0.5) + (180/1728*100vw * 1.5));--Vertical-Space-S-R: calc((80px * -0.0) + (80/1728*100vw * 1.0));--Horizontal-Space-S-R: calc((80px * -0.0) + (80/1728*100vw * 1.0));--Horizontal-Space-S-P: calc((80px * 0.3) + (80/1728*100vw * 0.7))}}@media screen and (max-width: 1000px){:root{--Vertical-Space-M-RJ: 60px;--Horizontal-Space-M-RJ: 60px}}@media screen and (max-width: 800px){:root{--Vertical-Space-M-RJ: 30px;--Horizontal-Space-M-RJ: 30px;--Vertical-Space-M-R: 30px;--Horizontal-Space-M-R: 30px;--Paragraph-Space: 15px;--Horizontal-Space-S-P: 40px}}#four-step-approach .inside{padding:0 var(--Horizontal-Space-M-RJ) var(--Horizontal-Space-M-R) var(--Horizontal-Space-M-RJ);max-width:var(--max-width);margin:auto}@media screen and (max-width: 800px){#four-step-approach .inside{padding-bottom:65px}}#four-step-approach .inside .four-step-intro{max-width:750px;padding-bottom:80px}@media screen and (max-width: 1728px){#four-step-approach .inside .four-step-intro{padding-bottom:calc(24px + 3.2407407407vw)}}@media screen and (max-width: 800px){#four-step-approach .inside .four-step-intro{padding-bottom:40px}}#four-step-approach .inside .four-step-animation{display:flex;flex-direction:column;gap:210px}@media screen and (max-width: 800px){#four-step-approach .inside .four-step-animation{gap:40px}}#four-step-approach .inside .four-step-animation .step-entry{padding-inline:180px 180px;position:relative}@media screen and (max-width: 1728px){#four-step-approach .inside .four-step-animation .step-entry{padding-inline:calc(-18px + 11.4583333333vw) var(--Horizontal-Space-M)}}@media screen and (max-width: 800px){#four-step-approach .inside .four-step-animation .step-entry{padding:0px;margin-top:-65px}}#four-step-approach .inside .four-step-animation .step-entry:first-child>.step-content .step-number{left:-15px}#four-step-approach .inside .four-step-animation .step-entry:last-child>.step-content .step-number{left:-60px}#four-step-approach .inside .four-step-animation .step-entry .step-shape{position:absolute;right:0;width:calc(var(--Horizontal-Space-M) + 125px);top:50%;transform:translate(0, -50%);height:150px;overflow:hidden}@media screen and (max-width: 1728px){#four-step-approach .inside .four-step-animation .step-entry .step-shape{width:calc(var(--Horizontal-Space-M-RJ) + -62.5px + 10.8506944444vw)}}@media screen and (max-width: 1000px){#four-step-approach .inside .four-step-animation .step-entry .step-shape{width:170px}}@media screen and (max-width: 800px){#four-step-approach .inside .four-step-animation .step-entry .step-shape{display:none}}#four-step-approach .inside .four-step-animation .step-entry .step-shape svg{width:150px;height:150px;position:relative;left:100%;transition:1.1s ease left}@media screen and (max-width: 1000px){#four-step-approach .inside .four-step-animation .step-entry .step-shape svg{width:110px}}#four-step-approach .inside .four-step-animation .step-entry .step-content{max-width:400px;position:relative;z-index:0;opacity:0;bottom:-30px;transition:1.1s ease all}@media screen and (max-width: 800px){#four-step-approach .inside .four-step-animation .step-entry .step-content{opacity:1;bottom:0px}#four-step-approach .inside .four-step-animation .step-entry .step-content .primary-heading{font-size:24px;font-style:normal;font-weight:400;line-height:150%}}#four-step-approach .inside .four-step-animation .step-entry .step-content .step-number{position:absolute;left:-45px;top:50%;transform:translate(-78%, -47%);z-index:-1}@media screen and (max-width: 1000px){#four-step-approach .inside .four-step-animation .step-entry .step-content .step-number{transform:scale(0.65) translate(-113%, -73%)}}@media screen and (max-width: 800px){#four-step-approach .inside .four-step-animation .step-entry .step-content .step-number{position:relative;transform:scale(0.55) translate(-41%, 23%);left:initial;top:initial}}#four-step-approach .inside .four-step-animation .step-entry .step-content .step-number>svg:nth-child(1){opacity:.3}#four-step-approach .inside .four-step-animation .step-entry .step-content .step-number .masked-number{position:absolute;top:0;left:0;height:0px;overflow:hidden;transition:1.1s ease height}#four-step-approach .inside .four-step-animation .step-entry .step-content .step-number .masked-number svg rect{fill:#ff4c3e}#four-step-approach .inside .four-step-animation .step-entry.activate .step-shape svg{left:0px}#four-step-approach .inside .four-step-animation .step-entry.activate .step-content{opacity:1;bottom:0px}#four-step-approach .inside .four-step-animation .step-entry.activate .step-content .step-number .masked-number{height:100%}/*# sourceMappingURL=how-we-work.css.map */