.donation-overview{margin-bottom:22px;padding:22px;background:linear-gradient(125deg,#0b2447,#123d6f);border-radius:17px;color:#fff;box-shadow:0 12px 30px rgba(11,36,71,.18)}.donation-main{display:flex;align-items:center;justify-content:space-between}.donation-main .eyebrow{color:#8bc5ff}.donation-main h2{font-size:34px;margin:5px 0}.donation-main p{margin:0;color:#c4d4e8;font-size:13px}.donation-percent{width:82px;height:82px;border:6px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-content:center;text-align:center}.donation-percent strong,.donation-percent span{display:block}.donation-percent strong{font-size:20px}.donation-percent span{font-size:9px;color:#c4d4e8}.donation-progress{height:8px;background:rgba(255,255,255,.14);border-radius:10px;margin:20px 0;overflow:hidden}.donation-progress i{display:block;height:100%;background:#34d399;border-radius:10px}.donation-calculation{display:flex;align-items:center;justify-content:space-between;gap:12px}.donation-calculation>div{flex:1}.donation-calculation span,.donation-calculation b,.donation-calculation small{display:block}.donation-calculation span{font-size:10px;color:#aebfd4;text-transform:uppercase}.donation-calculation b{font-size:16px;margin-top:3px}.donation-calculation small{font-size:9px;color:#aebfd4}@media(max-width:800px){.donation-calculation{display:grid;grid-template-columns:1fr 1fr}.donation-calculation>i{display:none}.donation-main h2{font-size:27px}}@media(max-width:500px){.donation-calculation{grid-template-columns:1fr}.donation-percent{width:70px;height:70px}}