{"id":1747,"date":"2026-08-22T05:07:37","date_gmt":"2026-08-22T05:07:37","guid":{"rendered":"https:\/\/demo.freshosoft.in\/bargach\/?page_id=1747"},"modified":"2026-08-22T07:47:08","modified_gmt":"2026-08-22T07:47:08","slug":"donate-now","status":"publish","type":"page","link":"https:\/\/demo.freshosoft.in\/bargach\/donate-now\/","title":{"rendered":"Donate Now"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1747\" class=\"elementor elementor-1747\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc59dde e-con e-atomic-element e-flexbox-base e-a22ff89 \" data-id=\"fc59dde\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fc59dde\">\n    \t\t<div class=\"elementor-element elementor-element-697b69a elementor-widget elementor-widget-html\" data-id=\"697b69a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     DONATE NOW \u2013 COMPLETE PAGE DESIGN\r\n     Full-width layout with hero, donation options, impact stats,\r\n     donation form, and bottom image.\r\n     Fully mobile responsive. Light, modern design.\r\n     Fully self-contained for Elementor HTML widget.\r\n     ============================================================ -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,380;0,9..144,560;1,9..144,380&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n  .bargach-donate-page {\r\n    --d-bg: #f8f5ee;\r\n    --d-card: #ffffff;\r\n    --d-ink: #1f2a26;\r\n    --d-teal: #146354;\r\n    --d-teal-light: #1f8a75;\r\n    --d-gold: #c47a3a;\r\n    --d-gold-soft: #deb070;\r\n    --d-coral: #d96c52;\r\n    --d-text: #3d534a;\r\n    --d-muted: #6a8a7a;\r\n    --d-border: rgba(20, 99, 84, 0.06);\r\n    --d-shadow: 0 4px 16px rgba(31,42,38,0.04);\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    background: var(--d-bg);\r\n    overflow: hidden;\r\n  }\r\n  .bargach-donate-page *,\r\n  .bargach-donate-page *::before,\r\n  .bargach-donate-page *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .bargach-donate-page .d-wrap {\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    padding: clamp(40px, 5vw, 60px) clamp(20px, 4vw, 50px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 35px;\r\n  }\r\n\r\n  \/* ===== HERO ===== *\/\r\n  .bargach-donate-page .d-hero {\r\n    text-align: center;\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n  }\r\n  .bargach-donate-page .d-hero .tag {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--d-coral);\r\n  }\r\n  .bargach-donate-page .d-hero h1 {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 380;\r\n    font-size: clamp(32px, 4.2vw, 52px);\r\n    line-height: 1.08;\r\n    margin: 6px 0 10px;\r\n    color: var(--d-ink);\r\n  }\r\n  .bargach-donate-page .d-hero h1 em {\r\n    font-style: italic;\r\n    color: var(--d-gold);\r\n  }\r\n  .bargach-donate-page .d-hero p {\r\n    font-size: clamp(15px, 1.1vw, 17px);\r\n    color: var(--d-text);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ===== DONATION OPTIONS ===== *\/\r\n  .bargach-donate-page .d-options {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 18px;\r\n    margin-top: 4px;\r\n  }\r\n  .bargach-donate-page .d-options .opt {\r\n    background: var(--d-card);\r\n    border-radius: 18px;\r\n    padding: 24px 22px 22px;\r\n    border: 1px solid var(--d-border);\r\n    box-shadow: var(--d-shadow);\r\n    text-align: center;\r\n    transition: 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .bargach-donate-page .d-options .opt::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--d-gold), var(--d-teal-light));\r\n    opacity: 0;\r\n    transition: 0.4s ease;\r\n  }\r\n  .bargach-donate-page .d-options .opt:hover::before {\r\n    opacity: 1;\r\n  }\r\n  .bargach-donate-page .d-options .opt:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 36px rgba(31, 42, 38, 0.08);\r\n    border-color: rgba(196, 122, 58, 0.10);\r\n  }\r\n  .bargach-donate-page .d-options .opt .icon {\r\n    font-size: 32px;\r\n    display: block;\r\n    margin-bottom: 8px;\r\n  }\r\n  .bargach-donate-page .d-options .opt h3 {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 380;\r\n    font-size: clamp(18px, 1.6vw, 24px);\r\n    color: var(--d-ink);\r\n  }\r\n  .bargach-donate-page .d-options .opt p {\r\n    font-size: 13px;\r\n    color: var(--d-text);\r\n    line-height: 1.6;\r\n    margin: 4px 0 12px;\r\n  }\r\n  .bargach-donate-page .d-options .opt .btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 24px;\r\n    border-radius: 999px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    font-family: inherit;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: 0.3s ease;\r\n    text-decoration: none;\r\n  }\r\n  .bargach-donate-page .d-options .opt .btn.primary {\r\n    background: var(--d-teal);\r\n    color: #fff;\r\n    box-shadow: 0 6px 20px rgba(20, 99, 84, 0.15);\r\n  }\r\n  .bargach-donate-page .d-options .opt .btn.primary:hover {\r\n    background: var(--d-teal-light);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 30px rgba(20, 99, 84, 0.25);\r\n  }\r\n  .bargach-donate-page .d-options .opt .btn.outline {\r\n    background: transparent;\r\n    color: var(--d-teal);\r\n    border: 1px solid var(--d-border);\r\n  }\r\n  .bargach-donate-page .d-options .opt .btn.outline:hover {\r\n    border-color: var(--d-gold);\r\n    background: rgba(196, 122, 58, 0.04);\r\n  }\r\n  .bargach-donate-page .d-options .opt .btn .arr {\r\n    display: inline-block;\r\n    transition: 0.3s ease;\r\n  }\r\n  .bargach-donate-page .d-options .opt .btn:hover .arr {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* ===== IMPACT STATS ===== *\/\r\n  .bargach-donate-page .d-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 16px;\r\n    background: var(--d-card);\r\n    border-radius: 18px;\r\n    padding: 28px 24px;\r\n    border: 1px solid var(--d-border);\r\n    box-shadow: var(--d-shadow);\r\n  }\r\n  .bargach-donate-page .d-stats .stat {\r\n    text-align: center;\r\n  }\r\n  .bargach-donate-page .d-stats .stat .num {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 560;\r\n    font-size: clamp(26px, 2.8vw, 38px);\r\n    color: var(--d-teal);\r\n  }\r\n  .bargach-donate-page .d-stats .stat .num .plus {\r\n    font-size: 0.6em;\r\n    color: var(--d-gold);\r\n  }\r\n  .bargach-donate-page .d-stats .stat .label {\r\n    font-size: 12px;\r\n    color: var(--d-muted);\r\n    font-weight: 350;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* ===== DONATION FORM ===== *\/\r\n  .bargach-donate-page .d-form-wrap {\r\n    background: var(--d-card);\r\n    border-radius: 20px;\r\n    padding: 32px 36px 36px;\r\n    border: 1px solid var(--d-border);\r\n    box-shadow: var(--d-shadow);\r\n  }\r\n  .bargach-donate-page .d-form-wrap .f-head {\r\n    margin-bottom: 22px;\r\n  }\r\n  .bargach-donate-page .d-form-wrap .f-head .f-tag {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--d-gold);\r\n  }\r\n  .bargach-donate-page .d-form-wrap .f-head h3 {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 380;\r\n    font-size: clamp(22px, 2.6vw, 32px);\r\n    color: var(--d-ink);\r\n    line-height: 1.1;\r\n  }\r\n  .bargach-donate-page .d-form-wrap .f-head h3 em {\r\n    font-style: italic;\r\n    color: var(--d-gold);\r\n  }\r\n  .bargach-donate-page .d-form-wrap .f-head p {\r\n    font-size: 14px;\r\n    color: var(--d-muted);\r\n    margin-top: 4px;\r\n  }\r\n\r\n  \/* Amount buttons *\/\r\n  .bargach-donate-page .d-form .amount-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 10px;\r\n    margin-bottom: 16px;\r\n  }\r\n  .bargach-donate-page .d-form .amount-grid .amt-btn {\r\n    padding: 10px;\r\n    border-radius: 12px;\r\n    border: 1px solid var(--d-border);\r\n    background: var(--d-bg);\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: var(--d-ink);\r\n    cursor: pointer;\r\n    transition: 0.3s ease;\r\n  }\r\n  .bargach-donate-page .d-form .amount-grid .amt-btn:hover {\r\n    border-color: var(--d-gold);\r\n    background: rgba(196, 122, 58, 0.04);\r\n  }\r\n  .bargach-donate-page .d-form .amount-grid .amt-btn.active {\r\n    border-color: var(--d-gold);\r\n    background: rgba(196, 122, 58, 0.08);\r\n    box-shadow: 0 0 0 3px rgba(196, 122, 58, 0.06);\r\n  }\r\n  .bargach-donate-page .d-form .amount-grid .amt-btn .currency {\r\n    font-size: 12px;\r\n    color: var(--d-muted);\r\n    font-weight: 400;\r\n  }\r\n\r\n  .bargach-donate-page .d-form .fg {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n    margin-bottom: 14px;\r\n  }\r\n  .bargach-donate-page .d-form .fg label {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    color: var(--d-text);\r\n  }\r\n  .bargach-donate-page .d-form .fg label .req {\r\n    color: var(--d-coral);\r\n    margin-left: 2px;\r\n  }\r\n  .bargach-donate-page .d-form .fg input,\r\n  .bargach-donate-page .d-form .fg select,\r\n  .bargach-donate-page .d-form .fg textarea {\r\n    padding: 11px 15px;\r\n    border-radius: 12px;\r\n    border: 1px solid var(--d-border);\r\n    background: var(--d-bg);\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    color: var(--d-ink);\r\n    outline: none;\r\n    width: 100%;\r\n    transition: 0.3s ease;\r\n  }\r\n  .bargach-donate-page .d-form .fg input:focus,\r\n  .bargach-donate-page .d-form .fg select:focus,\r\n  .bargach-donate-page .d-form .fg textarea:focus {\r\n    border-color: var(--d-gold);\r\n    box-shadow: 0 0 0 3px rgba(196, 122, 58, 0.06);\r\n  }\r\n  .bargach-donate-page .d-form .fg textarea {\r\n    resize: vertical;\r\n    min-height: 80px;\r\n  }\r\n\r\n  .bargach-donate-page .d-form .form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 14px 18px;\r\n  }\r\n\r\n  .bargach-donate-page .d-form .submit-btn {\r\n    padding: 14px 34px;\r\n    background: var(--d-gold);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 999px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    font-family: inherit;\r\n    cursor: pointer;\r\n    transition: 0.3s ease;\r\n    box-shadow: 0 6px 20px rgba(196, 122, 58, 0.20);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    width: 100%;\r\n  }\r\n  .bargach-donate-page .d-form .submit-btn:hover {\r\n    background: var(--d-gold-soft);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 30px rgba(196, 122, 58, 0.30);\r\n  }\r\n  .bargach-donate-page .d-form .submit-btn .arr {\r\n    display: inline-block;\r\n    transition: 0.3s ease;\r\n  }\r\n  .bargach-donate-page .d-form .submit-btn:hover .arr {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* ===== BOTTOM IMAGE ===== *\/\r\n  .bargach-donate-page .d-bottom {\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--d-border);\r\n    box-shadow: var(--d-shadow);\r\n  }\r\n  .bargach-donate-page .d-bottom img {\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 280px;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1024px) {\r\n    .bargach-donate-page .d-options { grid-template-columns: repeat(2, 1fr); }\r\n    .bargach-donate-page .d-stats { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n    .bargach-donate-page .d-form .form-row { grid-template-columns: 1fr; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .bargach-donate-page .d-wrap { padding: 28px 16px; gap: 28px; }\r\n    .bargach-donate-page .d-options { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n    .bargach-donate-page .d-stats { grid-template-columns: 1fr 1fr; gap: 16px; padding: 20px 16px; }\r\n    .bargach-donate-page .d-form-wrap { padding: 22px 18px 26px; }\r\n    .bargach-donate-page .d-form .amount-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .bargach-donate-page .d-bottom img { max-height: 180px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .bargach-donate-page .d-wrap { padding: 20px 12px; gap: 22px; }\r\n    .bargach-donate-page .d-hero h1 { font-size: clamp(24px, 6vw, 30px); }\r\n    .bargach-donate-page .d-hero p { font-size: 14px; }\r\n    .bargach-donate-page .d-options .opt { padding: 18px 16px 16px; }\r\n    .bargach-donate-page .d-options .opt .icon { font-size: 28px; }\r\n    .bargach-donate-page .d-stats { grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px 12px; }\r\n    .bargach-donate-page .d-stats .stat .num { font-size: clamp(22px, 5vw, 28px); }\r\n    .bargach-donate-page .d-stats .stat .label { font-size: 11px; }\r\n    .bargach-donate-page .d-form-wrap { padding: 16px 12px 20px; border-radius: 16px; }\r\n    .bargach-donate-page .d-form .amount-grid { grid-template-columns: 1fr 1fr; gap: 8px; }\r\n    .bargach-donate-page .d-form .amount-grid .amt-btn { font-size: 14px; padding: 8px; }\r\n    .bargach-donate-page .d-form .fg input,\r\n    .bargach-donate-page .d-form .fg select,\r\n    .bargach-donate-page .d-form .fg textarea { font-size: 13px; padding: 9px 12px; }\r\n    .bargach-donate-page .d-form .submit-btn { font-size: 15px; padding: 12px 20px; }\r\n    .bargach-donate-page .d-bottom img { max-height: 140px; }\r\n  }\r\n\r\n  \/* reduced motion *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bargach-donate-page * { transition-duration: 0.01ms !important; }\r\n    .bargach-donate-page .d-options .opt:hover { transform: none !important; }\r\n    .bargach-donate-page .d-options .opt::before { opacity: 1 !important; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"bargach-donate-page\" aria-label=\"Donate Now\">\r\n\r\n  <div class=\"d-wrap\">\r\n\r\n    <!-- HERO -->\r\n    <div class=\"d-hero\">\r\n      <div class=\"tag\">Support Our Mission<\/div>\r\n      <h1>Your support <em>changes lives<\/em><\/h1>\r\n      <p>Every contribution, big or small, helps us provide education, safe water, digital literacy, and skill development to communities across West Bengal, Madhya Pradesh, and Odisha.<\/p>\r\n    <\/div>\r\n\r\n    <!-- DONATION OPTIONS -->\r\n    <div class=\"d-options\">\r\n\r\n      <div class=\"opt\">\r\n        <span class=\"icon\">\u2764\ufe0f<\/span>\r\n        <h3>One-Time Donation<\/h3>\r\n        <p>Make a single contribution to support our ongoing programmes and community initiatives.<\/p>\r\n        <button class=\"btn primary\" data-donate=\"one-time\">Donate Now <span class=\"arr\">\u2192<\/span><\/button>\r\n      <\/div>\r\n\r\n      <div class=\"opt\">\r\n        <span class=\"icon\">\ud83d\udd04<\/span>\r\n        <h3>Monthly Giving<\/h3>\r\n        <p>Become a sustaining supporter with a monthly donation that provides reliable, long-term impact.<\/p>\r\n        <button class=\"btn primary\" data-donate=\"monthly\">Start Giving <span class=\"arr\">\u2192<\/span><\/button>\r\n      <\/div>\r\n\r\n      <div class=\"opt\">\r\n        <span class=\"icon\">\ud83c\udfaf<\/span>\r\n        <h3>Sponsor a Program<\/h3>\r\n        <p>Directly support a specific programme \u2014 from IT centres to safe water projects to skill development.<\/p>\r\n        <button class=\"btn outline\" data-donate=\"sponsor\">Learn More <span class=\"arr\">\u2192<\/span><\/button>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- IMPACT STATS -->\r\n    <div class=\"d-stats\">\r\n      <div class=\"stat\">\r\n        <div class=\"num\">89,000<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"label\">Lives Impacted<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"num\">30<\/div>\r\n        <div class=\"label\">IT Centres<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"num\">1,200<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"label\">Villagers with Safe Water<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"num\">3<\/div>\r\n        <div class=\"label\">States Served<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- DONATION FORM -->\r\n    <div class=\"d-form-wrap\">\r\n      <div class=\"f-head\">\r\n        <div class=\"f-tag\">Make a Donation<\/div>\r\n        <h3>Support <em>our work today<\/em><\/h3>\r\n        <p>Fill in the details below to make a secure donation.<\/p>\r\n      <\/div>\r\n\r\n      <form class=\"d-form\" id=\"donateForm\">\r\n\r\n        <div class=\"amount-grid\">\r\n          <button type=\"button\" class=\"amt-btn\" data-amount=\"500\">\u20b9<span class=\"currency\">500<\/span><\/button>\r\n          <button type=\"button\" class=\"amt-btn\" data-amount=\"1000\">\u20b9<span class=\"currency\">1,000<\/span><\/button>\r\n          <button type=\"button\" class=\"amt-btn\" data-amount=\"2500\">\u20b9<span class=\"currency\">2,500<\/span><\/button>\r\n          <button type=\"button\" class=\"amt-btn\" data-amount=\"5000\">\u20b9<span class=\"currency\">5,000<\/span><\/button>\r\n        <\/div>\r\n\r\n        <div class=\"fg\">\r\n          <label for=\"donateAmount\">Or enter custom amount <span class=\"req\">*<\/span><\/label>\r\n          <input type=\"number\" id=\"donateAmount\" placeholder=\"Enter amount in \u20b9\" min=\"100\" step=\"100\" required \/>\r\n        <\/div>\r\n\r\n        <div class=\"form-row\">\r\n          <div class=\"fg\">\r\n            <label for=\"donateName\">Full Name <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"donateName\" placeholder=\"Your full name\" required \/>\r\n          <\/div>\r\n          <div class=\"fg\">\r\n            <label for=\"donateEmail\">Email Address <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"email\" id=\"donateEmail\" placeholder=\"you@example.com\" required \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-row\">\r\n          <div class=\"fg\">\r\n            <label for=\"donatePhone\">Phone Number<\/label>\r\n            <input type=\"tel\" id=\"donatePhone\" placeholder=\"Your phone number\" \/>\r\n          <\/div>\r\n          <div class=\"fg\">\r\n            <label for=\"donateFrequency\">Donation Frequency<\/label>\r\n            <select id=\"donateFrequency\">\r\n              <option value=\"one-time\">One-Time<\/option>\r\n              <option value=\"monthly\">Monthly<\/option>\r\n              <option value=\"quarterly\">Quarterly<\/option>\r\n              <option value=\"yearly\">Yearly<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fg\">\r\n          <label for=\"donateMessage\">Message (Optional)<\/label>\r\n          <textarea id=\"donateMessage\" placeholder=\"Any special instructions or message...\"><\/textarea>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"submit-btn\">\r\n          Donate Now <span class=\"arr\">\u2192<\/span>\r\n        <\/button>\r\n\r\n        <p style=\"text-align:center;font-size:12px;color:var(--d-muted);margin-top:12px;\">\r\n          \ud83d\udd12 Secure donation. 100% of your contribution goes towards our programmes.\r\n        <\/p>\r\n      <\/form>\r\n    <\/div>\r\n\r\n    <!-- BOTTOM IMAGE -->\r\n    <div class=\"d-bottom\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/Real.jpeg\"\r\n        alt=\"Bargach Foundation - Community impact\"\r\n        loading=\"lazy\"\r\n      \/>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     SCRIPT \u2013 DONATION FORM + AMOUNT BUTTONS\r\n     ============================================================ -->\r\n<script>\r\n  (function() {\r\n    var form = document.getElementById('donateForm');\r\n    var amountBtns = form.querySelectorAll('.amt-btn');\r\n    var amountInput = document.getElementById('donateAmount');\r\n\r\n    \/\/ Amount button selection\r\n    amountBtns.forEach(function(btn) {\r\n      btn.addEventListener('click', function() {\r\n        amountBtns.forEach(function(b) { b.classList.remove('active'); });\r\n        this.classList.add('active');\r\n        amountInput.value = this.getAttribute('data-amount');\r\n      });\r\n    });\r\n\r\n    \/\/ Clear active state when user types custom amount\r\n    amountInput.addEventListener('input', function() {\r\n      amountBtns.forEach(function(b) { b.classList.remove('active'); });\r\n    });\r\n\r\n    \/\/ Form submission\r\n    form.addEventListener('submit', function(e) {\r\n      e.preventDefault();\r\n\r\n      var name = document.getElementById('donateName').value.trim();\r\n      var email = document.getElementById('donateEmail').value.trim();\r\n      var amount = amountInput.value.trim();\r\n\r\n      if (!name || !email || !amount) {\r\n        alert('Please fill in all required fields.');\r\n        return;\r\n      }\r\n\r\n      if (parseInt(amount) < 100) {\r\n        alert('Minimum donation amount is \u20b9100.');\r\n        return;\r\n      }\r\n\r\n      if (!email.includes('@') || !email.includes('.')) {\r\n        alert('Please enter a valid email address.');\r\n        return;\r\n      }\r\n\r\n      \/\/ Build mailto for donation enquiry\r\n      var phone = document.getElementById('donatePhone').value.trim();\r\n      var frequency = document.getElementById('donateFrequency').value;\r\n      var message = document.getElementById('donateMessage').value.trim();\r\n\r\n      var mailtoLink = 'mailto:info@bargachfoundation.org?subject=' +\r\n        encodeURIComponent('Donation Enquiry') +\r\n        '&body=' +\r\n        encodeURIComponent('Name: ' + name + '\\n') +\r\n        encodeURIComponent('Email: ' + email + '\\n') +\r\n        encodeURIComponent('Phone: ' + (phone || 'Not provided') + '\\n') +\r\n        encodeURIComponent('Amount: \u20b9' + amount + '\\n') +\r\n        encodeURIComponent('Frequency: ' + frequency + '\\n\\n') +\r\n        encodeURIComponent('Message:\\n' + (message || 'No message provided.'));\r\n\r\n      window.location.href = mailtoLink;\r\n\r\n      var btn = form.querySelector('.submit-btn');\r\n      var originalText = btn.innerHTML;\r\n      btn.innerHTML = '\u2713 Thank You!';\r\n      btn.style.background = '#2a9d8f';\r\n      setTimeout(function() {\r\n        btn.innerHTML = originalText;\r\n        btn.style.background = '';\r\n        form.reset();\r\n        amountBtns.forEach(function(b) { b.classList.remove('active'); });\r\n      }, 3000);\r\n    });\r\n\r\n    \/\/ Donation option buttons (top cards)\r\n    var donateBtns = document.querySelectorAll('[data-donate]');\r\n    donateBtns.forEach(function(btn) {\r\n      btn.addEventListener('click', function() {\r\n        var type = this.getAttribute('data-donate');\r\n        var formSection = document.querySelector('.d-form-wrap');\r\n        if (formSection) {\r\n          formSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n        }\r\n        \/\/ Set frequency based on donation type\r\n        var freqSelect = document.getElementById('donateFrequency');\r\n        if (freqSelect) {\r\n          if (type === 'one-time') freqSelect.value = 'one-time';\r\n          else if (type === 'monthly') freqSelect.value = 'monthly';\r\n          else if (type === 'sponsor') freqSelect.value = 'one-time';\r\n        }\r\n        \/\/ Focus on amount input\r\n        setTimeout(function() {\r\n          document.getElementById('donateAmount').focus();\r\n        }, 500);\r\n      });\r\n    });\r\n\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Support Our Mission Your support changes lives Every contribution, big or small, helps us provide education, safe water, digital literacy, and skill development to communities across West Bengal, Madhya Pradesh, and Odisha. \u2764\ufe0f One-Time Donation Make a single contribution to support our ongoing programmes and community initiatives. Donate Now \u2192 \ud83d\udd04 Monthly Giving Become a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1747","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages\/1747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/comments?post=1747"}],"version-history":[{"count":4,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages\/1747\/revisions"}],"predecessor-version":[{"id":1828,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages\/1747\/revisions\/1828"}],"wp:attachment":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/media?parent=1747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}