{"id":13833,"date":"2022-11-23T06:17:50","date_gmt":"2022-11-23T06:17:50","guid":{"rendered":"https:\/\/achieversmantra.com\/glo\/?page_id=13833"},"modified":"2026-10-01T23:51:58","modified_gmt":"2026-10-02T04:51:58","slug":"donate-for-a-cause","status":"publish","type":"page","link":"https:\/\/achieversmantra.com\/glo\/donate-for-a-cause\/","title":{"rendered":"Donate for a Cause"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13833\" class=\"elementor elementor-13833\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-20faa7a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"20faa7a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-397b0b9\" data-id=\"397b0b9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4d5fa11 elementor-widget elementor-widget-html\" data-id=\"4d5fa11\" 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>\r\n<html lang=\"en\" class=\"scroll-smooth\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Donate for a Cause | GLO-INDIA<\/title>\r\n\r\n<!-- Tailwind CSS -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<!-- Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Merriweather:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          saffron: '#FF9933',\r\n          indiaGreen: '#138808',\r\n          navyBlue: '#000080',\r\n          ashokaBlue: '#000088',\r\n          warmGray: '#F9FAFB',\r\n          darkSlate: '#1E293B'\r\n        },\r\n        fontFamily: {\r\n          sans: ['Inter', 'sans-serif'],\r\n          serif: ['Merriweather', 'serif']\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style>\r\n\/* =========================================================\r\n   GLO-INDIA \u2014 DONATION PAGE\r\n   All rules are scoped to .glo-donate-page so that they can\r\n   never leak into (or be overridden by) the site header\/footer.\r\n   ========================================================= *\/\r\n\r\n.glo-donate-page{\r\n    --glo-saffron:#FF9933;\r\n    --glo-saffron-dark:#e68a2e;\r\n    --glo-green:#138808;\r\n    --glo-navy:#000080;\r\n    --glo-ashoka:#000088;\r\n    --glo-slate:#1E293B;\r\n    --glo-warm:#F9FAFB;\r\n    position:relative;\r\n    width:100%;\r\n    overflow-x:hidden;\r\n    background:var(--glo-warm);\r\n}\r\n\r\n\/* ---------------- Hero ---------------- *\/\r\n.glo-donate-page .glo-hero{\r\n    position:relative;\r\n    padding:120px 0 130px;\r\n    background-image:\r\n        linear-gradient(to right bottom, rgba(0,0,128,.94), rgba(30,41,59,.82)),\r\n        url('https:\/\/images.unsplash.com\/photo-1593113598332-cd288d649433?q=80&w=2070&auto=format&fit=crop');\r\n    background-size:cover;\r\n    background-position:center;\r\n    background-attachment:fixed;\r\n}\r\n.glo-donate-page .glo-hero::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background-image:url('https:\/\/www.transparenttextures.com\/patterns\/connected.png');\r\n    opacity:.08;\r\n    pointer-events:none;\r\n}\r\n.glo-donate-page .glo-hero-inner{ position:relative; z-index:2; }\r\n\r\n.glo-donate-page .glo-eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    color:var(--glo-saffron);\r\n    font-weight:700;\r\n    letter-spacing:.22em;\r\n    text-transform:uppercase;\r\n    font-size:12px;\r\n}\r\n.glo-donate-page .glo-rule{\r\n    display:block;\r\n    width:48px;\r\n    height:2px;\r\n    background:var(--glo-saffron);\r\n}\r\n\r\n\/* ---------------- Type helpers ---------------- *\/\r\n.glo-donate-page .glo-section-title{\r\n    font-family:'Merriweather',serif;\r\n    font-weight:700;\r\n    color:var(--glo-navy);\r\n    line-height:1.15;\r\n}\r\n.glo-donate-page .glo-kicker{\r\n    color:var(--glo-saffron);\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n    font-size:12px;\r\n}\r\n\r\n\/* ---------------- Blobs ---------------- *\/\r\n.glo-donate-page .glo-blob{\r\n    position:absolute;\r\n    border-radius:999px;\r\n    filter:blur(75px);\r\n    pointer-events:none;\r\n    z-index:0;\r\n}\r\n\r\n\/* ---------------- Buttons ---------------- *\/\r\n.glo-donate-page .glo-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    padding:14px 30px;\r\n    border-radius:999px;\r\n    font-weight:700;\r\n    font-size:14.5px;\r\n    font-family:'Inter',sans-serif;\r\n    text-decoration:none;\r\n    cursor:pointer;\r\n    border:2px solid transparent;\r\n    transition:all .28s ease;\r\n    line-height:1;\r\n}\r\n.glo-donate-page .glo-btn-primary{\r\n    background:linear-gradient(90deg,#FF9933 0%,#ff7b00 100%);\r\n    color:#fff;\r\n    box-shadow:0 14px 28px -14px rgba(255,123,0,.9);\r\n}\r\n.glo-donate-page .glo-btn-primary:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 20px 36px -16px rgba(255,123,0,1);\r\n}\r\n.glo-donate-page .glo-btn-outline{\r\n    background:transparent;\r\n    border-color:var(--glo-navy);\r\n    color:var(--glo-navy);\r\n}\r\n.glo-donate-page .glo-btn-outline:hover{\r\n    background:var(--glo-navy);\r\n    color:#fff;\r\n    transform:translateY(-2px);\r\n}\r\n.glo-donate-page .glo-btn-light{\r\n    background:#fff;\r\n    color:var(--glo-navy);\r\n}\r\n.glo-donate-page .glo-btn-light:hover{\r\n    background:var(--glo-saffron);\r\n    color:#fff;\r\n    transform:translateY(-2px);\r\n}\r\n.glo-donate-page .glo-btn-ghost-light{\r\n    background:transparent;\r\n    border-color:rgba(255,255,255,.75);\r\n    color:#fff;\r\n}\r\n.glo-donate-page .glo-btn-ghost-light:hover{\r\n    background:#fff;\r\n    color:var(--glo-navy);\r\n    border-color:#fff;\r\n    transform:translateY(-2px);\r\n}\r\n.glo-donate-page .glo-btn-block{ width:100%; }\r\n\r\n\/* ---------------- Cause card ---------------- *\/\r\n.glo-donate-page .glo-cause{\r\n    position:relative;\r\n    display:flex;\r\n    flex-direction:column;\r\n    height:100%;\r\n    background:#fff;\r\n    border:1px solid #e8eaee;\r\n    border-radius:22px;\r\n    overflow:hidden;\r\n    box-shadow:0 12px 32px -24px rgba(15,23,42,.4);\r\n    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;\r\n}\r\n.glo-donate-page .glo-cause:hover{\r\n    transform:translateY(-7px);\r\n    box-shadow:0 28px 48px -26px rgba(0,0,128,.5);\r\n    border-color:rgba(255,153,51,.6);\r\n}\r\n.glo-donate-page .glo-cause-media{\r\n    position:relative;\r\n    height:190px;\r\n    background:#eef1f5;\r\n    overflow:hidden;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:14px;\r\n}\r\n.glo-donate-page .glo-cause-media img{\r\n    max-width:100%;\r\n    max-height:100%;\r\n    width:auto;\r\n    height:auto;\r\n    object-fit:contain;\r\n    transition:transform .5s ease;\r\n}\r\n.glo-donate-page .glo-cause:hover .glo-cause-media img{ transform:scale(1.06); }\r\n\r\n.glo-donate-page .glo-cause-media::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(to top, rgba(0,0,128,.10), transparent 60%);\r\n    pointer-events:none;\r\n}\r\n.glo-donate-page .glo-cause-body{\r\n    display:flex;\r\n    flex-direction:column;\r\n    flex-grow:1;\r\n    padding:24px 24px 26px;\r\n}\r\n.glo-donate-page .glo-cause-title{\r\n    font-family:'Merriweather',serif;\r\n    font-size:19px;\r\n    font-weight:700;\r\n    color:var(--glo-navy);\r\n    margin:0 0 10px;\r\n    line-height:1.3;\r\n}\r\n.glo-donate-page .glo-cause-text{\r\n    font-size:13.5px;\r\n    line-height:1.7;\r\n    color:#6b7280;\r\n    margin:0 0 20px;\r\n    flex-grow:1;\r\n}\r\n.glo-donate-page .glo-tag{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:7px;\r\n    align-self:flex-start;\r\n    font-size:10.5px;\r\n    font-weight:800;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n    padding:6px 13px;\r\n    border-radius:999px;\r\n    margin-bottom:16px;\r\n}\r\n.glo-donate-page .glo-tag.t-saffron{ background:rgba(255,153,51,.13); color:#b45309; }\r\n.glo-donate-page .glo-tag.t-green{ background:rgba(19,136,8,.12); color:var(--glo-green); }\r\n.glo-donate-page .glo-tag.t-navy{ background:rgba(0,0,128,.09); color:var(--glo-navy); }\r\n.glo-donate-page .glo-tag.t-red{ background:rgba(220,38,38,.10); color:#b91c1c; }\r\n.glo-donate-page .glo-tag.t-blue{ background:rgba(37,99,235,.10); color:#1d4ed8; }\r\n.glo-donate-page .glo-tag.t-teal{ background:rgba(13,148,136,.12); color:#0f766e; }\r\n\r\n.glo-donate-page .glo-cause-link{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:9px;\r\n    width:100%;\r\n    padding:13px 20px;\r\n    border-radius:999px;\r\n    font-size:13.5px;\r\n    font-weight:700;\r\n    text-decoration:none;\r\n    border:2px solid var(--glo-navy);\r\n    color:var(--glo-navy);\r\n    background:transparent;\r\n    transition:all .26s ease;\r\n    margin-top:auto;\r\n}\r\n.glo-donate-page .glo-cause-link:hover{\r\n    background:var(--glo-navy);\r\n    color:#fff;\r\n    transform:translateY(-2px);\r\n}\r\n.glo-donate-page .glo-cause-link.is-accent{\r\n    background:linear-gradient(90deg,#FF9933,#ff7b00);\r\n    border-color:transparent;\r\n    color:#fff;\r\n    box-shadow:0 12px 24px -14px rgba(255,123,0,.9);\r\n}\r\n.glo-donate-page .glo-cause-link.is-accent:hover{\r\n    background:linear-gradient(90deg,#ff7b00,#e66a00);\r\n    color:#fff;\r\n}\r\n\r\n\/* Featured (GLO-INDIA Foundation) card *\/\r\n.glo-donate-page .glo-cause.is-featured{\r\n    border:2px solid var(--glo-saffron);\r\n    box-shadow:0 28px 52px -28px rgba(255,153,51,.75);\r\n}\r\n.glo-donate-page .glo-ribbon{\r\n    position:absolute;\r\n    top:14px;\r\n    left:14px;\r\n    z-index:3;\r\n    background:var(--glo-saffron);\r\n    color:#fff;\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n    padding:6px 14px;\r\n    border-radius:999px;\r\n    box-shadow:0 10px 20px -10px rgba(255,153,51,.95);\r\n}\r\n\r\n\/* ---------------- Amount picker ---------------- *\/\r\n.glo-donate-page .glo-amounts{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    margin-bottom:18px;\r\n}\r\n.glo-donate-page .glo-amount{\r\n    flex:1 1 82px;\r\n    border:2px solid #dfe3ea;\r\n    background:#fff;\r\n    color:var(--glo-navy);\r\n    font-weight:800;\r\n    font-size:15px;\r\n    font-family:'Inter',sans-serif;\r\n    padding:13px 8px;\r\n    border-radius:14px;\r\n    cursor:pointer;\r\n    transition:all .22s ease;\r\n}\r\n.glo-donate-page .glo-amount:hover{\r\n    border-color:var(--glo-saffron);\r\n    color:#b45309;\r\n    transform:translateY(-2px);\r\n}\r\n.glo-donate-page .glo-amount.is-active{\r\n    background:var(--glo-navy);\r\n    border-color:var(--glo-navy);\r\n    color:#fff;\r\n    box-shadow:0 12px 24px -14px rgba(0,0,128,.85);\r\n}\r\n.glo-donate-page .glo-input{\r\n    width:100%;\r\n    padding:14px 16px;\r\n    border:1px solid #d7dbe2;\r\n    border-radius:14px;\r\n    font-size:14px;\r\n    font-family:'Inter',sans-serif;\r\n    color:#111827;\r\n    background:#fff;\r\n    outline:none;\r\n    transition:border-color .2s ease, box-shadow .2s ease;\r\n}\r\n.glo-donate-page .glo-input:focus{\r\n    border-color:var(--glo-saffron);\r\n    box-shadow:0 0 0 4px rgba(255,153,51,.18);\r\n}\r\n.glo-donate-page .glo-label{\r\n    display:block;\r\n    font-size:12.5px;\r\n    font-weight:700;\r\n    color:#374151;\r\n    margin-bottom:7px;\r\n}\r\n\r\n\/* ---------------- Panels ---------------- *\/\r\n.glo-donate-page .glo-panel{\r\n    background:#fff;\r\n    border:1px solid #e8eaee;\r\n    border-radius:24px;\r\n    padding:38px 34px;\r\n    box-shadow:0 20px 44px -34px rgba(15,23,42,.55);\r\n}\r\n.glo-donate-page .glo-panel-dark{\r\n    background:linear-gradient(150deg,#1E293B 0%,#000080 100%);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    color:#dbe2ec;\r\n    border-radius:24px;\r\n    padding:38px 34px;\r\n}\r\n\r\n\/* ---------------- Trust strip ---------------- *\/\r\n.glo-donate-page .glo-trust{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:14px;\r\n    background:#fff;\r\n    border:1px solid #eaecf0;\r\n    border-radius:18px;\r\n    padding:22px 20px;\r\n    height:100%;\r\n    transition:all .28s ease;\r\n}\r\n.glo-donate-page .glo-trust:hover{\r\n    border-color:rgba(255,153,51,.6);\r\n    transform:translateY(-5px);\r\n    box-shadow:0 20px 36px -26px rgba(0,0,128,.5);\r\n}\r\n.glo-donate-page .glo-trust i{\r\n    width:44px;\r\n    height:44px;\r\n    border-radius:13px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:17px;\r\n    flex-shrink:0;\r\n}\r\n.glo-donate-page .glo-trust h4{\r\n    font-size:14.5px;\r\n    font-weight:800;\r\n    color:var(--glo-navy);\r\n    margin:0 0 5px;\r\n}\r\n.glo-donate-page .glo-trust p{\r\n    font-size:12.5px;\r\n    line-height:1.65;\r\n    color:#6b7280;\r\n    margin:0;\r\n}\r\n\r\n\/* ---------------- Steps ---------------- *\/\r\n.glo-donate-page .glo-step{\r\n    position:relative;\r\n    height:100%;\r\n    background:#fff;\r\n    border:1px solid #e8eaee;\r\n    border-radius:20px;\r\n    padding:28px 24px;\r\n    transition:all .28s ease;\r\n}\r\n.glo-donate-page .glo-step:hover{\r\n    transform:translateY(-5px);\r\n    border-color:rgba(0,0,128,.25);\r\n    box-shadow:0 22px 40px -28px rgba(0,0,128,.5);\r\n}\r\n.glo-donate-page .glo-step-num{\r\n    width:44px;\r\n    height:44px;\r\n    border-radius:14px;\r\n    background:rgba(0,0,128,.08);\r\n    color:var(--glo-navy);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-weight:900;\r\n    font-size:17px;\r\n    font-family:'Merriweather',serif;\r\n    margin-bottom:16px;\r\n}\r\n.glo-donate-page .glo-step h4{\r\n    font-family:'Merriweather',serif;\r\n    font-size:17px;\r\n    font-weight:700;\r\n    color:var(--glo-navy);\r\n    margin:0 0 8px;\r\n}\r\n.glo-donate-page .glo-step p{\r\n    font-size:13px;\r\n    line-height:1.7;\r\n    color:#6b7280;\r\n    margin:0;\r\n}\r\n\r\n\/* ---------------- Scroll reveal ---------------- *\/\r\n.glo-donate-page .glo-fade{\r\n    opacity:0;\r\n    transform:translateY(34px);\r\n    transition:opacity .7s ease-out, transform .7s ease-out;\r\n    will-change:opacity, transform;\r\n}\r\n.glo-donate-page .glo-fade.is-visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* ---------------- Responsive ---------------- *\/\r\n@media (max-width:640px){\r\n    .glo-donate-page .glo-hero{ background-attachment:scroll; padding:84px 0 96px; }\r\n    .glo-donate-page .glo-panel,\r\n    .glo-donate-page .glo-panel-dark{ padding:28px 22px; }\r\n    .glo-donate-page .glo-cause-media{ height:170px; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n    .glo-donate-page .glo-fade{ opacity:1; transform:none; transition:none; }\r\n    .glo-donate-page .glo-cause:hover,\r\n    .glo-donate-page .glo-trust:hover,\r\n    .glo-donate-page .glo-step:hover{ transform:none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body class=\"font-sans antialiased\">\r\n\r\n<!-- ============================================================\r\n     DONATION PAGE WRAPPER (fully scoped \u2014 safe with header\/footer)\r\n     ============================================================ -->\r\n<div class=\"glo-donate-page\">\r\n\r\n    <!-- ================= HERO ================= -->\r\n    <section class=\"glo-hero\">\r\n        <div class=\"glo-hero-inner container mx-auto px-4 lg:px-8 text-center\">\r\n\r\n            <div class=\"glo-eyebrow glo-fade is-visible justify-center mb-6\">\r\n                <span class=\"glo-rule\"><\/span>\r\n                Give With Purpose\r\n                <span class=\"glo-rule\"><\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"font-serif text-4xl md:text-5xl lg:text-6xl font-bold text-white leading-tight mb-6\">\r\n                Donate for a <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-saffron to-yellow-300\">Cause<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"text-lg md:text-xl text-gray-200 max-w-3xl mx-auto font-light leading-relaxed mb-9\">\r\n                Your generosity fuels humanitarian relief, healthcare, education and community welfare.\r\n                Explore our verified partner causes below and give directly to the organisation of your choice.\r\n            <\/p>\r\n\r\n            <div class=\"flex flex-wrap justify-center items-center gap-3\">\r\n                <a href=\"#glo-causes\" class=\"glo-btn glo-btn-primary\">\r\n                    Explore Causes <i class=\"fas fa-arrow-down text-xs\"><\/i>\r\n                <\/a>\r\n                <a href=\"https:\/\/www.paypal.com\/donate\/?hosted_button_id=H95MWWZ9PRB6N\"\r\n                   target=\"_blank\" rel=\"noopener noreferrer\"\r\n                   class=\"glo-btn glo-btn-ghost-light\">\r\n                    <i class=\"fab fa-paypal\"><\/i> Donate to GLO-INDIA\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Trust badges -->\r\n            <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4 max-w-3xl mx-auto mt-14\">\r\n                <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 rounded-2xl py-5 px-4\">\r\n                    <i class=\"fas fa-shield-alt text-saffron text-xl mb-2\"><\/i>\r\n                    <p class=\"text-[11px] uppercase tracking-widest text-gray-200 font-bold\">Verified Partners<\/p>\r\n                <\/div>\r\n                <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 rounded-2xl py-5 px-4\">\r\n                    <i class=\"fas fa-lock text-saffron text-xl mb-2\"><\/i>\r\n                    <p class=\"text-[11px] uppercase tracking-widest text-gray-200 font-bold\">Secure Donations<\/p>\r\n                <\/div>\r\n                <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 rounded-2xl py-5 px-4\">\r\n                    <i class=\"fas fa-file-invoice-dollar text-saffron text-xl mb-2\"><\/i>\r\n                    <p class=\"text-[11px] uppercase tracking-widest text-gray-200 font-bold\">501(c)(3) Non-Profit<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ================= WHY GIVE ================= -->\r\n    <section class=\"relative py-20 bg-white overflow-hidden\">\r\n        <div class=\"glo-blob\" style=\"width:330px;height:330px;background:rgba(255,153,51,.10);top:-90px;left:-110px;\"><\/div>\r\n        <div class=\"glo-blob\" style=\"width:330px;height:330px;background:rgba(0,0,128,.08);bottom:-120px;right:-110px;\"><\/div>\r\n\r\n        <div class=\"container mx-auto px-4 lg:px-8 relative z-10\">\r\n\r\n            <div class=\"max-w-3xl mx-auto text-center mb-14 glo-fade\">\r\n                <p class=\"glo-kicker mb-3\">Why It Matters<\/p>\r\n                <h2 class=\"glo-section-title text-3xl md:text-4xl lg:text-5xl mb-5\">\r\n                    Every Contribution Creates Impact\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-lg leading-relaxed\">\r\n                    GLO-INDIA connects the generosity of the global Indian diaspora with credible, high-impact\r\n                    organisations working on the ground \u2014 from disaster relief and child protection to\r\n                    elderly care and animal welfare.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n\r\n                <div class=\"glo-trust glo-fade\">\r\n                    <i style=\"background:rgba(255,153,51,.13);color:#b45309;\" class=\"fas fa-hand-holding-heart\"><\/i>\r\n                    <div>\r\n                        <h4>Direct Relief<\/h4>\r\n                        <p>Support rapid humanitarian response for communities in crisis.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"glo-trust glo-fade\" style=\"transition-delay:80ms;\">\r\n                    <i style=\"background:rgba(19,136,8,.12);color:#138808;\" class=\"fas fa-heartbeat\"><\/i>\r\n                    <div>\r\n                        <h4>Health &amp; Care<\/h4>\r\n                        <p>Fund medical aid, blood services and wellness programmes.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"glo-trust glo-fade\" style=\"transition-delay:160ms;\">\r\n                    <i style=\"background:rgba(0,0,128,.09);color:#000080;\" class=\"fas fa-graduation-cap\"><\/i>\r\n                    <div>\r\n                        <h4>Education<\/h4>\r\n                        <p>Help children stay in school with learning and nutrition support.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"glo-trust glo-fade\" style=\"transition-delay:240ms;\">\r\n                    <i style=\"background:rgba(13,148,136,.12);color:#0f766e;\" class=\"fas fa-users\"><\/i>\r\n                    <div>\r\n                        <h4>Community<\/h4>\r\n                        <p>Strengthen families, seniors and vulnerable groups worldwide.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ================= CAUSES GRID ================= -->\r\n    <section id=\"glo-causes\" class=\"relative py-20 bg-warmGray\">\r\n        <div class=\"container mx-auto px-4 lg:px-8\">\r\n\r\n            <div class=\"max-w-3xl mx-auto text-center mb-14 glo-fade\">\r\n                <p class=\"glo-kicker mb-3\">Verified Causes<\/p>\r\n                <h2 class=\"glo-section-title text-3xl md:text-4xl lg:text-5xl mb-5\">\r\n                    Choose a Cause to Support\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-lg\">\r\n                    Each organisation below is an established, recognised charity. Click any card to donate\r\n                    securely through their official donation portal.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n                <!-- 1. PMNRF -->\r\n                <article class=\"glo-cause glo-fade\">\r\n                    <div class=\"glo-cause-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/achieversmantra.com\/glo\/wp-content\/uploads\/2023\/01\/Untitled-13.jpg\"\r\n                             alt=\"Prime Minister's National Relief Fund\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"glo-cause-body\">\r\n                        <span class=\"glo-tag t-saffron\"><i class=\"fas fa-flag\"><\/i> National Relief<\/span>\r\n                        <h3 class=\"glo-cause-title\">Prime Minister's National Relief Fund<\/h3>\r\n                        <p class=\"glo-cause-text\">\r\n                            Contribute to India's official national relief fund, supporting families affected by\r\n                            natural calamities, accidents and other emergencies.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/pmnrf.gov.in\/en\/online-donation\"\r\n                           target=\"_blank\" rel=\"noopener noreferrer\"\r\n                           class=\"glo-cause-link\">\r\n                            Donate Now <i class=\"fas fa-external-link-alt text-xs\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- 2. Indian Red Cross -->\r\n                <article class=\"glo-cause glo-fade\" style=\"transition-delay:80ms;\">\r\n                    <div class=\"glo-cause-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/achieversmantra.com\/glo\/wp-content\/uploads\/2023\/01\/Untitled-16.jpg\"\r\n                             alt=\"Indian Red Cross\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"glo-cause-body\">\r\n                        <span class=\"glo-tag t-red\"><i class=\"fas fa-plus\"><\/i> Emergency Health<\/span>\r\n                        <h3 class=\"glo-cause-title\">Indian Red Cross<\/h3>\r\n                        <p class=\"glo-cause-text\">\r\n                            Support disaster response, blood banking, first-aid training and humanitarian\r\n                            relief for the most vulnerable communities.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/www.indianredcross.org\/ircs\/donatenow\"\r\n                           target=\"_blank\" rel=\"noopener noreferrer\"\r\n                           class=\"glo-cause-link\">\r\n                            Donate Now <i class=\"fas fa-external-link-alt text-xs\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- 3. Save the Children -->\r\n                <article class=\"glo-cause glo-fade\" style=\"transition-delay:160ms;\">\r\n                    <div class=\"glo-cause-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/achieversmantra.com\/glo\/wp-content\/uploads\/2023\/01\/Untitled-19.jpg\"\r\n                             alt=\"Save the Children\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"glo-cause-body\">\r\n                        <span class=\"glo-tag t-blue\"><i class=\"fas fa-child\"><\/i> Child Welfare<\/span>\r\n                        <h3 class=\"glo-cause-title\">Save the Children (Bal Raksha Bharat)<\/h3>\r\n                        <p class=\"glo-cause-text\">\r\n                            Protect children's rights to survival, education and safety \u2014 reaching the\r\n                            most marginalised children across India and beyond.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/balrakshabharat.org\/donate\/\"\r\n                           target=\"_blank\" rel=\"noopener noreferrer\"\r\n                           class=\"glo-cause-link\">\r\n                            Donate Now <i class=\"fas fa-external-link-alt text-xs\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- 4. Hope Foundation -->\r\n                <article class=\"glo-cause glo-fade\">\r\n                    <div class=\"glo-cause-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/achieversmantra.com\/glo\/wp-content\/uploads\/2023\/01\/Untitled-15.jpg\"\r\n                             alt=\"Hope Foundation\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"glo-cause-body\">\r\n                        <span class=\"glo-tag t-green\"><i class=\"fas fa-seedling\"><\/i> Community Care<\/span>\r\n                        <h3 class=\"glo-cause-title\">Hope Foundation<\/h3>\r\n                        <p class=\"glo-cause-text\">\r\n                            Extend a helping hand to underprivileged families through healthcare,\r\n                            education and livelihood initiatives.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/www.hkf.ind.in\/Home\/DonateOnlineIngenico\"\r\n                           target=\"_blank\" rel=\"noopener noreferrer\"\r\n                           class=\"glo-cause-link\">\r\n                            Donate Now <i class=\"fas fa-external-link-alt text-xs\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- 5. Help Age India -->\r\n                <article class=\"glo-cause glo-fade\" style=\"transition-delay:80ms;\">\r\n                    <div class=\"glo-cause-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/achieversmantra.com\/glo\/wp-content\/uploads\/2023\/01\/Untitled-20.jpg\"\r\n                             alt=\"Help Age India\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"glo-cause-body\">\r\n                        <span class=\"glo-tag t-navy\"><i class=\"fas fa-user-friends\"><\/i> Elderly Support<\/span>\r\n                        <h3 class=\"glo-cause-title\">Help Age India<\/h3>\r\n                        <p class=\"glo-cause-text\">\r\n                            Provide healthcare, shelter and dignity to disadvantaged elderly citizens\r\n                            who have nowhere else to turn.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/www.helpageindia.org\/donate\/?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=brandkeywords\"\r\n                           target=\"_blank\" rel=\"noopener noreferrer\"\r\n                           class=\"glo-cause-link\">\r\n                            Donate Now <i class=\"fas fa-external-link-alt text-xs\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- 6. PETA India -->\r\n                <article class=\"glo-cause glo-fade\" style=\"transition-delay:160ms;\">\r\n                    <div class=\"glo-cause-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/achieversmantra.com\/glo\/wp-content\/uploads\/2023\/01\/Untitled-17.jpg\"\r\n                             alt=\"PETA India\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"glo-cause-body\">\r\n                        <span class=\"glo-tag t-teal\"><i class=\"fas fa-paw\"><\/i> Animal Welfare<\/span>\r\n                        <h3 class=\"glo-cause-title\">PETA India<\/h3>\r\n                        <p class=\"glo-cause-text\">\r\n                            Fund rescue, sterilisation and cruelty-prevention programmes that protect\r\n                            animals from abuse and neglect.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/www.petaindia.com\/donate\/\"\r\n                           target=\"_blank\" rel=\"noopener noreferrer\"\r\n                           class=\"glo-cause-link\">\r\n                            Donate Now <i class=\"fas fa-external-link-alt text-xs\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ================= GLO-INDIA FOUNDATION \u2014 FEATURED ================= -->\r\n    <section id=\"glo-foundation\" class=\"relative py-20 bg-white overflow-hidden\">\r\n        <div class=\"glo-blob\" style=\"width:360px;height:360px;background:rgba(255,153,51,.12);top:-120px;right:-120px;\"><\/div>\r\n\r\n        <div class=\"container mx-auto px-4 lg:px-8 relative z-10\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n\r\n                <!-- Media -->\r\n                <div class=\"lg:col-span-6 glo-fade\">\r\n                    <div class=\"relative rounded-3xl overflow-hidden border border-gray-100 shadow-2xl bg-gray-50 p-6\">\r\n                        <img decoding=\"async\" src=\"https:\/\/achieversmantra.com\/glo\/wp-content\/uploads\/2023\/06\/final-web-04-1024x315.png\"\r\n                             alt=\"GLO-INDIA Foundation\"\r\n                             class=\"w-full h-auto object-contain\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Copy + amount picker -->\r\n                <div class=\"lg:col-span-6 glo-fade\" style=\"transition-delay:120ms;\">\r\n                    <span class=\"glo-tag t-saffron\" style=\"display:inline-flex;margin-bottom:16px;\">\r\n                        <i class=\"fas fa-star\"><\/i> Featured Cause\r\n                    <\/span>\r\n                    <h2 class=\"glo-section-title text-3xl md:text-4xl mb-5\">\r\n                        GLO-INDIA Foundation\r\n                    <\/h2>\r\n                    <p class=\"text-gray-600 text-lg leading-relaxed mb-6\">\r\n                        Support the alliance's own humanitarian, cultural, educational and community\r\n                        service programmes. Donations to the GLO-INDIA Foundation are processed securely\r\n                        through our official PayPal giving page.\r\n                    <\/p>\r\n\r\n                    <!-- Amount selector -->\r\n                    <p class=\"glo-label\">Select an amount (optional)<\/p>\r\n                    <div class=\"glo-amounts\" id=\"glo-amounts\" role=\"group\" aria-label=\"Suggested donation amounts\">\r\n                        <button type=\"button\" class=\"glo-amount\" data-amount=\"25\">$25<\/button>\r\n                        <button type=\"button\" class=\"glo-amount is-active\" data-amount=\"50\">$50<\/button>\r\n                        <button type=\"button\" class=\"glo-amount\" data-amount=\"100\">$100<\/button>\r\n                        <button type=\"button\" class=\"glo-amount\" data-amount=\"250\">$250<\/button>\r\n                        <button type=\"button\" class=\"glo-amount\" data-amount=\"500\">$500<\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"mb-6\">\r\n                        <label class=\"glo-label\" for=\"glo-custom-amount\">Or enter a custom amount<\/label>\r\n                        <input class=\"glo-input\" type=\"number\" min=\"1\" step=\"1\"\r\n                               id=\"glo-custom-amount\" placeholder=\"e.g. 1000\">\r\n                    <\/div>\r\n\r\n                    <div class=\"flex flex-wrap gap-3\">\r\n                        <a href=\"https:\/\/www.paypal.com\/donate\/?hosted_button_id=H95MWWZ9PRB6N\"\r\n                           target=\"_blank\" rel=\"noopener noreferrer\"\r\n                           id=\"glo-foundation-donate\"\r\n                           class=\"glo-btn glo-btn-primary\">\r\n                            <i class=\"fab fa-paypal\"><\/i> <span>Donate $50 Now<\/span>\r\n                        <\/a>\r\n                        <a href=\"#glo-causes\" class=\"glo-btn glo-btn-outline\">\r\n                            Back to Causes\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <p class=\"text-xs text-gray-400 mt-5 leading-relaxed\">\r\n                        <i class=\"fas fa-lock text-saffron mr-1\"><\/i>\r\n                        You will be redirected to the secure PayPal donation page.\r\n                        GLO-INDIA is a registered 501(c)(3) non-profit organisation.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ================= HOW IT WORKS ================= -->\r\n    <section class=\"relative py-20 bg-warmGray\">\r\n        <div class=\"container mx-auto px-4 lg:px-8\">\r\n\r\n            <div class=\"max-w-3xl mx-auto text-center mb-14 glo-fade\">\r\n                <p class=\"glo-kicker mb-3\" style=\"color:var(--glo-green);\">Simple &amp; Transparent<\/p>\r\n                <h2 class=\"glo-section-title text-3xl md:text-4xl lg:text-5xl mb-5\">\r\n                    How Your Donation Works\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-lg\">\r\n                    Three straightforward steps \u2014 no complexity, no hidden charges.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl mx-auto\">\r\n\r\n                <div class=\"glo-step glo-fade\">\r\n                    <div class=\"glo-step-num\">1<\/div>\r\n                    <h4>Choose a Cause<\/h4>\r\n                    <p>Browse the verified organisations above and pick the mission closest to your heart.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"glo-step glo-fade\" style=\"transition-delay:110ms;\">\r\n                    <div class=\"glo-step-num\">2<\/div>\r\n                    <h4>Give Securely<\/h4>\r\n                    <p>You are redirected to the organisation's own secure portal to complete your donation safely.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"glo-step glo-fade\" style=\"transition-delay:220ms;\">\r\n                    <div class=\"glo-step-num\">3<\/div>\r\n                    <h4>Create Impact<\/h4>\r\n                    <p>Your contribution directly funds relief, healthcare, education and community programmes.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ================= TRANSPARENCY ================= -->\r\n    <section class=\"relative py-20 bg-white\">\r\n        <div class=\"container mx-auto px-4 lg:px-8 max-w-5xl\">\r\n\r\n            <div class=\"glo-panel-dark glo-fade relative overflow-hidden\">\r\n                <div class=\"absolute -right-16 -top-16 w-56 h-56 rounded-full\"\r\n                     style=\"background:radial-gradient(circle,rgba(255,153,51,.35),transparent 70%);\"><\/div>\r\n\r\n                <div class=\"relative z-10 grid grid-cols-1 md:grid-cols-12 gap-10 items-center\">\r\n\r\n                    <div class=\"md:col-span-8\">\r\n                        <span class=\"glo-tag\" style=\"background:rgba(255,153,51,.18);color:#FF9933;display:inline-flex;margin-bottom:16px;\">\r\n                            <i class=\"fas fa-shield-alt\"><\/i> Accountability\r\n                        <\/span>\r\n                        <h3 class=\"font-serif text-2xl md:text-3xl font-bold text-white mb-4\">\r\n                            Your Trust Is Our Responsibility\r\n                        <\/h3>\r\n                        <p class=\"text-sm md:text-[15px] leading-relaxed text-gray-300 mb-5\">\r\n                            GLO-INDIA operates with the highest standards of governance and transparency.\r\n                            As a registered <strong class=\"text-white\">501(c)(3)<\/strong> non-profit organisation,\r\n                            we are strictly non-partisan and non-sectarian, and we publish our bylaws and\r\n                            annual disclosures for public review.\r\n                        <\/p>\r\n                        <ul class=\"space-y-3\">\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-300 leading-relaxed\">\r\n                                <i class=\"fas fa-check-circle text-saffron mt-0.5\"><\/i>\r\n                                <span>Non-partisan, non-sectarian and strictly non-profit.<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-300 leading-relaxed\">\r\n                                <i class=\"fas fa-check-circle text-saffron mt-0.5\"><\/i>\r\n                                <span>Partner causes are established, publicly recognised charities.<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-300 leading-relaxed\">\r\n                                <i class=\"fas fa-check-circle text-saffron mt-0.5\"><\/i>\r\n                                <span>Donations are processed on the recipient organisation's own secure portal.<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n\r\n                    <div class=\"md:col-span-4 text-center\">\r\n                        <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/15 rounded-2xl p-7\">\r\n                            <i class=\"fas fa-hand-holding-usd text-4xl text-saffron mb-4\"><\/i>\r\n                            <p class=\"text-sm text-gray-300 leading-relaxed mb-6\">\r\n                                Ready to make a difference right now?\r\n                            <\/p>\r\n                            <a href=\"https:\/\/www.paypal.com\/donate\/?hosted_button_id=H95MWWZ9PRB6N\"\r\n                               target=\"_blank\" rel=\"noopener noreferrer\"\r\n                               class=\"glo-btn glo-btn-primary glo-btn-block\">\r\n                                <i class=\"fab fa-paypal\"><\/i> Donate Now\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ================= FINAL CTA ================= -->\r\n    <section class=\"relative py-20 overflow-hidden\"\r\n             style=\"background:linear-gradient(120deg,#FF9933 0%,#ff7b00 100%);\">\r\n        <div class=\"absolute inset-0 opacity-10\"\r\n             style=\"background-image:url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png');\"><\/div>\r\n\r\n        <div class=\"container mx-auto px-4 lg:px-8 relative z-10 text-center\">\r\n            <div class=\"glo-fade\">\r\n                <i class=\"fas fa-heart text-white\/90 text-4xl mb-5\"><\/i>\r\n                <h2 class=\"font-serif text-3xl md:text-5xl font-bold text-white mb-5\">\r\n                    Your Generosity Changes Lives\r\n                <\/h2>\r\n                <p class=\"text-white\/90 text-lg max-w-2xl mx-auto mb-9 leading-relaxed\">\r\n                    Every contribution \u2014 big or small \u2014 helps build a stronger, kinder and more\r\n                    connected global community. Give today.\r\n                <\/p>\r\n                <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4\">\r\n                    <a href=\"https:\/\/www.paypal.com\/donate\/?hosted_button_id=H95MWWZ9PRB6N\"\r\n                       target=\"_blank\" rel=\"noopener noreferrer\"\r\n                       class=\"glo-btn glo-btn-light\">\r\n                        <i class=\"fab fa-paypal\"><\/i> Donate Now\r\n                    <\/a>\r\n                    <a href=\"#glo-causes\" class=\"glo-btn glo-btn-ghost-light\">\r\n                        <i class=\"fas fa-hand-holding-heart\"><\/i> View All Causes\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n<!-- ============================================================\r\n     END DONATION PAGE WRAPPER\r\n     ============================================================ -->\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    var page = document.querySelector('.glo-donate-page');\r\n    if (!page) { return; }\r\n\r\n    \/* ---------------------------------------------------------\r\n       1) Scroll reveal\r\n       --------------------------------------------------------- *\/\r\n    var fadeEls = page.querySelectorAll('.glo-fade');\r\n\r\n    if ('IntersectionObserver' in window) {\r\n        var observer = new IntersectionObserver(function (entries, obs) {\r\n            entries.forEach(function (entry) {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n\r\n        fadeEls.forEach(function (el) {\r\n            if (!el.classList.contains('is-visible')) { observer.observe(el); }\r\n        });\r\n    } else {\r\n        fadeEls.forEach(function (el) { el.classList.add('is-visible'); });\r\n    }\r\n\r\n    \/* ---------------------------------------------------------\r\n       2) Donation amount picker\r\n       --------------------------------------------------------- *\/\r\n    var amountButtons  = page.querySelectorAll('.glo-amount');\r\n    var customInput    = page.getElementById ? page.getElementById('glo-custom-amount')\r\n                                            : document.getElementById('glo-custom-amount');\r\n    var donateBtn      = document.getElementById('glo-foundation-donate');\r\n    var donateLabel    = donateBtn ? donateBtn.querySelector('span') : null;\r\n\r\n    function setActiveAmount(btn) {\r\n        amountButtons.forEach(function (b) { b.classList.remove('is-active'); });\r\n        if (btn) { btn.classList.add('is-active'); }\r\n    }\r\n\r\n    function updateDonateLabel(value) {\r\n        if (!donateLabel) { return; }\r\n        var n = parseFloat(value);\r\n        if (!isNaN(n) && n > 0) {\r\n            donateLabel.textContent = 'Donate $' + (n % 1 === 0 ? n.toFixed(0) : n.toFixed(2)) + ' Now';\r\n        } else {\r\n            donateLabel.textContent = 'Donate Now';\r\n        }\r\n    }\r\n\r\n    amountButtons.forEach(function (btn) {\r\n        btn.addEventListener('click', function () {\r\n            setActiveAmount(btn);\r\n            if (customInput) { customInput.value = ''; }\r\n            updateDonateLabel(btn.getAttribute('data-amount'));\r\n        });\r\n    });\r\n\r\n    if (customInput) {\r\n        customInput.addEventListener('input', function () {\r\n            var val = customInput.value;\r\n            if (val !== '') {\r\n                amountButtons.forEach(function (b) { b.classList.remove('is-active'); });\r\n            }\r\n            updateDonateLabel(val);\r\n        });\r\n    }\r\n\r\n    \/* Initialise label from the pre-selected amount *\/\r\n    var preselected = page.querySelector('.glo-amount.is-active');\r\n    if (preselected) {\r\n        updateDonateLabel(preselected.getAttribute('data-amount'));\r\n    }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Donate for a Cause | GLO-INDIA Give With Purpose Donate for a Cause Your generosity fuels humanitarian relief, healthcare, education and community welfare. Explore our verified partner causes below and &#8230;<\/p>\n","protected":false},"author":16388,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-13833","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/achieversmantra.com\/glo\/wp-json\/wp\/v2\/pages\/13833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/achieversmantra.com\/glo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/achieversmantra.com\/glo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/achieversmantra.com\/glo\/wp-json\/wp\/v2\/users\/16388"}],"replies":[{"embeddable":true,"href":"https:\/\/achieversmantra.com\/glo\/wp-json\/wp\/v2\/comments?post=13833"}],"version-history":[{"count":165,"href":"https:\/\/achieversmantra.com\/glo\/wp-json\/wp\/v2\/pages\/13833\/revisions"}],"predecessor-version":[{"id":22329,"href":"https:\/\/achieversmantra.com\/glo\/wp-json\/wp\/v2\/pages\/13833\/revisions\/22329"}],"wp:attachment":[{"href":"https:\/\/achieversmantra.com\/glo\/wp-json\/wp\/v2\/media?parent=13833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}