.system{padding-bottom:50px;padding-top:50px;position:relative}@media(min-width:769px){.system{padding-bottom:50px;padding-top:70px}}@media(min-width:1380px){.system{padding-bottom:70px;padding-top:100px}}@media(min-width:1380px)and (height >= 930px){.system{padding-bottom:200px}}@media(min-width:1699px){.system{padding-bottom:100px;padding-top:200px}}@media(min-width:1699px)and (height >= 930px){.system{padding-bottom:200px}}.system.dark-bg{background:#000}.system--container{position:relative}.system--container-heading{padding-bottom:3rem}@media(min-width:769px){.system--container-heading{padding-bottom:5rem}}@media(min-width:1380px){.system--container-heading{padding-bottom:7rem}}@media(min-width:1699px){.system--container-heading{padding-bottom:10rem}}.system--container:after,.system--container:before{display:none!important}.system--container h2:only-of-type{margin-bottom:0}.system--animations{display:block;position:relative}@media(min-width:992px){.system--animations{align-items:center;display:flex;justify-content:center;padding:16rem 0 24rem}}@media(min-width:992px)and (height >= 930px){.system--animations{padding:26rem 0 24rem}}.system--animations-mobile-img{display:block;margin:0 auto}@media(min-width:992px){.system--animations-mobile-img{display:none}}.system--animations .flow-diagram-section{background-color:#000;color:#fff;display:flex;margin-top:3rem;padding:0;position:relative}@media(min-width:992px){.system--animations .flow-diagram-section{align-items:center;justify-content:center;margin-top:0}.system--animations .flow-diagram-container{height:600px;width:600px}}@media(min-width:992px)and (height <= 930px){.system--animations .flow-diagram-container{height:400px!important;width:400px!important}}@media(min-width:992px)and (height <= 768px){.system--animations .flow-diagram-container{height:300px!important;width:300px!important}}@media(min-width:992px)and (height >= 820px){.system--animations .flow-diagram-container{height:300px!important;width:300px!important}}.system--animations .flow-diagram-container{position:relative}.system--animations .cycle-steps{display:grid;grid-template-columns:auto;height:100%;list-style:none;margin:0;padding:0;width:100%}@media(min-width:769px){.system--animations .cycle-steps{grid-template-columns:auto auto}}@media(min-width:992px){.system--animations .cycle-steps{display:block;height:650px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:610px}}@media(min-width:992px)and (height <= 930px){.system--animations .cycle-steps{height:490px!important;width:530px!important}}@media(min-width:992px)and (height <= 820px){.system--animations .cycle-steps{height:450px!important;width:530px!important}}@media(min-width:992px)and (height <= 768px){.system--animations .cycle-steps{height:400px!important;width:490px!important}}.system--animations .step{display:flex;gap:15px;list-style:none;margin-bottom:2rem;margin-left:0;padding:0;position:relative;width:100%}.system--animations .step:last-child{margin-bottom:0}.system--animations .step div{display:block}@media(min-width:992px){.system--animations .step div{display:flex;flex-direction:column;gap:13px}.system--animations .step{flex-direction:column;gap:13px;margin:0;position:absolute;text-align:center;width:250px}}@media(min-width:1380px){.system--animations .step{max-width:360px;width:360px}}.system--animations .step:before{display:none}.system--animations .step h4{margin-bottom:5px;width:100%}@media(min-width:992px){.system--animations .step h4{margin-bottom:0;width:auto}}@media(min-width:992px)and (height <= 950px){.system--animations .step h4{font-size:24px!important;line-height:28px!important}}.system--animations .step P{color:#939598;margin:0}.system--animations .step h4,.system--animations .step p{font-family:Hanken Grotesk}.system--animations .step .mobile-icon{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 50px;height:50px;justify-content:center;max-width:50px;width:50px}.system--animations .step .mobile-icon img{flex:0 0 24px;height:24px;max-width:24px;width:24px}@media(min-width:992px){.system--animations .step .mobile-icon{display:none}}.system--animations .step .mobile-icon.blue{background:#1e4bff}.system--animations .step .mobile-icon.yellow{background:#f0c00f}.system--animations .step .mobile-icon.light-yellow{background:#ffde66}.system--animations .step .mobile-icon.gray{background:#939598}@media(min-width:992px){.system--animations .step-1{left:50%;max-width:none!important;text-align:center;top:5%;transform:translateX(-50%);transform:translate(-50%,-100%);width:auto!important}}@media(min-width:1199px){.system--animations .step-1{bottom:77%;top:auto}}@media(min-width:1199px)and (height <= 768px){.system--animations .step-1{bottom:72%}}@media(min-width:992px){.system--animations .step-2{right:-15%;text-align:left;top:50%;transform:translate(50%,-50%)}}@media(min-width:1199px){.system--animations .step-2{right:-25%}}@media(min-width:992px){.system--animations .step-3{bottom:5%;left:50%;max-width:none!important;text-align:center;transform:translateX(-50%);transform:translate(-50%,100%);width:auto!important}.system--animations .step-4{left:-15%;text-align:right;top:50%;transform:translate(-50%,-50%)}}@media(min-width:1199px){.system--animations .step-4{left:-25%}}.system--animations .flow-circle-line{display:none;height:390px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:390px}@media(min-width:992px){.system--animations .flow-circle-line{display:block}}@media(min-width:992px)and (height <= 930px){.system--animations .flow-circle-line{height:400px!important;width:400px!important}}@media(min-width:992px)and (height <= 820px){.system--animations .flow-circle-line{height:300px!important;width:300px!important}}@media(min-width:992px)and (height <= 768px){.system--animations .flow-circle-line{height:300px!important;width:300px!important}}@media(min-width:1071px){.system--animations .flow-circle-line{height:500px;width:500px}}.system--animations .flow-circle-line svg{height:100%;width:100%}@media(min-width:992px){.system--animations .flow-circle-line svg{will-change:transform}}.system svg .blur-layer,.system--svg .blur-layer{display:none}