{"id":18,"date":"2026-03-13T07:29:31","date_gmt":"2026-03-13T07:29:31","guid":{"rendered":"https:\/\/Demo5.yinwoodweb.com\/agro\/?page_id=18"},"modified":"2026-07-10T10:01:59","modified_gmt":"2026-07-10T10:01:59","slug":"donate","status":"publish","type":"page","link":"https:\/\/Demo5.yinwoodweb.com\/agro\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-18bf5ac9 alignfull uagb-is-root-container\">\n<!-- Google Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&#038;family=DM+Sans:wght@400;500;600;700&#038;family=Playfair+Display:wght@700;800;900&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Material Symbols -->\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0\" \/>\n\n<style>\n  \/* ========================================\n     CSS CUSTOM PROPERTIES\n  ======================================== *\/\n  :root {\n    --gold: #EFD34A;\n    --gold-light: #f5e27a;\n    --gold-dark: #c9a820;\n    --gold-soft: #f8edbe;\n    --gold-glow: rgba(239, 211, 74, 0.35);\n    --olive: #4B4E3A;\n    --olive-light: #6b6f54;\n    --olive-dark: #2e3024;\n    --olive-deeper: #1a1c14;\n    --bg-cream: #faf8f0;\n    --bg-warm: #f5f2e6;\n    --bg-card: #ffffff;\n    --text-dark: #1a1c14;\n    --text-body: #3a3c30;\n    --text-muted: #7a7c6e;\n    --text-on-olive: #f0eddc;\n    --shadow-soft: 0 4px 20px rgba(75, 78, 58, 0.08);\n    --shadow-medium: 0 8px 40px rgba(75, 78, 58, 0.12);\n    --shadow-strong: 0 16px 60px rgba(75, 78, 58, 0.18);\n    --radius-sm: 8px;\n    --radius-md: 14px;\n    --radius-lg: 22px;\n    --radius-xl: 32px;\n    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n\n  \/* ========================================\n     RESET & BASE (scoped to .srmc-donate-page)\n  ======================================== *\/\n  .srmc-donate-page *,\n  .srmc-donate-page *::before,\n  .srmc-donate-page *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .srmc-donate-page {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 16px;\n    line-height: 1.7;\n    color: var(--text-body);\n    background-color: var(--bg-cream);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    width: 100%;\n    max-width: 100%;\n    overflow-x: hidden;\n  }\n\n  .srmc-donate-page img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .srmc-donate-page a {\n    text-decoration: none;\n  }\n\n  .srmc-inner {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n\n  .srmc-section {\n    padding: 80px 0;\n    position: relative;\n  }\n\n  \/* ========================================\n     SECTION TYPOGRAPHY\n  ======================================== *\/\n  .srmc-section-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: var(--gold-dark);\n    margin-bottom: 16px;\n    padding: 8px 18px;\n    background: linear-gradient(135deg, rgba(239, 211, 74, 0.15), rgba(239, 211, 74, 0.05));\n    border: 1px solid rgba(239, 211, 74, 0.3);\n    border-radius: 100px;\n  }\n\n  .srmc-section-label .material-symbols-rounded {\n    font-size: 18px;\n    color: var(--gold-dark);\n  }\n\n  .srmc-section-title {\n    font-family: 'Playfair Display', serif;\n    font-weight: 800;\n    font-size: clamp(32px, 5vw, 52px);\n    line-height: 1.15;\n    color: var(--olive-dark);\n    margin-bottom: 16px;\n  }\n\n  .srmc-section-subtitle {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(18px, 2.5vw, 22px);\n    font-weight: 400;\n    font-style: italic;\n    color: var(--text-muted);\n    max-width: 620px;\n    line-height: 1.6;\n  }\n\n  \/* ========================================\n     BUTTONS \u2014 all solid fills, no outlines\n  ======================================== *\/\n  .srmc-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    padding: 14px 32px;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all var(--transition-smooth);\n    border: none;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .srmc-btn .material-symbols-rounded {\n    font-size: 20px;\n    transition: transform var(--transition-bounce);\n  }\n\n  .srmc-btn:hover .material-symbols-rounded {\n    transform: translateX(3px);\n  }\n\n  .srmc-btn-primary {\n    background: var(--gold);\n    color: var(--olive-dark);\n    box-shadow: 0 4px 20px var(--gold-glow);\n  }\n\n  .srmc-btn-primary:hover {\n    background: var(--gold-light);\n    box-shadow: 0 8px 32px rgba(239, 211, 74, 0.45);\n    transform: translateY(-2px);\n  }\n\n  \/* Frosted white fill for dark backgrounds \u2014 no outline *\/\n  .srmc-btn-outline {\n    background: rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    border: none;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n  }\n\n  .srmc-btn-outline:hover {\n    background: var(--gold);\n    color: var(--olive-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 32px rgba(239, 211, 74, 0.4);\n  }\n\n  .srmc-btn-olive {\n    background: var(--olive);\n    color: var(--gold-soft);\n    box-shadow: 0 4px 20px rgba(75, 78, 58, 0.3);\n  }\n\n  .srmc-btn-olive:hover {\n    background: var(--olive-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 32px rgba(75, 78, 58, 0.4);\n  }\n\n  .srmc-btn-gold-lg {\n    background: var(--gold);\n    color: var(--olive-dark);\n    font-size: 17px;\n    padding: 18px 42px;\n    box-shadow: 0 6px 28px var(--gold-glow);\n    font-weight: 700;\n  }\n\n  .srmc-btn-gold-lg:hover {\n    background: var(--gold-light);\n    box-shadow: 0 12px 44px rgba(239, 211, 74, 0.5);\n    transform: translateY(-3px);\n  }\n\n  \/* ========================================\n     1. HERO \/ BANNER\n  ======================================== *\/\n  .srmc-hero {\n    position: relative;\n    width: 100%;\n    min-height: 420px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    background: linear-gradient(155deg, var(--olive-deeper) 0%, var(--olive-dark) 40%, var(--olive) 100%);\n    padding: 100px 24px;\n    overflow: hidden;\n  }\n\n  .srmc-hero::before {\n    content: '';\n    position: absolute;\n    top: -40%;\n    right: -10%;\n    width: 600px;\n    height: 600px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(239, 211, 74, 0.12) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .srmc-hero::after {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    left: -5%;\n    width: 500px;\n    height: 500px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(239, 211, 74, 0.08) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .srmc-hero-pattern {\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(45deg, rgba(239, 211, 74, 0.03) 25%, transparent 25%),\n      linear-gradient(-45deg, rgba(239, 211, 74, 0.03) 25%, transparent 25%),\n      linear-gradient(45deg, transparent 75%, rgba(239, 211, 74, 0.03) 75%),\n      linear-gradient(-45deg, transparent 75%, rgba(239, 211, 74, 0.03) 75%);\n    background-size: 60px 60px;\n    background-position: 0 0, 0 30px, 30px -30px, -30px 0;\n    pointer-events: none;\n  }\n\n  .srmc-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 820px;\n    padding-top: 100px;\n  }\n\n  .srmc-hero-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 72px;\n    height: 72px;\n    border-radius: 50%;\n    background: rgba(239, 211, 74, 0.12);\n    border: 2px solid rgba(239, 211, 74, 0.3);\n    margin-bottom: 28px;\n    animation: pulse-glow 3s ease-in-out infinite;\n  }\n\n  .srmc-hero-icon .material-symbols-rounded {\n    font-size: 34px;\n    color: var(--gold);\n  }\n\n  @keyframes pulse-glow {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 211, 74, 0.2); }\n    50% { box-shadow: 0 0 28px 10px rgba(239, 211, 74, 0.12); }\n  }\n\n  .srmc-hero-topline {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 5px;\n    color: var(--gold);\n    margin-bottom: 20px;\n    opacity: 0;\n    animation: fadeInDown 0.8s 0.2s forwards;\n  }\n\n  .srmc-hero-title {\n    font-family: 'Playfair Display', serif;\n    font-weight: 900;\n    font-size: clamp(36px, 7vw, 72px);\n    line-height: 1.05;\n    margin-bottom: 16px;\n    background: linear-gradient(135deg, #ffffff 0%, var(--gold) 50%, var(--gold-light) 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.4s forwards;\n  }\n\n  .srmc-hero-desc {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(17px, 2.5vw, 22px);\n    font-style: italic;\n    color: var(--gold-soft);\n    margin-bottom: 36px;\n    line-height: 1.6;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.6s forwards;\n  }\n\n  .srmc-hero-btn-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    justify-content: center;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.8s forwards;\n  }\n\n  @keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes fadeInDown {\n    from { opacity: 0; transform: translateY(-16px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* ========================================\n     2. SCRIPTURE QUOTE BAR\n  ======================================== *\/\n  .srmc-scripture {\n    background: var(--olive-deeper);\n    padding: 48px 24px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .srmc-scripture::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at 50% 50%, rgba(239, 211, 74, 0.05) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .srmc-scripture-text {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(20px, 3vw, 28px);\n    font-style: italic;\n    font-weight: 600;\n    color: var(--gold-soft);\n    max-width: 750px;\n    margin: 0 auto 12px;\n    position: relative;\n    z-index: 1;\n    line-height: 1.5;\n  }\n\n  .srmc-scripture-ref {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--gold);\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* ========================================\n     3. WHY DONATE \u2014 IMPACT CARDS\n  ======================================== *\/\n  .srmc-impact {\n    background: var(--bg-warm);\n  }\n\n  .srmc-impact-header {\n    text-align: center;\n    margin-bottom: 48px;\n  }\n\n  .srmc-impact-header .srmc-section-subtitle {\n    margin: 0 auto;\n  }\n\n  .srmc-impact-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 24px;\n  }\n\n  .srmc-impact-card {\n    background: var(--bg-card);\n    border-radius: var(--radius-lg);\n    padding: 36px 28px;\n    text-align: center;\n    box-shadow: var(--shadow-soft);\n    border: 1px solid rgba(75, 78, 58, 0.06);\n    transition: all var(--transition-smooth);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .srmc-impact-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, var(--gold), var(--gold-light));\n    transform: scaleX(0);\n    transition: transform var(--transition-smooth);\n  }\n\n  .srmc-impact-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--shadow-medium);\n  }\n\n  .srmc-impact-card:hover::after {\n    transform: scaleX(1);\n  }\n\n  .srmc-impact-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(239, 211, 74, 0.15), rgba(239, 211, 74, 0.05));\n    margin-bottom: 20px;\n    transition: all var(--transition-smooth);\n  }\n\n  .srmc-impact-card:hover .srmc-impact-icon {\n    background: linear-gradient(135deg, rgba(239, 211, 74, 0.25), rgba(239, 211, 74, 0.1));\n    transform: scale(1.08);\n  }\n\n  .srmc-impact-icon .material-symbols-rounded {\n    font-size: 30px;\n    color: var(--gold-dark);\n  }\n\n  .srmc-impact-card h3 {\n    font-family: 'Playfair Display', serif;\n    font-weight: 700;\n    font-size: 20px;\n    color: var(--olive-dark);\n    margin-bottom: 10px;\n  }\n\n  .srmc-impact-card p {\n    font-size: 14px;\n    color: var(--text-muted);\n    line-height: 1.65;\n  }\n\n  \/* ========================================\n     4. DONATION AMOUNTS\n  ======================================== *\/\n  .srmc-amounts {\n    background: var(--bg-cream);\n  }\n\n  .srmc-amounts-header {\n    text-align: center;\n    margin-bottom: 48px;\n  }\n\n  .srmc-amounts-header .srmc-section-subtitle {\n    margin: 0 auto;\n  }\n\n  .srmc-amounts-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 24px;\n    margin-bottom: 40px;\n  }\n\n  .srmc-amount-card {\n    background: var(--bg-card);\n    border-radius: var(--radius-lg);\n    padding: 36px 28px;\n    text-align: center;\n    box-shadow: var(--shadow-soft);\n    border: 2px solid rgba(75, 78, 58, 0.06);\n    transition: all var(--transition-smooth);\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .srmc-amount-card:hover {\n    border-color: var(--gold);\n    transform: translateY(-6px);\n    box-shadow: 0 12px 44px rgba(239, 211, 74, 0.18);\n  }\n\n  .srmc-amount-card.featured {\n    border-color: var(--gold);\n    background: linear-gradient(180deg, rgba(239, 211, 74, 0.06) 0%, var(--bg-card) 100%);\n  }\n\n  .srmc-amount-card.featured::before {\n    content: 'Most Needed';\n    position: absolute;\n    top: 16px;\n    right: -32px;\n    background: var(--gold);\n    color: var(--olive-dark);\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    padding: 4px 40px;\n    transform: rotate(45deg);\n  }\n\n  .srmc-amount-value {\n    font-family: 'Playfair Display', serif;\n    font-weight: 900;\n    font-size: 42px;\n    color: var(--olive-dark);\n    margin-bottom: 4px;\n    line-height: 1;\n  }\n\n  .srmc-amount-currency {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--gold-dark);\n    display: block;\n    margin-bottom: 16px;\n  }\n\n  .srmc-amount-desc {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 17px;\n    font-style: italic;\n    color: var(--text-muted);\n    margin-bottom: 24px;\n    line-height: 1.5;\n  }\n\n  .srmc-amount-items {\n    text-align: left;\n    margin-bottom: 28px;\n    list-style: none;\n  }\n\n  .srmc-amount-items li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 14px;\n    color: var(--text-body);\n    padding: 8px 0;\n    border-bottom: 1px solid rgba(75, 78, 58, 0.06);\n  }\n\n  .srmc-amount-items li:last-child {\n    border-bottom: none;\n  }\n\n  .srmc-amount-items li .material-symbols-rounded {\n    font-size: 18px;\n    color: var(--gold-dark);\n    flex-shrink: 0;\n  }\n\n  .srmc-custom-amount {\n    background: var(--bg-card);\n    border-radius: var(--radius-lg);\n    padding: 36px;\n    text-align: center;\n    box-shadow: var(--shadow-soft);\n    border: 2px dashed rgba(239, 211, 74, 0.4);\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .srmc-custom-amount h3 {\n    font-family: 'Playfair Display', serif;\n    font-weight: 700;\n    font-size: 22px;\n    color: var(--olive-dark);\n    margin-bottom: 8px;\n  }\n\n  .srmc-custom-amount p {\n    font-size: 14px;\n    color: var(--text-muted);\n    margin-bottom: 20px;\n  }\n\n  .srmc-input-group {\n    display: flex;\n    align-items: center;\n    background: var(--bg-warm);\n    border-radius: 100px;\n    padding: 6px 6px 6px 24px;\n    border: 2px solid rgba(75, 78, 58, 0.1);\n    transition: border-color var(--transition-fast);\n    margin-bottom: 16px;\n  }\n\n  .srmc-input-group:focus-within {\n    border-color: var(--gold);\n  }\n\n  .srmc-input-group .currency {\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 700;\n    font-size: 18px;\n    color: var(--olive-dark);\n    margin-right: 4px;\n  }\n\n  .srmc-input-group input {\n    flex: 1;\n    background: transparent;\n    border: none;\n    outline: none;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--olive-dark);\n    padding: 10px 0;\n    min-width: 0;\n  }\n\n  .srmc-input-group input::placeholder {\n    color: var(--text-muted);\n    font-weight: 400;\n  }\n\n  .srmc-input-group .srmc-btn {\n    flex-shrink: 0;\n    padding: 12px 28px;\n  }\n\n  \/* ========================================\n     5. DONATION METHODS\n  ======================================== *\/\n  .srmc-methods {\n    background: var(--olive-deeper);\n    color: var(--text-on-olive);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .srmc-methods::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 20% 30%, rgba(239, 211, 74, 0.06) 0%, transparent 50%),\n      radial-gradient(ellipse at 80% 70%, rgba(239, 211, 74, 0.04) 0%, transparent 50%);\n    pointer-events: none;\n  }\n\n  .srmc-methods .srmc-section-title {\n    color: #ffffff;\n  }\n\n  .srmc-methods .srmc-section-subtitle {\n    color: rgba(240, 237, 220, 0.6);\n  }\n\n  .srmc-methods-header {\n    text-align: center;\n    margin-bottom: 48px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .srmc-methods-header .srmc-section-subtitle {\n    margin: 0 auto;\n  }\n\n  .srmc-methods-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .srmc-method-card {\n    padding: 36px 28px;\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(239, 211, 74, 0.1);\n    border-radius: var(--radius-lg);\n    transition: all var(--transition-smooth);\n    text-align: center;\n  }\n\n  .srmc-method-card:hover {\n    background: rgba(239, 211, 74, 0.06);\n    border-color: rgba(239, 211, 74, 0.25);\n    transform: translateY(-4px);\n  }\n\n  .srmc-method-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: rgba(239, 211, 74, 0.1);\n    margin-bottom: 20px;\n    transition: background var(--transition-smooth);\n  }\n\n  .srmc-method-card:hover .srmc-method-icon {\n    background: rgba(239, 211, 74, 0.18);\n  }\n\n  .srmc-method-icon .material-symbols-rounded {\n    font-size: 30px;\n    color: var(--gold);\n  }\n\n  .srmc-method-card h3 {\n    font-family: 'Playfair Display', serif;\n    font-weight: 700;\n    font-size: 20px;\n    color: #ffffff;\n    margin-bottom: 10px;\n  }\n\n  .srmc-method-card p {\n    font-size: 14px;\n    color: rgba(240, 237, 220, 0.55);\n    line-height: 1.65;\n    margin-bottom: 16px;\n  }\n\n  .srmc-method-detail {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--gold);\n    padding: 8px 18px;\n    background: rgba(239, 211, 74, 0.08);\n    border-radius: 100px;\n    border: 1px solid rgba(239, 211, 74, 0.15);\n  }\n\n  .srmc-method-detail .material-symbols-rounded {\n    font-size: 16px;\n  }\n\n  \/* ========================================\n     6. FUND ALLOCATION\n  ======================================== *\/\n  .srmc-allocation {\n    background: var(--bg-warm);\n  }\n\n  .srmc-allocation-header {\n    text-align: center;\n    margin-bottom: 48px;\n  }\n\n  .srmc-allocation-header .srmc-section-subtitle {\n    margin: 0 auto;\n  }\n\n  .srmc-allocation-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 20px;\n    margin-bottom: 40px;\n  }\n\n  .srmc-alloc-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n    padding: 28px 24px;\n    background: var(--bg-card);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-soft);\n    border: 1px solid rgba(75, 78, 58, 0.06);\n    transition: all var(--transition-smooth);\n  }\n\n  .srmc-alloc-item:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--shadow-medium);\n  }\n\n  .srmc-alloc-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, rgba(239, 211, 74, 0.15), rgba(239, 211, 74, 0.05));\n    flex-shrink: 0;\n  }\n\n  .srmc-alloc-icon .material-symbols-rounded {\n    font-size: 24px;\n    color: var(--gold-dark);\n  }\n\n  .srmc-alloc-info {\n    flex: 1;\n  }\n\n  .srmc-alloc-info h4 {\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--olive-dark);\n    margin-bottom: 4px;\n  }\n\n  .srmc-alloc-info p {\n    font-size: 13px;\n    color: var(--text-muted);\n    line-height: 1.5;\n  }\n\n  .srmc-alloc-bar-wrap {\n    margin-top: 10px;\n    width: 100%;\n    height: 6px;\n    background: rgba(75, 78, 58, 0.08);\n    border-radius: 100px;\n    overflow: hidden;\n  }\n\n  .srmc-alloc-bar {\n    height: 100%;\n    border-radius: 100px;\n    background: linear-gradient(90deg, var(--gold), var(--gold-light));\n    transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n    width: 0;\n  }\n\n  .srmc-alloc-pct {\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    color: var(--gold-dark);\n    margin-top: 4px;\n  }\n\n  .srmc-transparency {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    padding: 20px 24px;\n    background: linear-gradient(135deg, rgba(239, 211, 74, 0.08), rgba(239, 211, 74, 0.02));\n    border-radius: var(--radius-md);\n    border-left: 4px solid var(--gold);\n  }\n\n  .srmc-transparency .material-symbols-rounded {\n    font-size: 24px;\n    color: var(--gold-dark);\n    flex-shrink: 0;\n  }\n\n  .srmc-transparency p {\n    font-size: 14px;\n    color: var(--text-body);\n    line-height: 1.6;\n  }\n\n  \/* ========================================\n     7. CALL TO ACTION\n  ======================================== *\/\n  .srmc-cta {\n    background: linear-gradient(155deg, var(--olive-dark) 0%, var(--olive) 100%);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .srmc-cta::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 800px;\n    height: 800px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(239, 211, 74, 0.06) 0%, transparent 60%);\n    pointer-events: none;\n  }\n\n  .srmc-cta-content {\n    position: relative;\n    z-index: 1;\n    max-width: 640px;\n    margin: 0 auto;\n  }\n\n  .srmc-cta-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: rgba(239, 211, 74, 0.12);\n    border: 2px solid rgba(239, 211, 74, 0.3);\n    margin-bottom: 28px;\n  }\n\n  .srmc-cta-icon .material-symbols-rounded {\n    font-size: 30px;\n    color: var(--gold);\n  }\n\n  .srmc-cta-title {\n    font-family: 'Playfair Display', serif;\n    font-weight: 800;\n    font-size: clamp(28px, 4vw, 44px);\n    color: #ffffff;\n    margin-bottom: 16px;\n    line-height: 1.2;\n  }\n\n  .srmc-cta-title em {\n    color: var(--gold);\n    font-style: normal;\n  }\n\n  .srmc-cta-desc {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 18px;\n    font-style: italic;\n    color: rgba(240, 237, 220, 0.6);\n    margin-bottom: 32px;\n    line-height: 1.6;\n  }\n\n  .srmc-cta-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    justify-content: center;\n  }\n\n  \/* ========================================\n     SCROLL REVEAL\n  ======================================== *\/\n  .srmc-reveal {\n    opacity: 0;\n    transform: translateY(32px);\n    transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),\n                transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .srmc-reveal.srmc-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .srmc-reveal-scale {\n    opacity: 0;\n    transform: scale(0.94);\n    transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),\n                transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .srmc-reveal-scale.srmc-visible {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .srmc-delay-1 { transition-delay: 0.1s; }\n  .srmc-delay-2 { transition-delay: 0.2s; }\n  .srmc-delay-3 { transition-delay: 0.3s; }\n  .srmc-delay-4 { transition-delay: 0.4s; }\n  .srmc-delay-5 { transition-delay: 0.5s; }\n\n  \/* ========================================\n     RESPONSIVE \u2014 TABLET\n  ======================================== *\/\n  @media (max-width: 1024px) {\n    .srmc-section { padding: 60px 0; }\n  }\n\n  \/* ========================================\n     RESPONSIVE \u2014 MOBILE\n  ======================================== *\/\n  @media (max-width: 768px) {\n    .srmc-inner { padding: 0 16px; }\n    .srmc-section { padding: 48px 0; }\n    .srmc-hero { min-height: 340px; padding: 72px 16px; }\n    .srmc-hero-btn-group { flex-direction: column; align-items: center; }\n    .srmc-btn { width: 100%; max-width: 280px; justify-content: center; }\n    .srmc-amounts-grid { grid-template-columns: 1fr; }\n    .srmc-methods-grid { grid-template-columns: 1fr; }\n    .srmc-impact-grid { grid-template-columns: 1fr; }\n    .srmc-allocation-grid { grid-template-columns: 1fr; }\n    .srmc-input-group { flex-direction: column; border-radius: var(--radius-md); padding: 12px; gap: 8px; }\n    .srmc-input-group .srmc-btn { width: 100%; justify-content: center; }\n    .srmc-input-group input { text-align: center; font-size: 22px; padding: 14px 0; }\n    .srmc-scripture { padding: 36px 16px; }\n  }\n<\/style>\n\n<div class=\"srmc-donate-page\">\n\n  <!-- HERO \/ BANNER -->\n  <section class=\"srmc-hero\" id=\"top\">\n    <div class=\"srmc-hero-pattern\"><\/div>\n    <div class=\"srmc-hero-content\">\n      <div class=\"srmc-hero-icon\">\n        <span class=\"material-symbols-rounded\">volunteer_activism<\/span>\n      <\/div>\n      <p class=\"srmc-hero-topline\">San Roque Mission Center Agro<\/p>\n      <h1 class=\"srmc-hero-title\">Support Our Parish<\/h1>\n      <p class=\"srmc-hero-desc\">Your generous donation helps sustain our mission, serve the community, and keep the light of faith burning in Catanauan, Quezon Province.<\/p>\n      <div class=\"srmc-hero-btn-group\">\n        <a href=\"#donate-amounts\" class=\"srmc-btn srmc-btn-primary\">\n          <span>Donate Now<\/span>\n          <span class=\"material-symbols-rounded\">arrow_downward<\/span>\n        <\/a>\n        <a href=\"#donation-methods\" class=\"srmc-btn srmc-btn-outline\">\n          <span>Ways to Give<\/span>\n          <span class=\"material-symbols-rounded\">account_balance<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SCRIPTURE QUOTE -->\n  <section class=\"srmc-scripture\">\n    <p class=\"srmc-scripture-text srmc-reveal\">&#8220;Each of you should give what you have decided in your heart to give, not reluctantly or under compulsion, for God loves a cheerful giver.&#8221;<\/p>\n    <span class=\"srmc-scripture-ref srmc-reveal srmc-delay-1\">\u2014 2 Corinthians 9:7<\/span>\n  <\/section>\n\n  <!-- WHY DONATE \u2014 IMPACT -->\n  <section class=\"srmc-section srmc-impact\" id=\"why-donate\">\n    <div class=\"srmc-inner\">\n      <div class=\"srmc-impact-header srmc-reveal\">\n        <span class=\"srmc-section-label\">\n          <span class=\"material-symbols-rounded\">favorite<\/span>\n          Your Impact\n        <\/span>\n        <h2 class=\"srmc-section-title\">Why Your Gift Matters<\/h2>\n        <p class=\"srmc-section-subtitle\">Every contribution, no matter how small, makes a real difference in the life of our parish and community.<\/p>\n      <\/div>\n\n      <div class=\"srmc-impact-grid\">\n        <div class=\"srmc-impact-card srmc-reveal srmc-delay-1\">\n          <div class=\"srmc-impact-icon\">\n            <span class=\"material-symbols-rounded\">church<\/span>\n          <\/div>\n          <h3>Church Maintenance<\/h3>\n          <p>Keep our parish church clean, safe, and beautiful for worship \u2014 from roof repairs to altar care and sacred vessels.<\/p>\n        <\/div>\n\n        <div class=\"srmc-impact-card srmc-reveal srmc-delay-2\">\n          <div class=\"srmc-impact-icon\">\n            <span class=\"material-symbols-rounded\">diversity_3<\/span>\n          <\/div>\n          <h3>Community Outreach<\/h3>\n          <p>Feed the hungry, clothe the poor, and bring hope to families in need through our parish outreach programs.<\/p>\n        <\/div>\n\n        <div class=\"srmc-impact-card srmc-reveal srmc-delay-3\">\n          <div class=\"srmc-impact-icon\">\n            <span class=\"material-symbols-rounded\">school<\/span>\n          <\/div>\n          <h3>Faith Formation<\/h3>\n          <p>Support catechism classes, youth ministry, Bible study, and sacramental preparation for children and adults.<\/p>\n        <\/div>\n\n        <div class=\"srmc-impact-card srmc-reveal srmc-delay-4\">\n          <div class=\"srmc-impact-icon\">\n            <span class=\"material-symbols-rounded\">ecg_heart<\/span>\n          <\/div>\n          <h3>Priestly Support<\/h3>\n          <p>Help provide for the daily needs of our parish priests so they can focus on serving God and His people.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- DONATION AMOUNTS -->\n  <section class=\"srmc-section srmc-amounts\" id=\"donate-amounts\">\n    <div class=\"srmc-inner\">\n      <div class=\"srmc-amounts-header srmc-reveal\">\n        <span class=\"srmc-section-label\">\n          <span class=\"material-symbols-rounded\">payments<\/span>\n          Give Today\n        <\/span>\n        <h2 class=\"srmc-section-title\">Choose Your Gift<\/h2>\n        <p class=\"srmc-section-subtitle\">Select a suggested amount below or enter a custom donation. Every peso is a blessing.<\/p>\n      <\/div>\n\n      <div class=\"srmc-amounts-grid\">\n        <div class=\"srmc-amount-card srmc-reveal-scale srmc-delay-1\">\n          <span class=\"srmc-amount-value\">\u20b1100<\/span>\n          <span class=\"srmc-amount-currency\">Philippine Pesos<\/span>\n          <p class=\"srmc-amount-desc\">A candle of hope for our mission<\/p>\n          <ul class=\"srmc-amount-items\">\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Contributes to church utilities<\/li>\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Supports daily Mass offerings<\/li>\n          <\/ul>\n          <a href=\"#donation-methods\" class=\"srmc-btn srmc-btn-olive\" style=\"width:100%; justify-content:center;\">\n            <span>Donate \u20b1100<\/span>\n            <span class=\"material-symbols-rounded\">arrow_forward<\/span>\n          <\/a>\n        <\/div>\n\n        <div class=\"srmc-amount-card srmc-reveal-scale srmc-delay-2\">\n          <span class=\"srmc-amount-value\">\u20b1500<\/span>\n          <span class=\"srmc-amount-currency\">Philippine Pesos<\/span>\n          <p class=\"srmc-amount-desc\">A beacon of love for the parish<\/p>\n          <ul class=\"srmc-amount-items\">\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Supports one week of Mass needs<\/li>\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Helps fund outreach supplies<\/li>\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Contributes to formation materials<\/li>\n          <\/ul>\n          <a href=\"#donation-methods\" class=\"srmc-btn srmc-btn-olive\" style=\"width:100%; justify-content:center;\">\n            <span>Donate \u20b1500<\/span>\n            <span class=\"material-symbols-rounded\">arrow_forward<\/span>\n          <\/a>\n        <\/div>\n\n        <div class=\"srmc-amount-card featured srmc-reveal-scale srmc-delay-3\">\n          <span class=\"srmc-amount-value\">\u20b11,000<\/span>\n          <span class=\"srmc-amount-currency\">Philippine Pesos<\/span>\n          <p class=\"srmc-amount-desc\">A pillar of faith for our community<\/p>\n          <ul class=\"srmc-amount-items\">\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Supports one month of utilities<\/li>\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Funds a feeding program event<\/li>\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Helps repair parish facilities<\/li>\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Supports youth ministry activities<\/li>\n          <\/ul>\n          <a href=\"#donation-methods\" class=\"srmc-btn srmc-btn-primary\" style=\"width:100%; justify-content:center;\">\n            <span>Donate \u20b11,000<\/span>\n            <span class=\"material-symbols-rounded\">arrow_forward<\/span>\n          <\/a>\n        <\/div>\n\n        <div class=\"srmc-amount-card srmc-reveal-scale srmc-delay-4\">\n          <span class=\"srmc-amount-value\">\u20b15,000<\/span>\n          <span class=\"srmc-amount-currency\">Philippine Pesos<\/span>\n          <p class=\"srmc-amount-desc\">A foundation stone of generosity<\/p>\n          <ul class=\"srmc-amount-items\">\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Sponsors a complete outreach event<\/li>\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Supports major church repairs<\/li>\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Funds catechism programs for a month<\/li>\n            <li><span class=\"material-symbols-rounded\">check_circle<\/span> Named in parish gratitude prayers<\/li>\n          <\/ul>\n          <a href=\"#donation-methods\" class=\"srmc-btn srmc-btn-olive\" style=\"width:100%; justify-content:center;\">\n            <span>Donate \u20b15,000<\/span>\n            <span class=\"material-symbols-rounded\">arrow_forward<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"srmc-custom-amount srmc-reveal\">\n        <h3>Enter a Custom Amount<\/h3>\n        <p>Give any amount the Lord puts on your heart.<\/p>\n        <div class=\"srmc-input-group\">\n          <span class=\"currency\">\u20b1<\/span>\n          <input type=\"number\" placeholder=\"0.00\" min=\"1\" aria-label=\"Custom donation amount\" \/>\n          <a href=\"#donation-methods\" class=\"srmc-btn srmc-btn-primary\">\n            <span>Proceed<\/span>\n            <span class=\"material-symbols-rounded\">arrow_forward<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- DONATION METHODS -->\n  <section class=\"srmc-section srmc-methods\" id=\"donation-methods\">\n    <div class=\"srmc-inner\">\n      <div class=\"srmc-methods-header srmc-reveal\">\n        <span class=\"srmc-section-label\">\n          <span class=\"material-symbols-rounded\">account_balance_wallet<\/span>\n          Ways to Give\n        <\/span>\n        <h2 class=\"srmc-section-title\">Donation Methods<\/h2>\n        <p class=\"srmc-section-subtitle\">Choose the most convenient way to share your blessings with our parish community.<\/p>\n      <\/div>\n\n      <div class=\"srmc-methods-grid\">\n        <div class=\"srmc-method-card srmc-reveal srmc-delay-1\">\n          <div class=\"srmc-method-icon\">\n            <span class=\"material-symbols-rounded\">smartphone<\/span>\n          <\/div>\n          <h3>GCash<\/h3>\n          <p>Send your donation instantly through GCash mobile wallet. Fast, easy, and secure.<\/p>\n          <span class=\"srmc-method-detail\">\n            <span class=\"material-symbols-rounded\">call<\/span>\n            09562616212\n          <\/span>\n        <\/div>\n\n        <div class=\"srmc-method-card srmc-reveal srmc-delay-2\">\n          <div class=\"srmc-method-icon\">\n            <span class=\"material-symbols-rounded\">qr_code_scanner<\/span>\n          <\/div>\n          <h3>Maya<\/h3>\n          <p>Scan our QR code or send directly through Maya for a seamless digital donation experience.<\/p>\n          <span class=\"srmc-method-detail\">\n            <span class=\"material-symbols-rounded\">qr_code<\/span>\n            Scan QR at Parish\n          <\/span>\n        <\/div>\n\n        <div class=\"srmc-method-card srmc-reveal srmc-delay-3\">\n          <div class=\"srmc-method-icon\">\n            <span class=\"material-symbols-rounded\">account_balance<\/span>\n          <\/div>\n          <h3>Bank Transfer<\/h3>\n          <p>Transfer directly to our parish bank account. Contact us for account details.<\/p>\n          <span class=\"srmc-method-detail\">\n            <span class=\"material-symbols-rounded\">info<\/span>\n            Jose Jay\n          <\/span>\n        <\/div>\n\n        <div class=\"srmc-method-card srmc-reveal srmc-delay-4\">\n          <div class=\"srmc-method-icon\">\n            <span class=\"material-symbols-rounded\">handshake<\/span>\n          <\/div>\n          <h3>In-Person<\/h3>\n          <p>Drop your donation in the Sunday collection basket or visit the parish office during office hours.<\/p>\n          <span class=\"srmc-method-detail\">\n            <span class=\"material-symbols-rounded\">schedule<\/span>\n            Mon\u2013Sat 8AM\u20135PM\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FUND ALLOCATION -->\n  <section class=\"srmc-section srmc-allocation\" id=\"transparency\">\n    <div class=\"srmc-inner\">\n      <div class=\"srmc-allocation-header srmc-reveal\">\n        <span class=\"srmc-section-label\">\n          <span class=\"material-symbols-rounded\">pie_chart<\/span>\n          Stewardship\n        <\/span>\n        <h2 class=\"srmc-section-title\">Where Your Donations Go<\/h2>\n        <p class=\"srmc-section-subtitle\">We are committed to full transparency in how every donation is used to serve our parish and community.<\/p>\n      <\/div>\n\n      <div class=\"srmc-allocation-grid\">\n        <div class=\"srmc-alloc-item srmc-reveal srmc-delay-1\">\n          <div class=\"srmc-alloc-icon\">\n            <span class=\"material-symbols-rounded\">church<\/span>\n          <\/div>\n          <div class=\"srmc-alloc-info\">\n            <h4>Church Operations<\/h4>\n            <p>Utilities, maintenance, supplies, and daily operational costs of the parish.<\/p>\n            <div class=\"srmc-alloc-bar-wrap\">\n              <div class=\"srmc-alloc-bar\" data-width=\"35%\"><\/div>\n            <\/div>\n            <span class=\"srmc-alloc-pct\">35%<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"srmc-alloc-item srmc-reveal srmc-delay-2\">\n          <div class=\"srmc-alloc-icon\">\n            <span class=\"material-symbols-rounded\">diversity_3<\/span>\n          <\/div>\n          <div class=\"srmc-alloc-info\">\n            <h4>Community Outreach<\/h4>\n            <p>Feeding programs, disaster relief, and assistance to families in need.<\/p>\n            <div class=\"srmc-alloc-bar-wrap\">\n              <div class=\"srmc-alloc-bar\" data-width=\"25%\"><\/div>\n            <\/div>\n            <span class=\"srmc-alloc-pct\">25%<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"srmc-alloc-item srmc-reveal srmc-delay-3\">\n          <div class=\"srmc-alloc-icon\">\n            <span class=\"material-symbols-rounded\">school<\/span>\n          <\/div>\n          <div class=\"srmc-alloc-info\">\n            <h4>Faith Formation<\/h4>\n            <p>Catechism, youth programs, Bible study materials, and sacramental preparation.<\/p>\n            <div class=\"srmc-alloc-bar-wrap\">\n              <div class=\"srmc-alloc-bar\" data-width=\"20%\"><\/div>\n            <\/div>\n            <span class=\"srmc-alloc-pct\">20%<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"srmc-alloc-item srmc-reveal srmc-delay-4\">\n          <div class=\"srmc-alloc-icon\">\n            <span class=\"material-symbols-rounded\">construction<\/span>\n          <\/div>\n          <div class=\"srmc-alloc-info\">\n            <h4>Repairs &amp; Improvements<\/h4>\n            <p>Building repairs, renovations, and improvements to parish facilities.<\/p>\n            <div class=\"srmc-alloc-bar-wrap\">\n              <div class=\"srmc-alloc-bar\" data-width=\"12%\"><\/div>\n            <\/div>\n            <span class=\"srmc-alloc-pct\">12%<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"srmc-alloc-item srmc-reveal srmc-delay-5\">\n          <div class=\"srmc-alloc-icon\">\n            <span class=\"material-symbols-rounded\">ecg_heart<\/span>\n          <\/div>\n          <div class=\"srmc-alloc-info\">\n            <h4>Priestly Support<\/h4>\n            <p>Daily needs of our parish priests and pastoral workers.<\/p>\n            <div class=\"srmc-alloc-bar-wrap\">\n              <div class=\"srmc-alloc-bar\" data-width=\"8%\"><\/div>\n            <\/div>\n            <span class=\"srmc-alloc-pct\">8%<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"srmc-transparency srmc-reveal\">\n        <span class=\"material-symbols-rounded\">verified<\/span>\n        <p>Our parish council reviews all finances quarterly. A full financial report is available upon request at the parish office. We are committed to honest and faithful stewardship of every gift entrusted to us.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"srmc-section srmc-cta\">\n    <div class=\"srmc-inner\">\n      <div class=\"srmc-cta-content srmc-reveal\">\n        <div class=\"srmc-cta-icon\">\n          <span class=\"material-symbols-rounded\">volunteer_activism<\/span>\n        <\/div>\n        <h2 class=\"srmc-cta-title\">Give and It Shall Be <em>Given Unto You<\/em><\/h2>\n        <p class=\"srmc-cta-desc\">&#8220;Give, and it will be given to you. A good measure, pressed down, shaken together and running over, will be poured into your lap.&#8221; \u2014 Luke 6:38<\/p>\n        <div class=\"srmc-cta-buttons\">\n          <a href=\"#donate-amounts\" class=\"srmc-btn srmc-btn-gold-lg\">\n            <span>Donate Now<\/span>\n            <span class=\"material-symbols-rounded\">arrow_upward<\/span>\n          <\/a>\n          <a href=\"#donation-methods\" class=\"srmc-btn srmc-btn-outline\">\n            <span>View All Methods<\/span>\n            <span class=\"material-symbols-rounded\">account_balance_wallet<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n\n  function initScrollReveal() {\n    var selectors = '.srmc-reveal, .srmc-reveal-scale';\n    var elements = document.querySelectorAll(selectors);\n\n    if ('IntersectionObserver' in window) {\n      var observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('srmc-visible');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, {\n        threshold: 0.12,\n        rootMargin: '0px 0px -40px 0px'\n      });\n\n      elements.forEach(function(el) {\n        observer.observe(el);\n      });\n    } else {\n      elements.forEach(function(el) {\n        el.classList.add('srmc-visible');\n      });\n    }\n  }\n\n  function initAllocBars() {\n    var bars = document.querySelectorAll('.srmc-alloc-bar');\n\n    if ('IntersectionObserver' in window) {\n      var barObserver = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            var width = entry.target.getAttribute('data-width');\n            entry.target.style.width = width;\n            barObserver.unobserve(entry.target);\n          }\n        });\n      }, {\n        threshold: 0.3\n      });\n\n      bars.forEach(function(bar) {\n        barObserver.observe(bar);\n      });\n    } else {\n      bars.forEach(function(bar) {\n        bar.style.width = bar.getAttribute('data-width');\n      });\n    }\n  }\n\n  function initSmoothScroll() {\n    document.querySelectorAll('.srmc-donate-page a[href^=\"#\"]').forEach(function(anchor) {\n      anchor.addEventListener('click', function(e) {\n        var targetId = this.getAttribute('href');\n        if (targetId === '#') return;\n\n        var target = document.querySelector(targetId);\n        if (target) {\n          e.preventDefault();\n          var offset = 24;\n          var top = target.getBoundingClientRect().top + window.pageYOffset - offset;\n          window.scrollTo({ top: top, behavior: 'smooth' });\n        }\n      });\n    });\n  }\n\n  function initAmountCards() {\n    document.querySelectorAll('.srmc-amount-card').forEach(function(card) {\n      card.addEventListener('mouseenter', function() {\n        this.style.borderColor = '#EFD34A';\n      });\n      card.addEventListener('mouseleave', function() {\n        if (!this.classList.contains('featured')) {\n          this.style.borderColor = 'rgba(75, 78, 58, 0.06)';\n        }\n      });\n    });\n  }\n\n  document.addEventListener('DOMContentLoaded', function() {\n    initScrollReveal();\n    initAllocBars();\n    initSmoothScroll();\n    initAmountCards();\n  });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Donate San Roque Mission Center continues to live out the Church\u2019s mission through its pastoral and social action initiatives, reflecting [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"Donate - San Roque Mission Center","description":"volunteer_activism San Roque Mission Center Agro Support Our Parish Your generous donation helps sustain our mission, serve the community, and keep the light of"},"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Diocese of Gumaca","author_link":"https:\/\/Demo5.yinwoodweb.com\/agro\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Donate San Roque Mission Center continues to live out the Church\u2019s mission through its pastoral and social action initiatives, reflecting [&hellip;]","_links":{"self":[{"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":17,"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":1461,"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/pages\/18\/revisions\/1461"}],"wp:attachment":[{"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}