{"id":241,"date":"2026-04-14T03:35:55","date_gmt":"2026-04-14T03:35:55","guid":{"rendered":"https:\/\/swrf.org.uk\/our-programs-2\/"},"modified":"2026-05-30T09:16:58","modified_gmt":"2026-05-30T09:16:58","slug":"our-programs-2","status":"publish","type":"page","link":"https:\/\/swrf.org.uk\/ar\/our-programs-2\/","title":{"rendered":"\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u062e\u064a\u0631\u064a\u0629"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull we-do wow animate__animated animate__fadeInUp has-accent-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-c4d06299 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-70f4fdbb wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:clamp(31.609px, 1.976rem + ((1vw - 3.2px) * 2.772), 56px);font-style:normal;font-weight:700;line-height:1.2\">Our Campaigns<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-328c6305 wp-block-columns-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-column has-hover-effect has-base-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-cover has-custom-content-position is-position-top-right\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);min-height:200px;aspect-ratio:unset;\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1536\" height=\"1024\" class=\"wp-block-cover__image-background wp-image-58 size-full\" alt=\"\" src=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/family-care.png\" data-object-fit=\"cover\" srcset=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/family-care.png 1536w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/family-care-300x200.png 300w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/family-care-1024x683.png 1024w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/family-care-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-03975179 wp-block-group-is-layout-grid\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);font-style:normal;font-weight:700\">Family Care Program<\/h2>\n\n\n\n<p>Through our Healthcare Support Program, we provide accessible and compassionate medical care, essential treatments, and health services to vulnerable individuals and families, ensuring dignity and improved quality of life.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fc4fd283 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-arrow-img\"><a class=\"wp-block-button__link has-primary-background-color has-background wp-element-button\" href=\"https:\/\/swrf.org.uk\/donate-now-2\/\" style=\"padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px\">Donate Now<img decoding=\"async\" class=\"wp-image-82\" style=\"width: 24px;\" src=\"https:\/\/swrf.org.uk\/wp-content\/themes\/charity-grove\/assets\/images\/arrow-right-white.png\" alt=\"\"><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-481d4795 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-5250ac80795a0c0252f50fa49ffecbe8\" style=\"font-style:normal;font-weight:600\"><em>$9K Raised<\/em><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-7cc0f45b97e89eb5837e2ddbd06a55d7\" style=\"font-style:normal;font-weight:600\"><em>2K+ people involved<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n   SWRF BUTTON \u2192 SCROLL (FINAL FIX)\n========================= -->\n\n<style>\n.swrf-more-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  background:#166534;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  border-radius:8px;\n  border:none;\n  cursor:pointer;\n  transition:all 0.3s ease;\n}\n\n.swrf-more-btn:hover{\n  background:#14532d;\n  transform:translateY(-2px);\n  box-shadow:0 8px 18px rgba(0,0,0,0.15);\n}\n\n.swrf-more-btn::after{\n  content:\"\u2192\";\n  transition:0.3s;\n}\n\n.swrf-more-btn:hover::after{\n  transform:translateX(4px);\n}\n<\/style>\n\n<!-- BUTTON -->\n<button class=\"swrf-more-btn\" id=\"scrollBtn\">\n  More Details\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const btn = document.getElementById(\"scrollBtn\");\n\n  if(!btn) return;\n\n  btn.addEventListener(\"click\", function(){\n\n    const target = document.getElementById(\"family-dashboard\");\n\n    if(!target){\n      alert(\"Target section not found. Check ID: family-dashboard\");\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\"\n    });\n\n  });\n\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-hover-effect has-base-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-top-right\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);min-height:200px;aspect-ratio:unset;\"><img decoding=\"async\" width=\"543\" height=\"362\" class=\"wp-block-cover__image-background wp-image-392 size-full\" alt=\"\" src=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-Education-Scholarships-Support-edited-1.png\" data-object-fit=\"cover\" srcset=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-Education-Scholarships-Support-edited-1.png 543w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-Education-Scholarships-Support-edited-1-300x200.png 300w\" sizes=\"(max-width: 543px) 100vw, 543px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-03975179 wp-block-group-is-layout-grid\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);font-style:normal;font-weight:700\">Orphan Sponsorship Program<\/h2>\n\n\n\n<p>Our Orphan Sponsorship Program provides long-term care, education, and protection to orphaned children, empowering them to grow with dignity, security, and the opportunity to build a brighter future.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fc4fd283 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-arrow-img\"><a class=\"wp-block-button__link has-primary-background-color has-background wp-element-button\" href=\"https:\/\/swrf.org.uk\/donate-now-2\/\" style=\"padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px\">Donate Now<img decoding=\"async\" class=\"wp-image-82\" style=\"width: 24px;\" src=\"https:\/\/swrf.org.uk\/wp-content\/themes\/charity-grove\/assets\/images\/arrow-right-white.png\" alt=\"\"><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-481d4795 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-41313ede48cb0db15d3488d0563a5336\" style=\"font-style:normal;font-weight:600\"><em>$8K Raised<\/em><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-a2ae5009185c0d7f2f0db8b658ecffc8\" style=\"font-style:normal;font-weight:600\"><em>0.7K+ people involved<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n   SWRF BUTTON \u2192 SCROLL TO ORPHAN DASHBOARD\n========================= -->\n\n<style>\n.swrf-more-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  background:#166534;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  border-radius:8px;\n  border:none;\n  cursor:pointer;\n  transition:all 0.3s ease;\n}\n\n.swrf-more-btn:hover{\n  background:#14532d;\n  transform:translateY(-2px);\n  box-shadow:0 8px 18px rgba(0,0,0,0.15);\n}\n\n.swrf-more-btn::after{\n  content:\"\u2192\";\n  transition:0.3s;\n}\n\n.swrf-more-btn:hover::after{\n  transform:translateX(4px);\n}\n<\/style>\n\n<!-- BUTTON -->\n<button class=\"swrf-more-btn\" id=\"scrollBtnOrphan\">\n  More Details\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const btn = document.getElementById(\"scrollBtnOrphan\");\n\n  if(!btn) return;\n\n  btn.addEventListener(\"click\", function(){\n\n    const target = document.getElementById(\"orphan-dashboard\");\n\n    if(!target){\n      alert(\"Target section not found. Check ID: orphan-dashboard\");\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\"\n    });\n\n  });\n\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-hover-effect has-base-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-cover has-custom-content-position is-position-top-right\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);min-height:200px;aspect-ratio:unset;\"><img decoding=\"async\" width=\"1536\" height=\"1024\" class=\"wp-block-cover__image-background wp-image-50 size-full\" alt=\"\" src=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Support-for-widows-in-need.png\" data-object-fit=\"cover\" srcset=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Support-for-widows-in-need.png 1536w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Support-for-widows-in-need-300x200.png 300w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Support-for-widows-in-need-1024x683.png 1024w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Support-for-widows-in-need-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-03975179 wp-block-group-is-layout-grid\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);font-style:normal;font-weight:700\">Widow Support Program<\/h2>\n\n\n\n<p>Our Widow Support Program provides compassionate and sustainable assistance to widows by addressing their financial, social, and essential needs, empowering them to live with dignity, independence, and long-term stability.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fc4fd283 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-arrow-img\"><a class=\"wp-block-button__link has-primary-background-color has-background wp-element-button\" href=\"https:\/\/swrf.org.uk\/donate-now-2\/\" style=\"padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px\">Donate Now<img decoding=\"async\" class=\"wp-image-82\" style=\"width: 24px;\" src=\"https:\/\/swrf.org.uk\/wp-content\/themes\/charity-grove\/assets\/images\/arrow-right-white.png\" alt=\"\"><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-481d4795 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-5250ac80795a0c0252f50fa49ffecbe8\" style=\"font-style:normal;font-weight:600\"><em>$9K Raised<\/em><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-b1b707e776cd2092871dd63b1ee31c27\" style=\"font-style:normal;font-weight:600\"><em>0.5K+ people involved<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n   SWRF BUTTON \u2192 SCROLL TO WIDOW DASHBOARD\n========================= -->\n\n<style>\n.swrf-more-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  background:#166534;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  border-radius:8px;\n  border:none;\n  cursor:pointer;\n  transition:all 0.3s ease;\n}\n\n.swrf-more-btn:hover{\n  background:#14532d;\n  transform:translateY(-2px);\n  box-shadow:0 8px 18px rgba(0,0,0,0.15);\n}\n\n.swrf-more-btn::after{\n  content:\"\u2192\";\n  transition:0.3s;\n}\n\n.swrf-more-btn:hover::after{\n  transform:translateX(4px);\n}\n<\/style>\n\n<!-- BUTTON -->\n<button class=\"swrf-more-btn\" id=\"scrollBtnWidow\">\n  More Details\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const btn = document.getElementById(\"scrollBtnWidow\");\n\n  if(!btn) return;\n\n  btn.addEventListener(\"click\", function(){\n\n    const target = document.getElementById(\"widow-dashboard\");\n\n    if(!target){\n      alert(\"Target section not found. Check ID: widow-dashboard\");\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\"\n    });\n\n  });\n\n});\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e79a657b wp-block-columns-is-layout-flex\" style=\"padding-top:0\">\n<div class=\"wp-block-column has-hover-effect has-base-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-top-right\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);min-height:200px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1882\" height=\"544\" class=\"wp-block-cover__image-background wp-image-49 size-full\" alt=\"\" src=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-food-support.png\" data-object-fit=\"cover\" srcset=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-food-support.png 1882w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-food-support-300x87.png 300w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-food-support-1024x296.png 1024w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-food-support-768x222.png 768w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-food-support-1536x444.png 1536w\" sizes=\"(max-width: 1882px) 100vw, 1882px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7994f801 wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);font-style:normal;font-weight:700\">Food Packages Program<\/h2>\n\n\n\n<p>Our Food and Nutrition Program ensures that vulnerable families receive consistent access to essential food supplies and nutritional support, helping them overcome hunger while preserving their dignity.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fc4fd283 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-arrow-img\"><a class=\"wp-block-button__link has-primary-background-color has-background wp-element-button\" href=\"https:\/\/swrf.org.uk\/donate-now-2\/\" style=\"padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px\">Donate Now<img decoding=\"async\" class=\"wp-image-82\" style=\"width: 24px;\" src=\"https:\/\/swrf.org.uk\/wp-content\/themes\/charity-grove\/assets\/images\/arrow-right-white.png\" alt=\"\"><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-481d4795 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-3d00f35803cbe464a6f4c049722ad890\" style=\"font-style:normal;font-weight:600\"><em>$10K Raised<\/em><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-4291e3ea2807bf9458362e283e81b5b5\" style=\"font-style:normal;font-weight:600\"><em>3K+ people involved<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n   SWRF BUTTON \u2192 SCROLL TO FOOD DASHBOARD\n========================= -->\n\n<style>\n.swrf-more-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  background:#166534;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  border-radius:8px;\n  border:none;\n  cursor:pointer;\n  transition:all 0.3s ease;\n}\n\n.swrf-more-btn:hover{\n  background:#14532d;\n  transform:translateY(-2px);\n  box-shadow:0 8px 18px rgba(0,0,0,0.15);\n}\n\n.swrf-more-btn::after{\n  content:\"\u2192\";\n  transition:0.3s;\n}\n\n.swrf-more-btn:hover::after{\n  transform:translateX(4px);\n}\n<\/style>\n\n<!-- BUTTON -->\n<button class=\"swrf-more-btn\" id=\"scrollBtnFood\">\n  More Details\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const btn = document.getElementById(\"scrollBtnFood\");\n\n  if(!btn) return;\n\n  btn.addEventListener(\"click\", function(){\n\n    const target = document.getElementById(\"food-dashboard\");\n\n    if(!target){\n      alert(\"Target section not found. Check ID: food-dashboard\");\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\"\n    });\n\n  });\n\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-hover-effect has-base-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-top-right\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);min-height:200px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1882\" height=\"544\" class=\"wp-block-cover__image-background wp-image-48 size-full\" alt=\"\" src=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-water-program.png\" data-object-fit=\"cover\" srcset=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-water-program.png 1882w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-water-program-300x87.png 300w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-water-program-1024x296.png 1024w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-water-program-768x222.png 768w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/swrf-water-program-1536x444.png 1536w\" sizes=\"(max-width: 1882px) 100vw, 1882px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7994f801 wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);font-style:normal;font-weight:700\">Clean Water Access Program<\/h2>\n\n\n\n<p>Through our Water and Sanitation Program, we ensure access to clean water, proper sanitation, and hygiene services, safeguarding health and promoting dignity within underserved communities.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fc4fd283 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-arrow-img\"><a class=\"wp-block-button__link has-primary-background-color has-background wp-element-button\" href=\"https:\/\/swrf.org.uk\/donate-now-2\/\" style=\"padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px\">Donate Now<img decoding=\"async\" class=\"wp-image-82\" style=\"width: 24px;\" src=\"https:\/\/swrf.org.uk\/wp-content\/themes\/charity-grove\/assets\/images\/arrow-right-white.png\" alt=\"\"><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-481d4795 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-a87791ff657cb7b18317557fa8ab383b\" style=\"font-style:normal;font-weight:600\"><em>$12K Raised<\/em><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-9a7314dffa0575cdd14fbb598a30b645\" style=\"font-style:normal;font-weight:600\"><em>2.5K+ people involved<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n   SWRF BUTTON \u2192 SCROLL TO CLEAN WATER DASHBOARD\n========================= -->\n\n<style>\n.swrf-more-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  background:#166534;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  border-radius:8px;\n  border:none;\n  cursor:pointer;\n  transition:all 0.3s ease;\n}\n\n.swrf-more-btn:hover{\n  background:#14532d;\n  transform:translateY(-2px);\n  box-shadow:0 8px 18px rgba(0,0,0,0.15);\n}\n\n.swrf-more-btn::after{\n  content:\"\u2192\";\n  transition:0.3s;\n}\n\n.swrf-more-btn:hover::after{\n  transform:translateX(4px);\n}\n<\/style>\n\n<!-- BUTTON -->\n<button class=\"swrf-more-btn\" id=\"scrollBtnWater\">\n  More Details\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const btn = document.getElementById(\"scrollBtnWater\");\n\n  if(!btn) return;\n\n  btn.addEventListener(\"click\", function(){\n\n    const target = document.getElementById(\"water-dashboard\");\n\n    if(!target){\n      alert(\"Target section not found. Check ID: water-dashboard\");\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\"\n    });\n\n  });\n\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-hover-effect has-base-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-top-right\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);min-height:200px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" class=\"wp-block-cover__image-background wp-image-56 size-full\" alt=\"\" src=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Healthcare-support-under-a-tent-clinic.png\" data-object-fit=\"cover\" srcset=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Healthcare-support-under-a-tent-clinic.png 1536w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Healthcare-support-under-a-tent-clinic-300x200.png 300w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Healthcare-support-under-a-tent-clinic-1024x683.png 1024w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Healthcare-support-under-a-tent-clinic-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7994f801 wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);font-style:normal;font-weight:700\">Health Assistance Program<\/h2>\n\n\n\n<p>Through our Healthcare Support Program, we provide accessible and compassionate medical care, essential treatments, and health services to vulnerable individuals and families, ensuring dignified quality of life.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fc4fd283 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-arrow-img\"><a class=\"wp-block-button__link has-primary-background-color has-background wp-element-button\" href=\"https:\/\/swrf.org.uk\/donate-now-2\/\" style=\"padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px\">Donate Now<img decoding=\"async\" class=\"wp-image-82\" style=\"width: 24px;\" src=\"https:\/\/swrf.org.uk\/wp-content\/themes\/charity-grove\/assets\/images\/arrow-right-white.png\" alt=\"\"><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-481d4795 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-41313ede48cb0db15d3488d0563a5336\" style=\"font-style:normal;font-weight:600\"><em>$8K Raised<\/em><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-b1b707e776cd2092871dd63b1ee31c27\" style=\"font-style:normal;font-weight:600\"><em>0.5K+ people involved<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n   SWRF BUTTON \u2192 SCROLL TO HEALTH DASHBOARD\n========================= -->\n\n<style>\n.swrf-more-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  background:#166534;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  border-radius:8px;\n  border:none;\n  cursor:pointer;\n  transition:all 0.3s ease;\n}\n\n.swrf-more-btn:hover{\n  background:#14532d;\n  transform:translateY(-2px);\n  box-shadow:0 8px 18px rgba(0,0,0,0.15);\n}\n\n.swrf-more-btn::after{\n  content:\"\u2192\";\n  transition:0.3s;\n}\n\n.swrf-more-btn:hover::after{\n  transform:translateX(4px);\n}\n<\/style>\n\n<!-- BUTTON -->\n<button class=\"swrf-more-btn\" id=\"scrollBtnHealth\">\n  More Details\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const btn = document.getElementById(\"scrollBtnHealth\");\n\n  if(!btn) return;\n\n  btn.addEventListener(\"click\", function(){\n\n    const target = document.getElementById(\"health-dashboard\");\n\n    if(!target){\n      alert(\"Target section not found. Check ID: health-dashboard\");\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\"\n    });\n\n  });\n\n});\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e79a657b wp-block-columns-is-layout-flex\" style=\"padding-top:0\">\n<div class=\"wp-block-column has-hover-effect has-base-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-top-right\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);min-height:200px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"440\" class=\"wp-block-cover__image-background wp-image-57 size-full\" alt=\"\" src=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Disaster-Relief-News-Graphic.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Disaster-Relief-News-Graphic.jpg 770w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Disaster-Relief-News-Graphic-300x171.jpg 300w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Disaster-Relief-News-Graphic-768x439.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7994f801 wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);font-style:normal;font-weight:700\">Emergency Relief Program<\/h2>\n\n\n\n<p>Our Emergency Relief Program delivers rapid, life-saving assistance to communities affected by disasters and crises, ensuring immediate protection, essential aid, and the preservation of human dignity in the most critical moments.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fc4fd283 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-arrow-img\"><a class=\"wp-block-button__link has-primary-background-color has-background wp-element-button\" href=\"https:\/\/swrf.org.uk\/donate-now-2\/\" style=\"padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px\">Donate Now<img decoding=\"async\" class=\"wp-image-82\" style=\"width: 24px;\" src=\"https:\/\/swrf.org.uk\/wp-content\/themes\/charity-grove\/assets\/images\/arrow-right-white.png\" alt=\"\"><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-481d4795 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-3d00f35803cbe464a6f4c049722ad890\" style=\"font-style:normal;font-weight:600\"><em>$10K Raised<\/em><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-d6201b5459ac29af7ed8d90a18781f23\" style=\"font-style:normal;font-weight:600\"><em>3.5K+ people involved<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n   SWRF BUTTON \u2192 SCROLL TO EMERGENCY DASHBOARD\n========================= -->\n\n<style>\n.swrf-more-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  background:#166534;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  border-radius:8px;\n  border:none;\n  cursor:pointer;\n  transition:all 0.3s ease;\n}\n\n.swrf-more-btn:hover{\n  background:#14532d;\n  transform:translateY(-2px);\n  box-shadow:0 8px 18px rgba(0,0,0,0.15);\n}\n\n.swrf-more-btn::after{\n  content:\"\u2192\";\n  transition:0.3s;\n}\n\n.swrf-more-btn:hover::after{\n  transform:translateX(4px);\n}\n<\/style>\n\n<!-- BUTTON -->\n<button class=\"swrf-more-btn\" id=\"scrollBtnEmergency\">\n  More Details\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const btn = document.getElementById(\"scrollBtnEmergency\");\n\n  if(!btn) return;\n\n  btn.addEventListener(\"click\", function(){\n\n    const target = document.getElementById(\"emergency-dashboard\");\n\n    if(!target){\n      alert(\"Target section not found. Check ID: emergency-dashboard\");\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\"\n    });\n\n  });\n\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-hover-effect has-base-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-cover has-custom-content-position is-position-top-right\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);min-height:200px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" class=\"wp-block-cover__image-background wp-image-54 size-full\" alt=\"\" src=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Humanitarian-aid-at-emergency-shelter.png\" data-object-fit=\"cover\" srcset=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Humanitarian-aid-at-emergency-shelter.png 1536w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Humanitarian-aid-at-emergency-shelter-300x200.png 300w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Humanitarian-aid-at-emergency-shelter-1024x683.png 1024w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/Humanitarian-aid-at-emergency-shelter-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7994f801 wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);font-style:normal;font-weight:700\">Humanity Housing\/Shelter Program<\/h2>\n\n\n\n<p>The Shelter Support Program provides safe and secure housing solutions for displaced and vulnerable families, restoring stability, protection, and a sense of dignity in their daily lives.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fc4fd283 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-arrow-img\"><a class=\"wp-block-button__link has-primary-background-color has-background wp-element-button\" href=\"https:\/\/swrf.org.uk\/donate-now-2\/\" style=\"padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px\">Donate Now<img decoding=\"async\" class=\"wp-image-82\" style=\"width: 24px;\" src=\"https:\/\/swrf.org.uk\/wp-content\/themes\/charity-grove\/assets\/images\/arrow-right-white.png\" alt=\"\"><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-481d4795 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-2d413525b184dbfec336cf7fad2f7ada\" style=\"font-style:normal;font-weight:600\"><em>$13K Raised<\/em><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-f8712ad3b593a9478d1cfbb26d0a9db7\" style=\"font-style:normal;font-weight:600\"><em>200+ people involved<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n   SWRF BUTTON \u2192 SCROLL TO SHELTER DASHBOARD\n========================= -->\n\n<style>\n.swrf-more-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  background:#166534;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  border-radius:8px;\n  border:none;\n  cursor:pointer;\n  transition:all 0.3s ease;\n}\n\n.swrf-more-btn:hover{\n  background:#14532d;\n  transform:translateY(-2px);\n  box-shadow:0 8px 18px rgba(0,0,0,0.15);\n}\n\n.swrf-more-btn::after{\n  content:\"\u2192\";\n  transition:0.3s;\n}\n\n.swrf-more-btn:hover::after{\n  transform:translateX(4px);\n}\n<\/style>\n\n<!-- BUTTON -->\n<button class=\"swrf-more-btn\" id=\"scrollBtnShelter\">\n  More Details\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const btn = document.getElementById(\"scrollBtnShelter\");\n\n  if(!btn) return;\n\n  btn.addEventListener(\"click\", function(){\n\n    const target = document.getElementById(\"shelter-dashboard\");\n\n    if(!target){\n      alert(\"Target section not found. Check ID: shelter-dashboard\");\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\"\n    });\n\n  });\n\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-hover-effect has-base-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-top-right\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);min-height:200px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" class=\"wp-block-cover__image-background wp-image-51 size-full\" alt=\"\" src=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/SWRF-mosque-construction-progress-and-hope.png\" data-object-fit=\"cover\" srcset=\"https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/SWRF-mosque-construction-progress-and-hope.png 1536w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/SWRF-mosque-construction-progress-and-hope-300x200.png 300w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/SWRF-mosque-construction-progress-and-hope-1024x683.png 1024w, https:\/\/swrf.org.uk\/wp-content\/uploads\/2026\/04\/SWRF-mosque-construction-progress-and-hope-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7994f801 wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);font-style:normal;font-weight:700\">Mosque\/Preyer Area Construction Program<\/h2>\n\n\n\n<p>Our Mosque and Prayer Area Construction Program develops safe and accessible spaces for worship in underserved communities, enabling individuals to practice their faith with dignity while creating a lasting source of spiritual benefit and continuous charitable impact.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fc4fd283 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-arrow-img\"><a class=\"wp-block-button__link has-primary-background-color has-background wp-element-button\" href=\"https:\/\/swrf.org.uk\/donate-now-2\/\" style=\"padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px\">Donate Now<img decoding=\"async\" class=\"wp-image-82\" style=\"width: 24px;\" src=\"https:\/\/swrf.org.uk\/wp-content\/themes\/charity-grove\/assets\/images\/arrow-right-white.png\" alt=\"\"><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-481d4795 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-e3345d7865ed5bd56ae4394ade73ff90\" style=\"font-style:normal;font-weight:600\"><em>$15K Raised<\/em><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-d3db757cbcfda201cc49e776a7513611\" style=\"font-style:normal;font-weight:600\"><em>6K+ people involved<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n   SWRF BUTTON \u2192 SCROLL TO MOSQUE DASHBOARD\n========================= -->\n\n<style>\n.swrf-more-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  background:#166534;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  border-radius:8px;\n  border:none;\n  cursor:pointer;\n  transition:all 0.3s ease;\n}\n\n.swrf-more-btn:hover{\n  background:#14532d;\n  transform:translateY(-2px);\n  box-shadow:0 8px 18px rgba(0,0,0,0.15);\n}\n\n.swrf-more-btn::after{\n  content:\"\u2192\";\n  transition:0.3s;\n}\n\n.swrf-more-btn:hover::after{\n  transform:translateX(4px);\n}\n<\/style>\n\n<!-- BUTTON -->\n<button class=\"swrf-more-btn\" id=\"scrollBtnMosque\">\n  More Details\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const btn = document.getElementById(\"scrollBtnMosque\");\n\n  if(!btn) return;\n\n  btn.addEventListener(\"click\", function(){\n\n    const target = document.getElementById(\"mosque-dashboard\");\n\n    if(!target){\n      alert(\"Target section not found. Check ID: mosque-dashboard\");\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\"\n    });\n\n  });\n\n});\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull we-do wow animate__animated animate__fadeInUp has-accent-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<!-- =========================\n   SWRF FAMILY CARE PROGRAM DASHBOARD (ULTRA ELITE)\n========================= -->\n\n<style>\nbody{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:#f4f7fb;\n}\n\n\/* SECTION *\/\n.dashboard{\n  max-width:1250px;\n  margin:60px auto;\n  padding:20px;\n}\n\n\/* TITLE *\/\n.dashboard h1{\n  font-size:40px;\n  font-weight:800;\n  color:#0f172a;\n}\n.dashboard p{\n  color:#64748b;\n  margin-bottom:40px;\n}\n\n\/* KPI CARDS *\/\n.kpi-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n  margin-bottom:35px;\n}\n\n.kpi{\n  background:#fff;\n  border-radius:16px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n  box-shadow:0 5px 15px rgba(0,0,0,0.05);\n}\n\n.kpi span{\n  font-size:12px;\n  color:#64748b;\n}\n.kpi h2{\n  font-size:26px;\n  margin-top:6px;\n  color:#0f172a;\n}\n\n\/* PROGRESS *\/\n.progress-box{\n  background:#fff;\n  padding:25px;\n  border-radius:16px;\n  margin-bottom:30px;\n}\n\n.progress-title{\n  font-weight:600;\n  margin-bottom:10px;\n}\n\n.progress-bar{\n  height:10px;\n  background:#e5e7eb;\n  border-radius:10px;\n  overflow:hidden;\n}\n\n.progress-fill{\n  height:100%;\n  width:78%;\n  background:linear-gradient(90deg,#16a34a,#22c55e);\n  animation:grow 2s ease;\n}\n\n@keyframes grow{\n  from{width:0;}\n}\n\n\/* TABLE *\/\n.table{\n  width:100%;\n  border-collapse:collapse;\n  border-radius:18px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.table thead{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.table th{\n  padding:18px;\n  text-align:left;\n  font-size:13px;\n}\n\n.table td{\n  padding:18px;\n  border-bottom:1px solid #e5e7eb;\n}\n\n.total{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.total td{\n  color:#fff;\n}\n\n.green{\n  color:#22c55e;\n  font-weight:700;\n}\n\n\/* DONOR IMPACT *\/\n.impact{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:35px;\n}\n\n.impact-card{\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n}\n\n.impact-card h3{\n  font-size:22px;\n  color:#16a34a;\n}\n\n.impact-card p{\n  font-size:13px;\n  color:#64748b;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1000px){\n  .kpi-grid{grid-template-columns:1fr 1fr;}\n  .impact{grid-template-columns:1fr 1fr;}\n}\n<\/style>\n<div id=\"family-dashboard\" class=\"dashboard\"><\/div>\n<div class=\"dashboard\">\n\n<h1>Family Care Program Financial Dashboard<\/h1>\n<p>Comprehensive support allocation, household stabilization metrics, and measurable social impact overview.<\/p>\n\n<!-- KPI -->\n<div class=\"kpi-grid\">\n  <div class=\"kpi\"><span>Total Budget<\/span><h2>$1,200,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Families Supported<\/span><h2>15,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Beneficiaries<\/span><h2>75,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Family<\/span><h2>$80<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Person<\/span><h2>$16<\/h2><\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-box\">\n  <div class=\"progress-title\">Program Implementation Progress<\/div>\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- TABLE -->\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>Component<\/th>\n      <th>Budget<\/th>\n      <th>Output<\/th>\n      <th>Impact<\/th>\n    <\/tr>\n  <\/thead>\n\n  <tbody>\n    <tr>\n      <td><strong>Family Support Packages<\/strong><\/td>\n      <td>$1,200,000<\/td>\n      <td>15,000 family units supported<\/td>\n      <td>75,000 individuals stabilized<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Family<\/td>\n      <td>$80<\/td>\n      <td>Per household support<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Person<\/td>\n      <td>$16<\/td>\n      <td>Per individual reached<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr class=\"total\">\n      <td><strong>Total Budget<\/strong><\/td>\n      <td class=\"green\">$1,200,000<\/td>\n      <td>Full program implementation<\/td>\n      <td><strong>75,000+<\/strong><\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<!-- DONOR IMPACT -->\n<div class=\"impact\">\n  <div class=\"impact-card\">\n    <h3>$16<\/h3>\n    <p>Supports one individual<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$80<\/h3>\n    <p>Stabilizes one family<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$800<\/h3>\n    <p>Supports 10 families<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$8,000<\/h3>\n    <p>Supports 100 families<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<!-- =========================\n   SWRF ORPHAN SPONSORSHIP PROGRAM DASHBOARD (ULTRA ELITE)\n========================= -->\n\n<style>\nbody{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:#f4f7fb;\n}\n\n\/* SECTION *\/\n.dashboard{\n  max-width:1250px;\n  margin:60px auto;\n  padding:20px;\n}\n\n\/* TITLE *\/\n.dashboard h1{\n  font-size:40px;\n  font-weight:800;\n  color:#0f172a;\n}\n.dashboard p{\n  color:#64748b;\n  margin-bottom:40px;\n}\n\n\/* KPI CARDS *\/\n.kpi-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n  margin-bottom:35px;\n}\n\n.kpi{\n  background:#fff;\n  border-radius:16px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n  box-shadow:0 5px 15px rgba(0,0,0,0.05);\n}\n\n.kpi span{\n  font-size:12px;\n  color:#64748b;\n}\n.kpi h2{\n  font-size:26px;\n  margin-top:6px;\n  color:#0f172a;\n}\n\n\/* PROGRESS *\/\n.progress-box{\n  background:#fff;\n  padding:25px;\n  border-radius:16px;\n  margin-bottom:30px;\n}\n\n.progress-title{\n  font-weight:600;\n  margin-bottom:10px;\n}\n\n.progress-bar{\n  height:10px;\n  background:#e5e7eb;\n  border-radius:10px;\n  overflow:hidden;\n}\n\n.progress-fill{\n  height:100%;\n  width:72%;\n  background:linear-gradient(90deg,#16a34a,#22c55e);\n  animation:grow 2s ease;\n}\n\n@keyframes grow{\n  from{width:0;}\n}\n\n\/* TABLE *\/\n.table{\n  width:100%;\n  border-collapse:collapse;\n  border-radius:18px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.table thead{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.table th{\n  padding:18px;\n  text-align:left;\n  font-size:13px;\n}\n\n.table td{\n  padding:18px;\n  border-bottom:1px solid #e5e7eb;\n}\n\n.total{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.total td{\n  color:#fff;\n}\n\n.green{\n  color:#22c55e;\n  font-weight:700;\n}\n\n\/* DONOR IMPACT *\/\n.impact{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:35px;\n}\n\n.impact-card{\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e5e7eb;\n}\n\n.impact-card h3{\n  font-size:22px;\n  color:#16a34a;\n}\n\n.impact-card p{\n  font-size:13px;\n  color:#64748b;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1000px){\n  .kpi-grid{grid-template-columns:1fr 1fr;}\n  .impact{grid-template-columns:1fr 1fr;}\n}\n<\/style>\n<div id=\"orphan-dashboard\" class=\"dashboard\"><\/div>\n<div class=\"dashboard\">\n\n<h1>Orphan Sponsorship Program Financial Dashboard<\/h1>\n<p>Comprehensive sponsorship allocation, child welfare support structure, and long-term developmental impact overview.<\/p>\n\n<!-- KPI -->\n<div class=\"kpi-grid\">\n  <div class=\"kpi\"><span>Total Budget<\/span><h2>$2,000,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Orphans Sponsored<\/span><h2>10,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Beneficiaries<\/span><h2>10,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Orphan<\/span><h2>$200<\/h2><\/div>\n  <div class=\"kpi\"><span>Monthly Support<\/span><h2>$17<\/h2><\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-box\">\n  <div class=\"progress-title\">Program Implementation Progress<\/div>\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- TABLE -->\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>Component<\/th>\n      <th>Budget<\/th>\n      <th>Output<\/th>\n      <th>Impact<\/th>\n    <\/tr>\n  <\/thead>\n\n  <tbody>\n    <tr>\n      <td><strong>Orphan Sponsorship Support<\/strong><\/td>\n      <td>$2,000,000<\/td>\n      <td>10,000 orphans fully supported<\/td>\n      <td>10,000 children protected and empowered<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Orphan<\/td>\n      <td>$200<\/td>\n      <td>Annual support<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Monthly Support<\/td>\n      <td>$17<\/td>\n      <td>Per child per month<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr class=\"total\">\n      <td><strong>Total Budget<\/strong><\/td>\n      <td class=\"green\">$2,000,000<\/td>\n      <td>Full sponsorship program delivery<\/td>\n      <td><strong>10,000+<\/strong><\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<!-- DONOR IMPACT -->\n<div class=\"impact\">\n  <div class=\"impact-card\">\n    <h3>$17<\/h3>\n    <p>Supports one orphan monthly<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$200<\/h3>\n    <p>Supports one orphan annually<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$2,000<\/h3>\n    <p>Supports 10 orphans<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$20,000<\/h3>\n    <p>Supports 100 orphans<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<!-- =========================\n   SWRF WIDOW SUPPORT PROGRAM DASHBOARD (ULTRA ELITE)\n========================= -->\n\n<style>\nbody{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:#f4f7fb;\n}\n\n\/* SECTION *\/\n.dashboard{\n  max-width:1250px;\n  margin:60px auto;\n  padding:20px;\n}\n\n\/* TITLE *\/\n.dashboard h1{\n  font-size:40px;\n  font-weight:800;\n  color:#0f172a;\n}\n.dashboard p{\n  color:#64748b;\n  margin-bottom:40px;\n}\n\n\/* KPI CARDS *\/\n.kpi-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n  margin-bottom:35px;\n}\n\n.kpi{\n  background:#fff;\n  border-radius:16px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n  box-shadow:0 5px 15px rgba(0,0,0,0.05);\n}\n\n.kpi span{\n  font-size:12px;\n  color:#64748b;\n}\n.kpi h2{\n  font-size:26px;\n  margin-top:6px;\n  color:#0f172a;\n}\n\n\/* PROGRESS *\/\n.progress-box{\n  background:#fff;\n  padding:25px;\n  border-radius:16px;\n  margin-bottom:30px;\n}\n\n.progress-title{\n  font-weight:600;\n  margin-bottom:10px;\n}\n\n.progress-bar{\n  height:10px;\n  background:#e5e7eb;\n  border-radius:10px;\n  overflow:hidden;\n}\n\n.progress-fill{\n  height:100%;\n  width:75%;\n  background:linear-gradient(90deg,#16a34a,#22c55e);\n  animation:grow 2s ease;\n}\n\n@keyframes grow{\n  from{width:0;}\n}\n\n\/* TABLE *\/\n.table{\n  width:100%;\n  border-collapse:collapse;\n  border-radius:18px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.table thead{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.table th{\n  padding:18px;\n  text-align:left;\n  font-size:13px;\n}\n\n.table td{\n  padding:18px;\n  border-bottom:1px solid #e5e7eb;\n}\n\n.total{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.total td{\n  color:#fff;\n}\n\n.green{\n  color:#22c55e;\n  font-weight:700;\n}\n\n\/* DONOR IMPACT *\/\n.impact{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:35px;\n}\n\n.impact-card{\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e5e7eb;\n}\n\n.impact-card h3{\n  font-size:22px;\n  color:#16a34a;\n}\n\n.impact-card p{\n  font-size:13px;\n  color:#64748b;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1000px){\n  .kpi-grid{grid-template-columns:1fr 1fr;}\n  .impact{grid-template-columns:1fr 1fr;}\n}\n<\/style>\n<div id=\"widow-dashboard\" class=\"dashboard\"><\/div>\n<div class=\"dashboard\">\n\n<h1>Widow Support Program Financial Dashboard<\/h1>\n<p>Comprehensive financial assistance, social protection, and long-term empowerment framework for widows in vulnerable communities.<\/p>\n\n<!-- KPI -->\n<div class=\"kpi-grid\">\n  <div class=\"kpi\"><span>Total Budget<\/span><h2>$1,000,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Widows Supported<\/span><h2>12,500<\/h2><\/div>\n  <div class=\"kpi\"><span>Beneficiaries<\/span><h2>62,500<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Widow<\/span><h2>$80<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Person<\/span><h2>$16<\/h2><\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-box\">\n  <div class=\"progress-title\">Program Implementation Progress<\/div>\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- TABLE -->\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>Component<\/th>\n      <th>Budget<\/th>\n      <th>Output<\/th>\n      <th>Impact<\/th>\n    <\/tr>\n  <\/thead>\n\n  <tbody>\n    <tr>\n      <td><strong>Widow Assistance Packages<\/strong><\/td>\n      <td>$1,000,000<\/td>\n      <td>12,500 widows supported<\/td>\n      <td>62,500 individuals positively impacted<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Widow<\/td>\n      <td>$80<\/td>\n      <td>Per beneficiary support<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Person<\/td>\n      <td>$16<\/td>\n      <td>Per individual reached<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr class=\"total\">\n      <td><strong>Total Budget<\/strong><\/td>\n      <td class=\"green\">$1,000,000<\/td>\n      <td>Full program delivery and support<\/td>\n      <td><strong>62,500+<\/strong><\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<!-- DONOR IMPACT -->\n<div class=\"impact\">\n  <div class=\"impact-card\">\n    <h3>$16<\/h3>\n    <p>Supports one individual<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$80<\/h3>\n    <p>Supports one widow<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$800<\/h3>\n    <p>Supports 10 widows<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$8,000<\/h3>\n    <p>Supports 100 widows<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<!-- =========================\n   SWRF FOOD PROGRAM DASHBOARD (ULTRA ELITE)\n========================= -->\n\n<style>\nbody{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:#f4f7fb;\n}\n\n\/* SECTION *\/\n.dashboard{\n  max-width:1250px;\n  margin:60px auto;\n  padding:20px;\n}\n\n\/* TITLE *\/\n.dashboard h1{\n  font-size:40px;\n  font-weight:800;\n  color:#0f172a;\n}\n.dashboard p{\n  color:#64748b;\n  margin-bottom:40px;\n}\n\n\/* KPI CARDS *\/\n.kpi-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n  margin-bottom:35px;\n}\n\n.kpi{\n  background:#fff;\n  border-radius:16px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n  box-shadow:0 5px 15px rgba(0,0,0,0.05);\n}\n\n.kpi span{\n  font-size:12px;\n  color:#64748b;\n}\n.kpi h2{\n  font-size:26px;\n  margin-top:6px;\n  color:#0f172a;\n}\n\n\/* PROGRESS *\/\n.progress-box{\n  background:#fff;\n  padding:25px;\n  border-radius:16px;\n  margin-bottom:30px;\n}\n\n.progress-title{\n  font-weight:600;\n  margin-bottom:10px;\n}\n\n.progress-bar{\n  height:10px;\n  background:#e5e7eb;\n  border-radius:10px;\n  overflow:hidden;\n}\n\n.progress-fill{\n  height:100%;\n  width:85%;\n  background:linear-gradient(90deg,#16a34a,#22c55e);\n  animation:grow 2s ease;\n}\n\n@keyframes grow{\n  from{width:0;}\n}\n\n\/* TABLE *\/\n.table{\n  width:100%;\n  border-collapse:collapse;\n  border-radius:18px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.table thead{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.table th{\n  padding:18px;\n  text-align:left;\n  font-size:13px;\n}\n\n.table td{\n  padding:18px;\n  border-bottom:1px solid #e5e7eb;\n}\n\n.total{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.total td{\n  color:#fff;\n}\n\n.green{\n  color:#22c55e;\n  font-weight:700;\n}\n\n\/* DONOR IMPACT *\/\n.impact{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:35px;\n}\n\n.impact-card{\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e5e7eb;\n}\n\n.impact-card h3{\n  font-size:22px;\n  color:#16a34a;\n}\n\n.impact-card p{\n  font-size:13px;\n  color:#64748b;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1000px){\n  .kpi-grid{grid-template-columns:1fr 1fr;}\n  .impact{grid-template-columns:1fr 1fr;}\n}\n<\/style>\n<div id=\"food-dashboard\" class=\"dashboard\"><\/div>\n<div class=\"dashboard\">\n\n<h1>Food Program Financial Dashboard<\/h1>\n<p>Comprehensive allocation, delivery metrics, and measurable humanitarian impact overview.<\/p>\n\n<!-- KPI -->\n<div class=\"kpi-grid\">\n  <div class=\"kpi\"><span>Total Budget<\/span><h2>$1,500,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Food Packages<\/span><h2>20,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Beneficiaries<\/span><h2>100,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Parcel<\/span><h2>$75<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Person<\/span><h2>$15<\/h2><\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-box\">\n  <div class=\"progress-title\">Program Implementation Progress<\/div>\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- TABLE -->\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>Component<\/th>\n      <th>Budget<\/th>\n      <th>Output<\/th>\n      <th>Impact<\/th>\n    <\/tr>\n  <\/thead>\n\n  <tbody>\n    <tr>\n      <td><strong>Monthly Food Parcels<\/strong><\/td>\n      <td>$1,500,000<\/td>\n      <td>20,000 parcels distributed<\/td>\n      <td>100,000 individuals reached<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Parcel<\/td>\n      <td>$75<\/td>\n      <td>Per unit<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Person<\/td>\n      <td>$15<\/td>\n      <td>Per beneficiary<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr class=\"total\">\n      <td><strong>Total Budget<\/strong><\/td>\n      <td class=\"green\">$1,500,000<\/td>\n      <td>Full delivery<\/td>\n      <td><strong>100,000+<\/strong><\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<!-- DONOR IMPACT -->\n<div class=\"impact\">\n  <div class=\"impact-card\">\n    <h3>$15<\/h3>\n    <p>Feeds one person<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$75<\/h3>\n    <p>Supports one family<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$750<\/h3>\n    <p>Supports 10 families<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$7,500<\/h3>\n    <p>Supports 100 families<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<!-- =========================\n   SWRF CLEAN WATER ACCESS PROGRAM DASHBOARD (ULTRA ELITE)\n========================= -->\n\n<style>\nbody{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:#f4f7fb;\n}\n\n\/* SECTION *\/\n.dashboard{\n  max-width:1250px;\n  margin:60px auto;\n  padding:20px;\n}\n\n\/* TITLE *\/\n.dashboard h1{\n  font-size:40px;\n  font-weight:800;\n  color:#0f172a;\n}\n.dashboard p{\n  color:#64748b;\n  margin-bottom:40px;\n}\n\n\/* KPI CARDS *\/\n.kpi-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n  margin-bottom:35px;\n}\n\n.kpi{\n  background:#fff;\n  border-radius:16px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n  box-shadow:0 5px 15px rgba(0,0,0,0.05);\n}\n\n.kpi span{\n  font-size:12px;\n  color:#64748b;\n}\n.kpi h2{\n  font-size:26px;\n  margin-top:6px;\n  color:#0f172a;\n}\n\n\/* PROGRESS *\/\n.progress-box{\n  background:#fff;\n  padding:25px;\n  border-radius:16px;\n  margin-bottom:30px;\n}\n\n.progress-title{\n  font-weight:600;\n  margin-bottom:10px;\n}\n\n.progress-bar{\n  height:10px;\n  background:#e5e7eb;\n  border-radius:10px;\n  overflow:hidden;\n}\n\n.progress-fill{\n  height:100%;\n  width:68%;\n  background:linear-gradient(90deg,#16a34a,#22c55e);\n  animation:grow 2s ease;\n}\n\n@keyframes grow{\n  from{width:0;}\n}\n\n\/* TABLE *\/\n.table{\n  width:100%;\n  border-collapse:collapse;\n  border-radius:18px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.table thead{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.table th{\n  padding:18px;\n  text-align:left;\n  font-size:13px;\n}\n\n.table td{\n  padding:18px;\n  border-bottom:1px solid #e5e7eb;\n}\n\n.total{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.total td{\n  color:#fff;\n}\n\n.green{\n  color:#22c55e;\n  font-weight:700;\n}\n\n\/* DONOR IMPACT *\/\n.impact{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:35px;\n}\n\n.impact-card{\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n}\n\n.impact-card h3{\n  font-size:22px;\n  color:#16a34a;\n}\n\n.impact-card p{\n  font-size:13px;\n  color:#64748b;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1000px){\n  .kpi-grid{grid-template-columns:1fr 1fr;}\n  .impact{grid-template-columns:1fr 1fr;}\n}\n<\/style>\n<div id=\"water-dashboard\" class=\"dashboard\"><\/div>\n<div class=\"dashboard\">\n\n<h1>Clean Water Access Program Financial Dashboard<\/h1>\n<p>Comprehensive water infrastructure investment, safe water delivery systems, and measurable public health impact across underserved communities.<\/p>\n\n<!-- KPI -->\n<div class=\"kpi-grid\">\n  <div class=\"kpi\"><span>Total Budget<\/span><h2>$1,800,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Water Wells Built<\/span><h2>600<\/h2><\/div>\n  <div class=\"kpi\"><span>Beneficiaries<\/span><h2>120,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Well<\/span><h2>$3,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Person<\/span><h2>$15<\/h2><\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-box\">\n  <div class=\"progress-title\">Program Implementation Progress<\/div>\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- TABLE -->\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>Component<\/th>\n      <th>Budget<\/th>\n      <th>Output<\/th>\n      <th>Impact<\/th>\n    <\/tr>\n  <\/thead>\n\n  <tbody>\n    <tr>\n      <td><strong>Water Well Construction<\/strong><\/td>\n      <td>$1,800,000<\/td>\n      <td>600 wells constructed<\/td>\n      <td>120,000 individuals with clean water access<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Well<\/td>\n      <td>$3,000<\/td>\n      <td>Per infrastructure unit<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Person<\/td>\n      <td>$15<\/td>\n      <td>Per beneficiary reached<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr class=\"total\">\n      <td><strong>Total Budget<\/strong><\/td>\n      <td class=\"green\">$1,800,000<\/td>\n      <td>Full infrastructure deployment<\/td>\n      <td><strong>120,000+<\/strong><\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<!-- DONOR IMPACT -->\n<div class=\"impact\">\n  <div class=\"impact-card\">\n    <h3>$15<\/h3>\n    <p>Provides clean water for one person<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$300<\/h3>\n    <p>Supports 20 individuals<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$3,000<\/h3>\n    <p>Builds one water well<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$30,000<\/h3>\n    <p>Builds 10 water wells<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<!-- =========================\n   SWRF HEALTH ASSISTANCE PROGRAM DASHBOARD (ULTRA ELITE)\n========================= -->\n\n<style>\nbody{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:#f4f7fb;\n}\n\n\/* SECTION *\/\n.dashboard{\n  max-width:1250px;\n  margin:60px auto;\n  padding:20px;\n}\n\n\/* TITLE *\/\n.dashboard h1{\n  font-size:40px;\n  font-weight:800;\n  color:#0f172a;\n}\n.dashboard p{\n  color:#64748b;\n  margin-bottom:40px;\n}\n\n\/* KPI CARDS *\/\n.kpi-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n  margin-bottom:35px;\n}\n\n.kpi{\n  background:#fff;\n  border-radius:16px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n  box-shadow:0 5px 15px rgba(0,0,0,0.05);\n}\n\n.kpi span{\n  font-size:12px;\n  color:#64748b;\n}\n.kpi h2{\n  font-size:26px;\n  margin-top:6px;\n  color:#0f172a;\n}\n\n\/* PROGRESS *\/\n.progress-box{\n  background:#fff;\n  padding:25px;\n  border-radius:16px;\n  margin-bottom:30px;\n}\n\n.progress-title{\n  font-weight:600;\n  margin-bottom:10px;\n}\n\n.progress-bar{\n  height:10px;\n  background:#e5e7eb;\n  border-radius:10px;\n  overflow:hidden;\n}\n\n.progress-fill{\n  height:100%;\n  width:70%;\n  background:linear-gradient(90deg,#16a34a,#22c55e);\n  animation:grow 2s ease;\n}\n\n@keyframes grow{\n  from{width:0;}\n}\n\n\/* TABLE *\/\n.table{\n  width:100%;\n  border-collapse:collapse;\n  border-radius:18px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.table thead{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.table th{\n  padding:18px;\n  text-align:left;\n  font-size:13px;\n}\n\n.table td{\n  padding:18px;\n  border-bottom:1px solid #e5e7eb;\n}\n\n.total{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.total td{\n  color:#fff;\n}\n\n.green{\n  color:#22c55e;\n  font-weight:700;\n}\n\n\/* DONOR IMPACT *\/\n.impact{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:35px;\n}\n\n.impact-card{\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n}\n\n.impact-card h3{\n  font-size:22px;\n  color:#16a34a;\n}\n\n.impact-card p{\n  font-size:13px;\n  color:#64748b;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1000px){\n  .kpi-grid{grid-template-columns:1fr 1fr;}\n  .impact{grid-template-columns:1fr 1fr;}\n}\n<\/style>\n<div id=\"health-dashboard\" class=\"dashboard\"><\/div>\n<div class=\"dashboard\">\n\n<h1>Health Assistance Program Financial Dashboard<\/h1>\n<p>Comprehensive medical support funding, treatment delivery systems, and measurable healthcare impact for vulnerable populations.<\/p>\n\n<!-- KPI -->\n<div class=\"kpi-grid\">\n  <div class=\"kpi\"><span>Total Budget<\/span><h2>$1,600,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Patients Treated<\/span><h2>40,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Beneficiaries<\/span><h2>40,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Patient<\/span><h2>$40<\/h2><\/div>\n  <div class=\"kpi\"><span>Critical Cases<\/span><h2>5,000<\/h2><\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-box\">\n  <div class=\"progress-title\">Program Implementation Progress<\/div>\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- TABLE -->\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>Component<\/th>\n      <th>Budget<\/th>\n      <th>Output<\/th>\n      <th>Impact<\/th>\n    <\/tr>\n  <\/thead>\n\n  <tbody>\n    <tr>\n      <td><strong>Medical Treatment &#038; Assistance<\/strong><\/td>\n      <td>$1,600,000<\/td>\n      <td>40,000 patients treated<\/td>\n      <td>40,000 individuals receive healthcare support<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Patient<\/td>\n      <td>$40<\/td>\n      <td>Average treatment cost<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Critical Case Support<\/td>\n      <td>Included<\/td>\n      <td>5,000 high-risk patients<\/td>\n      <td>Life-saving interventions<\/td>\n    <\/tr>\n\n    <tr class=\"total\">\n      <td><strong>Total Budget<\/strong><\/td>\n      <td class=\"green\">$1,600,000<\/td>\n      <td>Full healthcare program delivery<\/td>\n      <td><strong>40,000+<\/strong><\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<!-- DONOR IMPACT -->\n<div class=\"impact\">\n  <div class=\"impact-card\">\n    <h3>$40<\/h3>\n    <p>Treats one patient<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$400<\/h3>\n    <p>Treats 10 patients<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$4,000<\/h3>\n    <p>Treats 100 patients<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$40,000<\/h3>\n    <p>Supports 1,000 patients<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<!-- =========================\n   SWRF EMERGENCY RELIEF PROGRAM DASHBOARD (ULTRA ELITE)\n========================= -->\n\n<style>\nbody{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:#f4f7fb;\n}\n\n\/* SECTION *\/\n.dashboard{\n  max-width:1250px;\n  margin:60px auto;\n  padding:20px;\n}\n\n\/* TITLE *\/\n.dashboard h1{\n  font-size:40px;\n  font-weight:800;\n  color:#0f172a;\n}\n.dashboard p{\n  color:#64748b;\n  margin-bottom:40px;\n}\n\n\/* KPI CARDS *\/\n.kpi-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n  margin-bottom:35px;\n}\n\n.kpi{\n  background:#fff;\n  border-radius:16px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n  box-shadow:0 5px 15px rgba(0,0,0,0.05);\n}\n\n.kpi span{\n  font-size:12px;\n  color:#64748b;\n}\n.kpi h2{\n  font-size:26px;\n  margin-top:6px;\n  color:#0f172a;\n}\n\n\/* PROGRESS *\/\n.progress-box{\n  background:#fff;\n  padding:25px;\n  border-radius:16px;\n  margin-bottom:30px;\n}\n\n.progress-title{\n  font-weight:600;\n  margin-bottom:10px;\n}\n\n.progress-bar{\n  height:10px;\n  background:#e5e7eb;\n  border-radius:10px;\n  overflow:hidden;\n}\n\n.progress-fill{\n  height:100%;\n  width:82%;\n  background:linear-gradient(90deg,#dc2626,#ef4444);\n  animation:grow 2s ease;\n}\n\n@keyframes grow{\n  from{width:0;}\n}\n\n\/* TABLE *\/\n.table{\n  width:100%;\n  border-collapse:collapse;\n  border-radius:18px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.table thead{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.table th{\n  padding:18px;\n  text-align:left;\n  font-size:13px;\n}\n\n.table td{\n  padding:18px;\n  border-bottom:1px solid #e5e7eb;\n}\n\n.total{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.total td{\n  color:#fff;\n}\n\n.green{\n  color:#22c55e;\n  font-weight:700;\n}\n\n\/* DONOR IMPACT *\/\n.impact{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:35px;\n}\n\n.impact-card{\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n}\n\n.impact-card h3{\n  font-size:22px;\n  color:#dc2626;\n}\n\n.impact-card p{\n  font-size:13px;\n  color:#64748b;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1000px){\n  .kpi-grid{grid-template-columns:1fr 1fr;}\n  .impact{grid-template-columns:1fr 1fr;}\n}\n<\/style>\n<div id=\"emergency-dashboard\" class=\"dashboard\"><\/div>\n<div class=\"dashboard\">\n\n<h1>Emergency Relief Program Financial Dashboard<\/h1>\n<p>Rapid-response humanitarian funding, crisis intervention deployment, and life-saving assistance for communities affected by emergencies and disasters.<\/p>\n\n<!-- KPI -->\n<div class=\"kpi-grid\">\n  <div class=\"kpi\"><span>Total Budget<\/span><h2>$2,200,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Relief Packages<\/span><h2>25,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Beneficiaries<\/span><h2>125,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Package<\/span><h2>$88<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Person<\/span><h2>$18<\/h2><\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-box\">\n  <div class=\"progress-title\">Emergency Response Deployment<\/div>\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- TABLE -->\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>Component<\/th>\n      <th>Budget<\/th>\n      <th>Output<\/th>\n      <th>Impact<\/th>\n    <\/tr>\n  <\/thead>\n\n  <tbody>\n    <tr>\n      <td><strong>Emergency Relief Distribution<\/strong><\/td>\n      <td>$2,200,000<\/td>\n      <td>25,000 relief packages deployed<\/td>\n      <td>125,000 individuals supported<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Package<\/td>\n      <td>$88<\/td>\n      <td>Per emergency kit<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Person<\/td>\n      <td>$18<\/td>\n      <td>Per beneficiary reached<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr class=\"total\">\n      <td><strong>Total Budget<\/strong><\/td>\n      <td class=\"green\">$2,200,000<\/td>\n      <td>Full emergency response deployment<\/td>\n      <td><strong>125,000+<\/strong><\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<!-- DONOR IMPACT -->\n<div class=\"impact\">\n  <div class=\"impact-card\">\n    <h3>$18<\/h3>\n    <p>Provides emergency aid to one person<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$88<\/h3>\n    <p>Delivers one relief package<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$880<\/h3>\n    <p>Supports 10 families<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$8,800<\/h3>\n    <p>Supports 100 families<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<!-- =========================\n   SWRF HUMANITY HOUSING \/ SHELTER PROGRAM DASHBOARD (UPDATED)\n========================= -->\n\n<style>\nbody{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:#f4f7fb;\n}\n\n\/* SECTION *\/\n.dashboard{\n  max-width:1250px;\n  margin:60px auto;\n  padding:20px;\n}\n\n\/* TITLE *\/\n.dashboard h1{\n  font-size:40px;\n  font-weight:800;\n  color:#0f172a;\n}\n.dashboard p{\n  color:#64748b;\n  margin-bottom:40px;\n}\n\n\/* KPI CARDS *\/\n.kpi-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n  margin-bottom:35px;\n}\n\n.kpi{\n  background:#fff;\n  border-radius:16px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n}\n\n.kpi span{\n  font-size:12px;\n  color:#64748b;\n}\n.kpi h2{\n  font-size:26px;\n  margin-top:6px;\n}\n\n\/* PROGRESS *\/\n.progress-box{\n  background:#fff;\n  padding:25px;\n  border-radius:16px;\n  margin-bottom:30px;\n}\n\n.progress-bar{\n  height:10px;\n  background:#e5e7eb;\n  border-radius:10px;\n  overflow:hidden;\n}\n\n.progress-fill{\n  height:100%;\n  width:65%;\n  background:linear-gradient(90deg,#16a34a,#22c55e);\n}\n\n\/* TABLE *\/\n.table{\n  width:100%;\n  border-collapse:collapse;\n  border-radius:18px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.table thead{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.table th{\n  padding:18px;\n  text-align:left;\n}\n\n.table td{\n  padding:18px;\n  border-bottom:1px solid #e5e7eb;\n}\n\n.total{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.green{\n  color:#22c55e;\n  font-weight:700;\n}\n\n\/* DONOR IMPACT *\/\n.impact{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:35px;\n}\n\n.impact-card{\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n}\n\n.impact-card h3{\n  font-size:22px;\n  color:#16a34a;\n}\n<\/style>\n<div id=\"shelter-dashboard\" class=\"dashboard\"><\/div>\n<div class=\"dashboard\">\n\n<h1>Humanity Housing \/ Shelter Program Financial Dashboard<\/h1>\n<p>Strategic housing investment delivering long-term stability, dignity, and protection for vulnerable families through sustainable shelter development.<\/p>\n\n<!-- KPI -->\n<div class=\"kpi-grid\">\n  <div class=\"kpi\"><span>Total Budget<\/span><h2>$3,000,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Homes Constructed<\/span><h2>300<\/h2><\/div>\n  <div class=\"kpi\"><span>Beneficiaries<\/span><h2>1,500<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Home<\/span><h2>$10,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Person<\/span><h2>$2,000<\/h2><\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-box\">\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- TABLE -->\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>Component<\/th>\n      <th>Budget<\/th>\n      <th>Output<\/th>\n      <th>Impact<\/th>\n    <\/tr>\n  <\/thead>\n\n  <tbody>\n    <tr>\n      <td><strong>Housing Construction &#038; Shelter Units<\/strong><\/td>\n      <td>$3,000,000<\/td>\n      <td>300 homes constructed<\/td>\n      <td>1,500 individuals provided shelter<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Home<\/td>\n      <td>$10,000<\/td>\n      <td>Per housing unit<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Person<\/td>\n      <td>$2,000<\/td>\n      <td>Per beneficiary reached<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr class=\"total\">\n      <td><strong>Total Budget<\/strong><\/td>\n      <td class=\"green\">$3,000,000<\/td>\n      <td>Full implementation<\/td>\n      <td><strong>1,500+<\/strong><\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<!-- DONOR IMPACT -->\n<div class=\"impact\">\n  <div class=\"impact-card\">\n    <h3>$2,000<\/h3>\n    <p>Supports one individual<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$10,000<\/h3>\n    <p>Builds one home<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$100,000<\/h3>\n    <p>Builds 10 homes<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$1,000,000<\/h3>\n    <p>Builds 100 homes<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<!-- =========================\n   SWRF MOSQUE \/ PRAYER AREA CONSTRUCTION DASHBOARD (UPDATED)\n========================= -->\n\n<style>\nbody{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:#f4f7fb;\n}\n\n\/* SECTION *\/\n.dashboard{\n  max-width:1250px;\n  margin:60px auto;\n  padding:20px;\n}\n\n\/* TITLE *\/\n.dashboard h1{\n  font-size:40px;\n  font-weight:800;\n  color:#0f172a;\n}\n.dashboard p{\n  color:#64748b;\n  margin-bottom:40px;\n}\n\n\/* KPI CARDS *\/\n.kpi-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n  margin-bottom:35px;\n}\n\n.kpi{\n  background:#fff;\n  border-radius:16px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n  box-shadow:0 5px 15px rgba(0,0,0,0.05);\n}\n\n.kpi span{\n  font-size:12px;\n  color:#64748b;\n}\n.kpi h2{\n  font-size:26px;\n  margin-top:6px;\n  color:#0f172a;\n}\n\n\/* PROGRESS *\/\n.progress-box{\n  background:#fff;\n  padding:25px;\n  border-radius:16px;\n  margin-bottom:30px;\n}\n\n.progress-bar{\n  height:10px;\n  background:#e5e7eb;\n  border-radius:10px;\n  overflow:hidden;\n}\n\n.progress-fill{\n  height:100%;\n  width:60%;\n  background:linear-gradient(90deg,#16a34a,#22c55e);\n}\n\n\/* TABLE *\/\n.table{\n  width:100%;\n  border-collapse:collapse;\n  border-radius:18px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.table thead{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.table th{\n  padding:18px;\n  text-align:left;\n}\n\n.table td{\n  padding:18px;\n  border-bottom:1px solid #e5e7eb;\n}\n\n.total{\n  background:#0b1a33;\n  color:#fff;\n}\n\n.green{\n  color:#22c55e;\n  font-weight:700;\n}\n\n\/* DONOR IMPACT *\/\n.impact{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:35px;\n}\n\n.impact-card{\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  text-align:center;\n  border:1px solid #e2e8f0;\n}\n\n.impact-card h3{\n  font-size:22px;\n  color:#16a34a;\n}\n<\/style>\n<div id=\"mosque-dashboard\" class=\"dashboard\"><\/div>\n<div class=\"dashboard\">\n\n<h1>Mosque \/ Prayer Area Construction Financial Dashboard<\/h1>\n<p>Strategic investment in worship infrastructure delivering long-term spiritual impact and Sadaqah Jariyah for communities worldwide.<\/p>\n\n<!-- KPI -->\n<div class=\"kpi-grid\">\n  <div class=\"kpi\"><span>Total Budget<\/span><h2>$2,500,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Prayer Areas Built<\/span><h2>125<\/h2><\/div>\n  <div class=\"kpi\"><span>Beneficiaries<\/span><h2>50,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Unit<\/span><h2>$20,000<\/h2><\/div>\n  <div class=\"kpi\"><span>Cost per Person<\/span><h2>$50<\/h2><\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-box\">\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- TABLE -->\n<table class=\"table\">\n  <thead>\n    <tr>\n      <th>Component<\/th>\n      <th>Budget<\/th>\n      <th>Output<\/th>\n      <th>Impact<\/th>\n    <\/tr>\n  <\/thead>\n\n  <tbody>\n    <tr>\n      <td><strong>Mosque &#038; Prayer Area Construction<\/strong><\/td>\n      <td>$2,500,000<\/td>\n      <td>125 units developed<\/td>\n      <td>50,000 individuals served<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Unit<\/td>\n      <td>$20,000<\/td>\n      <td>Per mosque\/prayer facility<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr>\n      <td>Cost per Person<\/td>\n      <td>$50<\/td>\n      <td>Per beneficiary reached<\/td>\n      <td>\u2014<\/td>\n    <\/tr>\n\n    <tr class=\"total\">\n      <td><strong>Total Budget<\/strong><\/td>\n      <td class=\"green\">$2,500,000<\/td>\n      <td>Full implementation<\/td>\n      <td><strong>50,000+<\/strong><\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<!-- DONOR IMPACT -->\n<div class=\"impact\">\n  <div class=\"impact-card\">\n    <h3>$50<\/h3>\n    <p>Supports one worshipper<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$20,000<\/h3>\n    <p>Builds one mosque \/ prayer facility<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$200,000<\/h3>\n    <p>Builds 10 prayer facilities<\/p>\n  <\/div>\n\n  <div class=\"impact-card\">\n    <h3>$2,000,000<\/h3>\n    <p>Builds 100 prayer facilities<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<!-- =========================\n   SWRF DONATION IMPACT CALCULATOR (PRO VERSION)\n========================= -->\n\n<style>\n.swrf-calc-wrap{\n  font-family:'Segoe UI',system-ui,sans-serif;\n  background:linear-gradient(135deg,#e6f0ea,#d7e8df);\n  padding:40px;\n  border-radius:16px;\n  max-width:900px; \/* FIXED WIDTH *\/\n  margin:auto;\n  box-shadow:0 15px 35px rgba(0,0,0,0.1);\n}\n\n\/* TITLE *\/\n.swrf-calc-title{\n  font-size:30px;\n  font-weight:700;\n  color:#1f3d2b;\n  margin-bottom:10px;\n}\n\n\/* SUBTEXT *\/\n.swrf-calc-sub{\n  font-size:15px;\n  color:#4b6356;\n  margin-bottom:25px;\n}\n\n\/* INPUT *\/\n.swrf-calc-input{\n  width:100%;\n  padding:14px;\n  border:1px solid #b7cfc1;\n  border-radius:10px;\n  font-size:16px;\n  margin-bottom:15px;\n}\n\n\/* FIXED INPUT + SELECT (PERFECT ALIGNMENT) *\/\n.swrf-select,\n.swrf-calc-input{\n  width:100%;\n  padding:14px;\n  border:1px solid #b7cfc1;\n  border-radius:10px;\n  font-size:16px;\n  margin-bottom:15px;\n  box-sizing:border-box; \/* CRITICAL FIX *\/\n  display:block;\n}\n\n\/* REMOVE default browser styling differences *\/\n.swrf-select{\n  appearance:none;\n  -webkit-appearance:none;\n  -moz-appearance:none;\n  background:#fff;\n}\n\n\/* Optional: add dropdown icon *\/\n.swrf-select{\n  background-image:url(\"data:image\/svg+xml;utf8,<svg fill='%234b6356' height='20' viewBox='0 0 20 20' width='20' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M5 7l5 5 5-5z'\/><\/svg>\");\n  background-repeat:no-repeat;\n  background-position:right 12px center;\n  background-size:16px;\n}\n\n\/* BUTTON *\/\n.swrf-calc-btn{\n  width:100%;\n  padding:14px;\n  background:#2f855a;\n  color:#fff;\n  border:none;\n  border-radius:10px;\n  font-size:17px;\n  cursor:pointer;\n}\n\n.swrf-calc-btn:hover{\n  background:#276749;\n}\n\n\/* RESULT *\/\n.swrf-calc-result{\n  margin-top:25px;\n  font-size:18px;\n  font-weight:600;\n  color:#1f3d2b;\n  text-align:center;\n}\n<\/style>\n\n<div class=\"swrf-calc-wrap\">\n\n<div class=\"swrf-calc-title\">Donation Impact Calculator<\/div>\n<div class=\"swrf-calc-sub\">\nUnderstand how your contribution transforms lives through SWRF programs.\n<\/div>\n\n<select id=\"program\" class=\"swrf-select\">\n\n  <option value=\"75\" data-label=\"food parcels\">Food Program ($75 per family food package)<\/option>\n\n  <option value=\"80\" data-label=\"families\">Family Care Program ($80 per family support)<\/option>\n\n  <option value=\"200\" data-label=\"orphans\">Orphan Sponsorship ($200 per child annually)<\/option>\n\n  <option value=\"80\" data-label=\"widows\">Widow Support ($80 per widow support)<\/option>\n\n  <option value=\"3000\" data-label=\"water wells\">Clean Water ($3,000 per water well)<\/option>\n\n  <option value=\"40\" data-label=\"patients\">Health Program ($40 per patient treatment)<\/option>\n\n  <option value=\"88\" data-label=\"relief packages\">Emergency Relief ($88 per emergency kit)<\/option>\n\n  <option value=\"10000\" data-label=\"homes\">Shelter Program ($10,000 per housing unit)<\/option>\n\n  <option value=\"20000\" data-label=\"prayer facilities\">Mosque Construction ($20,000 per project)<\/option>\n\n<\/select>\n\n<input type=\"number\" id=\"amount\" class=\"swrf-calc-input\" placeholder=\"Enter your donation amount\">\n\n<button class=\"swrf-calc-btn\" onclick=\"calculateImpact()\">Calculate Impact<\/button>\n\n<div id=\"result\" class=\"swrf-calc-result\"><\/div>\n\n<\/div>\n\n<script>\nfunction calculateImpact(){\n\nlet amount = document.getElementById(\"amount\").value;\nlet select = document.getElementById(\"program\");\n\nlet cost = select.value;\nlet label = select.options[select.selectedIndex].getAttribute(\"data-label\");\n\nif(!amount){\n  document.getElementById(\"result\").innerText=\"Please enter a donation amount.\";\n  return;\n}\n\nlet impact = Math.floor(amount \/ cost);\n\ndocument.getElementById(\"result\").innerText =\n\"Your contribution can support approximately \" + impact + \" \" + label + \".\";\n\n}\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Our Campaigns Family Care Program Through our Healthcare Support Program, we provide accessible and compassionate medical care, essential treatments, and health services to vulnerable individuals and families, ensuring dignity and improved quality of life. $9K Raised 2K+ people involved More Details Orphan Sponsorship Program Our Orphan Sponsorship Program provides long-term care, education, and protection to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-241","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/swrf.org.uk\/ar\/wp-json\/wp\/v2\/pages\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swrf.org.uk\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swrf.org.uk\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swrf.org.uk\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swrf.org.uk\/ar\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":38,"href":"https:\/\/swrf.org.uk\/ar\/wp-json\/wp\/v2\/pages\/241\/revisions"}],"predecessor-version":[{"id":991,"href":"https:\/\/swrf.org.uk\/ar\/wp-json\/wp\/v2\/pages\/241\/revisions\/991"}],"wp:attachment":[{"href":"https:\/\/swrf.org.uk\/ar\/wp-json\/wp\/v2\/media?parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}