.transaction_graph_header{align-items:center;display:flex;margin:0 auto 60px;position:relative;top:40px;width:80%;z-index:1}.transaction_graph_title{border:2px solid #eee;border-radius:50px;color:#9f8cc6;font-size:21px;font-weight:700;padding:12px 40px}.transaction_graph{background:linear-gradient(104.59deg,#3981ad .76%,rgba(57,129,173,.256) 32.78%,rgba(57,129,173,.735) 69.11%,rgba(57,129,173,.07) 99%);border-radius:40px;position:relative}.transaction_graph:before{background-color:#fff;border-radius:37px;content:" ";display:block;height:99%;left:.5%;overflow:hidden;position:absolute;top:.5%;width:99%;z-index:0}ul.transaction_lines{align-items:flex-end;display:flex;justify-content:center;list-style:none;margin:0 auto;overflow:hidden;padding:0;position:relative;top:-3px;width:90%;z-index:1}.transaction_lines li{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0}span.graph_line{background:linear-gradient(180deg,#a089c4,#96def5),linear-gradient(180deg,#a08dc6,rgba(31,31,31,0) 100%,#97d8f2 0);border:1px;border-image-source:linear-gradient(180deg,#a08dc6,rgba(31,31,31,0) 100%,#97d8f2 0);border-radius:10px 10px 0 0;display:block;height:132px;width:40px}ul.transaction_lines li:nth-child(2) .graph_line{height:83px}ul.transaction_lines li:nth-child(3) .graph_line{height:96px}ul.transaction_lines li:nth-child(4) .graph_line{height:130px}ul.transaction_lines li:nth-child(5) .graph_line{height:260px}ul.transaction_lines li:nth-child(6) .graph_line{height:190x}ul.transaction_lines li:nth-child(7) .graph_line{height:260px}ul.transaction_lines li:nth-child(8) .graph_line{height:330px}.transaction_graph_header .title{color:#3a0e7e;font-size:34px;font-weight:700;width:190px}.transaction_graph_header .title span{align-items:center;color:#9f8cc6;display:block;font-size:20px;font-weight:400;width:100%}.progress_bar_line span.graph_line,.progress_bar_line span.graph_number{opacity:0;position:relative;top:22px;transition:all .4s}.progress_bar_line li.show span.graph_line,.progress_bar_line li.show span.graph_number{opacity:1;position:relative;top:0}.progress_bar_line li.show span.graph_number{transition-delay:60ms}span.graph_number{color:#3981ad;display:block;font-size:20px;font-weight:600;letter-spacing:normal;line-height:34px;text-align:center}@media only screen and (max-width:600px){span.graph_line{width:26px}span.graph_number{font-size:16px}html .transaction_graph_title{color:#9f8cc6;font-size:15px;font-weight:700;padding:9px 20px}html .transaction_graph_header .title{font-size:22px}.transaction_graph_header .title span{font-size:16px}}