.responsive-table { width: 100%; border-collapse: collapse; text-align: left; font-family: Arial, sans-serif; border-radius: 15px; } .responsive-table thead { background-color: #3d4989; color: white; } .responsive-table th, .responsive-table td { padding: 20px; border: 1px solid #ddd; white-space: nowrap; } /* Rounded corners only on header */ .responsive-table thead th:first-child { border-radius: 15px 0 0 0; border: none; } .responsive-table thead th:last-child { border-radius: 0 15px 0 0; border: none; } /* 📱 Mobile Responsive Design */ @media screen and (max-width: 768px) { .responsive-table { display: block; overflow-x: auto; white-space: nowrap; } .responsive-table thead { display: none; } .responsive-table tr { display: block; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 12px; padding: 10px; background: #fff; } .responsive-table td { display: flex; justify-content: space-between; text-align: right; padding: 10px 15px; border: none; border-bottom: 1px solid #eee; white-space: normal; } .responsive-table td::before { content: attr(data-label); font-weight: bold; color: #3d4989; text-align: left; } .responsive-table td:last-child { border-bottom: none; } }

Category	Percentage	Donation Use
Community Welfare Projects	38%	Food & education programs
Healthcare & Medical Aid	22%	Free medical camps, medicines
Relief & Emergency Support	17%	Flood and disaster aid
Operational Costs	12%	Salaries, logistics, maintenance
Marketing & Awareness	8%	Online campaigns & outreach
Reserves / Future Projects	3%	Saved for upcoming initiatives