.first-section{align-items:center;display:flex}.first-text{max-width:600px}.percent svg circle{width:100%}.percent{margin-left:auto;position:relative}.percent svg{height:200px;transform:rotate(268deg);width:200px}.percent svg circle{height:100%;fill:none;stroke-width:18;stroke-linecap:round}.percent svg circle:last-of-type{stroke-dasharray:565.48;stroke-dashoffset:calc(565.48 - (565.48*var(--percent))/100)}.total-for-20 svg circle{stroke:#fae6e4}.total-for-50 svg circle{stroke:#fceec5}.total-for-80 svg circle{stroke:#d7fce5}.total-for-20 svg circle:last-of-type{stroke:#ce3026}.total-for-50 svg circle:last-of-type{stroke:#d17531}.default-total svg circle:last-of-type,.total-for-80 svg circle:last-of-type{stroke:#179159}.percent p{color:#000;font-size:30px;font-weight:600;text-align:center}.overall{left:0;position:absolute;right:0;text-align:center;top:70px}.overall span{color:#a0acbf;display:block;font-size:16px;font-weight:500;line-height:20px;margin:auto;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:131px}.first-btn a{align-items:center;border:1px solid #a0acbf;border-radius:8px;display:flex;gap:10px;max-width:max-content;padding:10px 14px;text-decoration:none}.first-btn span{color:#000;font-size:16px}.first-btn img{width:25px}@media only screen and (max-width:480px){.percent{display:flex;margin-top:40px}.first-section{display:block}.percent svg{margin:auto}}