.steps-to-connect_stepsPage__zlaAv{padding:6rem 0;background-color:#EEF6F9;position:relative;overflow:hidden}.steps-to-connect_backgroundDecoration__cPXSe{position:absolute;width:80%;bottom:0;right:-8%;z-index:1;max-width:1300px}.steps-to-connect_stepsContainer___UAO8{position:relative;z-index:2}.steps-to-connect_title__kYtwM h1{font-weight:500;text-align:center}.steps-to-connect_title__kYtwM h1 .steps-to-connect_decoratedTitleText__0JCWP{position:relative}.steps-to-connect_title__kYtwM h1 .steps-to-connect_decoratedTitleText__0JCWP:before{content:"";display:block;position:absolute;width:100%;height:120%;bottom:0;left:0;background:url(/assets/images/integrasi-accurate/steps/title-decoration.svg) bottom/100% no-repeat;background-position:bottom;z-index:1}.steps-to-connect_stepContent__yEjAZ{margin-top:64px}.steps-to-connect_leftContent__HEtoJ,.steps-to-connect_rightContent___QQZ_{width:50%;touch-action:pan-y;overscroll-behavior:contain}.steps-to-connect_stepItems__FoGWA{display:flex;gap:0 30px}.steps-to-connect_stepIndicators__b_3XC{display:flex;flex-direction:column;background-color:#E8F3F7;border-radius:80px;position:relative}.steps-to-connect_stepIndicators__b_3XC:before{content:"";width:64px;height:64px;border-radius:64px;background-color:#0D2056;position:absolute;top:calc(var(--top-value, 0) + 15px);left:0;z-index:1;transition:.3s ease-out}.steps-to-connect_stepIndicator__Eqvzi,.steps-to-connect_stepLabel__kkaiv{min-height:96px;max-height:96px;display:flex;align-items:center;position:relative;z-index:2;cursor:pointer}.steps-to-connect_stepIndicator__Eqvzi{min-width:64px;max-width:64px;justify-content:center}.steps-to-connect_stepIndicator__Eqvzi p,.steps-to-connect_stepLabel__kkaiv p{font-size:28px;color:#BDCFD6;font-weight:500;transition:.3s ease-out;line-height:130%}.steps-to-connect_stepIndicator__Eqvzi.steps-to-connect_active__VRbD0 p,.steps-to-connect_stepIndicator__Eqvzi:hover p{color:#9EE3F3;transition:.3s ease-out}.steps-to-connect_stepLabel__kkaiv.steps-to-connect_active__VRbD0 p,.steps-to-connect_stepLabel__kkaiv:hover p{color:#0D2056;font-weight:600}.steps-to-connect_stepImage__3iOX8{position:relative;display:flex;justify-content:flex-end}.steps-to-connect_stepImage__3iOX8 img{position:absolute;opacity:0;height:0;transition:.2s ease-out}.steps-to-connect_stepImage__3iOX8.steps-to-connect_active__VRbD0 img{height:434px;opacity:1;transition:.5s ease-out}@media screen and (max-width:1460px){.steps-to-connect_stepsContainer___UAO8{padding-left:1.5rem;padding-right:1.5rem}.steps-to-connect_title__kYtwM h1{font-size:var(--text-heading-lg)}}@media screen and (max-width:1200px){.steps-to-connect_title__kYtwM h1{font-size:var(--text-heading-md)}.steps-to-connect_stepIndicator__Eqvzi p,.steps-to-connect_stepLabel__kkaiv p{font-size:var(--text-body-lg)}.steps-to-connect_stepIndicators__b_3XC:before{width:48px;height:48px;border-radius:48px;top:calc(var(--top-value, 0) + 9px)}.steps-to-connect_stepIndicator__Eqvzi,.steps-to-connect_stepLabel__kkaiv{min-height:64px;max-height:64px}.steps-to-connect_stepIndicator__Eqvzi{min-width:48px;max-width:48px}.steps-to-connect_stepImage__3iOX8.steps-to-connect_active__VRbD0 img{height:380px}}@media screen and (max-width:900px){.steps-to-connect_stepImage__3iOX8.steps-to-connect_active__VRbD0 img{height:320px}}@media screen and (max-width:768px){.steps-to-connect_stepsPage__zlaAv{padding:4rem 0 6rem}.steps-to-connect_title__kYtwM h1{font-size:var(--text-heading-sm)}.steps-to-connect_stepIndicator__Eqvzi p,.steps-to-connect_stepLabel__kkaiv p{font-size:var(--text-body-md)}.steps-to-connect_stepIndicators__b_3XC:before{width:40px;height:40px;border-radius:40px;top:calc(var(--top-value, 0) + 7px)}.steps-to-connect_stepIndicator__Eqvzi,.steps-to-connect_stepLabel__kkaiv{min-height:56px;max-height:56px}.steps-to-connect_stepIndicator__Eqvzi{min-width:40px;max-width:40px}.steps-to-connect_stepImage__3iOX8.steps-to-connect_active__VRbD0 img{height:280px}.steps-to-connect_stepContent__yEjAZ{margin-top:38px}}@media screen and (max-width:680px){.steps-to-connect_stepContentWrapper__AVINR{flex-direction:column}.steps-to-connect_leftContent__HEtoJ,.steps-to-connect_rightContent___QQZ_{width:100%}.steps-to-connect_stepItems__FoGWA{flex-direction:column}.steps-to-connect_stepIndicators__b_3XC{flex-direction:row;max-width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:16px}.steps-to-connect_stepIndicators__b_3XC:before{transform:translateX(calc(var(--active-step-index, 0) * 100%));top:7px}.steps-to-connect_stepContent__yEjAZ{margin-top:16px}.steps-to-connect_stepIndicator__Eqvzi,.steps-to-connect_stepLabel__kkaiv{max-width:fit-content;text-align:center}.steps-to-connect_stepLabels__sL_56{display:flex;flex-direction:column;align-items:center;position:relative}.steps-to-connect_stepLabel__kkaiv{opacity:0;max-height:0;position:absolute;top:0}.steps-to-connect_stepLabel__kkaiv.steps-to-connect_active__VRbD0{opacity:1;max-height:10rem}.steps-to-connect_stepImage__3iOX8 img{left:0;top:0;right:0;height:0;transition:opacity .2s ease-out}.steps-to-connect_stepImage__3iOX8.steps-to-connect_active__VRbD0 img{margin-left:calc((100vw - (320px + 20px)) / 2);width:320px;transition:opacity .5s ease-out;height:unset}.steps-to-connect_rightContent___QQZ_{position:relative;display:flex;margin-top:4rem;height:280px}.steps-to-connect_stepLabel__kkaiv p{transition:unset}}@media screen and (max-width:480px){.steps-to-connect_stepsPage__zlaAv{padding:40px 0 80px}.steps-to-connect_title__kYtwM h1{font-size:var(--text-heading-xs)}.steps-to-connect_stepLabel__kkaiv p{font-size:var(--text-body-xl)}.steps-to-connect_stepImage__3iOX8.steps-to-connect_active__VRbD0 img{margin-top:1rem}}@media screen and (max-width:375px){.steps-to-connect_title__kYtwM h1{font-size:var(--text-heading-xs)}.steps-to-connect_stepImage__3iOX8.steps-to-connect_active__VRbD0 img{margin-left:calc((100vw - (250px + 40px)) / 2);width:250px;transition:opacity .5s ease-out}}