Bundle the actual SVG logos in images/payment-logos/ and reference them with <img> instead of Font Awesome glyphs: - mvola.svg (from mvola.mg, the green wordmark) - orange.svg (Wikimedia Commons, square orange) - airtel.svg (Wikimedia Commons, red wordmark) - visa.svg (Wikimedia Commons) - mastercard.svg (Wikimedia Commons) New CSS block (.payment-logos-grid + .payment-logo-card) gives a clean 4-column white-card layout with hover lift, gold border tint on hover, and a 2-column responsive layout on mobile. The bank-card slot now displays both Visa and Mastercard logos side-by-side. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| airtel.svg | ||
| mastercard.svg | ||
| mvola.svg | ||
| orange.svg | ||
| visa.svg | ||