.pipeline-overlay{background-color:var(--default);border-radius:24px;margin:0 20px;padding:100px 60px}.pipeline-row{align-items:center;display:flex;gap:134px;justify-content:space-between}.pipeline-left{width:calc(46% - 67px)}.pipeline-left .sectitle{color:var(--white);margin:0 0 16px}.pipeline-left .desc{color:var(--white);margin:0 0 32px}.pipeline-right{width:calc(54% - 67px)}.chart{align-items:flex-start;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;display:flex;flex-direction:column;gap:24px;padding:32px}.chart-row{align-items:center;display:flex;gap:8px;width:100%}.chart-row .card-title{width:calc(27% - 4px)}.card-title{color:var(--white);font-size:14px;font-weight:400;line-height:20px}.card-title~.card-title{width:17%}.progress{align-items:center;background:hsla(0,0%,100%,.1);border-radius:24px;display:flex;height:16px;padding:2px;position:relative;width:calc(69% - 4px)}.progres-bar{background-color:var(--secondary);border-radius:30px;display:flex;height:12px}@media (max-width:1200px){.pipeline-overlay{padding:32px}.pipeline .container{padding:0}.pipeline-row{flex-wrap:wrap;gap:32px}.pipeline-left{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;width:100%}.pipeline-left .sectitle{margin:0;width:100%}.pipeline-left .desc{margin:0;width:calc(100% - 200px)}.pipeline-right{width:100%}.progress{width:calc(76% - 4px)}.chart-row .card-title{width:calc(19% - 4px)}.card-title~.card-title{width:19%}}@media (max-width:1024px){.chart-row .card-title{width:calc(19% - 4px)}.card-title~.card-title{width:20%}.progress{width:calc(77% - 4px)}}@media (max-width:768px){.pipeline-overlay{margin:0 8px;padding:24px}.pipeline-left{gap:8px}.pipeline-left .desc{margin:0 0 8px;width:100%}.chart-row .card-title{width:calc(30% - 4px)}.card-title~.card-title{width:20%}.progress{width:calc(70% - 4px)}.chart{gap:12px;padding:16px}.card-title{font-size:10px;line-height:12px}}