.page-terms .periods{margin-top:7rem}.page-terms .periods .list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5rem;padding:.5rem;box-shadow:0 0 1.4rem 0 rgba(0,0,0,.3);background-color:#fff}.page-terms .periods .list .item{position:relative}.page-terms .periods .list .item .caption{position:absolute;top:-6.4rem;left:0;width:100%;text-align:center;font-size:5rem;font-weight:500;color:#fe5000;opacity:.2;transition:top .5s,opacity .5s;z-index:-1}.page-terms .periods .list .item .inner{height:100%;padding:2rem 2.5rem;border-radius:.5rem}.page-terms .periods .list .item .inner .title{text-align:center;font-size:1.6rem;line-height:1.3;color:#000;user-select:none}.page-terms .periods .list .item .inner:hover{background-color:#f2f2f2;cursor:pointer}.page-terms .periods .list .item.active .caption{top:-8rem;opacity:.7}.page-terms .periods .list .item.active .inner{background-color:#fe5000}.page-terms .periods .list .item.active .inner .title{color:#fff}.page-terms .periods .progress-bar{position:relative;background:linear-gradient(to right,#fe5000,#23ad0c);border-radius:.5rem;width:80%;height:1rem;margin:3.5rem auto 0}.page-terms .periods .progress-bar .pointer{position:absolute;top:-1rem;left:-1rem;width:3rem;height:3rem;background-color:#fe5000;border-radius:50%;box-shadow:0 0 1.4rem 0 rgba(0,0,0,.3);transition:left .5s}.page-terms .periods .progress-bar .pointer:after{content:'';display:block;position:absolute;top:50%;left:50%;border-radius:50%;background-color:#fff;transform:translate(-50%,-50%);width:1rem;height:1rem}.page-terms .period-active{margin-top:4rem}.page-terms .period-active .steps{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;margin-top:3rem}.page-terms .period-active .steps .step{padding:5rem;font-size:initial;background-color:#f2f2f2;border:.1rem solid #f8f8f8}.page-terms .period-active .steps .step .info{position:relative;padding:.4rem 0 .6rem}.page-terms .period-active .steps .step .info .number{color:#000;font-size:1.6rem;line-height:1}.page-terms .period-active .steps .step .info .number .value{display:inline-block;font-size:4rem;font-weight:700;color:#fe5000;margin-right:.6rem}.page-terms .period-active .steps .step .info .title{margin-top:2.6rem;color:#000;font-size:2.4rem;font-weight:500}.page-terms .period-active .steps .step .info:before{content:'';display:block;width:.8rem;height:100%;position:absolute;top:0;left:-5rem;background-color:#fe5000}.page-terms .period-active .steps .step .text{margin-top:2rem}.page-terms .period-active .steps .step.big{grid-column-end:span 2}.page-terms .period-active .steps .step:last-child{position:relative;display:grid;grid-template-columns:6fr 6fr 2fr;grid-gap:5rem;overflow:hidden}.page-terms .period-active .steps .step:last-child form .buttons button{margin-right:3rem}.page-terms .period-active .steps .step:last-child .success{display:flex;align-items:center;justify-content:center;height:100%;font-size:2rem;color:#fe5000}.page-terms .period-active .steps .step:last-child:after{content:'';display:block;width:50rem;height:50rem;position:absolute;top:0;right:-35rem;transform:rotateZ(20deg);background-color:#fe5000;box-shadow:0 0 1.4rem 0 rgba(0,0,0,.3)}