.FourStepApproach-shape path{stroke:var(--accent-color);stroke-dasharray:var(--dash-array)}.FourStepApproach-shape path.circle-arc{--dash-array:1376}.FourStepApproach-shape path.arrow-stick{--dash-array:280}.FourStepApproach-shape path.arrow-branches{stroke:none;fill:var(--accent-color)}section.four-step{display:flex;flex-direction:column;gap:1.2rem;padding:5rem 1.2rem;max-width:1200px;margin:0 auto}section.four-step h2{text-transform:uppercase;font-weight:600}section.four-step h3:before{content:counter(four-step-approach) ". "}section.four-step h3,section.four-step h3 strong{text-transform:uppercase;font-weight:600;font-size:1.1rem;letter-spacing:0;line-height:1.5rem}section.four-step ol{display:none}section.four-step strong{text-transform:uppercase}section.four-step>div{display:flex;flex-direction:column;gap:1.2rem;padding:0}section.four-step>div:first-of-type{counter-reset:four-step-approach}section.four-step>div ul{list-style:none;margin:0;padding:0}section.four-step>div ul>li{font-size:.9rem;letter-spacing:0;line-height:1.3rem}section.four-step>div ul>li:before{content:"- "}section.four-step>div ul>li strong{text-transform:unset;font-weight:inherit}section.four-step>div .cta{background-color:var(--accent-color)}section.four-step>div,section.four-step>ol>*{counter-increment:four-step-approach}section.four-step>div:first-of-type,section.four-step>ol>:first-of-type{--accent-color:#fed140}section.four-step>div:nth-of-type(2),section.four-step>ol>:nth-of-type(2){--accent-color:#e3d654}section.four-step>div:nth-of-type(3),section.four-step>ol>:nth-of-type(3){--accent-color:#a3d487}section.four-step>div:nth-of-type(4),section.four-step>ol>:nth-of-type(4){--accent-color:#69d5bd}@media screen and (min-width:900px){section.four-step{display:grid;position:relative;grid-template-columns:repeat(4,1fr);row-gap:3rem}section.four-step h2{position:absolute;top:22.5rem;right:50%;transform:translateX(50%);text-align:center;width:min-content}section.four-step ol{display:grid;grid-column:span 4;margin:0 auto;animation:fadeIn .5s;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"empty0 strategy empty1" "conversion title operations" "empty2 traffic empty3";counter-reset:four-step-approach}section.four-step ol>:first-child{grid-area:strategy}section.four-step ol>:first-child svg{transform:rotate(90deg)}section.four-step ol>:nth-child(2){grid-area:operations}section.four-step ol>:nth-child(2) svg{transform:rotate(.5turn) translate(55px,-3px)}section.four-step ol>:nth-child(3){grid-area:traffic}section.four-step ol>:nth-child(3) svg{transform:rotate(270deg) translate(55px,-2.5rem)}section.four-step ol>:nth-child(4){grid-area:conversion}section.four-step ol>*{position:relative;display:flex;gap:.5rem;flex-direction:column;justify-content:center;align-items:center;height:15rem;width:15rem;font-size:1.5rem;padding:2.5rem;text-align:center}section.four-step ol svg{position:absolute;top:0;left:0;width:calc(100% + 2.5rem);transform:translate(5px,-2.5rem);z-index:-1}section.four-step ol img{height:1.5em;width:auto}section.four-step ol span{text-transform:uppercase;line-height:1.1em}section.four-step ol span:before{content:counter(four-step-approach) ". "}section.four-step .cta{margin-top:auto}}@media screen and (min-width:1230px){section.four-step{padding-left:0;padding-right:0}}@keyframes fadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}.services-sub-pages{display:flex;flex-direction:column;gap:1rem;color:#fff}@media screen and (min-width:600px){.services-sub-pages{flex-direction:row;justify-content:center}}.services-sub-pages section{gap:1rem;flex-direction:column;justify-content:flex-end;padding:2rem;max-width:600px}.services-sub-pages section>p{max-width:400px}@media screen and (min-width:1200px){.services-sub-pages .background img{border-radius:.5rem}}