.stepline{padding:70px 100px;position:relative;width:100%}.stepline *{box-sizing:border-box;margin:0;padding:0}.stepline__container{margin:0 auto;max-width:1500px}.stepline__timeline-top-text{margin-bottom:100px}.stepline__timeline-container{padding:0 80px}.stepline__timeline{height:300px;margin:0 auto;max-width:900px;position:relative}.stepline__timeline-line{right:0}.stepline__timeline-line,.stepline__timeline-progress{height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.stepline__timeline-progress{width:0}.stepline__timeline-step{position:absolute;text-align:center;top:50%}@media (min-width:900px){.stepline__timeline-step[data-step="1"]{left:0}.stepline__timeline-step[data-step="2"]{left:33%}.stepline__timeline-step[data-step="3"]{left:66%}.stepline__timeline-step[data-step="4"]{left:100%}}.stepline__indicator{border-radius:50%;height:20px;position:absolute;top:0;transform:translate(-50%,-50%);transition:all .3s ease;width:20px}.stepline__step-content{border-radius:20px;box-shadow:0 0 6px rgba(0,0,0,.2);padding:30px;position:absolute;text-align:left;transition:all .3s ease;width:300px}.stepline__step-content-title{font-weight:700}.stepline__step-number{background:#cca4db;border-radius:10px;padding:12px 20px;transition:all .3s ease;width:max-content}.stepline__timeline-step.stepline__step--top .stepline__step-content{bottom:25px;transform:translateX(-50%)}.stepline__timeline-step.stepline__step--top .stepline__step-number{position:absolute;top:25px;transform:translateX(-50%)}.stepline__timeline-step.stepline__step--bottom .stepline__step-content{top:25px;transform:translateX(-50%)}.stepline__timeline-step.stepline__step--bottom .stepline__step-number{bottom:25px;position:absolute;transform:translateX(-50%)}.stepline__step--top.now .stepline__step-content{bottom:50px;transform:scale(1.1) translateX(-50%);transform-origin:center}.stepline__step--bottom.now .stepline__step-number{bottom:60px;transform:scale(1.1) translateX(-50%);transform-origin:center}.stepline__step--bottom.now .stepline__step-content{top:50px;transform:scale(1.1) translateX(-50%);transform-origin:center}.stepline__step--top.now .stepline__step-number{top:60px;transform:scale(1.1) translateX(-50%);transform-origin:center}.stepline__timeline-bottom-text{margin-top:170px}@media (max-width:1100px){.stepline__step-content{padding:20px;width:200px}.stepline__step-content-title{font-size:16px}.stepline__step-content-text{font-size:14px}}@media (max-width:900px){.stepline__timeline{height:600px;margin:0 auto;max-height:900px;position:relative}.stepline__timeline-line{bottom:0;height:100%;right:unset}.stepline__timeline-line,.stepline__timeline-progress{left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.stepline__timeline-progress{height:0}.stepline__timeline-step[data-step="1"]{top:0}.stepline__timeline-step[data-step="2"]{top:33%}.stepline__timeline-step[data-step="3"]{top:66%}.stepline__timeline-step[data-step="4"]{top:100%}.stepline__timeline-step{left:50%;position:absolute;text-align:center}.stepline__timeline-step.stepline__step--top .stepline__step-content{bottom:-50px;transform:translateX(-115%)}.stepline__timeline-step.stepline__step--top.now .stepline__step-content{transform:scale(1.1) translateX(-125%)}.stepline__timeline-step.stepline__step--bottom .stepline__step-content{top:-50px;transform:translateX(15%)}.stepline__timeline-step.stepline__step--bottom.now .stepline__step-content{transform:translateX(25%);transform:scale(1.1) translateX(25%)}.stepline__timeline-step.stepline__step--top .stepline__step-number{top:-20px;transform:translateX(40%)}.stepline__timeline-step.stepline__step--top.now .stepline__step-number{transform:scale(1.1) translateX(50%)}.stepline__timeline-step.stepline__step--bottom .stepline__step-number{bottom:-20px;transform:translateX(-135%)}.stepline__timeline-step.stepline__step--bottom.now .stepline__step-number{transform:scale(1.1) translateX(-145%)}}@media (max-width:600px){.stepline{padding:50px 20px}.stepline__timeline{height:750px}.stepline__container,.stepline__timeline-container{padding:0}.stepline__timeline-line,.stepline__timeline-progress,.stepline__timeline-step{left:0}.stepline__timeline-step.stepline__step--bottom .stepline__step-content,.stepline__timeline-step.stepline__step--top .stepline__step-content{bottom:unset;top:-10px;transform:translateX(4%)}.stepline__timeline-step.stepline__step--bottom .stepline__step-number,.stepline__timeline-step.stepline__step--top .stepline__step-number{bottom:unset;top:-65px;transform:translateX(25%)}.stepline__timeline-step{width:100%}.stepline__step-content{max-width:500px;width:100%}.stepline__timeline-step.stepline__step--bottom.now .stepline__step-content,.stepline__timeline-step.stepline__step--top.now .stepline__step-content{transform:translate(4%,15px)}.stepline__timeline-step.stepline__step--bottom.now .stepline__step-number,.stepline__timeline-step.stepline__step--top.now .stepline__step-number{transform:translate(25%)}.stepline__timeline-bottom-text{margin-top:130px}}