{"id":3637,"date":"2026-07-12T15:34:30","date_gmt":"2026-07-12T15:34:30","guid":{"rendered":"https:\/\/xgems.store\/acabynomina\/?st-import=d0ff8aac267098373fb2c5a5cac3855e"},"modified":"2026-07-22T14:35:14","modified_gmt":"2026-07-22T14:35:14","slug":"home","status":"publish","type":"page","link":"https:\/\/xgems.store\/acabynomina\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3637\" class=\"elementor elementor-3637\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5501ee0 e-flex e-con-boxed e-con e-parent\" data-id=\"5501ee0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-63c69cc e-con-full e-flex e-con e-child\" data-id=\"63c69cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5e437 elementor-widget elementor-widget-html\" data-id=\"ca5e437\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"glow-button-wrapper\">\n    <!-- Button 1: Donate -->\n    <a href=\"#\" class=\"animated-oval-btn\">\n        <span>Donate<\/span>\n    <\/a>\n\n    <!-- Button 2: View Programs -->\n    <a href=\"#\" class=\"animated-oval-btn\">\n        <span>View our programs<\/span>\n    <\/a>\n<\/div>\n\n<style>\n\/* Registering the rotation angle for smooth animation *\/\n@property --angle {\n  syntax: '<angle>';\n  initial-value: 0deg;\n  inherits: false;\n}\n\n.glow-button-wrapper {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    align-items: center;\n    padding: 30px;\n    flex-wrap: wrap;\n}\n\n.animated-oval-btn {\n    --border-width: 3px;\n    --animation-speed: 3s;\n    \n    position: relative;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    padding: 15px 40px;\n    border-radius: 100px; \/* Makes it perfectly oval *\/\n    text-decoration: none;\n    font-family: sans-serif;\n    font-weight: bold;\n    font-size: 16px;\n    color: white;\n    background: transparent;\n    transition: transform 0.3s ease;\n    z-index: 1;\n}\n\n\/* The Animated Border *\/\n.animated-oval-btn::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 100px; \n    padding: var(--border-width); \n    \n    \/* Red and White Conic Gradient *\/\n    background: conic-gradient(\n        from var(--angle),\n        #ff0000, \n        #ffffff, \n        #ff0000, \n        #ffffff, \n        #ff0000\n    );\n    \n    \/* Transparency Mask - This makes the center see-through *\/\n    -webkit-mask: \n        linear-gradient(#fff 0 0) content-box, \n        linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    \n    animation: spin var(--animation-speed) linear infinite;\n}\n\n\/* Hover Effects *\/\n.animated-oval-btn:hover {\n    transform: scale(1.08);\n    color: #ff3333;\n}\n\n.animated-oval-btn span {\n    position: relative;\n    z-index: 2;\n}\n\n\/* Border Rotation Animation *\/\n@keyframes spin {\n    from { --angle: 0deg; }\n    to { --angle: 360deg; }\n}\n\n\/* Mobile Responsiveness *\/\n@media (max-width: 600px) {\n    .glow-button-wrapper {\n        flex-direction: column;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9009a1 e-flex e-con-boxed e-con e-parent\" data-id=\"e9009a1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c363ec elementor-widget elementor-widget-html\" data-id=\"6c363ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- CENTERED INVADING IMAGE WITH WHITE FRAME -->\r\n<section class=\"invade-wrap\" aria-label=\"About image invade section\">\r\n  <div class=\"invade-sticky\">\r\n    <div class=\"invade-visual\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"invade-vignette\" aria-hidden=\"true\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n<style>\r\n  .invade-wrap{\r\n    position: relative;\r\n    height: 190vh;\r\n    width: 100%;\r\n    background: transparent;\r\n    overflow: clip;\r\n  }\r\n  .invade-sticky{\r\n    position: sticky;\r\n    top: 0;\r\n    height: 100vh;\r\n    width: 100%;\r\n  }\r\n  \/* BIGGER + CENTERED + WHITE BORDER *\/\r\n  .invade-visual{\r\n    position: fixed;\r\n    width: 85vw;\r\n    height: 85vh;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) scale(1.15);\r\n    background-image: url(\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA-1.jpeg\");\r\n    background-size: contain;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    opacity: 0;\r\n    filter: blur(10px);\r\n    border-radius: 20px;\r\n    \/* CLEAN WHITE FRAME *\/\r\n    border: 10px solid #ffffff;\r\n    box-shadow:\r\n      0 25px 80px rgba(0,0,0,.45),\r\n      0 0 40px rgba(255,255,255,.25);\r\n    z-index: 25;\r\n    pointer-events: none;\r\n    will-change: opacity, transform, filter;\r\n  }\r\n\r\n  \/* RESPONSIVE: PHONE *\/\r\n  @media (max-width: 600px){\r\n    .invade-visual{\r\n      width: 95vw;\r\n      height: 70vh;\r\n      border-radius: 12px;\r\n      border-width: 6px;\r\n    }\r\n  }\r\n\r\n  \/* RESPONSIVE: TABLET *\/\r\n  @media (min-width: 601px) and (max-width: 1024px){\r\n    .invade-visual{\r\n      width: 90vw;\r\n      height: 80vh;\r\n      border-radius: 16px;\r\n      border-width: 8px;\r\n    }\r\n  }\r\n\r\n  .invade-vignette{\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 15;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transition: opacity 220ms ease;\r\n    background: radial-gradient(circle at center, rgba(0,0,0,0) 50%, rgba(0,0,0,.25) 100%);\r\n  }\r\n  .invade-wrap.is-active .invade-vignette{\r\n    opacity: 1;\r\n  }\r\n  @media (prefers-reduced-motion: reduce){\r\n    .invade-visual{\r\n      transform: translate(-50%, -50%) !important;\r\n      filter: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n<script>\r\n(function(){\r\n  const wrap = document.querySelector('.invade-wrap');\r\n  const visual = document.querySelector('.invade-visual');\r\n  if(!wrap || !visual) return;\r\n  let ticking = false;\r\n  function clamp(n, min, max){ return Math.max(min, Math.min(max, n)); }\r\n  function update(){\r\n    ticking = false;\r\n    const rect = wrap.getBoundingClientRect();\r\n    const vh = window.innerHeight || document.documentElement.clientHeight;\r\n    const total = rect.height + vh;\r\n    const progressed = (vh - rect.top) \/ total;\r\n    const p = clamp(progressed, 0, 1);\r\n    const active = rect.top < vh && rect.bottom > 0;\r\n    wrap.classList.toggle('is-active', active);\r\n    const fadeInEnd = 0.30;\r\n    const holdEnd   = 0.70;\r\n    let opacity = 0;\r\n    if (p <= fadeInEnd){\r\n      opacity = p \/ fadeInEnd;\r\n    } else if (p <= holdEnd){\r\n      opacity = 1;\r\n    } else {\r\n      opacity = 1 - ((p - holdEnd) \/ (1 - holdEnd));\r\n    }\r\n    opacity = clamp(opacity, 0, 1);\r\n    const invade = clamp(p \/ fadeInEnd, 0, 1);\r\n    const exit = clamp((p - holdEnd) \/ (1 - holdEnd), 0, 1);\r\n    const scaleIn = 1.15 - (0.15 * invade);\r\n    const scaleOut = 1.00 + (0.05 * exit);\r\n    const scale = (p <= holdEnd) ? scaleIn : scaleOut;\r\n    const blur = (p <= fadeInEnd)\r\n      ? (10 - (10 * invade))\r\n      : (0 + (6 * exit));\r\n    if(!active){\r\n      visual.style.opacity = \"0\";\r\n      visual.style.transform = \"translate(-50%, -50%) scale(1.15)\";\r\n      visual.style.filter = \"blur(10px)\";\r\n      return;\r\n    }\r\n    visual.style.opacity = String(opacity);\r\n    visual.style.transform = \"translate(-50%, -50%) scale(\" + scale.toFixed(4) + \")\";\r\n    visual.style.filter = \"blur(\" + blur.toFixed(2) + \"px)\";\r\n  }\r\n  function requestTick(){\r\n    if(!ticking){\r\n      ticking = true;\r\n      window.requestAnimationFrame(update);\r\n    }\r\n  }\r\n  window.addEventListener('scroll', requestTick, { passive: true });\r\n  window.addEventListener('resize', requestTick);\r\n  requestTick();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1987505 e-flex e-con-boxed e-con e-parent\" data-id=\"1987505\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-690dad5 elementor-widget elementor-widget-heading\" data-id=\"690dad5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR PROGRAMS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6234ed5 elementor-widget elementor-widget-html\" data-id=\"6234ed5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{\n    --shadow: 0 20px 60px rgba(0,0,0,0.55);\n  }\n\n  .services-section{\n    padding: 10px 0;\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;\n  }\n\n  .service{\n    padding: 32px 18px;\n    display:flex;\n    justify-content:center;\n  }\n\n  .service-card{\n    width:min(1050px,92vw);\n    transition:all .8s cubic-bezier(.2,.9,.2,1);\n    opacity:1;\n    transform:translateY(0) scale(1);\n    filter:blur(0);\n  }\n\n  .services-section.js-on .service-card{\n    opacity:0;\n    transform:translateY(120px) scale(.9);\n    filter:blur(25px);\n  }\n\n  .services-section.js-on .service-card.is-active{\n    opacity:1;\n    transform:translateY(0) scale(1);\n    filter:blur(0);\n  }\n\n  .service-media{\n    border-radius:22px;\n    overflow:hidden;\n    box-shadow:var(--shadow);\n    border:1px solid rgba(255,255,255,0.18);\n  }\n\n  .service-media img{\n    width:100%;\n    height:min(60vh,600px);\n    object-fit:contain;\n    display:block;\n    background:transparent;\n  }\n\n  .service-bottom{\n    display:flex;\n    justify-content:center;\n    padding-top:18px;\n  }\n\n  .book-btn{\n    position:relative;\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:14px 32px;\n    border-radius:999px;\n    text-decoration:none;\n    font-weight:800;\n    color:#fff;\n    letter-spacing:.04em;\n    background:transparent;\n    overflow:hidden;\n    z-index:1;\n    transition:.3s ease;\n  }\n\n  .book-btn::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    border-radius:999px;\n    padding:2px;\n    background:linear-gradient(\n      90deg,\n      #ff0000,\n      #ff9999,\n      #ff0000,\n      #ff9999,\n      #ff0000\n    );\n    background-size:300% 300%;\n    animation:borderMove 4s linear infinite;\n\n    -webkit-mask:\n      linear-gradient(#fff 0 0) content-box,\n      linear-gradient(#fff 0 0);\n\n    -webkit-mask-composite:xor;\n            mask-composite:exclude;\n  }\n\n  .book-btn:hover{\n    transform:translateY(-3px) scale(1.04);\n  }\n\n  .book-btn svg{\n    width:18px;\n    height:18px;\n    fill:#fff;\n    flex-shrink:0;\n  }\n\n  @keyframes borderMove{\n    0%{background-position:0% 50%;}\n    100%{background-position:300% 50%;}\n  }\n<\/style>\n\n<div class=\"services-section\" data-services>\n\n  <div class=\"service\">\n    <div class=\"service-card\" data-card>\n      <div class=\"service-media\">\n        <img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA-3.jpeg\" alt=\"ACA BY NOMINA 3\" title=\"Home\">\n      <\/div>\n      <div class=\"service-bottom\">\n        <a class=\"book-btn\" href=\"#contact\" target=\"_blank\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M20.52 3.48A11.86 11.86 0 0 0 12.05 0C5.5 0 .17 5.33.17 11.88c0 2.1.55 4.15 1.6 5.96L0 24l6.36-1.66a11.82 11.82 0 0 0 5.69 1.45h.01c6.55 0 11.88-5.33 11.88-11.88 0-3.17-1.23-6.15-3.42-8.43z\"\/>\n          <\/svg>\n          Get In Chat\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"service\">\n    <div class=\"service-card\" data-card>\n      <div class=\"service-media\">\n        <img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA-4.jpeg\" alt=\"ACA BY NOMINA 4\" title=\"Home\">\n      <\/div>\n      <div class=\"service-bottom\">\n        <a class=\"book-btn\" href=\"#contact\" target=\"_blank\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M20.52 3.48A11.86 11.86 0 0 0 12.05 0C5.5 0 .17 5.33.17 11.88c0 2.1.55 4.15 1.6 5.96L0 24l6.36-1.66a11.82 11.82 0 0 0 5.69 1.45h.01c6.55 0 11.88-5.33 11.88-11.88 0-3.17-1.23-6.15-3.42-8.43z\"\/>\n          <\/svg>\n          Get In Chat\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"service\">\n    <div class=\"service-card\" data-card>\n      <div class=\"service-media\">\n        <img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA-2.jpeg\" alt=\"ACA BY NOMINA 2\" title=\"Home\">\n      <\/div>\n      <div class=\"service-bottom\">\n        <a class=\"book-btn\" href=\"#contact\" target=\"_blank\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M20.52 3.48A11.86 11.86 0 0 0 12.05 0C5.5 0 .17 5.33.17 11.88c0 2.1.55 4.15 1.6 5.96L0 24l6.36-1.66a11.82 11.82 0 0 0 5.69 1.45h.01c6.55 0 11.88-5.33 11.88-11.88 0-3.17-1.23-6.15-3.42-8.43z\"\/>\n          <\/svg>\n          Get In Chat\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"service\">\n    <div class=\"service-card\" data-card>\n      <div class=\"service-media\">\n        <img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA.jpeg\" alt=\"ACA BY NOMINA\" title=\"Home\">\n      <\/div>\n      <div class=\"service-bottom\">\n        <a class=\"book-btn\" href=\"#contact\" target=\"_blank\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M20.52 3.48A11.86 11.86 0 0 0 12.05 0C5.5 0 .17 5.33.17 11.88c0 2.1.55 4.15 1.6 5.96L0 24l6.36-1.66a11.82 11.82 0 0 0 5.69 1.45h.01c6.55 0 11.88-5.33 11.88-11.88 0-3.17-1.23-6.15-3.42-8.43z\"\/>\n          <\/svg>\n          Get In Chat\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n  function init(){\n    const section=document.querySelector('[data-services]');\n    if(!section) return;\n\n    const cards=section.querySelectorAll('[data-card]');\n    if(!cards.length) return;\n\n    section.classList.add('js-on');\n\n    cards.forEach(c=>c.classList.remove('is-active'));\n    cards[0].classList.add('is-active');\n\n    const io=new IntersectionObserver(entries=>{\n      let best=null;\n\n      entries.forEach(e=>{\n        if(!best || e.intersectionRatio>best.intersectionRatio){\n          best=e;\n        }\n      });\n\n      if(best && best.intersectionRatio>0.75){\n        cards.forEach(c=>c.classList.remove('is-active'));\n        best.target.classList.add('is-active');\n      }\n    },{\n      threshold:[0.3,0.5,0.7,0.9]\n    });\n\n    cards.forEach(c=>io.observe(c));\n  }\n\n  if(document.readyState===\"loading\"){\n    document.addEventListener(\"DOMContentLoaded\",()=>setTimeout(init,50));\n  }else{\n    setTimeout(init,50);\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95062aa e-flex e-con-boxed e-con e-parent\" data-id=\"95062aa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60ca259 elementor-widget elementor-widget-html\" data-id=\"60ca259\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ACA BY NOMINA \u2014 Upgraded & Center-Aligned Donation Section -->\n<section class=\"aca-donate\">\n  <div class=\"aca-donate-inner\">\n\n    <!-- Compact Centered Logo (80px) -->\n    <div class=\"aca-logo-wrapper\">\n      <img decoding=\"async\" class=\"aca-donate-logo\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-by-Nomina-6.jpeg\" alt=\"ACA By Nomina 6\" title=\"Home\">\n    <\/div>\n\n    <h2 class=\"aca-donate-title\">Support Our Mission<\/h2>\n    <p class=\"aca-donate-sub\">\n      Every donation goes directly to feeding school children and meeting their essential needs.\n      Here is what your contribution can accomplish:\n    <\/p>\n\n    <!-- Impact Cards Grid (Centered) -->\n    <div class=\"aca-impact-grid\">\n      <div class=\"aca-impact-card\">\n        <div class=\"aca-impact-amount\">R50<\/div>\n        <div class=\"aca-impact-text\">Feeds a child for a week<\/div>\n      <\/div>\n      <div class=\"aca-impact-card aca-impact-featured\">\n        <div class=\"aca-badge\"><\/div>\n        <div class=\"aca-impact-amount\">R150<\/div>\n        <div class=\"aca-impact-text\">Feeds a child for a month<\/div>\n      <\/div>\n      <div class=\"aca-impact-card\">\n        <div class=\"aca-impact-amount\">R500<\/div>\n        <div class=\"aca-impact-text\">Feeds a whole class for a week<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Bank Details Card (Centered) -->\n    <div class=\"aca-bank-card\">\n      <h3 class=\"aca-bank-title\">Donate via Bank Transfer (EFT)<\/h3>\n\n      <div class=\"aca-bank-row\" data-copy=\"Nomina Feeding Project\">\n        <div class=\"aca-bank-label\">Account Name<\/div>\n        <div class=\"aca-bank-value\">\n          <span>Nomina Feeding Project<\/span>\n          <button class=\"aca-copy-btn\" type=\"button\" aria-label=\"Copy account name\">Copy<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-bank-row\" data-copy=\"Standard Bank\">\n        <div class=\"aca-bank-label\">Bank<\/div>\n        <div class=\"aca-bank-value\">\n          <span>Standard Bank<\/span>\n          <button class=\"aca-copy-btn\" type=\"button\" aria-label=\"Copy bank name\">Copy<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-bank-row\" data-copy=\"123 456 7890\">\n        <div class=\"aca-bank-label\">Account Number<\/div>\n        <div class=\"aca-bank-value\">\n          <span>123 456 7890<\/span>\n          <button class=\"aca-copy-btn\" type=\"button\" aria-label=\"Copy account number\">Copy<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-bank-row\" data-copy=\"051001\">\n        <div class=\"aca-bank-label\">Branch Code<\/div>\n        <div class=\"aca-bank-value\">\n          <span>051001<\/span>\n          <button class=\"aca-copy-btn\" type=\"button\" aria-label=\"Copy branch code\">Copy<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-bank-row\" data-copy=\"DONATION + [YOUR NAME]\">\n        <div class=\"aca-bank-label\">Reference<\/div>\n        <div class=\"aca-bank-value\">\n          <span>DONATION + [YOUR NAME]<\/span>\n          <button class=\"aca-copy-btn\" type=\"button\" aria-label=\"Copy reference\">Copy<\/button>\n        <\/div>\n      <\/div>\n\n      <p class=\"aca-bank-note\">Please use the reference above so we can track and acknowledge your donation. Thank you for your support! \ud83d\ude4f<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .aca-donate, .aca-donate * { box-sizing: border-box; }\n\n  .aca-donate {\n    width: 100%;\n    padding: 60px 20px;\n    background: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .aca-donate-inner {\n    max-width: 760px;\n    width: 100%;\n    margin: 0 auto;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .aca-logo-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 16px;\n  }\n\n  .aca-donate-logo {\n    display: block;\n    margin: 0 auto;\n    width: 80px;\n    max-width: 80px;\n    height: auto;\n    filter: drop-shadow(0 4px 12px rgba(255, 0, 0, 0.25));\n  }\n\n  .aca-donate-title {\n    color: #ffffff;\n    font-size: clamp(28px, 4.5vw, 38px);\n    font-weight: 800;\n    margin: 0 0 12px;\n    text-align: center;\n  }\n\n  .aca-donate-sub {\n    color: rgba(255,255,255,0.8);\n    font-size: 16px;\n    line-height: 1.6;\n    max-width: 580px;\n    margin: 0 auto 36px;\n    text-align: center;\n  }\n\n  .aca-impact-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    width: 100%;\n    margin-bottom: 40px;\n  }\n\n  .aca-impact-card {\n    position: relative;\n    border: 1px solid rgba(255,255,255,0.15);\n    border-radius: 18px;\n    padding: 24px 16px;\n    background: rgba(255,255,255,0.04);\n    backdrop-filter: blur(10px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .aca-impact-featured {\n    border-color: rgba(255, 60, 60, 0.4);\n    background: rgba(255, 0, 0, 0.08);\n  }\n\n  .aca-badge {\n    position: absolute;\n    top: -11px;\n    background: linear-gradient(135deg, #ff0000, #cc0000);\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 700;\n    padding: 3px 10px;\n    border-radius: 20px;\n    text-transform: uppercase;\n  }\n\n  .aca-impact-amount {\n    font-size: 28px;\n    font-weight: 800;\n    background: linear-gradient(90deg, #ff3333, #ff9999);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 6px;\n    text-align: center;\n  }\n\n  .aca-impact-text {\n    color: rgba(255,255,255,0.85);\n    font-size: 14px;\n    line-height: 1.45;\n    text-align: center;\n  }\n\n  .aca-bank-card {\n    width: 100%;\n    text-align: center;\n    border: 1px solid rgba(255,255,255,0.16);\n    border-radius: 22px;\n    padding: 32px 28px;\n    background: rgba(20, 20, 25, 0.7);\n    backdrop-filter: blur(16px);\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n  }\n\n  .aca-bank-title {\n    color: #ffffff;\n    font-size: 22px;\n    font-weight: 800;\n    margin: 0 0 24px;\n    text-align: center;\n  }\n\n  .aca-bank-row {\n    padding: 14px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .aca-bank-row:last-of-type {\n    border-bottom: none;\n  }\n\n  .aca-bank-label {\n    color: rgba(255,255,255,0.5);\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 6px;\n    text-align: center;\n  }\n\n  .aca-bank-value {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .aca-bank-value span {\n    color: #ffffff;\n    font-size: 17px;\n    font-weight: 600;\n    word-break: break-word;\n    text-align: center;\n  }\n\n  .aca-copy-btn {\n    flex-shrink: 0;\n    padding: 6px 16px;\n    border-radius: 999px;\n    border: 1px solid rgba(255,255,255,0.25);\n    background: rgba(255,255,255,0.05);\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all 0.25s ease;\n  }\n\n  .aca-copy-btn:hover {\n    background: rgba(255,0,0,0.25);\n    border-color: #ff6666;\n  }\n\n  .aca-copy-btn.aca-copied {\n    background: rgba(46, 204, 113, 0.25);\n    border-color: #2ecc71;\n    color: #2ecc71;\n  }\n\n  .aca-bank-note {\n    margin: 24px 0 0;\n    color: rgba(255,255,255,0.65);\n    font-size: 13px;\n    text-align: center;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 640px) {\n    .aca-donate {\n      padding: 40px 16px;\n    }\n    .aca-impact-grid {\n      grid-template-columns: 1fr;\n    }\n    .aca-bank-card {\n      padding: 24px 18px;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  var buttons = document.querySelectorAll('.aca-donate .aca-copy-btn');\n  buttons.forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var row = btn.closest('.aca-bank-row');\n      var text = row.getAttribute('data-copy');\n      if (!text) return;\n\n      function done() {\n        var original = btn.textContent;\n        btn.textContent = 'Copied!';\n        btn.classList.add('aca-copied');\n        setTimeout(function () {\n          btn.textContent = original;\n          btn.classList.remove('aca-copied');\n        }, 1500);\n      }\n\n      if (navigator.clipboard && navigator.clipboard.writeText) {\n        navigator.clipboard.writeText(text).then(done).catch(function () {\n          fallbackCopy(text, done);\n        });\n      } else {\n        fallbackCopy(text, done);\n      }\n    });\n  });\n\n  function fallbackCopy(text, cb) {\n    var ta = document.createElement('textarea');\n    ta.value = text;\n    ta.style.position = 'fixed';\n    ta.style.opacity = '0';\n    document.body.appendChild(ta);\n    ta.focus();\n    ta.select();\n    try { document.execCommand('copy'); } catch (e) {}\n    document.body.removeChild(ta);\n    cb();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfc28ba e-flex e-con-boxed e-con e-parent\" data-id=\"dfc28ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed2f667 elementor-widget elementor-widget-heading\" data-id=\"ed2f667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Every smile here is thanks to your support<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04dd2d9 elementor-widget elementor-widget-html\" data-id=\"04dd2d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>ACA Exclusive Slider<\/title>\n<style>\n  #byo-carousel-wrap, #byo-carousel-wrap * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  #byo-carousel-wrap {\n    position: relative;\n    width: 100%;\n    max-width: 100vw;\n    overflow: hidden;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    background: transparent;\n    padding: 40px 0;\n  }\n\n  #byo-carousel-wrap .byo-track {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    scroll-behavior: smooth;\n    padding: 20px calc(50vw - 130px);\n    list-style: none;\n    cursor: grab;\n  }\n\n  #byo-carousel-wrap .byo-track:active {\n    cursor: grabbing;\n  }\n\n  #byo-carousel-wrap .byo-track::-webkit-scrollbar {\n    display: none;\n  }\n  #byo-carousel-wrap .byo-track {\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n  }\n\n  #byo-carousel-wrap .byo-slide {\n    position: relative;\n    flex: 0 0 auto;\n    width: 260px;\n    height: 340px;\n    border-radius: 16px;\n    overflow: hidden;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #0a0a0a;\n    box-shadow: 0 10px 26px rgba(0,0,0,0.4);\n    transform: scale(0.72);\n    opacity: 0.45;\n    filter: saturate(0.7) brightness(0.75);\n    transition: transform 0.5s cubic-bezier(0.22,0.9,0.3,1),\n                opacity 0.5s ease,\n                filter 0.5s ease,\n                box-shadow 0.5s ease;\n  }\n\n  #byo-carousel-wrap .byo-slide.is-active {\n    transform: scale(1);\n    opacity: 1;\n    filter: saturate(1) brightness(1);\n    box-shadow: 0 20px 50px rgba(0,0,0,0.55);\n    z-index: 3;\n  }\n\n  #byo-carousel-wrap .byo-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    user-select: none;\n    -webkit-user-drag: none;\n    pointer-events: none;\n  }\n\n  #byo-carousel-wrap .byo-slide::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 45%);\n    pointer-events: none;\n  }\n\n  #byo-carousel-wrap .byo-dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin-top: 22px;\n    flex-wrap: wrap;\n    padding: 0 20px;\n  }\n\n  #byo-carousel-wrap .byo-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.3);\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition: all 0.35s ease;\n    flex: 0 0 auto;\n  }\n\n  #byo-carousel-wrap .byo-dot.is-active {\n    background: #ffffff;\n    width: 22px;\n    border-radius: 4px;\n  }\n\n  #byo-carousel-wrap .byo-arrow {\n    display: none;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 5;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    border: 1.5px solid rgba(255,255,255,0.7);\n    background: rgba(0,0,0,0.35);\n    backdrop-filter: blur(4px);\n    color: #fff;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;\n  }\n\n  #byo-carousel-wrap .byo-arrow:hover {\n    background: #ffffff;\n    color: #111;\n    border-color: #ffffff;\n    transform: translateY(-50%) scale(1.08);\n  }\n\n  #byo-carousel-wrap .byo-arrow svg {\n    width: 20px;\n    height: 20px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.2;\n  }\n\n  #byo-carousel-wrap .byo-prev { left: 24px; }\n  #byo-carousel-wrap .byo-next { right: 24px; }\n\n  \/* Show arrows only on PC (pointer:fine + wide viewport) *\/\n  @media (min-width: 1025px) and (hover: hover) and (pointer: fine) {\n    #byo-carousel-wrap .byo-arrow {\n      display: flex;\n    }\n    #byo-carousel-wrap .byo-track {\n      padding: 20px calc(50vw - 170px);\n    }\n    #byo-carousel-wrap .byo-slide {\n      width: 340px;\n      height: 420px;\n    }\n  }\n\n  \/* Tablet *\/\n  @media (min-width: 600px) and (max-width: 1024px) {\n    #byo-carousel-wrap .byo-track {\n      padding: 20px calc(50vw - 150px);\n    }\n    #byo-carousel-wrap .byo-slide {\n      width: 300px;\n      height: 380px;\n    }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"byo-carousel-wrap\">\n  <button type=\"button\" class=\"byo-arrow byo-prev\" aria-label=\"Previous\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n  <\/button>\n\n  <ul class=\"byo-track\" id=\"byoTrack\">\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/IMG_4815.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA-7.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA-9.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/IMG_4829.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/IMG_4834.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/IMG_4827.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA-11.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/IMG_4821.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA-8.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n    <li class=\"byo-slide\"><img decoding=\"async\" src=\"https:\/\/xgems.store\/acabynomina\/wp-content\/uploads\/2026\/07\/ACA-BY-NOMINA-10.jpeg\" alt=\"Gallery image\" loading=\"lazy\" title=\"Home\"><\/li>\n  <\/ul>\n\n  <button type=\"button\" class=\"byo-arrow byo-next\" aria-label=\"Next\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n  <\/button>\n\n  <div class=\"byo-dots\" id=\"byoDots\"><\/div>\n<\/div>\n\n<script>\n(function() {\n  var track = document.getElementById('byoTrack');\n  var slides = Array.prototype.slice.call(track.querySelectorAll('.byo-slide'));\n  var dotsWrap = document.getElementById('byoDots');\n  var prevBtn = document.querySelector('#byo-carousel-wrap .byo-prev');\n  var nextBtn = document.querySelector('#byo-carousel-wrap .byo-next');\n  var activeIndex = 0;\n  var rafId = null;\n\n  slides.forEach(function(_, i) {\n    var dot = document.createElement('button');\n    dot.type = 'button';\n    dot.className = 'byo-dot';\n    dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n    dot.addEventListener('click', function() {\n      goToSlide(i);\n    });\n    dotsWrap.appendChild(dot);\n  });\n  var dots = Array.prototype.slice.call(dotsWrap.querySelectorAll('.byo-dot'));\n\n  function updateActive() {\n    var center = track.scrollLeft + track.clientWidth \/ 2;\n    var closest = 0;\n    var closestDist = Infinity;\n    slides.forEach(function(slide, i) {\n      var slideCenter = slide.offsetLeft + slide.offsetWidth \/ 2;\n      var dist = Math.abs(slideCenter - center);\n      if (dist < closestDist) {\n        closestDist = dist;\n        closest = i;\n      }\n    });\n    if (closest !== activeIndex) {\n      activeIndex = closest;\n      dots.forEach(function(d, i) {\n        d.classList.toggle('is-active', i === activeIndex);\n      });\n    }\n    slides.forEach(function(slide, i) {\n      slide.classList.toggle('is-active', i === closest);\n    });\n  }\n\n  function onScroll() {\n    if (rafId) cancelAnimationFrame(rafId);\n    rafId = requestAnimationFrame(updateActive);\n  }\n\n  track.addEventListener('scroll', onScroll, { passive: true });\n\n  function goToSlide(i) {\n    i = Math.max(0, Math.min(slides.length - 1, i));\n    var slide = slides[i];\n    var target = slide.offsetLeft + slide.offsetWidth \/ 2 - track.clientWidth \/ 2;\n    track.scrollTo({ left: target, behavior: 'smooth' });\n  }\n\n  prevBtn.addEventListener('click', function() {\n    goToSlide(activeIndex - 1);\n  });\n  nextBtn.addEventListener('click', function() {\n    goToSlide(activeIndex + 1);\n  });\n\n  window.addEventListener('resize', function() {\n    goToSlide(activeIndex);\n  });\n\n  window.addEventListener('load', function() {\n    setTimeout(function() {\n      updateActive();\n    }, 50);\n  });\n\n  updateActive();\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d681f8d e-flex e-con-boxed e-con e-parent\" data-id=\"d681f8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f312ddf elementor-widget elementor-widget-html\" data-id=\"f312ddf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ACA BY NOMINA \u2014 Impact \/ Results Section\n     Paste this whole block into an Elementor \"HTML\" widget.\n\n     \u26a0\ufe0f BEFORE PUBLISHING: the 4 numbers below (1,200+, 15+, 25,000+, 3) are PLACEHOLDERS\n     so the section looks complete \u2014 replace them with your real figures.\n     Just edit the text inside each .aca-stat-number div. -->\n\n<section class=\"aca-impact-section\">\n  <div class=\"aca-impact-inner\">\n\n    <h2 class=\"aca-impact-title\">Our Impact<\/h2>\n    <p class=\"aca-impact-sub\">\n      Real change, made possible by people like you.\n    <\/p>\n\n    <div class=\"aca-stat-grid\">\n      <div class=\"aca-stat-card\">\n        <div class=\"aca-stat-number\">1,200+<\/div>\n        <div class=\"aca-stat-label\">Children Fed<\/div>\n      <\/div>\n      <div class=\"aca-stat-card\">\n        <div class=\"aca-stat-number\">15+<\/div>\n        <div class=\"aca-stat-label\">Schools Reached<\/div>\n      <\/div>\n      <div class=\"aca-stat-card\">\n        <div class=\"aca-stat-number\">25,000+<\/div>\n        <div class=\"aca-stat-label\">Meals Delivered<\/div>\n      <\/div>\n      <div class=\"aca-stat-card\">\n        <div class=\"aca-stat-number\">3<\/div>\n        <div class=\"aca-stat-label\">Years Active<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .aca-impact-section, .aca-impact-section * { box-sizing: border-box; }\n\n  .aca-impact-section {\n    width: 100%;\n    padding: 70px 20px;\n    background: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  }\n\n  .aca-impact-inner {\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .aca-impact-title {\n    color: #ffffff;\n    font-size: clamp(26px, 4vw, 38px);\n    font-weight: 800;\n    margin: 0 0 14px;\n  }\n\n  .aca-impact-sub {\n    color: rgba(255,255,255,0.75);\n    font-size: 16px;\n    line-height: 1.6;\n    max-width: 520px;\n    margin: 0 auto 40px;\n  }\n\n  .aca-stat-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n  }\n\n  .aca-stat-card {\n    border: 1px solid rgba(255,255,255,0.18);\n    border-radius: 18px;\n    padding: 30px 14px;\n    background: rgba(255,255,255,0.03);\n    box-shadow: 0 20px 60px rgba(0,0,0,0.35);\n    transition: border-color 0.3s ease, transform 0.3s ease;\n  }\n\n  .aca-stat-card:hover {\n    border-color: #ff6666;\n    transform: translateY(-4px);\n  }\n\n  .aca-stat-number {\n    font-size: clamp(28px, 4vw, 36px);\n    font-weight: 800;\n    background: linear-gradient(90deg, #ff0000, #ff9999);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 8px;\n  }\n\n  .aca-stat-label {\n    color: rgba(255,255,255,0.8);\n    font-size: 14px;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 760px) {\n    .aca-stat-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 420px) {\n    .aca-stat-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9cc0172 e-flex e-con-boxed e-con e-parent\" data-id=\"9cc0172\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86eb5a9 elementor-widget elementor-widget-html\" data-id=\"86eb5a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ACA BY NOMINA \u2014 Get Involved \/ Volunteer Section\n     Paste this whole block into an Elementor \"HTML\" widget.\n\n     PUBLISHING: replace [PLACEHOLDER EMAIL] below (search for it, appears once)\n     with the real email address to receive volunteer messages.\n\n     Note: since this is a static HTML widget with no backend\/database, the form works\n     by opening the visitor's email app with the message pre-filled (via a mailto: link) \u2014\n     there's no server processing. If you'd rather collect entries into a spreadsheet or\n     inbox automatically, let me know and I can wire it up differently. -->\n\n<section class=\"aca-volunteer-section\">\n  <div class=\"aca-volunteer-inner\">\n\n    <div class=\"aca-logo\" role=\"img\" aria-label=\"ACA by Nomina logo\">\n      <svg class=\"aca-logo-svg\" viewBox=\"0 0 760 430\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <g class=\"aca-letter aca-letter-a1\">\n          <polygon points=\"150,340 230,80 270,80 350,340 300,340 285,285 215,285 200,340\"\n                    fill=\"#0a0a0a\" stroke=\"#f2f2f2\" stroke-width=\"6\" stroke-linejoin=\"round\"\/>\n          <polygon points=\"228,240 250,160 272,240\" fill=\"#0a0a0a\"\/>\n        <\/g>\n\n        <g class=\"aca-letter aca-letter-c\">\n          <path d=\"M 470 100\n                   C 400 100 360 150 360 215\n                   C 360 280 400 330 470 330\n                   C 500 330 525 320 542 305\n                   L 542 250\n                   C 528 268 505 280 480 280\n                   C 445 280 420 252 420 215\n                   C 420 178 445 150 480 150\n                   C 505 150 528 162 542 180\n                   L 542 125\n                   C 525 110 500 100 470 100 Z\"\n                fill=\"#e1261c\" stroke=\"#7a0f0a\" stroke-width=\"2\"\/>\n        <\/g>\n\n        <g class=\"aca-letter aca-letter-a2\">\n          <polygon points=\"410,340 490,80 530,80 610,340 560,340 545,285 475,285 460,340\"\n                    fill=\"#0a0a0a\" stroke=\"#f2f2f2\" stroke-width=\"6\" stroke-linejoin=\"round\"\/>\n          <polygon points=\"488,240 510,160 532,240\" fill=\"#0a0a0a\"\/>\n        <\/g>\n\n        <g class=\"aca-banner\">\n          <rect x=\"150\" y=\"225\" width=\"460\" height=\"46\" fill=\"#f5f5f5\"\/>\n          <text x=\"380\" y=\"254\" text-anchor=\"middle\" class=\"aca-banner-text\">ALLRIGHTS CHARITY ASSOCIATION BY NOMINA<\/text>\n        <\/g>\n      <\/svg>\n    <\/div>\n\n    <h2 class=\"aca-volunteer-title\">Get Involved<\/h2>\n    <p class=\"aca-volunteer-sub\">\n      Want to volunteer and help us Improve lives? Fill in the form below and we'll get in touch with you.\n    <\/p>\n\n    <form class=\"aca-volunteer-form\" id=\"acaVolunteerForm\">\n      <div class=\"aca-field\">\n        <label for=\"acaVName\">Name<\/label>\n        <input type=\"text\" id=\"acaVName\" name=\"name\" required>\n      <\/div>\n\n      <div class=\"aca-field\">\n        <label for=\"acaVEmail\">Email<\/label>\n        <input type=\"email\" id=\"acaVEmail\" name=\"email\" required>\n      <\/div>\n\n      <div class=\"aca-field\">\n        <label for=\"acaVMessage\">Message<\/label>\n        <textarea id=\"acaVMessage\" name=\"message\" rows=\"4\" required><\/textarea>\n      <\/div>\n\n      <button type=\"submit\" class=\"aca-volunteer-btn\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M22 2 15 22l-4-9-9-4 20-7Z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <span>Send<\/span>\n      <\/button>\n    <\/form>\n\n  <\/div>\n<\/section>\n\n<style>\n  .aca-volunteer-section, .aca-volunteer-section * { box-sizing: border-box; }\n\n  .aca-volunteer-section {\n    width: 100%;\n    padding: 70px 20px;\n    background: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    overflow: hidden;\n  }\n\n  .aca-volunteer-inner {\n    max-width: 560px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  \/* ---------- Animated logo ---------- *\/\n  .aca-logo {\n    display: block;\n    margin: 0 auto 24px;\n    width: 100%;\n    max-width: 230px;\n    animation: acaVolFloat 5s ease-in-out infinite;\n    animation-delay: 1.6s;\n  }\n\n  .aca-logo-svg {\n    width: 100%;\n    height: auto;\n    display: block;\n    overflow: visible;\n  }\n\n  .aca-banner-text {\n    font-family: Arial, Helvetica, sans-serif;\n    font-weight: 800;\n    font-size: 21px;\n    letter-spacing: 0.5px;\n    fill: #0a0a0a;\n  }\n\n  .aca-letter {\n    opacity: 0;\n  }\n\n  .aca-letter-a1 {\n    transform: translateX(-140px);\n    animation: acaSlideInLeft 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    animation-delay: 0.15s;\n  }\n\n  .aca-letter-a2 {\n    transform: translateX(140px);\n    animation: acaSlideInRight 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    animation-delay: 0.15s;\n  }\n\n  .aca-letter-c {\n    transform: translateY(-60px) scale(0.7);\n    transform-origin: 470px 215px;\n    animation: acaDropIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n    animation-delay: 0.7s;\n  }\n\n  .aca-banner {\n    opacity: 0;\n    transform: scaleX(0);\n    transform-origin: center;\n    animation: acaBannerOpen 0.7s ease-out forwards;\n    animation-delay: 1.15s;\n  }\n\n  @keyframes acaSlideInLeft {\n    0% { opacity: 0; transform: translateX(-140px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n\n  @keyframes acaSlideInRight {\n    0% { opacity: 0; transform: translateX(140px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n\n  @keyframes acaDropIn {\n    0% { opacity: 0; transform: translateY(-60px) scale(0.7); }\n    60% { opacity: 1; }\n    100% { opacity: 1; transform: translateY(0) scale(1); }\n  }\n\n  @keyframes acaBannerOpen {\n    0% { opacity: 0; transform: scaleX(0); }\n    100% { opacity: 1; transform: scaleX(1); }\n  }\n\n  @keyframes acaVolFloat {\n    0%, 100% {\n      transform: translateY(0);\n      filter: drop-shadow(0 0 0px rgba(225,38,28,0));\n    }\n    50% {\n      transform: translateY(-8px);\n      filter: drop-shadow(0 10px 24px rgba(225,38,28,0.4));\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .aca-logo { animation: none; }\n    .aca-letter, .aca-banner {\n      animation: none !important;\n      opacity: 1;\n      transform: none;\n    }\n  }\n\n  .aca-volunteer-title {\n    color: #ffffff;\n    font-size: clamp(26px, 4vw, 38px);\n    font-weight: 800;\n    margin: 0 0 14px;\n  }\n\n  .aca-volunteer-sub {\n    color: rgba(255,255,255,0.75);\n    font-size: 16px;\n    line-height: 1.6;\n    margin: 0 auto 34px;\n  }\n\n  .aca-volunteer-form {\n    text-align: left;\n    border: 1px solid rgba(255,255,255,0.18);\n    border-radius: 22px;\n    padding: 30px 26px;\n    background: rgba(255,255,255,0.03);\n    box-shadow: 0 20px 60px rgba(0,0,0,0.55);\n  }\n\n  .aca-field {\n    margin-bottom: 18px;\n  }\n\n  .aca-field label {\n    display: block;\n    color: rgba(255,255,255,0.55);\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    margin-bottom: 8px;\n  }\n\n  .aca-field input,\n  .aca-field textarea {\n    width: 100%;\n    padding: 12px 14px;\n    border-radius: 10px;\n    border: 1px solid rgba(255,255,255,0.18);\n    background: rgba(255,255,255,0.04);\n    color: #ffffff;\n    font-size: 15px;\n    font-family: inherit;\n    resize: vertical;\n    transition: border-color 0.25s ease, background 0.25s ease;\n  }\n\n  .aca-field input::placeholder,\n  .aca-field textarea::placeholder {\n    color: rgba(255,255,255,0.35);\n  }\n\n  .aca-field input:focus,\n  .aca-field textarea:focus {\n    outline: none;\n    border-color: #ff6666;\n    background: rgba(255,255,255,0.07);\n  }\n\n  .aca-volunteer-btn {\n    width: 100%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 14px 30px;\n    border-radius: 999px;\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: 0.03em;\n    color: #ffffff;\n    background-color: rgba(255, 255, 255, 0.06);\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n    border: 2px solid transparent;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.06), rgba(255,255,255,0.06)),\n      linear-gradient(135deg, #ff0000 0%, #ff9999 55%, #ff0000 100%);\n    background-origin: border-box;\n    background-clip: padding-box, border-box;\n    cursor: pointer;\n    transition: transform 0.35s ease, box-shadow 0.35s ease, background-color 0.35s ease;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.25);\n  }\n\n  .aca-volunteer-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 28px rgba(0,0,0,0.35);\n  }\n\n  .aca-volunteer-btn svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: #ffffff;\n    flex-shrink: 0;\n  }\n\n  @media (max-width: 480px) {\n    .aca-volunteer-form { padding: 24px 18px; }\n    .aca-banner-text { font-size: 26px; }\n  }\n<\/style>\n\n<script>\n(function () {\n  var form = document.getElementById('acaVolunteerForm');\n  if (!form) return;\n\n  var RECIPIENT_EMAIL = \"[PLACEHOLDER EMAIL]\";\n\n  form.addEventListener('submit', function (e) {\n    e.preventDefault();\n\n    var name = document.getElementById('acaVName').value.trim();\n    var email = document.getElementById('acaVEmail').value.trim();\n    var message = document.getElementById('acaVMessage').value.trim();\n\n    var subject = \"Volunteer Enquiry from \" + name;\n    var body =\n      \"Name: \" + name + \"\\n\" +\n      \"Email: \" + email + \"\\n\\n\" +\n      \"Message:\\n\" + message;\n\n    var mailto =\n      \"mailto:\" + encodeURIComponent(RECIPIENT_EMAIL) +\n      \"?subject=\" + encodeURIComponent(subject) +\n      \"&body=\" + encodeURIComponent(body);\n\n    window.location.href = mailto;\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f811c9 e-flex e-con-boxed e-con e-parent\" data-id=\"5f811c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2a265a elementor-widget elementor-widget-html\" data-id=\"c2a265a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ACA BY NOMINA \u2014 Social Media & Contact Section\n     Paste this whole block into an Elementor \"HTML\" widget.\n\n     \u26a0\ufe0f BEFORE PUBLISHING: everything marked [PLACEHOLDER] is a stand-in \u2014\n     search for \"PLACEHOLDER\" to find every link\/contact detail to swap out. -->\n\n<section class=\"aca-social-section\">\n  <div class=\"aca-social-inner\">\n\n    <h2 class=\"aca-social-title\">Connect With Us<\/h2>\n    <p class=\"aca-social-sub\">\n      Follow our journey and reach out anytime.\n    <\/p>\n\n    <div class=\"aca-social-icons\">\n      <a class=\"aca-icon-btn\" href=\"https:\/\/www.facebook.com\/acabynomina\" target=\"_blank\" aria-label=\"Facebook\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.15 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.23.2 2.23.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.88h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.94 8.44-9.94z\"\/><\/svg>\n      <\/a>\n      <a class=\"aca-icon-btn\" href=\"https:\/\/www.instagram.com\/acabynomina\" target=\"_blank\" aria-label=\"Instagram\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2c2.72 0 3.06.01 4.12.06 1.06.05 1.79.22 2.43.47.66.26 1.22.6 1.77 1.15.55.55.9 1.11 1.15 1.77.25.64.42 1.37.47 2.43.05 1.06.06 1.4.06 4.12s-.01 3.06-.06 4.12c-.05 1.06-.22 1.79-.47 2.43a4.9 4.9 0 0 1-1.15 1.77 4.9 4.9 0 0 1-1.77 1.15c-.64.25-1.37.42-2.43.47-1.06.05-1.4.06-4.12.06s-3.06-.01-4.12-.06c-1.06-.05-1.79-.22-2.43-.47a4.9 4.9 0 0 1-1.77-1.15 4.9 4.9 0 0 1-1.15-1.77c-.25-.64-.42-1.37-.47-2.43C2.01 15.06 2 14.72 2 12s.01-3.06.06-4.12c.05-1.06.22-1.79.47-2.43.26-.66.6-1.22 1.15-1.77A4.9 4.9 0 0 1 5.45.53c.64-.25 1.37-.42 2.43-.47C8.94 2.01 9.28 2 12 2zm0 1.8c-2.67 0-2.99.01-4.04.06-.87.04-1.34.18-1.65.3-.42.16-.72.35-1.03.66-.31.31-.5.61-.66 1.03-.12.31-.26.78-.3 1.65C4.27 8.75 4.26 9.07 4.26 12s.01 3.25.06 4.3c.04.87.18 1.34.3 1.65.16.42.35.72.66 1.03.31.31.61.5 1.03.66.31.12.78.26 1.65.3 1.05.05 1.37.06 4.04.06s2.99-.01 4.04-.06c.87-.04 1.34-.18 1.65-.3.42-.16.72-.35 1.03-.66.31-.31.5-.61.66-1.03.12-.31.26-.78.3-1.65.05-1.05.06-1.37.06-4.3s-.01-3.25-.06-4.3c-.04-.87-.18-1.34-.3-1.65a2.7 2.7 0 0 0-.66-1.03 2.7 2.7 0 0 0-1.03-.66c-.31-.12-.78-.26-1.65-.3C14.99 3.81 14.67 3.8 12 3.8zm0 3.05a5.15 5.15 0 1 1 0 10.3 5.15 5.15 0 0 1 0-10.3zm0 8.5a3.35 3.35 0 1 0 0-6.7 3.35 3.35 0 0 0 0 6.7zm5.35-8.7a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z\"\/><\/svg>\n      <\/a>\n      <a class=\"aca-icon-btn\" href=\"https:\/\/x.com\/acabynomina\" target=\"_blank\" aria-label=\"X (Twitter)\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M18.24 2H21l-6.55 7.49L22 22h-6.9l-5.4-7.06L3.5 22H.73l7.02-8.02L2 2h7.06l4.88 6.46L18.24 2zm-1.2 18h1.86L7.05 3.9H5.06l11.98 16.1z\"\/><\/svg>\n      <\/a>\n      <a class=\"aca-icon-btn\" href=\"https:\/\/www.tiktok.com\/@acabynomina\" target=\"_blank\" aria-label=\"TikTok\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M16.6 2h-3.2v13.5a3.2 3.2 0 1 1-2.27-3.06V9.2a6.4 6.4 0 1 0 5.47 6.33V8.85a8.15 8.15 0 0 0 4.6 1.4V7.05a4.98 4.98 0 0 1-4.6-5.05z\"\/><\/svg>\n      <\/a>\n      <a class=\"aca-icon-btn\" href=\"https:\/\/wa.me\/263771234567\" target=\"_blank\" aria-label=\"WhatsApp\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20.52 3.48A11.86 11.86 0 0 0 12.05 0C5.5 0 .17 5.33.17 11.88c0 2.1.55 4.15 1.6 5.96L0 24l6.36-1.66a11.82 11.82 0 0 0 5.69 1.45h.01c6.55 0 11.88-5.33 11.88-11.88 0-3.17-1.23-6.15-3.42-8.43z\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <div class=\"aca-contact-card\">\n      <div class=\"aca-contact-row\">\n        <div class=\"aca-contact-left\">\n          <svg class=\"aca-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16v16H4z\" fill=\"none\"\/><path d=\"M4 6h16v12H4V6zm0 0 8 7 8-7\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <span class=\"aca-contact-label\">Email<\/span>\n        <\/div>\n        <a class=\"aca-contact-value\" href=\"mailto:info@acabynomina.com\">info@acabynomina.com<\/a>\n      <\/div>\n      <div class=\"aca-contact-row\">\n        <div class=\"aca-contact-left\">\n          <svg class=\"aca-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <span class=\"aca-contact-label\">Phone<\/span>\n        <\/div>\n        <a class=\"aca-contact-value\" href=\"tel:+263771234567\">+27 77 123 4567<\/a>\n      <\/div>\n      <div class=\"aca-contact-row\">\n        <div class=\"aca-contact-left\">\n          <svg class=\"aca-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0 1 18 0z\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"10\" r=\"3\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\"\/><\/svg>\n          <span class=\"aca-contact-label\">Address<\/span>\n        <\/div>\n        <span class=\"aca-contact-value\">12 Main Street, Gauteng South Africa<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .aca-social-section, .aca-social-section * { box-sizing: border-box; }\n\n  .aca-social-section {\n    width: 100%;\n    padding: 70px 20px;\n    background: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  }\n\n  .aca-social-inner {\n    max-width: 560px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .aca-social-title {\n    color: #ffffff;\n    font-size: clamp(26px, 4vw, 38px);\n    font-weight: 800;\n    margin: 0 0 14px;\n  }\n\n  .aca-social-sub {\n    color: rgba(255,255,255,0.75);\n    font-size: 16px;\n    line-height: 1.6;\n    margin: 0 auto 36px;\n  }\n\n  .aca-social-icons {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-bottom: 40px;\n  }\n\n  .aca-icon-btn {\n    width: 54px;\n    height: 54px;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    background-color: rgba(255,255,255,0.06);\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n    border: 2px solid transparent;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.06), rgba(255,255,255,0.06)),\n      linear-gradient(135deg, #ff0000 0%, #ff9999 55%, #ff0000 100%);\n    background-origin: border-box;\n    background-clip: padding-box, border-box;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.25);\n  }\n\n  .aca-icon-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 28px rgba(0,0,0,0.35);\n  }\n\n  .aca-icon-btn svg {\n    width: 22px;\n    height: 22px;\n    fill: #ffffff;\n  }\n\n  .aca-contact-card {\n    text-align: left;\n    border: 1px solid rgba(255,255,255,0.18);\n    border-radius: 22px;\n    padding: 26px 26px;\n    background: rgba(255,255,255,0.03);\n    box-shadow: 0 20px 60px rgba(0,0,0,0.55);\n  }\n\n  .aca-contact-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 12px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n  }\n\n  .aca-contact-row:last-child {\n    border-bottom: none;\n  }\n\n  .aca-contact-left {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .aca-contact-icon {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n  }\n\n  .aca-contact-label {\n    color: rgba(255,255,255,0.55);\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    flex-shrink: 0;\n  }\n\n  .aca-contact-value {\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 600;\n    text-decoration: none;\n    text-align: right;\n    word-break: break-word;\n  }\n\n  .aca-contact-value:hover {\n    color: #ff9999;\n  }\n\n  @media (max-width: 480px) {\n    .aca-icon-btn { width: 48px; height: 48px; }\n    .aca-icon-btn svg { width: 19px; height: 19px; }\n    .aca-contact-card { padding: 20px 18px; }\n    .aca-contact-row { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .aca-contact-value { text-align: left; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-502f0c1 e-flex e-con-boxed e-con e-parent\" data-id=\"502f0c1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b0848a elementor-widget elementor-widget-html\" data-id=\"8b0848a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\ta\n \n  <\/div>\n<\/section>\n \n<footer class=\"aca-footer\">\n  <p class=\"aca-footer-text\">\n    \u00a9 2026 All Rights <span class=\"aca-footer-gradient\">Charity Association by Nomina<\/span>\n  <\/p>\n  <p class=\"aca-footer-credit\">Website developed by <span class=\"aca-footer-brand\">brandiffyy<\/span><\/p>\n<\/footer>\n \n<style>\n  .aca-social-section, .aca-social-section * { box-sizing: border-box; }\n\n126 unchanged lines\n    .aca-contact-card { padding: 20px 18px; }\n    .aca-contact-row { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .aca-contact-value { text-align: left; }\n  }\n \n  .aca-footer, .aca-footer * { box-sizing: border-box; }\n \n  .aca-footer {\n    width: 100%;\n    padding: 26px 20px 34px;\n    background: transparent;\n    text-align: center;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  }\n \n  .aca-footer-text {\n    margin: 0 0 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: rgba(255,255,255,0.75);\n    letter-spacing: 0.01em;\n  }\n \n  .aca-footer-gradient {\n    background: linear-gradient(90deg, #ff3b3b, #ff9999, #ff3b3b);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: aca-footer-shine 4s linear infinite;\n    font-weight: 800;\n  }\n \n  @keyframes aca-footer-shine {\n    0% { background-position: 0% center; }\n    100% { background-position: 200% center; }\n  }\n \n  .aca-footer-credit {\n    margin: 0;\n    font-size: 12px;\n    color: rgba(255,255,255,0.4);\n    letter-spacing: 0.03em;\n  }\n \n  .aca-footer-brand {\n    color: rgba(255,255,255,0.65);\n    font-weight: 700;\n  }\n \n  @media (max-width: 480px) {\n    .aca-footer-text { font-size: 13px; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Donate View our programs OUR PROGRAMS Get In Chat Get In Chat Get In Chat Get In Chat Support Our Mission Every donation goes directly to feeding school children and meeting their essential needs. Here is what your contribution can accomplish: R50 Feeds a child for a week R150 Feeds a child for a month [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3637","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xgems.store\/acabynomina\/wp-json\/wp\/v2\/pages\/3637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xgems.store\/acabynomina\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xgems.store\/acabynomina\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xgems.store\/acabynomina\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xgems.store\/acabynomina\/wp-json\/wp\/v2\/comments?post=3637"}],"version-history":[{"count":96,"href":"https:\/\/xgems.store\/acabynomina\/wp-json\/wp\/v2\/pages\/3637\/revisions"}],"predecessor-version":[{"id":3777,"href":"https:\/\/xgems.store\/acabynomina\/wp-json\/wp\/v2\/pages\/3637\/revisions\/3777"}],"wp:attachment":[{"href":"https:\/\/xgems.store\/acabynomina\/wp-json\/wp\/v2\/media?parent=3637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}