.howitworks-sec-1 .steps{border-radius:3rem;display:flex;overflow:hidden;width:100%}.howitworks-sec-1 .step{cursor:pointer;display:flex;flex-direction:column;gap:7.5rem;padding:5rem 3rem 3rem;transition:all .6s ease;width:120px}.howitworks-sec-1 .step--active{width:100%!important}.howitworks-sec-1 .step--active .step__num{background:var(--color-light);color:var(--color-primary__v1)}.howitworks-sec-1 .step--active .step__content{opacity:1;transition:all .5s ease;transition-delay:.4s;width:100%}.howitworks-sec-1 .step--1{background:#86d2da}.howitworks-sec-1 .step--2{background:#79bfcb}.howitworks-sec-1 .step--3{background:#6cacbc}.howitworks-sec-1 .step--4{background:#5e9aac}.howitworks-sec-1 .step--5{background:#51879d}.howitworks-sec-1 .step--6{background:#44748e}.howitworks-sec-1 .step__num{align-items:center;border:2px solid var(--color-light);border-radius:50%;color:var(--color-light);display:flex;font-size:3.4rem;font-weight:600;height:7rem;justify-content:center;transition:inherit;width:7rem}.howitworks-sec-1 .step__content{background:var(--color-light);border-radius:1.5rem;height:25rem;opacity:0;padding:2.5rem;transition:all .1s ease}.howitworks-sec-1 .step__content h3{font-size:3rem;font-weight:600;line-height:4rem}.howitworks-sec-1 .step__content p{font-size:1.8rem;line-height:2.8rem}.howitworks-sec-1 .before{position:absolute;z-index:-1}.howitworks-sec-1 .before--1{height:174px;left:50%;top:-15rem;width:174px}.howitworks-sec-1 .before--2{animation:rotateStar 20s linear infinite;height:90px;right:20rem;top:7rem;width:90px}.howitworks-sec-1 .before--3{left:65%;position:absolute;top:-3rem}.howitworks-sec-1 .before--3:before{animation:bounceBall1 1.5s ease-in-out infinite;background:var(--color-primary__v1);border-radius:50%;content:"";height:3.5rem;left:5rem;position:absolute;top:-3.5rem;width:3.5rem}.howitworks-sec-1 .before--3:after{background:var(--color-dark-1__v1);content:"";height:2px;left:0;position:absolute;top:0;width:30rem}.howitworks-sec-2{background:linear-gradient(250.53deg,#edfeff -13.06%,#fff 90.53%);z-index:1}.howitworks-sec-2 .box-wrapper{background:var(--color-light);border:1px solid var(--color-dark-1__v1);border-radius:1.2rem;padding:1.2rem}.howitworks-sec-2 .box{border-radius:1.2rem;flex:1;padding:3rem 4rem 4rem}.howitworks-sec-2 .box--1{background:var(--color-dark-1__v1)}.howitworks-sec-2 .before{position:absolute;z-index:-1}.howitworks-sec-2 .before--1{animation:rotateStar 20s linear infinite;height:75px;right:20rem;top:20rem;width:75px}.howitworks-sec-2 .before--2{left:22%;position:absolute;top:15rem}.howitworks-sec-2 .before--2:before{animation:bounceBall2 1s ease-in-out infinite;background:var(--color-primary__v1);border-radius:50%;content:"";height:2.5rem;left:5rem;position:absolute;top:-2.5rem;width:2.5rem}.howitworks-sec-2 .before--2:after{background:var(--color-dark-1__v1);content:"";height:2px;left:0;position:absolute;top:0;width:13rem}.howitworks-sec-3 .box{background:var(--color-dark-7__v1);border-radius:2rem;color:var(--color-light);padding:3rem}.howitworks-sec-3 .box h3{font-size:2.6rem;font-weight:600;line-height:3.6rem}.howitworks-sec-3 .box p{font-size:1.6rem;line-height:2.6rem}.howitworks-sec-3 .box i{color:#62e8a2;font-size:1.6rem;position:relative;top:3px}.howitworks-sec-3 .box__item{border:1px solid var(--color-gray-3__v1);border-radius:1rem;padding:2rem}.howitworks-sec-4{background:var(--color-dark-7__v1);padding:5rem 0}.howitworks-sec-4 .box{color:var(--color-light)}.howitworks-sec-4 .box__icon{background:#222;border:1px solid #383838;border-radius:1.5rem;height:8.5rem;padding:1.5rem;width:8.5rem}.howitworks-sec-4 .box__content h3{font-size:5rem;font-weight:600;line-height:6rem}.howitworks-sec-4 .box__content p{color:var(--color-gray-20__v1);font-size:2.2rem;font-weight:500;line-height:3.2rem}.howitworks-sec-4 .separator{background:#383838;height:120px;margin:0 7rem;width:1px}.howitworks-sec-6{background:var(--color-primary-light-10__v1)}.howitworks-sec-6 .slide-track{-webkit-touch-callout:none;background:var(--color-dark-1__v1);border:5px solid var(--color-light);border-radius:999px;height:160px;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.howitworks-sec-6 .chevrons{align-items:center;display:flex;gap:20px;inset:0;justify-content:space-around;position:absolute;z-index:1}.howitworks-sec-6 .chevrons span{animation:glow 2.4s infinite;border-bottom:5px solid hsla(0,0%,100%,.2);border-right:5px solid hsla(0,0%,100%,.2);filter:blur(.2px);height:50px;transform:rotate(-45deg);width:50px}.howitworks-sec-6 .chevrons span:first-child{animation-delay:0s}.howitworks-sec-6 .chevrons span:nth-child(2){animation-delay:.2s}.howitworks-sec-6 .chevrons span:nth-child(3){animation-delay:.4s}.howitworks-sec-6 .chevrons span:nth-child(4){animation-delay:.6s}.howitworks-sec-6 .chevrons span:nth-child(5){animation-delay:.8s}.howitworks-sec-6 .chevrons span:nth-child(6){animation-delay:1s}.howitworks-sec-6 .slide-button{align-items:center;background:var(--color-light);border-radius:999px;color:var(--color-dark-1__v1);cursor:grab;display:flex;font-size:30px;font-weight:600;height:calc(100% - 12px);justify-content:center;left:6px;padding:10px;position:absolute;top:6px;width:40rem;z-index:2}.howitworks-sec-6 .before{position:absolute;right:10rem;top:50%;transform:translateY(-50%);z-index:-1}@keyframes glow{0%{box-shadow:none;opacity:.2;transform:translateX(0) rotate(-45deg)}40%{border-color:hsla(0,0%,100%,.9);opacity:1}80%{opacity:.1;transform:translateX(18px) rotate(-45deg)}to{opacity:0}}@keyframes rotateStar{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounceBall1{0%,to{transform:translateY(0)}50%{transform:translateY(-100px)}}@keyframes bounceBall2{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@media screen and (max-width:1680px){.howitworks-sec-1 .step__content{height:22rem}.howitworks-sec-1 .step__content h3{font-size:3rem;line-height:4rem}.howitworks-sec-1 .before--3:before{height:3rem;width:3rem}.howitworks-sec-1 .before--3:after{width:25rem}.howitworks-sec-2 .before--1{right:15rem}.howitworks-sec-3 .box h3{font-size:2.2rem;line-height:3.2rem}.howitworks-sec-4 .box__content p{font-size:1.8rem;line-height:2.8rem}.howitworks-sec-6 .slide-track{height:140px}.howitworks-sec-6 .slide-button{width:35rem}}@media screen and (max-width:1440px){.howitworks-sec-1 .step__num{font-size:3.2rem}.howitworks-sec-1 .step__content{height:200px;padding:2rem}.howitworks-sec-1 .step__content h3{font-size:2.5rem;line-height:3.5rem}.howitworks-sec-1 .step__content p{font-size:1.6rem;line-height:2.6rem}.howitworks-sec-1 .before--3:before{height:2.5rem;width:2.5rem}.howitworks-sec-1 .before--2{height:80px;right:5rem;width:80px}.howitworks-sec-2 .before--1{height:65px;right:6rem;top:13rem;width:65px}.howitworks-sec-3 .box__item{padding:1.5rem}.howitworks-sec-3 .box i{font-size:1.4rem}.howitworks-sec-3 .box p{font-size:1.5rem;line-height:2.5rem}.howitworks-sec-4 .box__content h3{font-size:4rem;line-height:5rem}.howitworks-sec-4 .box__icon{height:8rem;width:8rem}.howitworks-sec-6 .slide-track{height:120px}.howitworks-sec-6 .slide-button{font-size:25px;width:32rem}}@media screen and (max-width:1368px){.howitworks-sec-1 .steps{border-radius:2rem}.howitworks-sec-1 .step{gap:4rem;padding:4rem 2rem 2rem;width:100px}.howitworks-sec-1 .step__num{font-size:3rem;height:6rem;width:6rem}.howitworks-sec-1 .step__content h3{font-size:2rem;line-height:3rem}.howitworks-sec-3 .box{padding:2.5rem 2rem}.howitworks-sec-3 .box__item{padding:1rem}.howitworks-sec-3 .box p{font-size:1.4rem;line-height:2.4rem}.howitworks-sec-3 .box h3{font-size:2rem;line-height:3rem}.howitworks-sec-4 .separator{height:100px;margin:0 5rem}.howitworks-sec-4 .box__icon{height:7rem;width:7rem}.howitworks-sec-4 .box__content p{font-size:1.6rem;line-height:2.6rem}.howitworks-sec-6 .before{right:5rem}.howitworks-sec-6 .slide-track{height:110px}.howitworks-sec-6 .slide-button{font-size:22px;width:30rem}.howitworks-sec-6 .chevrons span{height:35px;width:35px}}@media screen and (max-width:1200px){.howitworks-sec-1 .step__content p{font-size:1.4rem;line-height:2.4rem}.howitworks-sec-1 .before--1{height:140px;top:-12rem;width:140px}.howitworks-sec-1 .before--2{height:65px;width:65px}.howitworks-sec-1 .before--3:after{width:18rem}.howitworks-sec-2 .before--1{height:60px;right:5rem;top:10rem;width:60px}.howitworks-sec-2 .box{padding:3rem 2.5rem}.howitworks-sec-2 .before--2{left:5%;top:11rem}.howitworks-sec-3 .box{border-radius:1.5rem;padding:2rem}.howitworks-sec-4 .separator{margin:0 4rem}.howitworks-sec-4 .box__content h3{font-size:3.5rem;line-height:4.5rem}.howitworks-sec-4 .box__content p{font-size:1.4rem;line-height:2.4rem}}@media screen and (max-width:992px){.howitworks-sec-1 .steps{flex-direction:column}.howitworks-sec-1 .step{height:95px;overflow:hidden;padding:2rem;width:100%}.howitworks-sec-1 .step--active{height:365px!important;width:100%!important}.howitworks-sec-1 .step__num{min-height:6rem}.howitworks-sec-1 .before--1{height:100px;left:0;top:-8rem;width:100px}.howitworks-sec-1 .before--2{height:50px;right:2rem;top:5rem;width:50px}.howitworks-sec-1 .before--3{display:none}.howitworks-sec-4 .box__icon{height:6rem;width:6rem}.howitworks-sec-4 .box__content h3{font-size:3rem;line-height:4rem}.howitworks-sec-4 .box__content p{font-size:1.2rem;line-height:2.2rem}.howitworks-sec-4 .separator{height:70px;margin:0 2rem}.howitworks-sec-6 .slide-track{height:90px}.howitworks-sec-6 .slide-button{font-size:20px;width:25rem}.howitworks-sec-6 .chevrons span{height:25px;width:25px}}@media screen and (max-width:768px){.banner-sec--homeitworks .banner-sec__content p img{height:30px;width:30px}.howitworks-sec-1 .before--1{height:60px;left:0;top:-4rem;width:60px}.howitworks-sec-1 .before--2{height:40px;top:10rem;width:40px}.howitworks-sec-1 .step{height:80px;padding:2rem 1rem}.howitworks-sec-1 .step__num{font-size:2rem;height:4rem;min-height:4rem;width:4rem}.howitworks-sec-1 .step__content{height:100%}.howitworks-sec-2 .before--2{display:none}.howitworks-sec-2 .before--1{height:50px;right:1rem;top:1rem;width:50px}.howitworks-sec-4 .separator{height:30px;margin:0 3rem}.howitworks-sec-6 .slide-button{font-size:15px;width:15rem}.howitworks-sec-6 .slide-track{height:70px}.howitworks-sec-6 .chevrons span{border-bottom:3px solid hsla(0,0%,100%,.2);border-right:3px solid hsla(0,0%,100%,.2);height:16px;width:15px}}