{"id":8194,"date":"2025-06-17T06:53:35","date_gmt":"2025-06-17T06:53:35","guid":{"rendered":"https:\/\/ramasthamission.com\/?page_id=8194"},"modified":"2025-08-31T16:41:44","modified_gmt":"2025-08-31T16:41:44","slug":"support-us","status":"publish","type":"page","link":"http:\/\/ramasthamission.com\/hi\/support-us\/","title":{"rendered":"\u0939\u092e\u0947\u0902 \u092a\u094d\u0930\u094b\u0924\u094d\u0938\u093e\u0939\u0928 \u0926\u0947\u0902"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8194\" class=\"elementor elementor-8194\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75d0d3c e-flex e-con-boxed e-con e-parent\" data-id=\"75d0d3c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-35c6929 e-con-full e-flex e-con e-child\" data-id=\"35c6929\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25e0003 elementor-widget elementor-widget-heading\" data-id=\"25e0003\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\n\ud83d\udc9a \u0905\u092a\u0928\u0940 \u0926\u092f\u093e\u0932\u0941\u0924\u093e \u0915\u094b \u091c\u0921\u093c\u0947\u0902 \u091c\u092e\u093e\u0928\u0947 \u0926\u094b\u0964 \u0935\u093f\u0936\u094d\u0935\u093e\u0938, \u0906\u0936\u093e \u0914\u0930 \u091c\u0940\u0935\u0928 \u0915\u0947 \u091c\u0902\u0917\u0932 \u0909\u0917\u093e\u0928\u0947 \u092e\u0947\u0902 \u0939\u092e\u093e\u0930\u0940 \u092e\u0926\u0926 \u0915\u0930\u094b\u0964<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a358de e-flex e-con-boxed e-con e-parent\" data-id=\"1a358de\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:15,&quot;end&quot;:100}},&quot;background_motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aa2edec e-con-full e-flex e-con e-child\" data-id=\"aa2edec\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30b02d9 elementor-widget elementor-widget-heading\" data-id=\"30b02d9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u091a\u0941\u0928\u0947\u0902 \u0915\u093f \u0906\u092a \u0915\u093f\u0924\u0928\u0947 \u0938\u092e\u092f \u0924\u0915 \u090f\u0915 \u092a\u0947\u0921\u093c \u0915\u094b \u091c\u0940\u0935\u093f\u0924 \u0930\u0916\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 - \u0939\u0930 \u0930\u0941\u092a\u092f\u093e \u090f\u0915 \u0939\u0930\u0947 \u092d\u0930\u0947 \u0915\u0932 \u0915\u0947 \u0932\u093f\u090f \u092e\u093e\u092f\u0928\u0947 \u0930\u0916\u0924\u093e \u0939\u0948\u0964<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c79154 elementor-widget elementor-widget-text-editor\" data-id=\"9c79154\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Help us grow and sustain trees through your meaningful contribution. Select the support period that suits you best<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81a56e6 e-con-full e-flex e-con e-child\" data-id=\"81a56e6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:6,&quot;end&quot;:100}},&quot;background_motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a9bf4c elementor-widget elementor-widget-html\" data-id=\"2a9bf4c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form id=\"donation-form\" action=\"\">\r\n    <div class=\"name\">\r\n    <label style=\"color:white;\" for=\"donor_name\">Your Name <\/label><br>\r\n    <input type=\"text\" id=\"donor_name\" name=\"donor_name\" placeholder=\"Enter your name\" required>\r\n    <span class=\"name-error\" style=\"display: none; \">Please enter your name<\/span>\r\n    <\/div>\r\n    <div class=\"button-row\">\r\n        <div class=\"button-container\">\r\n            <button type=\"button\" data-razorpay-link=\"onetree\" data-base-amount=\"180\" data-days=\"1\" data-trees=\"1\" onclick=\"toggleAccordion(this)\">\r\n                <span class=\"tree-icon\">\ud83c\udf33<\/span>\r\n                <span class=\"amount\">\u20b91.80<\/span>\r\n                <span class=\"label\">1 Day - 1 Tree<\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"button-container\">\r\n            <button type=\"button\" data-razorpay-link=\"tenday\" data-base-amount=\"1800\" data-days=\"10\" data-trees=\"1\" onclick=\"toggleAccordion(this)\">\r\n                <span class=\"tree-icon\">\ud83c\udf33<\/span>\r\n                <span class=\"amount\">\u20b918.00<\/span>\r\n                <span class=\"label\">10 Days - 1 Tree<\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"button-container\">\r\n            <button type=\"button\" data-razorpay-link=\"hundreday\" data-base-amount=\"18000\" data-days=\"100\" data-trees=\"1\" onclick=\"toggleAccordion(this)\">\r\n                <span class=\"tree-icon\">\ud83c\udf33<\/span>\r\n                <span class=\"amount\">\u20b9180.00<\/span>\r\n                <span class=\"label\">100 Days - 1 Tree<\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"button-container\">\r\n            <button type=\"button\" data-razorpay-link=\"lifetimecare\" data-base-amount=\"108000\" data-days=\"600\" data-trees=\"1\" onclick=\"toggleAccordion(this)\">\r\n                <span class=\"tree-icon\">\ud83c\udf33<\/span>\r\n                <span class=\"amount\">\u20b91080.00<\/span>\r\n                <span class=\"label\">600 Days - 1 Tree<\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"button-container\">\r\n            <button type=\"button\" data-razorpay-link=\"custom\" data-base-amount=\"180\" data-days=\"1\" data-trees=\"1\" onclick=\"toggleAccordion(this)\">\r\n                <span class=\"tree-icon\">\ud83c\udf33<\/span>\r\n                <span class=\"amount\">\u20b91.80<\/span>\r\n                <span class=\"label\">Custom Donation<\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"common-counter\" style=\"display: none;\">\r\n        <span class=\"tree-label\">Number of Trees<\/span>\r\n        <div class=\"counter-row\">\r\n            <button type=\"button\" class=\"tree-decrement\" onclick=\"updateTreeCount(this, -1)\">\u2212<\/button>\r\n            <span class=\"tree-count\">1<\/span>\r\n            <button type=\"button\" class=\"tree-increment\" onclick=\"updateTreeCount(this, 1)\">+<\/button>\r\n        <\/div>\r\n        <div class=\"day-counter\" style=\"display: none;\">\r\n            <span class=\"tree-label\">Number of Days<\/span>\r\n            <div class=\"counter-row\">\r\n                <button type=\"button\" class=\"day-decrement\" onclick=\"updateCustomCount(this, 'days', -1)\">\u2212<\/button>\r\n                <span class=\"day-count\">1<\/span>\r\n                <button type=\"button\" class=\"day-increment\" onclick=\"updateCustomCount(this, 'days', 1)\">+<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        <button type=\"button\" class=\"confirm-button\" onclick=\"openRazorpay(this)\">\u20b91.80<\/button>\r\n    <\/div>\r\n<input type=\"hidden\" name=\"trp-form-language\" value=\"hi\"\/><\/form>\r\n<script src=\"https:\/\/checkout.razorpay.com\/v1\/checkout.js\"><\/script>\r\n<script>\r\nlet activeButton = null;\r\n\r\nfunction toggleAccordion(button) {\r\n    console.log('Donation button clicked'); \/\/ Debug log\r\n    const commonCounter = document.querySelector('.common-counter');\r\n    const dayCounter = commonCounter.querySelector('.day-counter');\r\n    const treeCountSpan = commonCounter.querySelector('.tree-count');\r\n    const dayCountSpan = commonCounter.querySelector('.day-count');\r\n    const confirmButton = commonCounter.querySelector('.confirm-button');\r\n    const isCustom = button.getAttribute('data-razorpay-link') === 'custom';\r\n\r\n    \/\/ If the same button is clicked, toggle the counter visibility\r\n    if (activeButton === button) {\r\n        commonCounter.style.display = commonCounter.classList.contains('open') ? 'none' : 'flex';\r\n        commonCounter.classList.toggle('open');\r\n        if (!commonCounter.classList.contains('open')) {\r\n            activeButton = null;\r\n        } else {\r\n            \/\/ Scroll to the common-counter when opened\r\n            setTimeout(() => {\r\n                commonCounter.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n            }, 100); \/\/ Small delay to ensure display change is applied\r\n        }\r\n        return;\r\n    }\r\n\r\n    \/\/ Set the new active button\r\n    activeButton = button;\r\n\r\n    \/\/ Reset counts and update button amounts\r\n    document.querySelectorAll('.button-container').forEach(container => {\r\n        const mainButton = container.querySelector('button');\r\n        const baseAmount = parseInt(mainButton.getAttribute('data-base-amount')) || 0;\r\n        mainButton.querySelector('.amount').textContent = '\u20b9' + (baseAmount \/ 100).toFixed(2);\r\n    });\r\n\r\n    \/\/ Show the common counter\r\n    commonCounter.style.display = 'flex';\r\n    commonCounter.classList.add('open');\r\n\r\n    \/\/ Reset tree count\r\n    treeCountSpan.textContent = '1';\r\n\r\n    \/\/ Show\/hide day counter based on whether it's a custom donation\r\n    dayCounter.style.display = isCustom ? 'flex' : 'none';\r\n    if (isCustom) {\r\n        dayCountSpan.textContent = '1';\r\n    }\r\n\r\n    \/\/ Update confirm button text with initial amount\r\n    const baseAmount = parseInt(button.getAttribute('data-base-amount')) || 180;\r\n    const days = isCustom ? 1 : parseInt(button.getAttribute('data-days')) || 1;\r\n    const totalAmount = (baseAmount * (isCustom ? 1 : treeCountSpan.textContent)) \/ 100;\r\n    confirmButton.textContent = '\u20b9' + totalAmount.toFixed(2);\r\n\r\n    \/\/ Scroll to the common-counter when opened\r\n    setTimeout(() => {\r\n        commonCounter.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    }, 100); \/\/ Small delay to ensure display change is applied\r\n}\r\n\r\nfunction updateTreeCount(button, change) {\r\n    const commonCounter = button.closest('.common-counter');\r\n    const treeCountSpan = commonCounter.querySelector('.tree-count');\r\n    let treeCount = parseInt(treeCountSpan.textContent) + change;\r\n\r\n    \/\/ Ensure tree count is at least 1\r\n    if (treeCount < 1) {\r\n        treeCount = 1;\r\n    }\r\n\r\n    \/\/ Update tree count\r\n    treeCountSpan.textContent = treeCount;\r\n\r\n    \/\/ Update confirm button text\r\n    updateConfirmButton();\r\n}\r\n\r\nfunction updateCustomCount(button, type, change) {\r\n    const commonCounter = button.closest('.common-counter');\r\n    const treeCountSpan = commonCounter.querySelector('.tree-count');\r\n    const dayCountSpan = commonCounter.querySelector('.day-count');\r\n    let treeCount = parseInt(treeCountSpan.textContent);\r\n    let dayCount = parseInt(dayCountSpan.textContent);\r\n\r\n    if (type === 'trees') {\r\n        treeCount = Math.max(1, treeCount + change);\r\n        treeCountSpan.textContent = treeCount;\r\n    } else if (type === 'days') {\r\n        dayCount = Math.max(1, dayCount + change);\r\n        dayCountSpan.textContent = dayCount;\r\n    }\r\n\r\n    \/\/ Update confirm button text\r\n    updateConfirmButton();\r\n}\r\n\r\nfunction updateConfirmButton() {\r\n    const commonCounter = document.querySelector('.common-counter');\r\n    const treeCountSpan = commonCounter.querySelector('.tree-count');\r\n    const dayCountSpan = commonCounter.querySelector('.day-count');\r\n    const confirmButton = commonCounter.querySelector('.confirm-button');\r\n    const treeCount = parseInt(treeCountSpan.textContent) || 1;\r\n    const isCustom = activeButton && activeButton.getAttribute('data-razorpay-link') === 'custom';\r\n    const days = isCustom ? parseInt(dayCountSpan.textContent) || 1 : parseInt(activeButton.getAttribute('data-days')) || 1;\r\n    const baseAmount = parseInt(activeButton.getAttribute('data-base-amount')) || 180;\r\n    const totalAmount = isCustom ? (treeCount * days * 1.80).toFixed(2) : ((baseAmount * treeCount) \/ 100).toFixed(2);\r\n    confirmButton.textContent = '\u20b9' + totalAmount;\r\n}\r\n\r\nfunction openRazorpay(button) {\r\n    console.log('Confirm button clicked'); \/\/ Debug log\r\n    const commonCounter = button.closest('.common-counter');\r\n    const treeCountSpan = commonCounter.querySelector('.tree-count');\r\n    const dayCountSpan = commonCounter.querySelector('.day-count');\r\n    const name = document.getElementById('donor_name').value.trim();\r\n    const nameError = document.querySelector('.name-error');\r\n\r\n    \/\/ Show error if name is empty\r\n    if (!name) {\r\n        nameError.style.display = 'block';\r\n        return;\r\n    } else {\r\n        nameError.style.display = 'none';\r\n    }\r\n\r\n    if (!activeButton) {\r\n        alert('Please select a donation option.');\r\n        return;\r\n    }\r\n\r\n    const paymentPage = activeButton.getAttribute('data-razorpay-link');\r\n    const isCustom = paymentPage === 'custom';\r\n    const numTrees = parseInt(treeCountSpan.textContent) || 1;\r\n    const numDays = isCustom ? parseInt(dayCountSpan.textContent) || 1 : parseInt(activeButton.getAttribute('data-days')) || 1;\r\n    const baseAmount = parseInt(activeButton.getAttribute('data-base-amount')) || 180;\r\n    const amount = isCustom ? Math.round(numTrees * numDays * 1.80 * 100) : baseAmount * numTrees;\r\n\r\n    if (!amount || amount < 180) {\r\n        alert('Invalid amount. The minimum donation is \u20b91.80.');\r\n        return;\r\n    }\r\n\r\n    console.log('Initiating payment with amount:', amount, 'for', paymentPage, 'by', name, 'Days:', numDays, 'Trees:', numTrees);\r\n\r\n    fetch('https:\/\/ramasthamission.com\/wp-json\/razorpay\/v1\/create-order', {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json' },\r\n        body: JSON.stringify({ amount: amount })\r\n    })\r\n    .then(response => {\r\n        if (!response.ok) {\r\n            console.error('Fetch error:', response.status, response.statusText);\r\n            throw new Error('Network response was not ok: ' + response.statusText);\r\n        }\r\n        return response.json();\r\n    })\r\n    .then(data => {\r\n        if (!data.order_id) {\r\n            console.error('No order_id in response:', data);\r\n            throw new Error('Order ID not received from server');\r\n        }\r\n        console.log('Order created successfully, order_id:', data.order_id);\r\n        var options = {\r\n            \"key\": \"rzp_test_axxItfR5VvSnpH\",\r\n            \"order_id\": data.order_id,\r\n            \"amount\": amount, \/\/ In paise\r\n            \"currency\": \"INR\",\r\n            \"name\": \"Ram Astha Mission Foundation\",\r\n            \"description\": (isCustom ? \"Custom Donation\" : \"Donation for \" + paymentPage) + \" (\" + numDays + \" Days, \" + numTrees + \" Trees)\",\r\n            \"notes\": {\r\n                \"name\": name,\r\n                \"payment_page\": paymentPage,\r\n                \"days\": numDays,\r\n                \"trees\": numTrees\r\n            },\r\n            \"handler\": function (response) {\r\n                console.log('Payment handler triggered, response:', response);\r\n                if (response.razorpay_order_id) {\r\n                    window.location.href = 'https:\/\/ramasthamission.com\/thankyou?order_id=' + response.razorpay_order_id;\r\n                } else {\r\n                    console.error('Payment response missing razorpay_order_id:', response);\r\n                    alert('Payment completed, but order ID is missing. Please contact support.');\r\n                }\r\n            },\r\n            \"modal\": {\r\n                \"ondismiss\": function () {\r\n                    console.log('Payment modal closed by user');\r\n                }\r\n            }\r\n        };\r\n        var rzp = new Razorpay(options);\r\n        rzp.open();\r\n    })\r\n    .catch(error => {\r\n        console.error('Error during payment process:', error);\r\n        alert('An error occurred. Please try again or contact support. Details: ' + error.message);\r\n    });\r\n}\r\n\r\n\/\/ Hide name error when user starts typing\r\ndocument.getElementById('donor_name').addEventListener('input', function() {\r\n    const nameError = document.querySelector('.name-error');\r\n    if (this.value.trim()) {\r\n        nameError.style.display = 'none';\r\n    }\r\n});\r\n<\/script>\r\n<style>\r\n\r\n.name{\r\n   text-align: center\r\n}\r\n\r\n#donor_name {\r\n    background-color: #ffffff82;\r\n    border: none;\r\n    font-size: 16px;\r\n    box-shadow: 0px 2px 1px 0px white;\r\n    color: black;\r\n    border-radius: 10px;\r\n    width: 100%;\r\n    max-width: 300px;\r\n    padding: 8px;\r\n}\r\n\r\n#donation-form {\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: justify;\r\n    color: white;\r\n}\r\n\r\n.button-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin-top: 20px;\r\n    padding: 0 10px;\r\n}\r\n\r\n.button-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    max-width: 160px;\r\n}\r\n\r\nbutton {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 150px;\r\n    min-width: 120px;\r\n    max-width: 160px;\r\n    height: 120px;\r\n    padding: 10px;\r\n    border: 2px solid #28a745;\r\n    border-radius: 10px;\r\n    background-color: #fff;\r\n    cursor: pointer;\r\n    font-family: Arial, sans-serif;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    transition: background-color 0.3s ease;\r\n}\r\n\r\nbutton:hover {\r\n    background-color: #e9f5e9;\r\n}\r\n\r\n.tree-icon {\r\n    font-size: 30px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.amount {\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    color: #28a745;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.label {\r\n    font-size: 14px;\r\n    color: #333;\r\n}\r\n\r\n.common-counter {\r\n    display: none;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin: 20px auto;\r\n    width: 100%;\r\n    max-width: 70%;\r\n    background-color: #0c3e00;\r\n    border-radius: 8px;\r\n    padding: 15px;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n    transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.common-counter.open {\r\n    display: flex;\r\n    max-height: 300px;\r\n}\r\n\r\n.day-counter {\r\n    display: none;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 5px;\r\n    width: 100%;\r\n}\r\n\r\n.counter-row {\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    justify-content: center;\r\n    gap: 5px;\r\n    width: 100%;\r\n    max-width: 100px;\r\n}\r\n\r\n.tree-label {\r\n    font-size: 14px;\r\n    color: #f9f8f8;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\r\n.tree-decrement, .tree-increment, .day-decrement, .day-increment {\r\n    width: 20px;\r\n    height: 30px;\r\n    font-size: 18px;\r\n    border: 1px solid #28a745;\r\n    border-radius: 5px;\r\n    background-color: #fff;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    color: black;\r\n    justify-content: center;\r\n}\r\n\r\n.tree-decrement:hover, .tree-increment:hover, .day-decrement:hover, .day-increment:hover {\r\n    background-color: #e9f5e9;\r\n}\r\n\r\n.confirm-button {\r\n    background-color: #d4f1db;\r\n    color: #004618;\r\n    border: none;\r\n    width: 100px;\r\n    height: 35px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n    border: 1px solid white;\r\n}\r\n\r\n.confirm-button:hover {\r\n    background-color: #ffffff;\r\n}\r\n\r\n.tree-count, .day-count {\r\n    font-size: 16px;\r\n    color: #f9f8f8;\r\n    width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n.name-error {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    background: red;\r\n    margin-top: 5px;\r\n    text-align: left;\r\n    padding: 0 10px;\r\n    border-radius: 10px;\r\n    width: 100%;\r\n    max-width: 300px;\r\n    justify-self: center;\r\n}\r\n\r\n\/* Responsive adjustments for tablets and smaller screens *\/\r\n@media (max-width: 768px) {\r\n    #donor_name {\r\n        max-width: 250px;\r\n        font-size: 14px;\r\n        padding: 6px;\r\n    }\r\n    .name-error {\r\n        font-size: 11px;\r\n        margin-top: 4px;\r\n    }\r\n    .button-row {\r\n        justify-content: center;\r\n        gap: 10px;\r\n    }\r\n    button {\r\n        width: 130px;\r\n        max-width: 140px;\r\n        height: 100px;\r\n        padding: 8px;\r\n    }\r\n    .button-container {\r\n        max-width: 140px;\r\n    }\r\n    .common-counter {\r\n        max-width: 180px;\r\n    }\r\n    .counter-row {\r\n        max-width: 90px;\r\n    }\r\n    .tree-icon {\r\n        font-size: 24px;\r\n    }\r\n    .amount {\r\n        font-size: 14px;\r\n    }\r\n    .label {\r\n        font-size: 12px;\r\n    }\r\n    .tree-label {\r\n        font-size: 11px;\r\n    }\r\n    .tree-decrement, .tree-increment, .day-decrement, .day-increment {\r\n        width: 18px;\r\n        height: 28px;\r\n        font-size: 13px;\r\n    }\r\n    .tree-count, .day-count {\r\n        font-size: 13px;\r\n        width: 28px;\r\n    }\r\n    .confirm-button {\r\n        width: 90px;\r\n        height: 32px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n\/* Responsive adjustments for mobile screens *\/\r\n@media (max-width: 480px) {\r\n    #donor_name {\r\n        max-width: 200px;\r\n        font-size: 13px;\r\n        padding: 5px;\r\n    }\r\n    .name-error {\r\n        font-size: 10px;\r\n        margin-top: 3px;\r\n    }\r\n    .button-row {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n    .button-container {\r\n        width: 100%;\r\n        max-width: 200px;\r\n    }\r\n    .button-container {\r\n        width: 100%;\r\n        max-width: 200px;\r\n    }\r\n    button {\r\n        width: 80%;\r\n        max-width: 200px;\r\n        height: 90px;\r\n        padding: 8px;\r\n    }\r\n    .common-counter {\r\n        max-width: 80%;\r\n    }\r\n    .counter-row {\r\n        max-width: 80px;\r\n    }\r\n    .tree-icon {\r\n        font-size: 20px;\r\n    }\r\n    .amount {\r\n        font-size: 13px;\r\n    }\r\n    .label {\r\n        font-size: 11px;\r\n    }\r\n    .tree-label {\r\n        font-size: 10px;\r\n    }\r\n    .tree-decrement, .tree-increment, .day-decrement, .day-increment {\r\n        width: 16px;\r\n        height: 25px;\r\n        font-size: 12px;\r\n    }\r\n    .tree-count, .day-count {\r\n        font-size: 12px;\r\n        width: 25px;\r\n    }\r\n    .confirm-button {\r\n        width: 80px;\r\n        height: 30px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f1f370 e-flex e-con-boxed e-con e-parent\" data-id=\"0f1f370\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4139792 e-con-full e-flex e-con e-child\" data-id=\"4139792\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cc3e65 elementor-widget elementor-widget-heading\" data-id=\"9cc3e65\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n\ud83d\udc9a \u0905\u092a\u0928\u0940 \u0926\u092f\u093e\u0932\u0941\u0924\u093e \u0915\u094b \u091c\u0921\u093c\u0947\u0902 \u091c\u092e\u093e\u0928\u0947 \u0926\u094b\u0964 \u0935\u093f\u0936\u094d\u0935\u093e\u0938, \u0906\u0936\u093e \u0914\u0930 \u091c\u0940\u0935\u0928 \u0915\u0947 \u091c\u0902\u0917\u0932 \u0909\u0917\u093e\u0928\u0947 \u092e\u0947\u0902 \u0939\u092e\u093e\u0930\u0940 \u092e\u0926\u0926 \u0915\u0930\u094b\u0964<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bfa5c7d e-flex e-con-boxed e-con e-parent\" data-id=\"bfa5c7d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-94f809e e-con-full e-flex e-con e-child\" data-id=\"94f809e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4657df1 elementor-widget elementor-widget-image\" data-id=\"4657df1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"900\" src=\"https:\/\/ramasthamission.com\/wp-content\/uploads\/2025\/08\/Ambica-Exclusive-8.jpg\" class=\"attachment-medium_large size-medium_large wp-image-9002\" alt=\"\" srcset=\"https:\/\/ramasthamission.com\/wp-content\/uploads\/2025\/08\/Ambica-Exclusive-8.jpg 600w, https:\/\/ramasthamission.com\/wp-content\/uploads\/2025\/08\/Ambica-Exclusive-8-200x300.jpg 200w, https:\/\/ramasthamission.com\/wp-content\/uploads\/2025\/08\/Ambica-Exclusive-8-8x12.jpg 8w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c681f1d e-con-full e-flex e-con e-child\" data-id=\"c681f1d\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-20e6a4e e-con-full e-flex e-con e-child\" data-id=\"20e6a4e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a016718 elementor-widget elementor-widget-heading\" data-id=\"a016718\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Trees for Tomorrow<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d396ac6 elementor-widget elementor-widget-text-editor\" data-id=\"d396ac6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Every scan and donation helps plant vital trees. These trees will filter our air, improve water quality, and provide homes for wildlife.\u00a0 At Ram Astha Mission, we invite you to be part of a green revolution that is rooted in compassion and guided by purpose.<\/p><h5>Scan to sow a seed of hope today!<\/h5>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc9a Let your kindness take root. Help us grow forests of faith, hope, and life. Choose how long you wish to support a tree\u2019s life \u2013 every rupee counts towards [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-8194","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ramasthamission.com\/hi\/wp-json\/wp\/v2\/pages\/8194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramasthamission.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramasthamission.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramasthamission.com\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramasthamission.com\/hi\/wp-json\/wp\/v2\/comments?post=8194"}],"version-history":[{"count":0,"href":"https:\/\/ramasthamission.com\/hi\/wp-json\/wp\/v2\/pages\/8194\/revisions"}],"wp:attachment":[{"href":"https:\/\/ramasthamission.com\/hi\/wp-json\/wp\/v2\/media?parent=8194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}