#deployment .step-title{margin-bottom:80px}#deployment .step-title p{font-size:1.4em;font-weight:300}#deployment .step-title p span{display:block;font-size:1.8em;margin-bottom:10px}#deployment #step__box #step-line .js-btn{position:relative;width:calc(100% / 6)}#deployment #step__box #step-line .js-btn::after{content:"";position:absolute;top:20px;right:-10px;width:20px;height:20px;border-radius:50%;background:url(/img/single-page/customer-success/ico-next.svg) no-repeat;background-position:center;background-color:#e0e7f6;transition:background-color 1s}#deployment #step__box #step-line .js-btn.solid-line::after{background-color:var(--primary)}#deployment #step__box #step-line .progress{position:absolute;top:28px;left:0;height:4px;width:0%;margin:0 80px;background:var(--primary);z-index:-1;transition:width .5s ease-in-out}#deployment #step__box #step-line .progressFull{position:absolute;top:28px;left:0;height:4px;width:calc((100% / 6) * 5);margin:0 80px;background:#e0e7f6;z-index:-1}#deployment #step__box #step-line #js-btn-1.is-active~.progress{width:0}#deployment #step__box #step-line #js-btn-2.is-active~.progress{width:calc((100% / 6) * 1)}#deployment #step__box #step-line #js-btn-3.is-active~.progress{width:calc((100% / 6) * 2)}#deployment #step__box #step-line #js-btn-4.is-active~.progress{width:calc((100% / 6) * 3)}#deployment #step__box #step-line #js-btn-5.is-active~.progress{width:calc((100% / 6) * 4)}#deployment #step__box #step-line #js-btn-6.is-active~.progress{width:calc((100% / 6) * 5)}#deployment #step__box.five-items #step-line .js-btn{width:calc(100% / 5)}#deployment #step__box.five-items #step-line .progressFull{width:calc((100% / 5) * 4);margin:0 calc((100% / 5) * .5)}#deployment #step__box.five-items #step-line #js-btn-2.is-active~.progress{width:calc((100% / 5) * 1)}#deployment #step__box.five-items #step-line #js-btn-3.is-active~.progress{width:calc((100% / 5) * 2)}#deployment #step__box.five-items #step-line #js-btn-4.is-active~.progress{width:calc((100% / 5) * 3)}#deployment #step__box.five-items #step-line #js-btn-5.is-active~.progress{width:calc((100% / 5) * 4)}#deployment .five-items #slide-container #slide-container__view #js-step-1{left:0}#deployment .five-items #slide-container #slide-container__view #js-step-1:before{left:80px}#deployment .five-items #slide-container #slide-container__view #js-step-2{left:calc((100% / 5) * 1)}#deployment .five-items #slide-container #slide-container__view #js-step-2:before{left:80px}#deployment .five-items #slide-container #slide-container__view #js-step-3{left:calc((100% / 5) * 2)}#deployment .five-items #slide-container #slide-container__view #js-step-3:before{left:80px}#deployment .five-items #slide-container #slide-container__view #js-step-4{left:auto;right:0}#deployment .five-items #slide-container #slide-container__view #js-step-4:before{left:180px}#deployment .five-items #slide-container #slide-container__view #js-step-5.last-step{left:auto;right:0}#deployment .five-items #slide-container #slide-container__view #js-step-5:before{left:calc(80% - 20px)}@media screen and (max-width:840px){#deployment .five-items #slide-container #slide-container__view #js-step-1:before{left:7%}#deployment .five-items #slide-container #slide-container__view #js-step-2:before{left:27%}#deployment .five-items #slide-container #slide-container__view #js-step-3:before{left:47%}#deployment .five-items #slide-container #slide-container__view #js-step-4:before{left:67%}#deployment .five-items #slide-container #slide-container__view #js-step-5:before{left:87%}}@media screen and (min-width:1920px){#deployment #step__box #step-line .progress{margin:0 100px}#deployment .five-items #slide-container #slide-container__view #js-step-2:before,#deployment .five-items #slide-container #slide-container__view #js-step-3:before{left:100px}#deployment .five-items #slide-container #slide-container__view #js-step-4:before{left:120px}}#deployment #step__box #step-line .js-btn img{width:60px;margin:0 auto .5rem;border:5px solid #fff;border-radius:20px}#deployment #step__box #step-line .js-btn p{padding-bottom:.8rem;font-size:20px;text-align:center;color:var(--grey300);line-height:24px}#deployment #step__box #step-line .js-btn.is-active p{color:var(--grey600)}#deployment #step__box #step-line .js-btn:hover{cursor:pointer}#deployment #step__box #step-line .js-btn.is-active:not(.solid-line) img,#deployment #step__box #step-line .js-btn:hover img{border:5px solid var(--grey50)}#deployment #step__box #step-line .step-line__list .o-grid__col-6:after{content:"";position:absolute;height:4px;width:calc(100% - 50px);right:0;top:25px}#deployment #step__box #step-line .is-last__item:after{display:none!important}#deployment #step__box #step-line .step-line__list-name .o-grid__col-6 p{width:60px;margin-left:-5px}#deployment #slide-container #slide-container__view .js-is-active:before{content:"";position:absolute;top:-14px;left:calc((100% / 6) * var(--step-number) - (100% / 6)/ 2 - 14px);width:0;height:0;border-style:solid;border-width:0 15px 15px 15px;border-color:transparent transparent #fff transparent}#deployment #slide-container #slide-container__view .js-is-active#js-step-1::before{--step-number:1}#deployment #slide-container #slide-container__view .js-is-active#js-step-2::before{--step-number:2}#deployment #slide-container #slide-container__view .js-is-active#js-step-3::before{--step-number:3}#deployment #slide-container #slide-container__view .js-is-active#js-step-4::before{--step-number:4}#deployment #slide-container #slide-container__view .js-is-active#js-step-5::before{--step-number:5}#deployment #slide-container #slide-container__view .js-is-active#js-step-6::before{--step-number:6}#deployment #slide-container{position:relative;height:300px;margin-top:1rem}#deployment #slide-container #slide-container__view{transition:all .2s ease-in-out}#deployment #slide-container #slide-container__view{position:relative}#deployment #slide-container #slide-container__view .slide-container__step{display:none;flex-direction:column;max-width:100%;width:100%;padding:2rem;background:#fff;border-radius:16px;box-shadow:rgb(9 9 56 / 8%) 0 -8px 24px 0,rgb(50 50 93 / 16%) 0 16px 24px -5px,rgb(0 0 0 / 16%) 0 8px 16px -4px;transition:all .2s ease-in-out}#deployment #slide-container #slide-container__view .slide-container__step .step-content{margin-bottom:1rem}#deployment #slide-container #slide-container__view .slide-container__step .step-content__title{font-size:20px;font-weight:900;padding-bottom:1rem;color:var(--grey800)}#deployment #slide-container #slide-container__view .slide-container__step p{padding:0 0 .5rem 0}#deployment #slide-container #slide-container__view .slide-container__step .slide__controls span{padding:.5rem 1rem;cursor:pointer;border-radius:8px;font-size:14px;font-weight:900}#deployment #slide-container #slide-container__view .slide-container__step .slide__controls span.next{background:var(--grey50)}#deployment #slide-container #slide-container__view .slide-container__step .slide__controls span.next:hover{background:var(--grey200)}#deployment #slide-container #slide-container__view #js-step-1 .slide__controls span.previous{display:none}#deployment #slide-container #slide-container__view .js-is-active{display:flex}@media screen and (max-width:840px){#deployment #step__box #step-line .js-btn img{width:40px}#deployment #step__box #step-line .progressFull{top:19px;margin:0 40px}#deployment #step__box #step-line .progress{top:19px;margin:0 40px}#deployment #step__box.five-items #step-line .progress{margin:0 60px}#deployment #step__box #step-line .js-btn p{display:none}#deployment #step__box #step-line .js-btn::after{content:none}}@media screen and (max-width:440px){#deployment #slide-container{height:380px}}