Support Our Cause \u2014 Donate Now<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=Work+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --ink:#122A2A;\r\n --ink-soft:#3E5555;\r\n --paper:#FFFFFF;\r\n --tint:#EAF4F1;\r\n --line:#D8E4E1;\r\n --teal:#0E6E63;\r\n --teal-dark:#0A5148;\r\n --amber:#E7A93D;\r\n --amber-dark:#C88C22;\r\n --error:#B3261E;\r\n --radius:10px;\r\n }\r\n *{box-sizing:border-box;}\r\n body{\r\n margin:0;\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:'Work Sans', -apple-system, sans-serif;\r\n line-height:1.55;\r\n }\r\n h1,h2,h3{\r\n font-family:'Source Serif 4', Georgia, serif;\r\n font-weight:600;\r\n margin:0 0 .5em 0;\r\n color:var(--ink);\r\n }\r\n .wrap{\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:48px 24px 140px;\r\n }\r\n .top-strip{\r\n background:var(--teal-dark);\r\n color:#EFF7F5;\r\n font-size:14px;\r\n text-align:center;\r\n padding:9px 16px;\r\n }\r\n .grid{\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n grid-template-areas:\r\n \"intro card\"\r\n \"details card\";\r\n gap:56px;\r\n align-items:start;\r\n }\r\n .intro{grid-area:intro;}\r\n .card-col{grid-area:card;}\r\n .details{grid-area:details;}\r\n @media (max-width:860px){\r\n .grid{\r\n grid-template-columns:1fr;\r\n grid-template-areas:\r\n \"intro\"\r\n \"card\"\r\n \"details\";\r\n gap:36px;\r\n }\r\n .wrap{padding:32px 18px 150px;}\r\n }\r\n\r\n \/* ---- left column: the story ---- *\/\r\n .kicker{\r\n display:inline-block;\r\n font-size:13px;\r\n letter-spacing:.02em;\r\n color:var(--teal-dark);\r\n background:var(--tint);\r\n padding:5px 12px;\r\n border-radius:100px;\r\n margin-bottom:18px;\r\n }\r\n h1{font-size:38px;line-height:1.15;max-width:20ch;}\r\n .lede{font-size:17px;color:var(--ink-soft);max-width:52ch;margin-bottom:34px;}\r\n .goal-bar{\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:18px 20px;\r\n margin-bottom:34px;\r\n }\r\n .goal-bar .row{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-soft);margin-bottom:8px;}\r\n .goal-bar strong{color:var(--ink);font-size:17px;}\r\n .bar-track{height:8px;background:var(--tint);border-radius:100px;overflow:hidden;}\r\n .bar-fill{height:100%;background:var(--teal);width:38%;}\r\n\r\n section.block{margin-bottom:30px;}\r\n section.block h2{font-size:19px;}\r\n section.block ul{margin:0;padding-left:20px;color:var(--ink-soft);}\r\n section.block li{margin-bottom:6px;}\r\n\r\n .quote{\r\n border-left:3px solid var(--amber);\r\n padding:4px 0 4px 18px;\r\n color:var(--ink-soft);\r\n font-style:italic;\r\n max-width:48ch;\r\n }\r\n\r\n \/* ---- right column: payment card ---- *\/\r\n .card{\r\n background:var(--paper);\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n padding:28px;\r\n box-shadow:0 1px 2px rgba(18,42,42,.04);\r\n position:sticky;\r\n top:24px;\r\n }\r\n .card h2{font-size:21px;margin-bottom:4px;}\r\n .card .sub{font-size:14px;color:var(--ink-soft);margin-bottom:22px;}\r\n\r\n .amount-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}\r\n .amount-chip{\r\n flex:1 1 auto;\r\n min-width:72px;\r\n text-align:center;\r\n padding:10px 8px;\r\n border:1px solid var(--line);\r\n border-radius:8px;\r\n background:var(--paper);\r\n font-size:14px;\r\n font-weight:600;\r\n color:var(--ink);\r\n cursor:pointer;\r\n transition:border-color .12s, background .12s;\r\n }\r\n .amount-chip:hover{border-color:var(--teal);}\r\n .amount-chip.active{\r\n background:var(--teal);\r\n border-color:var(--teal);\r\n color:#fff;\r\n }\r\n\r\n label{\r\n display:block;\r\n font-size:13px;\r\n font-weight:600;\r\n color:var(--ink-soft);\r\n margin:16px 0 6px;\r\n }\r\n label .req{color:var(--error);}\r\n .input-group{\r\n display:flex;\r\n align-items:center;\r\n border:1px solid var(--line);\r\n border-radius:8px;\r\n background:var(--paper);\r\n overflow:hidden;\r\n }\r\n .input-group.error{border-color:var(--error);}\r\n .input-group .prefix{\r\n padding:0 12px;\r\n color:var(--ink-soft);\r\n font-size:15px;\r\n border-right:1px solid var(--line);\r\n background:var(--tint);\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n }\r\n input[type=text], input[type=email], input[type=tel], input[type=number]{\r\n flex:1;\r\n border:none;\r\n outline:none;\r\n padding:11px 12px;\r\n font-size:15px;\r\n font-family:inherit;\r\n color:var(--ink);\r\n background:transparent;\r\n min-width:0;\r\n }\r\n .err-msg{\r\n font-size:13px;\r\n color:var(--error);\r\n margin-top:6px;\r\n min-height:16px;\r\n }\r\n\r\n .addon{\r\n margin-top:20px;\r\n border:1px dashed var(--line);\r\n border-radius:8px;\r\n padding:13px 14px;\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n background:var(--tint);\r\n }\r\n .addon input{margin-top:3px;width:16px;height:16px;accent-color:var(--teal);}\r\n .addon .txt{font-size:14px;color:var(--ink-soft);}\r\n .addon .txt b{color:var(--ink);}\r\n\r\n .summary{\r\n margin-top:22px;\r\n padding-top:16px;\r\n border-top:1px solid var(--line);\r\n font-size:14px;\r\n }\r\n .summary .row{display:flex;justify-content:space-between;color:var(--ink-soft);margin-bottom:6px;}\r\n .summary .row.total{color:var(--ink);font-weight:700;font-size:16px;margin-top:8px;}\r\n\r\n .donate-btn{\r\n width:100%;\r\n margin-top:20px;\r\n padding:14px;\r\n border:none;\r\n border-radius:8px;\r\n background:var(--amber);\r\n color:#26200D;\r\n font-family:inherit;\r\n font-size:16px;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:background .12s;\r\n }\r\n .donate-btn:hover{background:var(--amber-dark);}\r\n .donate-btn:disabled{opacity:.55;cursor:not-allowed;}\r\n\r\n .trust-note{\r\n font-size:12px;\r\n color:var(--ink-soft);\r\n text-align:center;\r\n margin-top:12px;\r\n }\r\n\r\n \/* sticky mobile bar *\/\r\n .sticky-bar{\r\n position:fixed;\r\n left:0;right:0;bottom:0;\r\n background:var(--paper);\r\n border-top:1px solid var(--line);\r\n padding:12px 18px;\r\n display:none;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:14px;\r\n box-shadow:0 -2px 10px rgba(18,42,42,.08);\r\n z-index:40;\r\n }\r\n .sticky-bar .amt{font-size:16px;font-weight:700;}\r\n .sticky-bar .amt span{display:block;font-size:12px;font-weight:500;color:var(--ink-soft);}\r\n .sticky-bar button{\r\n padding:12px 22px;\r\n border:none;\r\n border-radius:8px;\r\n background:var(--amber);\r\n font-weight:700;\r\n font-size:15px;\r\n cursor:pointer;\r\n }\r\n @media (max-width:860px){\r\n .card{position:static;}\r\n .sticky-bar{display:flex;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wrap\">\r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"intro\">\r\n <h1>Help Save an 8-Month-Old Child<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-col\">\r\n <div class=\"card\">\r\n <h2>Make a Donation<\/h2>\r\n <p class=\"sub\">Choose an amount and enter your details below.<\/p>\r\n\r\n <div class=\"amount-row\" id=\"amountChips\">\r\n <div class=\"amount-chip\" data-amt=\"300\">\u20b9300<\/div>\r\n <div class=\"amount-chip active\" data-amt=\"500\">\u20b9500<\/div>\r\n <div class=\"amount-chip\" data-amt=\"1000\">\u20b91,000<\/div>\r\n <div class=\"amount-chip\" data-amt=\"2000\">\u20b92,000<\/div>\r\n <div class=\"amount-chip\" data-amt=\"3000\">\u20b93,000<\/div>\r\n <div class=\"amount-chip\" data-amt=\"5000\">\u20b95,000<\/div>\r\n <\/div>\r\n\r\n <label for=\"amount\">Amount <span class=\"req\">*<\/span><\/label>\r\n <div class=\"input-group\" id=\"amountGroup\">\r\n <span class=\"prefix\">\u20b9<\/span>\r\n <input type=\"number\" id=\"amount\" min=\"200\" value=\"500\" inputmode=\"numeric\">\r\n <\/div>\r\n <div class=\"err-msg\" id=\"amountErr\"><\/div>\r\n\r\n <label for=\"name\">Name <span class=\"req\">*<\/span><\/label>\r\n <div class=\"input-group\" id=\"nameGroup\">\r\n <input type=\"text\" id=\"name\" placeholder=\"Your full name\">\r\n <\/div>\r\n <div class=\"err-msg\" id=\"nameErr\"><\/div>\r\n\r\n <label for=\"email\">Email <span class=\"req\">*<\/span><\/label>\r\n <div class=\"input-group\" id=\"emailGroup\">\r\n <input type=\"email\" id=\"email\" placeholder=\"you@example.com\">\r\n <\/div>\r\n <div class=\"err-msg\" id=\"emailErr\"><\/div>\r\n\r\n <label for=\"phone\">Phone <span class=\"req\">*<\/span><\/label>\r\n <div class=\"input-group\" id=\"phoneGroup\">\r\n <span class=\"prefix\">+91<\/span>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"10-digit mobile number\" maxlength=\"10\" inputmode=\"numeric\">\r\n <\/div>\r\n <div class=\"err-msg\" id=\"phoneErr\"><\/div>\r\n\r\n <div class=\"summary\">\r\n <div class=\"row total\"><span>Total<\/span><span id=\"sumTotal\">\u20b9500<\/span><\/div>\r\n <\/div>\r\n\r\n <button class=\"donate-btn\" id=\"donateBtn\">Donate Now \u2014 \u20b9500<\/button>\r\n <div class=\"trust-note\">Secured by Razorpay \u00b7 UPI, Cards, Netbanking accepted<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"details\">\r\n <div class=\"goal-bar\">\r\n <div class=\"row\"><span><strong>\u20b94,80,000<\/strong> raised<\/span><span>Goal: \u20b925,00,000<\/span><\/div>\r\n <div class=\"bar-track\"><div class=\"bar-fill\"><\/div><\/div>\r\n <\/div>\r\n\r\n <section class=\"block\">\r\n <h2>About the Child<\/h2>\r\n <ul>\r\n <li>8-month-old child diagnosed with cancer<\/li>\r\n <li>Treatment needs to begin as soon as possible<\/li>\r\n <li>The child is currently dependent on medical care and support<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>Treatment Requirement<\/h2>\r\n <ul>\r\n <li>Estimated treatment cost: Rs. 25 lakh<\/li>\r\n <li>Immediate medical treatment is required<\/li>\r\n <li>The family is unable to arrange the complete treatment amount<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>Family Situation<\/h2>\r\n <ul>\r\n <li>The child's father is no longer alive<\/li>\r\n <li>The mother is raising the child alone<\/li>\r\n <li>The family has limited financial resources to manage the treatment expenses<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>How Your Donation Helps<\/h2>\r\n <ul>\r\n <li>Supports the child's cancer treatment<\/li>\r\n <li>Helps cover hospital and medical expenses<\/li>\r\n <li>Helps the family continue treatment without financial delays<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>You Can Help<\/h2>\r\n <ul>\r\n <li>Donate Rs. 300<\/li>\r\n <li>Donate Rs. 500<\/li>\r\n <li>Donate Rs. 1,000<\/li>\r\n <li>Or contribute any amount you are comfortable with<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>Please Support the Treatment<\/h2>\r\n <p class=\"quote\">Your contribution can help this child receive the treatment needed to continue the fight against cancer. Please donate today and share this fundraiser with your friends and family.<\/p>\r\n <\/section>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"sticky-bar\" id=\"stickyBar\">\r\n <div class=\"amt\"><span>Total<\/span>\u20b9500<\/div>\r\n <button id=\"stickyBtn\">Donate Now<\/button>\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/checkout.razorpay.com\/v1\/checkout.js\"><\/script>\r\n<script>\r\n(function(){\r\n var RAZORPAY_KEY_ID = \"rzp_live_TfoRVda6tuPG6r\";\r\n var MIN_AMOUNT = 200;\r\n\r\n var amountInput = document.getElementById('amount');\r\n var amountErr = document.getElementById('amountErr');\r\n var amountGroup = document.getElementById('amountGroup');\r\n var chips = document.querySelectorAll('.amount-chip');\r\n\r\n var nameInput = document.getElementById('name');\r\n var emailInput = document.getElementById('email');\r\n var phoneInput = document.getElementById('phone');\r\n\r\n var sumTotal = document.getElementById('sumTotal');\r\n var donateBtn = document.getElementById('donateBtn');\r\n var stickyBtn = document.getElementById('stickyBtn');\r\n var stickyAmt = document.querySelector('#stickyBar .amt');\r\n\r\n function currentDonation(){\r\n var v = parseInt(amountInput.value, 10);\r\n return isNaN(v) ? 0 : v;\r\n }\r\n function currentTotal(){\r\n return currentDonation();\r\n }\r\n\r\n function refreshSummary(){\r\n var total = currentTotal();\r\n sumTotal.textContent = '\u20b9' + total.toLocaleString('en-IN');\r\n donateBtn.textContent = 'Donate Now \u2014 \u20b9' + total.toLocaleString('en-IN');\r\n stickyAmt.innerHTML = '<span>Total<\/span>\u20b9' + total.toLocaleString('en-IN');\r\n }\r\n\r\n function validateAmount(){\r\n var v = currentDonation();\r\n if (!v || v < MIN_AMOUNT){\r\n amountErr.textContent = 'Amount must be at least \u20b9' + MIN_AMOUNT;\r\n amountGroup.classList.add('error');\r\n return false;\r\n }\r\n amountErr.textContent = '';\r\n amountGroup.classList.remove('error');\r\n return true;\r\n }\r\n function validateName(){\r\n var ok = nameInput.value.trim().length > 1;\r\n document.getElementById('nameErr').textContent = ok ? '' : 'Please enter your name';\r\n document.getElementById('nameGroup').classList.toggle('error', !ok);\r\n return ok;\r\n }\r\n function validateEmail(){\r\n var ok = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(emailInput.value.trim());\r\n document.getElementById('emailErr').textContent = ok ? '' : 'Please enter a valid email';\r\n document.getElementById('emailGroup').classList.toggle('error', !ok);\r\n return ok;\r\n }\r\n function validatePhone(){\r\n var ok = \/^[6-9]\\d{9}$\/.test(phoneInput.value.trim());\r\n document.getElementById('phoneErr').textContent = ok ? '' : 'Please enter a valid 10-digit mobile number';\r\n document.getElementById('phoneGroup').classList.toggle('error', !ok);\r\n return ok;\r\n }\r\n\r\n chips.forEach(function(chip){\r\n chip.addEventListener('click', function(){\r\n chips.forEach(function(c){ c.classList.remove('active'); });\r\n chip.classList.add('active');\r\n amountInput.value = chip.getAttribute('data-amt');\r\n validateAmount();\r\n refreshSummary();\r\n });\r\n });\r\n amountInput.addEventListener('input', function(){\r\n chips.forEach(function(c){ c.classList.remove('active'); });\r\n validateAmount();\r\n refreshSummary();\r\n });\r\n phoneInput.addEventListener('input', function(){\r\n phoneInput.value = phoneInput.value.replace(\/\\D\/g,'').slice(0,10);\r\n });\r\n\r\n function openCheckout(){\r\n var amountOk = validateAmount();\r\n var nameOk = validateName();\r\n var emailOk = validateEmail();\r\n var phoneOk = validatePhone();\r\n if (!(amountOk && nameOk && emailOk && phoneOk)) return;\r\n\r\n if (RAZORPAY_KEY_ID.indexOf('YOUR_RAZORPAY_KEY_ID_HERE') !== -1){\r\n alert('Add your Razorpay Key ID in the script before going live.');\r\n return;\r\n }\r\n\r\n var totalPaise = currentTotal() * 100;\r\n\r\n var options = {\r\n key: RAZORPAY_KEY_ID,\r\n amount: totalPaise,\r\n currency: 'INR',\r\n name: 'Your NGO Name',\r\n description: 'Donation',\r\n prefill: {\r\n name: nameInput.value.trim(),\r\n email: emailInput.value.trim(),\r\n contact: phoneInput.value.trim()\r\n },\r\n theme: { color: '#0E6E63' },\r\n handler: function(response){\r\n \/\/ response.razorpay_payment_id is available here.\r\n alert('Thank you! Payment received (ID: ' + response.razorpay_payment_id + ').');\r\n }\r\n };\r\n\r\n var rzp = new Razorpay(options);\r\n rzp.on('payment.failed', function(resp){\r\n alert('Payment failed: ' + (resp.error && resp.error.description ? resp.error.description : 'please try again.'));\r\n });\r\n rzp.open();\r\n }\r\n\r\n donateBtn.addEventListener('click', openCheckout);\r\n stickyBtn.addEventListener('click', openCheckout);\r\n\r\n refreshSummary();\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Support Our Cause \u2014 Donate Now Help Save an 8-Month-Old Child Make a Donation Choose an amount and enter your details below. \u20b9300 \u20b9500 \u20b91,000 \u20b92,000 \u20b93,000 \u20b95,000 Amount * \u20b9 Name * Email * Phone * +91 Total\u20b9500 Donate Now \u2014 \u20b9500 Secured by Razorpay \u00b7 UPI, Cards, Netbanking accepted \u20b94,80,000 raisedGoal: \u20b925,00,000 About […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":31,"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSupport Our Cause \u2014 Donate Now<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=Work+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --ink:#122A2A;\r\n --ink-soft:#3E5555;\r\n --paper:#FFFFFF;\r\n --tint:#EAF4F1;\r\n --line:#D8E4E1;\r\n --teal:#0E6E63;\r\n --teal-dark:#0A5148;\r\n --amber:#E7A93D;\r\n --amber-dark:#C88C22;\r\n --error:#B3261E;\r\n --radius:10px;\r\n }\r\n *{box-sizing:border-box;}\r\n body{\r\n margin:0;\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:'Work Sans', -apple-system, sans-serif;\r\n line-height:1.55;\r\n }\r\n h1,h2,h3{\r\n font-family:'Source Serif 4', Georgia, serif;\r\n font-weight:600;\r\n margin:0 0 .5em 0;\r\n color:var(--ink);\r\n }\r\n .wrap{\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:48px 24px 140px;\r\n }\r\n .top-strip{\r\n background:var(--teal-dark);\r\n color:#EFF7F5;\r\n font-size:14px;\r\n text-align:center;\r\n padding:9px 16px;\r\n }\r\n .grid{\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n grid-template-areas:\r\n \"intro card\"\r\n \"details card\";\r\n gap:56px;\r\n align-items:start;\r\n }\r\n .intro{grid-area:intro;}\r\n .card-col{grid-area:card;}\r\n .details{grid-area:details;}\r\n @media (max-width:860px){\r\n .grid{\r\n grid-template-columns:1fr;\r\n grid-template-areas:\r\n \"intro\"\r\n \"card\"\r\n \"details\";\r\n gap:36px;\r\n }\r\n .wrap{padding:32px 18px 150px;}\r\n }\r\n\r\n \/* ---- left column: the story ---- *\/\r\n .kicker{\r\n display:inline-block;\r\n font-size:13px;\r\n letter-spacing:.02em;\r\n color:var(--teal-dark);\r\n background:var(--tint);\r\n padding:5px 12px;\r\n border-radius:100px;\r\n margin-bottom:18px;\r\n }\r\n h1{font-size:38px;line-height:1.15;max-width:20ch;}\r\n .lede{font-size:17px;color:var(--ink-soft);max-width:52ch;margin-bottom:34px;}\r\n .goal-bar{\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:18px 20px;\r\n margin-bottom:34px;\r\n }\r\n .goal-bar .row{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-soft);margin-bottom:8px;}\r\n .goal-bar strong{color:var(--ink);font-size:17px;}\r\n .bar-track{height:8px;background:var(--tint);border-radius:100px;overflow:hidden;}\r\n .bar-fill{height:100%;background:var(--teal);width:38%;}\r\n\r\n section.block{margin-bottom:30px;}\r\n section.block h2{font-size:19px;}\r\n section.block ul{margin:0;padding-left:20px;color:var(--ink-soft);}\r\n section.block li{margin-bottom:6px;}\r\n\r\n .quote{\r\n border-left:3px solid var(--amber);\r\n padding:4px 0 4px 18px;\r\n color:var(--ink-soft);\r\n font-style:italic;\r\n max-width:48ch;\r\n }\r\n\r\n \/* ---- right column: payment card ---- *\/\r\n .card{\r\n background:var(--paper);\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n padding:28px;\r\n box-shadow:0 1px 2px rgba(18,42,42,.04);\r\n position:sticky;\r\n top:24px;\r\n }\r\n .card h2{font-size:21px;margin-bottom:4px;}\r\n .card .sub{font-size:14px;color:var(--ink-soft);margin-bottom:22px;}\r\n\r\n .amount-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}\r\n .amount-chip{\r\n flex:1 1 auto;\r\n min-width:72px;\r\n text-align:center;\r\n padding:10px 8px;\r\n border:1px solid var(--line);\r\n border-radius:8px;\r\n background:var(--paper);\r\n font-size:14px;\r\n font-weight:600;\r\n color:var(--ink);\r\n cursor:pointer;\r\n transition:border-color .12s, background .12s;\r\n }\r\n .amount-chip:hover{border-color:var(--teal);}\r\n .amount-chip.active{\r\n background:var(--teal);\r\n border-color:var(--teal);\r\n color:#fff;\r\n }\r\n\r\n label{\r\n display:block;\r\n font-size:13px;\r\n font-weight:600;\r\n color:var(--ink-soft);\r\n margin:16px 0 6px;\r\n }\r\n label .req{color:var(--error);}\r\n .input-group{\r\n display:flex;\r\n align-items:center;\r\n border:1px solid var(--line);\r\n border-radius:8px;\r\n background:var(--paper);\r\n overflow:hidden;\r\n }\r\n .input-group.error{border-color:var(--error);}\r\n .input-group .prefix{\r\n padding:0 12px;\r\n color:var(--ink-soft);\r\n font-size:15px;\r\n border-right:1px solid var(--line);\r\n background:var(--tint);\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n }\r\n input[type=text], input[type=email], input[type=tel], input[type=number]{\r\n flex:1;\r\n border:none;\r\n outline:none;\r\n padding:11px 12px;\r\n font-size:15px;\r\n font-family:inherit;\r\n color:var(--ink);\r\n background:transparent;\r\n min-width:0;\r\n }\r\n .err-msg{\r\n font-size:13px;\r\n color:var(--error);\r\n margin-top:6px;\r\n min-height:16px;\r\n }\r\n\r\n .addon{\r\n margin-top:20px;\r\n border:1px dashed var(--line);\r\n border-radius:8px;\r\n padding:13px 14px;\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n background:var(--tint);\r\n }\r\n .addon input{margin-top:3px;width:16px;height:16px;accent-color:var(--teal);}\r\n .addon .txt{font-size:14px;color:var(--ink-soft);}\r\n .addon .txt b{color:var(--ink);}\r\n\r\n .summary{\r\n margin-top:22px;\r\n padding-top:16px;\r\n border-top:1px solid var(--line);\r\n font-size:14px;\r\n }\r\n .summary .row{display:flex;justify-content:space-between;color:var(--ink-soft);margin-bottom:6px;}\r\n .summary .row.total{color:var(--ink);font-weight:700;font-size:16px;margin-top:8px;}\r\n\r\n .donate-btn{\r\n width:100%;\r\n margin-top:20px;\r\n padding:14px;\r\n border:none;\r\n border-radius:8px;\r\n background:var(--amber);\r\n color:#26200D;\r\n font-family:inherit;\r\n font-size:16px;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:background .12s;\r\n }\r\n .donate-btn:hover{background:var(--amber-dark);}\r\n .donate-btn:disabled{opacity:.55;cursor:not-allowed;}\r\n\r\n .trust-note{\r\n font-size:12px;\r\n color:var(--ink-soft);\r\n text-align:center;\r\n margin-top:12px;\r\n }\r\n\r\n \/* sticky mobile bar *\/\r\n .sticky-bar{\r\n position:fixed;\r\n left:0;right:0;bottom:0;\r\n background:var(--paper);\r\n border-top:1px solid var(--line);\r\n padding:12px 18px;\r\n display:none;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:14px;\r\n box-shadow:0 -2px 10px rgba(18,42,42,.08);\r\n z-index:40;\r\n }\r\n .sticky-bar .amt{font-size:16px;font-weight:700;}\r\n .sticky-bar .amt span{display:block;font-size:12px;font-weight:500;color:var(--ink-soft);}\r\n .sticky-bar button{\r\n padding:12px 22px;\r\n border:none;\r\n border-radius:8px;\r\n background:var(--amber);\r\n font-weight:700;\r\n font-size:15px;\r\n cursor:pointer;\r\n }\r\n @media (max-width:860px){\r\n .card{position:static;}\r\n .sticky-bar{display:flex;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wrap\">\r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"intro\">\r\n <h1>Help Save an 8-Month-Old Child<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-col\">\r\n <div class=\"card\">\r\n <h2>Make a Donation<\/h2>\r\n <p class=\"sub\">Choose an amount and enter your details below.<\/p>\r\n\r\n <div class=\"amount-row\" id=\"amountChips\">\r\n <div class=\"amount-chip\" data-amt=\"300\">\u20b9300<\/div>\r\n <div class=\"amount-chip active\" data-amt=\"500\">\u20b9500<\/div>\r\n <div class=\"amount-chip\" data-amt=\"1000\">\u20b91,000<\/div>\r\n <div class=\"amount-chip\" data-amt=\"2000\">\u20b92,000<\/div>\r\n <div class=\"amount-chip\" data-amt=\"3000\">\u20b93,000<\/div>\r\n <div class=\"amount-chip\" data-amt=\"5000\">\u20b95,000<\/div>\r\n <\/div>\r\n\r\n <label for=\"amount\">Amount <span class=\"req\">*<\/span><\/label>\r\n <div class=\"input-group\" id=\"amountGroup\">\r\n <span class=\"prefix\">\u20b9<\/span>\r\n <input type=\"number\" id=\"amount\" min=\"200\" value=\"500\" inputmode=\"numeric\">\r\n <\/div>\r\n <div class=\"err-msg\" id=\"amountErr\"><\/div>\r\n\r\n <label for=\"name\">Name <span class=\"req\">*<\/span><\/label>\r\n <div class=\"input-group\" id=\"nameGroup\">\r\n <input type=\"text\" id=\"name\" placeholder=\"Your full name\">\r\n <\/div>\r\n <div class=\"err-msg\" id=\"nameErr\"><\/div>\r\n\r\n <label for=\"email\">Email <span class=\"req\">*<\/span><\/label>\r\n <div class=\"input-group\" id=\"emailGroup\">\r\n <input type=\"email\" id=\"email\" placeholder=\"you@example.com\">\r\n <\/div>\r\n <div class=\"err-msg\" id=\"emailErr\"><\/div>\r\n\r\n <label for=\"phone\">Phone <span class=\"req\">*<\/span><\/label>\r\n <div class=\"input-group\" id=\"phoneGroup\">\r\n <span class=\"prefix\">+91<\/span>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"10-digit mobile number\" maxlength=\"10\" inputmode=\"numeric\">\r\n <\/div>\r\n <div class=\"err-msg\" id=\"phoneErr\"><\/div>\r\n\r\n <div class=\"summary\">\r\n <div class=\"row total\"><span>Total<\/span><span id=\"sumTotal\">\u20b9500<\/span><\/div>\r\n <\/div>\r\n\r\n <button class=\"donate-btn\" id=\"donateBtn\">Donate Now \u2014 \u20b9500<\/button>\r\n <div class=\"trust-note\">Secured by Razorpay \u00b7 UPI, Cards, Netbanking accepted<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"details\">\r\n <div class=\"goal-bar\">\r\n <div class=\"row\"><span><strong>\u20b94,80,000<\/strong> raised<\/span><span>Goal: \u20b925,00,000<\/span><\/div>\r\n <div class=\"bar-track\"><div class=\"bar-fill\"><\/div><\/div>\r\n <\/div>\r\n\r\n <section class=\"block\">\r\n <h2>About the Child<\/h2>\r\n <ul>\r\n <li>8-month-old child diagnosed with cancer<\/li>\r\n <li>Treatment needs to begin as soon as possible<\/li>\r\n <li>The child is currently dependent on medical care and support<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>Treatment Requirement<\/h2>\r\n <ul>\r\n <li>Estimated treatment cost: Rs. 25 lakh<\/li>\r\n <li>Immediate medical treatment is required<\/li>\r\n <li>The family is unable to arrange the complete treatment amount<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>Family Situation<\/h2>\r\n <ul>\r\n <li>The child's father is no longer alive<\/li>\r\n <li>The mother is raising the child alone<\/li>\r\n <li>The family has limited financial resources to manage the treatment expenses<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>How Your Donation Helps<\/h2>\r\n <ul>\r\n <li>Supports the child's cancer treatment<\/li>\r\n <li>Helps cover hospital and medical expenses<\/li>\r\n <li>Helps the family continue treatment without financial delays<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>You Can Help<\/h2>\r\n <ul>\r\n <li>Donate Rs. 300<\/li>\r\n <li>Donate Rs. 500<\/li>\r\n <li>Donate Rs. 1,000<\/li>\r\n <li>Or contribute any amount you are comfortable with<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section class=\"block\">\r\n <h2>Please Support the Treatment<\/h2>\r\n <p class=\"quote\">Your contribution can help this child receive the treatment needed to continue the fight against cancer. Please donate today and share this fundraiser with your friends and family.<\/p>\r\n <\/section>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"sticky-bar\" id=\"stickyBar\">\r\n <div class=\"amt\"><span>Total<\/span>\u20b9500<\/div>\r\n <button id=\"stickyBtn\">Donate Now<\/button>\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/checkout.razorpay.com\/v1\/checkout.js\"><\/script>\r\n<script>\r\n(function(){\r\n var RAZORPAY_KEY_ID = \"rzp_live_TfoRVda6tuPG6r\";\r\n var MIN_AMOUNT = 200;\r\n\r\n var amountInput = document.getElementById('amount');\r\n var amountErr = document.getElementById('amountErr');\r\n var amountGroup = document.getElementById('amountGroup');\r\n var chips = document.querySelectorAll('.amount-chip');\r\n\r\n var nameInput = document.getElementById('name');\r\n var emailInput = document.getElementById('email');\r\n var phoneInput = document.getElementById('phone');\r\n\r\n var sumTotal = document.getElementById('sumTotal');\r\n var donateBtn = document.getElementById('donateBtn');\r\n var stickyBtn = document.getElementById('stickyBtn');\r\n var stickyAmt = document.querySelector('#stickyBar .amt');\r\n\r\n function currentDonation(){\r\n var v = parseInt(amountInput.value, 10);\r\n return isNaN(v) ? 0 : v;\r\n }\r\n function currentTotal(){\r\n return currentDonation();\r\n }\r\n\r\n function refreshSummary(){\r\n var total = currentTotal();\r\n sumTotal.textContent = '\u20b9' + total.toLocaleString('en-IN');\r\n donateBtn.textContent = 'Donate Now \u2014 \u20b9' + total.toLocaleString('en-IN');\r\n stickyAmt.innerHTML = '<span>Total<\/span>\u20b9' + total.toLocaleString('en-IN');\r\n }\r\n\r\n function validateAmount(){\r\n var v = currentDonation();\r\n if (!v || v < MIN_AMOUNT){\r\n amountErr.textContent = 'Amount must be at least \u20b9' + MIN_AMOUNT;\r\n amountGroup.classList.add('error');\r\n return false;\r\n }\r\n amountErr.textContent = '';\r\n amountGroup.classList.remove('error');\r\n return true;\r\n }\r\n function validateName(){\r\n var ok = nameInput.value.trim().length > 1;\r\n document.getElementById('nameErr').textContent = ok ? '' : 'Please enter your name';\r\n document.getElementById('nameGroup').classList.toggle('error', !ok);\r\n return ok;\r\n }\r\n function validateEmail(){\r\n var ok = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(emailInput.value.trim());\r\n document.getElementById('emailErr').textContent = ok ? '' : 'Please enter a valid email';\r\n document.getElementById('emailGroup').classList.toggle('error', !ok);\r\n return ok;\r\n }\r\n function validatePhone(){\r\n var ok = \/^[6-9]\\d{9}$\/.test(phoneInput.value.trim());\r\n document.getElementById('phoneErr').textContent = ok ? '' : 'Please enter a valid 10-digit mobile number';\r\n document.getElementById('phoneGroup').classList.toggle('error', !ok);\r\n return ok;\r\n }\r\n\r\n chips.forEach(function(chip){\r\n chip.addEventListener('click', function(){\r\n chips.forEach(function(c){ c.classList.remove('active'); });\r\n chip.classList.add('active');\r\n amountInput.value = chip.getAttribute('data-amt');\r\n validateAmount();\r\n refreshSummary();\r\n });\r\n });\r\n amountInput.addEventListener('input', function(){\r\n chips.forEach(function(c){ c.classList.remove('active'); });\r\n validateAmount();\r\n refreshSummary();\r\n });\r\n phoneInput.addEventListener('input', function(){\r\n phoneInput.value = phoneInput.value.replace(\/\\D\/g,'').slice(0,10);\r\n });\r\n\r\n function openCheckout(){\r\n var amountOk = validateAmount();\r\n var nameOk = validateName();\r\n var emailOk = validateEmail();\r\n var phoneOk = validatePhone();\r\n if (!(amountOk && nameOk && emailOk && phoneOk)) return;\r\n\r\n if (RAZORPAY_KEY_ID.indexOf('YOUR_RAZORPAY_KEY_ID_HERE') !== -1){\r\n alert('Add your Razorpay Key ID in the script before going live.');\r\n return;\r\n }\r\n\r\n var totalPaise = currentTotal() * 100;\r\n\r\n var options = {\r\n key: RAZORPAY_KEY_ID,\r\n amount: totalPaise,\r\n currency: 'INR',\r\n name: 'Your NGO Name',\r\n description: 'Donation',\r\n prefill: {\r\n name: nameInput.value.trim(),\r\n email: emailInput.value.trim(),\r\n contact: phoneInput.value.trim()\r\n },\r\n theme: { color: '#0E6E63' },\r\n handler: function(response){\r\n \/\/ response.razorpay_payment_id is available here.\r\n alert('Thank you! Payment received (ID: ' + response.razorpay_payment_id + ').');\r\n }\r\n };\r\n\r\n var rzp = new Razorpay(options);\r\n rzp.on('payment.failed', function(resp){\r\n alert('Payment failed: ' + (resp.error && resp.error.description ? resp.error.description : 'please try again.'));\r\n });\r\n rzp.open();\r\n }\r\n\r\n donateBtn.addEventListener('click', openCheckout);\r\n stickyBtn.addEventListener('click', openCheckout);\r\n\r\n refreshSummary();\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Support Our Cause \u2014 Donate Now Help Save an 8-Month-Old Child Make a Donation Choose an amount and enter your details below. \u20b9300 \u20b9500 \u20b91,000 \u20b92,000 \u20b93,000 \u20b95,000 Amount * \u20b9 Name * Email * Phone * +91 Total\u20b9500 Donate Now \u2014 \u20b9500 Secured by Razorpay \u00b7 UPI, Cards, Netbanking accepted \u20b94,80,000 raisedGoal: \u20b925,00,000 About […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":31,"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/neha.adynexdigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}