.chart-area{background:var(--gray);padding-bottom:130px}.chart-main{position:relative;z-index:1;margin-top:-60px}.transaction-chart p{margin:0;line-height:1.2;font-size:20px;color:var(--white);font-family:'Roboto',sans-serif}.transaction-chart{width:300px;height:300px;border-radius:50%;background:var(--primary-dark);border:7px solid var(--white);text-align:center;padding-top:50px}.transaction-chart p span{font-size:60px;line-height:1.2;font-weight:700}.customer-chart,.client-chart{width:230px;height:230px;border:5px solid var(--white);background:var(--secondary-orange);border-radius:50%;text-align:center}.customer-chart span,.client-chart span{font-size:60px;display:block;line-height:1;font-weight:700;color:var(--white)}.customer-chart p,.client-chart p{font-family:'Roboto',sans-serif;color:var(--white);font-size:20px;padding-top:60px}.customer-chart{background:var(--primary-green);position:absolute;bottom:-185px;left:80px}.client-chart{position:absolute;bottom:-50px;right:60px}.chart-title h2{color:var(--primary-dark);font-weight:700;padding-right:65px;padding-top:25%}.transaction-chart img{position:absolute;bottom:-40px;left:20px;transform:rotateY(190deg)}.client-chart img{position:absolute;top:-60px;left:60px}.customer-chart img{position:absolute;right:-70px;top:55%}@media(min-width:992px) and (max-width:1199.98px){.chart-title h1{padding-right:0;padding-top:120px;font-size:30px}.client-chart{right:60px}}@media(min-width:768px) and (max-width:991.98px){.chart-title h1{padding-right:0;font-size:24px}.client-chart{bottom:-50px;right:0}.transaction-chart{width:260px;height:260px;padding-top:50px}.transaction-chart p{font-size:24px}.customer-chart{bottom:-160px;left:70px}.customer-chart,.client-chart{width:190px;height:190px}.transaction-chart p span{font-size:40px}.customer-chart span,.client-chart span{font-size:40px}.customer-chart p,.client-chart p{font-size:16px;padding-top:50px}}@media(max-width:767px){.chart-title h1{padding-right:0;font-size:26px;padding-top:0;margin-top:320px;text-align:center}.chart-area{padding-bottom:40px}.client-chart{bottom:-50px;left:160px;right:auto}.transaction-chart{width:220px;height:220px;padding-top:40px}.transaction-chart p{font-size:20px}.customer-chart{bottom:-130px;left:55px}.customer-chart,.client-chart{width:150px;height:150px}.transaction-chart p span{font-size:40px}.customer-chart span,.client-chart span{font-size:30px}.customer-chart p,.client-chart p{font-size:14px;padding-top:40px}.chart-all{position:absolute;left:50%;transform:translateX(-70%)}}