{"id":1172,"date":"2026-05-26T07:28:53","date_gmt":"2026-05-26T07:28:53","guid":{"rendered":"https:\/\/ryakasingache.ac.ug\/?page_id=1172"},"modified":"2026-05-26T07:38:57","modified_gmt":"2026-05-26T07:38:57","slug":"donations","status":"publish","type":"page","link":"https:\/\/ryakasingache.ac.ug\/index.php\/donations\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1172\" class=\"elementor elementor-1172\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c68e68 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c68e68\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-83239be\" data-id=\"83239be\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-09bd57c elementor-widget elementor-widget-html\" data-id=\"09bd57c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- RCHE Climate Action Donations Portal -->\r\n<!-- Standalone HTML with embedded CSS & JS \u2014 WordPress Custom HTML Block compatible -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* ============================================\r\n   RCHE DONATIONS \u2014 Design System & Custom Properties\r\n   ============================================ *\/\r\n.rche-donate-wrapper *,\r\n.rche-donate-wrapper *::before,\r\n.rche-donate-wrapper *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.rche-donate-wrapper {\r\n  \/* HSL Tinted Colors based on RCHE Blue (#1168D9) *\/\r\n  --rche-primary: #1168D9;\r\n  --rche-primary-hover: #0c4fa3;\r\n  --rche-primary-light: rgba(17, 104, 217, 0.08);\r\n  --rche-gold: #D4A843;\r\n  --rche-gold-hover: #b58d34;\r\n  --rche-gold-light: rgba(212, 168, 67, 0.1);\r\n  --rche-success: #22C55E;\r\n  --rche-bg: hsl(215, 30%, 98%);         \/* Tinted Neutral Background *\/\r\n  --rche-card-bg: #ffffff;\r\n  --rche-text: hsl(215, 35%, 15%);       \/* Tinted Dark Text *\/\r\n  --rche-text-muted: hsl(215, 16%, 46%);\r\n  --rche-border: hsl(215, 20%, 90%);\r\n  --rche-radius: 16px;\r\n  --rche-radius-sm: 10px;\r\n  --rche-radius-xs: 6px;\r\n  --rche-mtn-yellow: #FFCC00;\r\n  --rche-airtel-red: #ED1C24;\r\n  --rche-shadow: 0 4px 20px rgba(17, 104, 217, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);\r\n  --rche-shadow-hover: 0 12px 36px rgba(17, 104, 217, 0.1), 0 4px 12px rgba(0, 0, 0, 0.04);\r\n  --ease-out: cubic-bezier(0.23, 1, 0.32, 1); \/* Emil Kowalski custom ease-out *\/\r\n  --rche-transition: all 200ms var(--ease-out);\r\n\r\n  font-family: 'Figtree', 'Inter', -apple-system, sans-serif;\r\n  color: var(--rche-text);\r\n  background-color: var(--rche-bg);\r\n  line-height: 1.65;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n\/* ============================================\r\n   Layout & Container\r\n   ============================================ *\/\r\n.rche-donate-container {\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  padding: 80px 24px;\r\n}\r\n\r\n.rche-donate-section-header {\r\n  text-align: center;\r\n  max-width: 70ch;\r\n  margin: 0 auto 56px;\r\n}\r\n\r\n.rche-donate-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--rche-primary-light);\r\n  color: var(--rche-primary);\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  padding: 6px 16px;\r\n  border-radius: 50px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.rche-donate-title {\r\n  font-size: clamp(2rem, 4vw, 2.75rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  color: var(--rche-primary);\r\n  margin-bottom: 16px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.rche-donate-subtitle {\r\n  font-size: 1.1rem;\r\n  color: var(--rche-text-muted);\r\n  max-width: 65ch;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ============================================\r\n   Animations\r\n   ============================================ *\/\r\n.rche-donate-animate-up {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out);\r\n}\r\n\r\n.rche-donate-animate-up.rche-donate-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.rche-donate-delay-1 { transition-delay: 40ms; }\r\n.rche-donate-delay-2 { transition-delay: 80ms; }\r\n.rche-donate-delay-3 { transition-delay: 120ms; }\r\n\r\n\/* Interactive Scale on Tap\/Press *\/\r\n.rche-donate-pressable {\r\n  transition: var(--rche-transition);\r\n}\r\n.rche-donate-pressable:active {\r\n  transform: scale(0.97);\r\n}\r\n\r\n\/* ============================================\r\n   IMPACT STATS SECTION\r\n   ============================================ *\/\r\n.rche-donate-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.rche-donate-stat-card {\r\n  background: var(--rche-card-bg);\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius);\r\n  padding: 28px 20px;\r\n  text-align: center;\r\n  box-shadow: var(--rche-shadow);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.rche-donate-stat-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n  background: var(--rche-primary-light);\r\n  color: var(--rche-primary);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.rche-donate-stat-num {\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  color: var(--rche-text);\r\n  line-height: 1.1;\r\n  margin-bottom: 6px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.rche-donate-stat-label {\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  color: var(--rche-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n\/* ============================================\r\n   INTERACTIVE DONATION PORTAL\r\n   ============================================ *\/\r\n.rche-donate-portal-card {\r\n  background: var(--rche-card-bg);\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius);\r\n  box-shadow: var(--rche-shadow);\r\n  max-width: 720px;\r\n  margin: 0 auto 64px;\r\n  overflow: hidden;\r\n}\r\n\r\n.rche-donate-type-tabs {\r\n  display: flex;\r\n  background: var(--rche-bg);\r\n  border-bottom: 1px solid var(--rche-border);\r\n}\r\n\r\n.rche-donate-type-btn {\r\n  flex: 1;\r\n  padding: 16px;\r\n  font-family: var(--rche-font-primary);\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  color: var(--rche-text-muted);\r\n  border: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  outline: none;\r\n  transition: var(--rche-transition);\r\n}\r\n\r\n.rche-donate-type-btn.rche-donate-active {\r\n  background: var(--rche-card-bg);\r\n  color: var(--rche-primary);\r\n  border-top: 3px solid var(--rche-primary);\r\n}\r\n\r\n.rche-donate-portal-body {\r\n  padding: 40px;\r\n}\r\n\r\n.rche-donate-frequency-alert {\r\n  display: none;\r\n  padding: 12px 16px;\r\n  background: var(--rche-primary-light);\r\n  border-left: 3px solid var(--rche-primary);\r\n  border-radius: 0 var(--rche-radius-xs) var(--rche-radius-xs) 0;\r\n  font-size: 0.88rem;\r\n  color: var(--rche-text);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.rche-donate-frequency-alert.rche-donate-show {\r\n  display: block;\r\n}\r\n\r\n.rche-donate-label {\r\n  font-size: 0.9rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n  color: var(--rche-text);\r\n  margin-bottom: 14px;\r\n  display: block;\r\n}\r\n\r\n\/* Preset Grid *\/\r\n.rche-donate-amount-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 12px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.rche-donate-amount-btn {\r\n  background: var(--rche-card-bg);\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius-sm);\r\n  padding: 18px 10px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  transition: var(--rche-transition);\r\n}\r\n\r\n.rche-donate-amount-btn:hover {\r\n  border-color: var(--rche-primary);\r\n}\r\n\r\n.rche-donate-amount-btn.rche-donate-selected {\r\n  border-color: var(--rche-primary);\r\n  background: var(--rche-primary-light);\r\n  box-shadow: 0 0 0 3px rgba(17, 104, 217, 0.15);\r\n}\r\n\r\n.rche-donate-amount-value {\r\n  font-size: 1.15rem;\r\n  font-weight: 800;\r\n  color: var(--rche-text);\r\n}\r\n\r\n.rche-donate-amount-value small {\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  color: var(--rche-text-muted);\r\n}\r\n\r\n.rche-donate-amount-desc {\r\n  font-size: 0.75rem;\r\n  color: var(--rche-text-muted);\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* Custom Input *\/\r\n.rche-donate-custom-input {\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius-sm);\r\n  background: var(--rche-bg);\r\n  overflow: hidden;\r\n  margin-bottom: 32px;\r\n  transition: var(--rche-transition);\r\n}\r\n\r\n.rche-donate-custom-input:focus-within {\r\n  border-color: var(--rche-primary);\r\n  box-shadow: 0 0 0 3px rgba(17, 104, 217, 0.1);\r\n  background: var(--rche-card-bg);\r\n}\r\n\r\n.rche-donate-custom-prefix {\r\n  padding: 14px 20px;\r\n  font-size: 0.9rem;\r\n  font-weight: 700;\r\n  color: var(--rche-text-muted);\r\n  background: rgba(0, 0, 0, 0.02);\r\n  border-right: 1px solid var(--rche-border);\r\n}\r\n\r\n.rche-donate-custom-input input {\r\n  flex: 1;\r\n  padding: 14px 20px;\r\n  border: none;\r\n  background: transparent;\r\n  outline: none;\r\n  font-family: var(--rche-font-body);\r\n  font-size: 1rem;\r\n  color: var(--rche-text);\r\n}\r\n\r\n\/* Payment tabs *\/\r\n.rche-donate-method-tabs {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 12px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.rche-donate-method-btn {\r\n  background: var(--rche-card-bg);\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius-sm);\r\n  padding: 12px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-size: 0.82rem;\r\n  font-weight: 700;\r\n  color: var(--rche-text-muted);\r\n  transition: var(--rche-transition);\r\n}\r\n\r\n.rche-donate-method-btn:hover {\r\n  border-color: var(--rche-primary);\r\n}\r\n\r\n.rche-donate-method-btn.rche-donate-active {\r\n  border-color: var(--rche-primary);\r\n  background: var(--rche-primary-light);\r\n  color: var(--rche-primary);\r\n}\r\n\r\n.rche-donate-method-btn i {\r\n  display: block;\r\n  font-size: 1.3rem;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n\/* Method Panels *\/\r\n.rche-donate-panel {\r\n  display: none;\r\n}\r\n\r\n.rche-donate-panel.rche-donate-active {\r\n  display: block;\r\n}\r\n\r\n.rche-donate-input-group {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.rche-donate-input-group label {\r\n  display: block;\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  color: var(--rche-text);\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.rche-donate-input-group input {\r\n  width: 100%;\r\n  padding: 12px 16px;\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius-xs);\r\n  background: var(--rche-card-bg);\r\n  outline: none;\r\n  font-family: var(--rche-font-body);\r\n  font-size: 0.95rem;\r\n  color: var(--rche-text);\r\n  transition: var(--rche-transition);\r\n}\r\n\r\n.rche-donate-input-group input:focus {\r\n  border-color: var(--rche-primary);\r\n  box-shadow: 0 0 0 3px rgba(17, 104, 217, 0.1);\r\n}\r\n\r\n.rche-donate-form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 12px;\r\n}\r\n\r\n\/* Mobile Money Options *\/\r\n.rche-donate-phone-box {\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius-xs);\r\n  overflow: hidden;\r\n}\r\n\r\n.rche-donate-phone-prefix {\r\n  padding: 12px 14px;\r\n  font-weight: 700;\r\n  font-size: 0.9rem;\r\n  background: var(--rche-bg);\r\n  border-right: 1px solid var(--rche-border);\r\n  color: var(--rche-text-muted);\r\n}\r\n\r\n.rche-donate-phone-box input {\r\n  flex: 1;\r\n  padding: 12px 14px;\r\n  border: none;\r\n  background: transparent;\r\n  outline: none;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.rche-donate-provider-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 12px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.rche-donate-provider-card {\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius-sm);\r\n  padding: 14px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  background: var(--rche-card-bg);\r\n  transition: var(--rche-transition);\r\n}\r\n\r\n.rche-donate-provider-card input[type=\"radio\"] {\r\n  display: none;\r\n}\r\n\r\n.rche-donate-provider-card:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.rche-donate-provider-card.rche-donate-mtn.rche-donate-selected {\r\n  border-color: var(--rche-mtn-yellow);\r\n  background: rgba(255, 204, 0, 0.05);\r\n}\r\n\r\n.rche-donate-provider-card.rche-donate-airtel.rche-donate-selected {\r\n  border-color: var(--rche-airtel-red);\r\n  background: rgba(237, 28, 36, 0.03);\r\n}\r\n\r\n.rche-donate-provider-name {\r\n  font-weight: 700;\r\n  font-size: 0.85rem;\r\n  margin-top: 4px;\r\n}\r\n\r\n.rche-donate-provider-card.rche-donate-mtn .rche-donate-provider-name { color: #1a1a1a; }\r\n.rche-donate-provider-card.rche-donate-airtel .rche-donate-provider-name { color: var(--rche-airtel-red); }\r\n\r\n\/* Bank Details Panel *\/\r\n.rche-donate-bank-info {\r\n  background: var(--rche-bg);\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius-sm);\r\n  padding: 24px;\r\n}\r\n\r\n.rche-donate-bank-line {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.rche-donate-bank-line:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.rche-donate-bank-label {\r\n  font-size: 0.82rem;\r\n  color: var(--rche-text-muted);\r\n  font-weight: 600;\r\n}\r\n\r\n.rche-donate-bank-value {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-weight: 700;\r\n  font-size: 0.9rem;\r\n}\r\n\r\n.rche-donate-copy-btn {\r\n  padding: 4px 8px;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  color: var(--rche-primary);\r\n  background: var(--rche-card-bg);\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  transition: var(--rche-transition);\r\n}\r\n\r\n.rche-donate-copy-btn:hover {\r\n  background: var(--rche-primary);\r\n  color: #ffffff;\r\n  border-color: var(--rche-primary);\r\n}\r\n\r\n.rche-donate-copy-btn.rche-donate-copied {\r\n  background: var(--rche-success);\r\n  color: #ffffff;\r\n  border-color: var(--rche-success);\r\n}\r\n\r\n\/* Submit CTA *\/\r\n.rche-donate-submit-btn {\r\n  width: 100%;\r\n  padding: 16px 24px;\r\n  border: none;\r\n  border-radius: var(--rche-radius-sm);\r\n  background: var(--rche-primary);\r\n  color: #ffffff;\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  margin-top: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  transition: var(--rche-transition);\r\n}\r\n\r\n.rche-donate-submit-btn:hover {\r\n  background: var(--rche-primary-hover);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(17, 104, 217, 0.2);\r\n}\r\n\r\n.rche-donate-security-footer {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  margin-top: 20px;\r\n  font-size: 0.78rem;\r\n  color: var(--rche-text-muted);\r\n}\r\n\r\n\/* ============================================\r\n   WHERE YOUR MONEY GOES\r\n   ============================================ *\/\r\n.rche-donate-split-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 24px;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.rche-donate-split-card {\r\n  background: var(--rche-card-bg);\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius);\r\n  padding: 24px;\r\n  box-shadow: var(--rche-shadow);\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.rche-donate-split-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.rche-donate-split-title {\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: var(--rche-text);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.rche-donate-split-percentage {\r\n  font-size: 0.85rem;\r\n  font-weight: 800;\r\n  color: var(--rche-primary);\r\n  background: var(--rche-primary-light);\r\n  padding: 4px 10px;\r\n  border-radius: 20px;\r\n}\r\n\r\n.rche-donate-split-desc {\r\n  font-size: 0.88rem;\r\n  color: var(--rche-text-muted);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.rche-donate-track {\r\n  height: 8px;\r\n  background: var(--rche-bg);\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n}\r\n\r\n.rche-donate-fill {\r\n  height: 100%;\r\n  background: var(--rche-primary);\r\n  border-radius: 10px;\r\n  width: 0;\r\n  transition: width 1000ms var(--ease-out);\r\n}\r\n\r\n\/* ============================================\r\n   QUOTE TRIBUTE\r\n   ============================================ *\/\r\n.rche-donate-quote-card {\r\n  text-align: center;\r\n  background: var(--rche-card-bg);\r\n  border: 1px solid var(--rche-border);\r\n  border-radius: var(--rche-radius);\r\n  padding: 40px;\r\n  box-shadow: var(--rche-shadow);\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.rche-donate-quote-text {\r\n  font-size: 1.15rem;\r\n  font-style: italic;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  max-width: 65ch;\r\n  margin: 0 auto 16px;\r\n}\r\n\r\n.rche-donate-quote-author {\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n  color: var(--rche-gold-hover);\r\n}\r\n\r\n\/* ============================================\r\n   BOTTOM CTA SECTION\r\n   ============================================ *\/\r\n.rche-donate-cta-card {\r\n  text-align: center;\r\n  background: var(--rche-primary);\r\n  color: #ffffff;\r\n  border-radius: var(--rche-radius);\r\n  padding: 56px 40px;\r\n  box-shadow: var(--rche-shadow);\r\n}\r\n\r\n.rche-donate-cta-title {\r\n  font-size: 2.2rem;\r\n  font-weight: 850;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.rche-donate-cta-desc {\r\n  font-size: 1.1rem;\r\n  opacity: 0.9;\r\n  max-width: 60ch;\r\n  margin: 0 auto 36px;\r\n}\r\n\r\n.rche-donate-btn-group {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.rche-donate-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 32px;\r\n  border-radius: 40px;\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.rche-donate-btn-gold {\r\n  background: var(--rche-gold);\r\n  color: var(--rche-text);\r\n}\r\n\r\n.rche-donate-btn-gold:hover {\r\n  background: var(--rche-gold-hover);\r\n  color: #ffffff;\r\n}\r\n\r\n.rche-donate-btn-outline {\r\n  background: transparent;\r\n  color: #ffffff;\r\n  border: 2px solid rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.rche-donate-btn-outline:hover {\r\n  border-color: #ffffff;\r\n  background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE BREKPOINTS\r\n   ============================================ *\/\r\n@media (max-width: 960px) {\r\n  .rche-donate-stats-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .rche-donate-container {\r\n    padding: 48px 16px;\r\n  }\r\n  .rche-donate-stats-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .rche-donate-split-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .rche-donate-amount-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .rche-donate-method-tabs {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .rche-donate-provider-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .rche-donate-portal-body {\r\n    padding: 24px 16px;\r\n  }\r\n  .rche-donate-form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .rche-donate-btn-group {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n  .rche-donate-btn {\r\n    justify-content: center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rche-donate-wrapper\">\r\n  <div class=\"rche-donate-container\">\r\n\r\n    <!-- ===== SECTION 1: STATS HEADER ===== -->\r\n    <section class=\"rche-donate-section-header\">\r\n      <span class=\"rche-donate-badge\"><i class=\"fas fa-hand-holding-heart\"><\/i> Supporting RCHE<\/span>\r\n      <h2 class=\"rche-donate-title\" style=\"color: var(--rche-text);\">RCHE Climate Action Fund<\/h2>\r\n      <p class=\"rche-donate-subtitle\">Your contribution supports active student green projects, community waste management, regional launches, and environmental learning study tours.<\/p>\r\n    <\/section>\r\n\r\n    <!-- ===== SECTION 2: STATS CARDS ===== -->\r\n    <section class=\"rche-donate-stats-grid rche-donate-animate-up\">\r\n      <div class=\"rche-donate-stat-card\">\r\n        <div class=\"rche-donate-stat-icon\"><i class=\"fas fa-school\"><\/i><\/div>\r\n        <div class=\"rche-donate-stat-num\" data-target=\"20\" data-suffix=\"+\">0<\/div>\r\n        <div class=\"rche-donate-stat-label\">Schools Engaged<\/div>\r\n      <\/div>\r\n      <div class=\"rche-donate-stat-card\">\r\n        <div class=\"rche-donate-stat-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n        <div class=\"rche-donate-stat-num\" data-target=\"500\" data-suffix=\"+\">0<\/div>\r\n        <div class=\"rche-donate-stat-label\">Students Reached<\/div>\r\n      <\/div>\r\n      <div class=\"rche-donate-stat-card\">\r\n        <div class=\"rche-donate-stat-icon\"><i class=\"fas fa-map-marked-alt\"><\/i><\/div>\r\n        <div class=\"rche-donate-stat-num\" data-target=\"5\" data-suffix=\"\">0<\/div>\r\n        <div class=\"rche-donate-stat-label\">Regions Covered<\/div>\r\n      <\/div>\r\n      <div class=\"rche-donate-stat-card\">\r\n        <div class=\"rche-donate-stat-icon\"><i class=\"fas fa-award\"><\/i><\/div>\r\n        <div class=\"rche-donate-stat-num\" data-target=\"1\" data-suffix=\"st\">0<\/div>\r\n        <div class=\"rche-donate-stat-label\">Climate Awards<\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== SECTION 3: DONATION PORTAL CARD ===== -->\r\n    <section class=\"rche-donate-portal-card rche-donate-animate-up rche-donate-delay-1\" id=\"donate-portal\">\r\n      <!-- Frequency Selection -->\r\n      <div class=\"rche-donate-type-tabs\">\r\n        <button class=\"rche-donate-type-btn rche-donate-active\" data-tab=\"onetime\"><i class=\"fas fa-gift\" style=\"margin-right: 6px;\"><\/i> One-Time Donation<\/button>\r\n        <button class=\"rche-donate-type-btn\" data-tab=\"monthly\"><i class=\"fas fa-sync-alt\" style=\"margin-right: 6px;\"><\/i> Monthly Support<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"rche-donate-portal-body\">\r\n        <div class=\"rche-donate-frequency-alert\" id=\"monthlyAlert\">\r\n          <i class=\"fas fa-heart\" style=\"margin-right: 6px;\"><\/i> Sustained support powers continuous student study tours, research trials, and school club events year-round.\r\n        <\/div>\r\n\r\n        <!-- Preset amounts -->\r\n        <span class=\"rche-donate-label\">Select Amount<\/span>\r\n        <div class=\"rche-donate-amount-grid\">\r\n          <button class=\"rche-donate-amount-btn rche-donate-pressable\" data-val=\"20000\">\r\n            <div class=\"rche-donate-amount-value\">20,000 <small>UGX<\/small><\/div>\r\n            <div class=\"rche-donate-amount-desc\">\ud83c\udf31 Plant 5 Trees<\/div>\r\n          <\/button>\r\n          <button class=\"rche-donate-amount-btn rche-donate-pressable rche-donate-selected\" data-val=\"50000\">\r\n            <div class=\"rche-donate-amount-value\">50,000 <small>UGX<\/small><\/div>\r\n            <div class=\"rche-donate-amount-desc\">\ud83d\udcda Student Materials<\/div>\r\n          <\/button>\r\n          <button class=\"rche-donate-amount-btn rche-donate-pressable\" data-val=\"100000\">\r\n            <div class=\"rche-donate-amount-value\">100,000 <small>UGX<\/small><\/div>\r\n            <div class=\"rche-donate-amount-desc\">\ud83c\udfd5\ufe0f Boot Camp Supplies<\/div>\r\n          <\/button>\r\n          <button class=\"rche-donate-amount-btn rche-donate-pressable\" data-val=\"250000\">\r\n            <div class=\"rche-donate-amount-value\">250,000 <small>UGX<\/small><\/div>\r\n            <div class=\"rche-donate-amount-desc\">\ud83d\udd2c Research Funding<\/div>\r\n          <\/button>\r\n          <button class=\"rche-donate-amount-btn rche-donate-pressable\" data-val=\"500000\">\r\n            <div class=\"rche-donate-amount-value\">500,000 <small>UGX<\/small><\/div>\r\n            <div class=\"rche-donate-amount-desc\">\ud83c\udfc6 Award Ceremony<\/div>\r\n          <\/button>\r\n          <button class=\"rche-donate-amount-btn rche-donate-pressable\" data-val=\"1000000\">\r\n            <div class=\"rche-donate-amount-value\">1,000,000 <small>UGX<\/small><\/div>\r\n            <div class=\"rche-donate-amount-desc\">\ud83c\udf0d Full Expedition<\/div>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"rche-donate-custom-input\">\r\n          <span class=\"rche-donate-custom-prefix\">UGX<\/span>\r\n          <input type=\"text\" id=\"customInput\" placeholder=\"Enter custom donation amount\" inputmode=\"numeric\">\r\n        <\/div>\r\n\r\n        <!-- Payment method tabs -->\r\n        <span class=\"rche-donate-label\">Payment Method<\/span>\r\n        <div class=\"rche-donate-method-tabs\">\r\n          <button class=\"rche-donate-method-btn rche-donate-active\" data-method=\"card\">\r\n            <i class=\"fas fa-credit-card\"><\/i> Card \/ PayPal\r\n          <\/button>\r\n          <button class=\"rche-donate-method-btn\" data-method=\"mobile\">\r\n            <i class=\"fas fa-mobile-alt\"><\/i> Mobile Money\r\n          <\/button>\r\n          <button class=\"rche-donate-method-btn\" data-method=\"bank\">\r\n            <i class=\"fas fa-university\"><\/i> Bank Transfer\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <!-- Panel 1: Card -->\r\n        <div class=\"rche-donate-panel rche-donate-active\" data-panel=\"card\">\r\n          <div class=\"rche-donate-input-group\">\r\n            <label>Name on Card<\/label>\r\n            <input type=\"text\" placeholder=\"John Doe\">\r\n          <\/div>\r\n          <div class=\"rche-donate-input-group\">\r\n            <label>Email Address<\/label>\r\n            <input type=\"email\" placeholder=\"you@example.com\">\r\n          <\/div>\r\n          <div class=\"rche-donate-input-group\">\r\n            <label>Card Number<\/label>\r\n            <input type=\"text\" placeholder=\"\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022\" maxlength=\"19\">\r\n          <\/div>\r\n          <div class=\"rche-donate-form-row\">\r\n            <div class=\"rche-donate-input-group\">\r\n              <label>Expiry<\/label>\r\n              <input type=\"text\" placeholder=\"MM \/ YY\" maxlength=\"7\">\r\n            <\/div>\r\n            <div class=\"rche-donate-input-group\">\r\n              <label>CVC Code<\/label>\r\n              <input type=\"text\" placeholder=\"\u2022\u2022\u2022\" maxlength=\"4\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Panel 2: Mobile Money -->\r\n        <div class=\"rche-donate-panel\" data-panel=\"mobile\">\r\n          <div class=\"rche-donate-input-group\">\r\n            <label>Mobile Phone Number<\/label>\r\n            <div class=\"rche-donate-phone-box\">\r\n              <span class=\"rche-donate-phone-prefix\">\ud83c\uddfa\ud83c\uddec +256<\/span>\r\n              <input type=\"tel\" placeholder=\"7XX XXX XXX\" maxlength=\"12\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"rche-donate-label\" style=\"font-size: 0.8rem; margin-top: 10px;\">Select Provider<\/span>\r\n          <div class=\"rche-donate-provider-grid\">\r\n            <div class=\"rche-donate-provider-card rche-donate-mtn rche-donate-selected\" data-provider=\"mtn\">\r\n              <input type=\"radio\" name=\"momo-provider\" value=\"mtn\" checked>\r\n              <div style=\"font-size: 1.4rem;\">\ud83d\udc9b<\/div>\r\n              <div class=\"rche-donate-provider-name\">MTN Mobile Money<\/div>\r\n            <\/div>\r\n            <div class=\"rche-donate-provider-card rche-donate-airtel\" data-provider=\"airtel\">\r\n              <input type=\"radio\" name=\"momo-provider\" value=\"airtel\">\r\n              <div style=\"font-size: 1.4rem;\">\u2764\ufe0f<\/div>\r\n              <div class=\"rche-donate-provider-name\">Airtel Money<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Panel 3: Bank -->\r\n        <div class=\"rche-donate-panel\" data-panel=\"bank\">\r\n          <div class=\"rche-donate-bank-info\">\r\n            <div class=\"rche-donate-bank-line\">\r\n              <span class=\"rche-donate-bank-label\">Bank<\/span>\r\n              <span class=\"rche-donate-bank-value\">\r\n                Stanbic Bank Uganda\r\n                <button class=\"rche-donate-copy-btn\" data-copy=\"Stanbic Bank Uganda\">Copy<\/button>\r\n              <\/span>\r\n            <\/div>\r\n            <div class=\"rche-donate-bank-line\">\r\n              <span class=\"rche-donate-bank-label\">Account Name<\/span>\r\n              <span class=\"rche-donate-bank-value\">\r\n                Ryakasinga CHE Climate Action Fund\r\n                <button class=\"rche-donate-copy-btn\" data-copy=\"Ryakasinga CHE Climate Action Fund\">Copy<\/button>\r\n              <\/span>\r\n            <\/div>\r\n            <div class=\"rche-donate-bank-line\">\r\n              <span class=\"rche-donate-bank-label\">Account Number<\/span>\r\n              <span class=\"rche-donate-bank-value\">\r\n                9030018857002\r\n                <button class=\"rche-donate-copy-btn\" data-copy=\"9030018857002\">Copy<\/button>\r\n              <\/span>\r\n            <\/div>\r\n            <div class=\"rche-donate-bank-line\">\r\n              <span class=\"rche-donate-bank-label\">Swift Code<\/span>\r\n              <span class=\"rche-donate-bank-value\">\r\n                SBICUGKA\r\n                <button class=\"rche-donate-copy-btn\" data-copy=\"SBICUGKA\">Copy<\/button>\r\n              <\/span>\r\n            <\/div>\r\n            <div class=\"rche-donate-bank-line\">\r\n              <span class=\"rche-donate-bank-label\">Reference Note<\/span>\r\n              <span class=\"rche-donate-bank-value\">\r\n                RCHE CLIMATE FUND\r\n                <button class=\"rche-donate-copy-btn\" data-copy=\"RCHE CLIMATE FUND\">Copy<\/button>\r\n              <\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Submit Button -->\r\n        <button class=\"rche-donate-submit-btn rche-donate-pressable\" id=\"submitBtn\">\r\n          <i class=\"fas fa-heart\"><\/i>\r\n          <span>Donate Now<\/span>\r\n          <span id=\"btnAmount\" style=\"opacity: 0.85;\">\u2014 50,000 UGX<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"rche-donate-security-footer\">\r\n          <span><i class=\"fas fa-lock\"><\/i> Secure SSL Gateway<\/span>\r\n          <span><i class=\"fas fa-check-circle\"><\/i> Direct School Account<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== SECTION 4: FUND ALLOCATION TRANSPARENCY ===== -->\r\n    <section>\r\n      <div class=\"rche-donate-section-header\">\r\n        <span class=\"rche-donate-badge\"><i class=\"fas fa-info-circle\"><\/i> Transparency<\/span>\r\n        <h2 class=\"rche-donate-title\" style=\"color: var(--rche-text);\">Where Your Donation Goes<\/h2>\r\n        <p class=\"rche-donate-subtitle\">To maintain direct accountability, RCHE distributes every shilling received to core student green project pillars.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"rche-donate-split-grid rche-donate-animate-up\">\r\n        <!-- Pillar 1 -->\r\n        <div class=\"rche-donate-split-card\">\r\n          <div class=\"rche-donate-split-header\">\r\n            <span class=\"rche-donate-split-title\"><i class=\"fas fa-campground\"><\/i> Student Boot Camps<\/span>\r\n            <span class=\"rche-donate-split-percentage\">35%<\/span>\r\n          <\/div>\r\n          <p class=\"rche-donate-split-desc\">Fund practical boot camps and training challenges in school yards across Uganda regions.<\/p>\r\n          <div class=\"rche-donate-track\">\r\n            <div class=\"rche-donate-fill\" data-pct=\"35\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Pillar 2 -->\r\n        <div class=\"rche-donate-split-card\">\r\n          <div class=\"rche-donate-split-header\">\r\n            <span class=\"rche-donate-split-title\"><i class=\"fas fa-award\"><\/i> Awards &amp; Medals<\/span>\r\n            <span class=\"rche-donate-split-percentage\">25%<\/span>\r\n          <\/div>\r\n          <p class=\"rche-donate-split-desc\">Provides the recognition medals, student innovation challenge prizes, and ceremony materials.<\/p>\r\n          <div class=\"rche-donate-track\">\r\n            <div class=\"rche-donate-fill\" data-pct=\"25\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Pillar 3 -->\r\n        <div class=\"rche-donate-split-card\">\r\n          <div class=\"rche-donate-split-header\">\r\n            <span class=\"rche-donate-split-title\"><i class=\"fas fa-book-open\"><\/i> Research &amp; Writing<\/span>\r\n            <span class=\"rche-donate-split-percentage\">20%<\/span>\r\n          <\/div>\r\n          <p class=\"rche-donate-split-desc\">Supports studies investigating climate change and students' mental health, song writing, and publications.<\/p>\r\n          <div class=\"rche-donate-track\">\r\n            <div class=\"rche-donate-fill\" data-pct=\"20\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Pillar 4 -->\r\n        <div class=\"rche-donate-split-card\">\r\n          <div class=\"rche-donate-split-header\">\r\n            <span class=\"rche-donate-split-title\"><i class=\"fas fa-plane-departure\"><\/i> Expeditions &amp; Tours<\/span>\r\n            <span class=\"rche-donate-split-percentage\">20%<\/span>\r\n          <\/div>\r\n          <p class=\"rche-donate-split-desc\">Covers travel costs for carbon credit field trips (such as Rwanda carbon projects and national parks).<\/p>\r\n          <div class=\"rche-donate-track\">\r\n            <div class=\"rche-donate-fill\" data-pct=\"20\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== SECTION 5: INSPIRING QUOTE CARD ===== -->\r\n    <section class=\"rche-donate-quote-card rche-donate-animate-up\">\r\n      <p class=\"rche-donate-quote-text\">\r\n        \"This is a memorial photo that speaks to the world of a shared and sustainable future.\"\r\n      <\/p>\r\n      <div class=\"rche-donate-quote-author\">Ryakasinga Centre for Higher Education<\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== SECTION 6: CTA FOOTER ===== -->\r\n    <section class=\"rche-donate-cta-card rche-donate-animate-up\">\r\n      <h2 class=\"rche-donate-cta-title\">Every Shilling Counts<\/h2>\r\n      <p class=\"rche-donate-cta-desc\">Join our community in supporting environmental leaders and preserving school legacy.<\/p>\r\n      <div class=\"rche-donate-btn-group\">\r\n        <a href=\"https:\/\/ryakasingache.ac.ug\/index.php\/events\/\" class=\"rche-donate-btn rche-donate-btn-gold rche-donate-pressable\"><i class=\"fas fa-calendar-alt\"><\/i> View Action Events<\/a>\r\n        <a href=\"https:\/\/ryakasingache.ac.ug\/index.php\/activities\/\" class=\"rche-donate-btn rche-donate-btn-outline rche-donate-pressable\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-info-circle\"><\/i> Contact Administration<\/a>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ===== JAVASCRIPT ===== -->\r\n<script>\r\n(function() {\r\n  'use strict';\r\n  const portal = document.getElementById('donate-portal');\r\n  if (!portal) return;\r\n\r\n  \/\/ 1. Tab switches for donation type (One-time vs Monthly)\r\n  const typeBtns = portal.querySelectorAll('.rche-donate-type-btn');\r\n  const monthlyAlert = document.getElementById('monthlyAlert');\r\n  typeBtns.forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      typeBtns.forEach(b => b.classList.remove('rche-donate-active'));\r\n      this.classList.add('rche-donate-active');\r\n\r\n      if (this.getAttribute('data-tab') === 'monthly') {\r\n        monthlyAlert.classList.add('rche-donate-show');\r\n      } else {\r\n        monthlyAlert.classList.remove('rche-donate-show');\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ 2. Select presets & input custom amount\r\n  const presetBtns = portal.querySelectorAll('.rche-donate-amount-btn');\r\n  const customInput = document.getElementById('customInput');\r\n  const btnAmountLabel = document.getElementById('btnAmount');\r\n\r\n  function formatValue(val) {\r\n    return val.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n  }\r\n\r\n  function updateDisplay(valueText) {\r\n    if (btnAmountLabel) {\r\n      if (valueText) {\r\n        btnAmountLabel.textContent = '\u2014 ' + formatValue(valueText) + ' UGX';\r\n      } else {\r\n        btnAmountLabel.textContent = '';\r\n      }\r\n    }\r\n  }\r\n\r\n  presetBtns.forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      presetBtns.forEach(b => b.classList.remove('rche-donate-selected'));\r\n      this.classList.add('rche-donate-selected');\r\n      customInput.value = '';\r\n      updateDisplay(this.getAttribute('data-val'));\r\n    });\r\n  });\r\n\r\n  customInput.addEventListener('input', function() {\r\n    \/\/ Strip non-numbers\r\n    let numericValue = this.value.replace(\/[^0-9]\/g, '');\r\n    this.value = numericValue;\r\n\r\n    if (numericValue) {\r\n      presetBtns.forEach(b => b.classList.remove('rche-donate-selected'));\r\n      updateDisplay(numericValue);\r\n    } else {\r\n      \/\/ Re-select default preset (second item - 50,000)\r\n      presetBtns[1].click();\r\n    }\r\n  });\r\n\r\n  \/\/ 3. Payment Method Tabs Switching\r\n  const methodBtns = portal.querySelectorAll('.rche-donate-method-btn');\r\n  const panels = portal.querySelectorAll('.rche-donate-panel');\r\n\r\n  methodBtns.forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      methodBtns.forEach(b => b.classList.remove('rche-donate-active'));\r\n      this.classList.add('rche-donate-active');\r\n\r\n      const targetMethod = this.getAttribute('data-method');\r\n      panels.forEach(panel => {\r\n        if (panel.getAttribute('data-panel') === targetMethod) {\r\n          panel.classList.add('rche-donate-active');\r\n        } else {\r\n          panel.classList.remove('rche-donate-active');\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  \/\/ 4. Mobile Money Provider Radio selection cards\r\n  const momoCards = portal.querySelectorAll('.rche-donate-provider-card');\r\n  momoCards.forEach(card => {\r\n    card.addEventListener('click', function() {\r\n      momoCards.forEach(c => c.classList.remove('rche-donate-selected'));\r\n      this.classList.add('rche-donate-selected');\r\n      this.querySelector('input[type=\"radio\"]').checked = true;\r\n    });\r\n  });\r\n\r\n  \/\/ 5. Copy to Clipboard Action\r\n  const copyBtns = portal.querySelectorAll('.rche-donate-copy-btn');\r\n  copyBtns.forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      const copyVal = this.getAttribute('data-copy');\r\n      if (!copyVal) return;\r\n\r\n      const triggerCopy = () => {\r\n        const currentLabel = this.textContent;\r\n        this.textContent = 'Copied!';\r\n        this.classList.add('rche-donate-copied');\r\n        setTimeout(() => {\r\n          this.textContent = currentLabel;\r\n          this.classList.remove('rche-donate-copied');\r\n        }, 1500);\r\n      };\r\n\r\n      if (navigator.clipboard && navigator.clipboard.writeText) {\r\n        navigator.clipboard.writeText(copyVal).then(triggerCopy);\r\n      } else {\r\n        const textarea = document.createElement('textarea');\r\n        textarea.value = copyVal;\r\n        textarea.style.position = 'fixed';\r\n        document.body.appendChild(textarea);\r\n        textarea.select();\r\n        try {\r\n          document.execCommand('copy');\r\n          triggerCopy();\r\n        } catch (err) {}\r\n        document.body.removeChild(textarea);\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ 6. Submit Button trigger visual feedback\r\n  const submitBtn = document.getElementById('submitBtn');\r\n  if (submitBtn) {\r\n    submitBtn.addEventListener('click', function() {\r\n      const textSpan = this.querySelector('span:not(#btnAmount)');\r\n      const origText = textSpan.textContent;\r\n      textSpan.textContent = 'Processing...';\r\n\r\n      setTimeout(() => {\r\n        textSpan.textContent = 'Thank You! \ud83c\udf89';\r\n        this.style.background = 'var(--rche-success)';\r\n        setTimeout(() => {\r\n          textSpan.textContent = origText;\r\n          this.style.background = '';\r\n        }, 2000);\r\n      }, 1000);\r\n    });\r\n  }\r\n\r\n  \/\/ 7. Counter card animation & Progress Fill animation on scroll\r\n  const observerOptions = {\r\n    root: null,\r\n    rootMargin: '0px 0px -40px 0px',\r\n    threshold: 0.1\r\n  };\r\n\r\n  let statsAnimated = false;\r\n  const triggerObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('rche-donate-visible');\r\n\r\n        \/\/ Animate progress bars if present inside the card\r\n        const fills = entry.target.querySelectorAll('.rche-donate-fill');\r\n        fills.forEach(fill => {\r\n          const targetPct = fill.getAttribute('data-pct');\r\n          if (targetPct) {\r\n            setTimeout(() => {\r\n              fill.style.width = targetPct + '%';\r\n            }, 100);\r\n          }\r\n        });\r\n\r\n        \/\/ Run stats counter if this is the stats card grid\r\n        if (entry.target.classList.contains('rche-donate-stats-grid') && !statsAnimated) {\r\n          statsAnimated = true;\r\n          const statNums = entry.target.querySelectorAll('.rche-donate-stat-num');\r\n          statNums.forEach(counter => {\r\n            const target = parseInt(counter.getAttribute('data-target'));\r\n            const suffix = counter.getAttribute('data-suffix') || '';\r\n            const duration = 1200;\r\n            const startTime = performance.now();\r\n\r\n            function runCount(currentTime) {\r\n              const elapsed = currentTime - startTime;\r\n              const progress = Math.min(elapsed \/ duration, 1);\r\n              const easeOut = 1 - Math.pow(1 - progress, 3); \/\/ cubic ease-out\r\n              const countVal = Math.round(easeOut * target);\r\n              counter.textContent = countVal + suffix;\r\n              if (progress < 1) {\r\n                requestAnimationFrame(runCount);\r\n              }\r\n            }\r\n            requestAnimationFrame(runCount);\r\n          });\r\n        }\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  const animElements = document.querySelectorAll('.rche-donate-animate-up');\r\n  animElements.forEach(el => {\r\n    triggerObserver.observe(el);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Supporting RCHE RCHE Climate Action Fund Your contribution supports active student green projects, community waste management, regional launches, and environmental &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1172","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ryakasingache.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/1172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ryakasingache.ac.ug\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ryakasingache.ac.ug\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ryakasingache.ac.ug\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ryakasingache.ac.ug\/index.php\/wp-json\/wp\/v2\/comments?post=1172"}],"version-history":[{"count":8,"href":"https:\/\/ryakasingache.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/1172\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/ryakasingache.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/1172\/revisions\/1183"}],"wp:attachment":[{"href":"https:\/\/ryakasingache.ac.ug\/index.php\/wp-json\/wp\/v2\/media?parent=1172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}