{"id":26714,"date":"2025-07-01T06:09:27","date_gmt":"2025-07-01T06:09:27","guid":{"rendered":"https:\/\/lifeline.webinane.com\/?page_id=26714"},"modified":"2025-07-01T06:09:27","modified_gmt":"2025-07-01T06:09:27","slug":"hero-grid-cause-style","status":"publish","type":"page","link":"https:\/\/rotary9103.org\/?page_id=26714","title":{"rendered":"Hero Grid Cause Style"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26714\" class=\"elementor elementor-26714\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae716c4 e-flex e-con-boxed e-con e-parent\" data-id=\"ae716c4\" data-element_type=\"container\" data-e-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-e27cfe1 e-con-full e-flex e-con e-child\" data-id=\"e27cfe1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5e73627 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"5e73627\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fa85f7 e-con-full e-flex e-con e-child\" data-id=\"0fa85f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-710a706 elementor-widget elementor-widget-heading\" data-id=\"710a706\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Urgent Donation Needed<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-572c7a0 elementor-widget elementor-widget-heading\" data-id=\"572c7a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mason Lee is cancer patient and waiting for urgent help\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56a1e0b elementor-widget elementor-widget-heading\" data-id=\"56a1e0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><b>$<\/b>76,000 <span>Still Needed<\/span>\n\n\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d993f5 elementor-widget elementor-widget-donation_button\" data-id=\"8d993f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"donation_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"elementor-button-wrapper lifeline-donation-app\">\n                            <lifeline-donation-button :id=\"42\" dstyle=\"3\">\n                    <a class=\"elementor-button-link elementor-button elementor-size-sm\" href=\"#\" @click.prevent=\"showModal(42,$event)\" data-post=\"42\" role=\"button\">\n                                <span class=\"elementor-button-content-wrapper\">\n                        <span class=\"elementor-button-text\">Donate Urgently<\/span>\n        <\/span>\n                            <\/a>\n                <\/lifeline-donation-button>\n                    <\/div>\n        \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<div class=\"elementor-element elementor-element-90b1dd9 e-flex e-con-boxed e-con e-parent\" data-id=\"90b1dd9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99744a6 elementor-widget elementor-widget-wi_donation_cuases9\" data-id=\"99744a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wi_donation_cuases9.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"wpcm-wrapper lifeline-donation-app donation-cards-container\">\n    <div class=\"donation-cards-row\">\n                        <div class=\"donation-card-item\">\n                    <div class=\"donation-card\">\n                        <!-- Featured Image -->\n                        <div class=\"donation-image\">\n                                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"1536\" height=\"708\" src=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1.webp 1536w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1-600x277.webp 600w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1-300x138.webp 300w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1-1024x472.webp 1024w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1-768x354.webp 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>                            \n                                                            <div class=\"trending-badge\">\n                                    <i class=\"fas fa-bolt\"><\/i> Trending                                <\/div>\n                                                    <\/div>\n\n                        <!-- Donation Info Section -->\n                        <div class=\"donation-content\">\n                                                            <div class=\"donation-progress-bar\">\n                                    <div class=\"progress-outer\">\n                                        <div class=\"progress-inner\" style=\"width: 0%\">\n                                                                                            <span class=\"progress-percent\">0%<\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Donation Amounts -->\n                            <div class=\"donation-amounts\">\n                                                                    <div class=\"raised-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 0.0<\/span>\n                                        <span class=\"amount-label\">Received<\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"goal-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 6,000.0<\/span>\n                                        <span class=\"amount-label\">Goal<\/span>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Title -->\n                            <h3 class=\"donation-title\"><a href=\"https:\/\/rotary9103.org\/?cause=camps-and-food-delivery-in-kenya\">Camps and food delivery in Kenya<\/a><\/h3>\n\n                            \n                            <!-- Donate Button -->\n                                                            <lifeline-donation-button :id=\"29263\">\n                                \n                                <a class=\"donate-button\" href=\"#\">\n                                                                            <i class=\"fa fa-angle-right\"><\/i>\n                                                                        Donate Now                                <\/a>\n\n                                                                <\/lifeline-donation-button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                        <div class=\"donation-card-item\">\n                    <div class=\"donation-card\">\n                        <!-- Featured Image -->\n                        <div class=\"donation-image\">\n                                                            <img decoding=\"async\" width=\"915\" height=\"605\" src=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605.webp 915w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605-600x397.webp 600w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605-300x198.webp 300w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605-768x508.webp 768w\" sizes=\"(max-width: 915px) 100vw, 915px\" \/>                            \n                                                            <div class=\"trending-badge\">\n                                    <i class=\"fas fa-bolt\"><\/i> Trending                                <\/div>\n                                                    <\/div>\n\n                        <!-- Donation Info Section -->\n                        <div class=\"donation-content\">\n                                                            <div class=\"donation-progress-bar\">\n                                    <div class=\"progress-outer\">\n                                        <div class=\"progress-inner\" style=\"width: 0%\">\n                                                                                            <span class=\"progress-percent\">0%<\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Donation Amounts -->\n                            <div class=\"donation-amounts\">\n                                                                    <div class=\"raised-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 0.0<\/span>\n                                        <span class=\"amount-label\">Received<\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"goal-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 8,000.0<\/span>\n                                        <span class=\"amount-label\">Goal<\/span>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Title -->\n                            <h3 class=\"donation-title\"><a href=\"https:\/\/rotary9103.org\/?cause=shelter-food-and-care-in-crisis\">Safety Nourishment and Support<\/a><\/h3>\n\n                            \n                            <!-- Donate Button -->\n                                                            <lifeline-donation-button :id=\"29261\">\n                                \n                                <a class=\"donate-button\" href=\"#\">\n                                                                            <i class=\"fa fa-angle-right\"><\/i>\n                                                                        Donate Now                                <\/a>\n\n                                                                <\/lifeline-donation-button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                        <div class=\"donation-card-item\">\n                    <div class=\"donation-card\">\n                        <!-- Featured Image -->\n                        <div class=\"donation-image\">\n                                                            <img decoding=\"async\" width=\"1536\" height=\"708\" src=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1.webp 1536w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1-600x277.webp 600w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1-300x138.webp 300w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1-1024x472.webp 1024w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1-768x354.webp 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>                            \n                                                            <div class=\"trending-badge\">\n                                    <i class=\"fas fa-bolt\"><\/i> Trending                                <\/div>\n                                                    <\/div>\n\n                        <!-- Donation Info Section -->\n                        <div class=\"donation-content\">\n                                                            <div class=\"donation-progress-bar\">\n                                    <div class=\"progress-outer\">\n                                        <div class=\"progress-inner\" style=\"width: 0%\">\n                                                                                            <span class=\"progress-percent\">0%<\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Donation Amounts -->\n                            <div class=\"donation-amounts\">\n                                                                    <div class=\"raised-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 0.0<\/span>\n                                        <span class=\"amount-label\">Received<\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"goal-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 13,000.0<\/span>\n                                        <span class=\"amount-label\">Goal<\/span>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Title -->\n                            <h3 class=\"donation-title\"><a href=\"https:\/\/rotary9103.org\/?cause=providing-education-to-kids-of-remote-areas\">Providing Education to Kids of Remote Areas<\/a><\/h3>\n\n                            \n                            <!-- Donate Button -->\n                                                            <lifeline-donation-button :id=\"29254\">\n                                \n                                <a class=\"donate-button\" href=\"#\">\n                                                                            <i class=\"fa fa-angle-right\"><\/i>\n                                                                        Donate Now                                <\/a>\n\n                                                                <\/lifeline-donation-button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                        <div class=\"donation-card-item\">\n                    <div class=\"donation-card\">\n                        <!-- Featured Image -->\n                        <div class=\"donation-image\">\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1380\" height=\"750\" src=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/homeless-gallery.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/homeless-gallery.webp 1380w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/homeless-gallery-600x326.webp 600w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/homeless-gallery-300x163.webp 300w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/homeless-gallery-1024x557.webp 1024w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/homeless-gallery-768x417.webp 768w\" sizes=\"(max-width: 1380px) 100vw, 1380px\" \/>                            \n                                                            <div class=\"trending-badge\">\n                                    <i class=\"fas fa-bolt\"><\/i> Trending                                <\/div>\n                                                    <\/div>\n\n                        <!-- Donation Info Section -->\n                        <div class=\"donation-content\">\n                                                            <div class=\"donation-progress-bar\">\n                                    <div class=\"progress-outer\">\n                                        <div class=\"progress-inner\" style=\"width: 0%\">\n                                                                                            <span class=\"progress-percent\">0%<\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Donation Amounts -->\n                            <div class=\"donation-amounts\">\n                                                                    <div class=\"raised-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 0.0<\/span>\n                                        <span class=\"amount-label\">Received<\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"goal-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 45,000.0<\/span>\n                                        <span class=\"amount-label\">Goal<\/span>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Title -->\n                            <h3 class=\"donation-title\"><a href=\"https:\/\/rotary9103.org\/?cause=last-chance-for-us-to-change-the-world\">Last chance for us to change the world<\/a><\/h3>\n\n                            \n                            <!-- Donate Button -->\n                                                            <lifeline-donation-button :id=\"42\">\n                                \n                                <a class=\"donate-button\" href=\"#\">\n                                                                            <i class=\"fa fa-angle-right\"><\/i>\n                                                                        Donate Now                                <\/a>\n\n                                                                <\/lifeline-donation-button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                        <div class=\"donation-card-item\">\n                    <div class=\"donation-card\">\n                        <!-- Featured Image -->\n                        <div class=\"donation-image\">\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1320\" height=\"754\" src=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Give-A-Hand-To-Make-The-Bright-Future-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Give-A-Hand-To-Make-The-Bright-Future-1.webp 1320w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Give-A-Hand-To-Make-The-Bright-Future-1-600x343.webp 600w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Give-A-Hand-To-Make-The-Bright-Future-1-300x171.webp 300w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Give-A-Hand-To-Make-The-Bright-Future-1-1024x585.webp 1024w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Give-A-Hand-To-Make-The-Bright-Future-1-768x439.webp 768w\" sizes=\"(max-width: 1320px) 100vw, 1320px\" \/>                            \n                                                            <div class=\"trending-badge\">\n                                    <i class=\"fas fa-bolt\"><\/i> Trending                                <\/div>\n                                                    <\/div>\n\n                        <!-- Donation Info Section -->\n                        <div class=\"donation-content\">\n                                                            <div class=\"donation-progress-bar\">\n                                    <div class=\"progress-outer\">\n                                        <div class=\"progress-inner\" style=\"width: 0%\">\n                                                                                            <span class=\"progress-percent\">0%<\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Donation Amounts -->\n                            <div class=\"donation-amounts\">\n                                                                    <div class=\"raised-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 0.0<\/span>\n                                        <span class=\"amount-label\">Received<\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"goal-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 98,000.0<\/span>\n                                        <span class=\"amount-label\">Goal<\/span>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Title -->\n                            <h3 class=\"donation-title\"><a href=\"https:\/\/rotary9103.org\/?cause=give-a-hand-to-make-the-bright-future-2\">Give A Hand To Make The Bright Future<\/a><\/h3>\n\n                            \n                            <!-- Donate Button -->\n                                                            <lifeline-donation-button :id=\"12565\">\n                                \n                                <a class=\"donate-button\" href=\"#\">\n                                                                            <i class=\"fa fa-angle-right\"><\/i>\n                                                                        Donate Now                                <\/a>\n\n                                                                <\/lifeline-donation-button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                        <div class=\"donation-card-item\">\n                    <div class=\"donation-card\">\n                        <!-- Featured Image -->\n                        <div class=\"donation-image\">\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"708\" src=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Charity-water-1536x708-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Charity-water-1536x708-1.webp 1536w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Charity-water-1536x708-1-600x277.webp 600w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Charity-water-1536x708-1-300x138.webp 300w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Charity-water-1536x708-1-1024x472.webp 1024w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/01\/Charity-water-1536x708-1-768x354.webp 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>                            \n                                                            <div class=\"trending-badge\">\n                                    <i class=\"fas fa-bolt\"><\/i> Trending                                <\/div>\n                                                    <\/div>\n\n                        <!-- Donation Info Section -->\n                        <div class=\"donation-content\">\n                                                            <div class=\"donation-progress-bar\">\n                                    <div class=\"progress-outer\">\n                                        <div class=\"progress-inner\" style=\"width: 0%\">\n                                                                                            <span class=\"progress-percent\">0%<\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Donation Amounts -->\n                            <div class=\"donation-amounts\">\n                                                                    <div class=\"raised-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 0.0<\/span>\n                                        <span class=\"amount-label\">Received<\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"goal-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 67,000.0<\/span>\n                                        <span class=\"amount-label\">Goal<\/span>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Title -->\n                            <h3 class=\"donation-title\"><a href=\"https:\/\/rotary9103.org\/?cause=clean-drinking-water-is-the-basic-necessity\">Clean drinking water is the basic necessity<\/a><\/h3>\n\n                            \n                            <!-- Donate Button -->\n                                                            <lifeline-donation-button :id=\"12568\">\n                                \n                                <a class=\"donate-button\" href=\"#\">\n                                                                            <i class=\"fa fa-angle-right\"><\/i>\n                                                                        Donate Now                                <\/a>\n\n                                                                <\/lifeline-donation-button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n<\/div>\n\n<style>\n    .donation-cards-container {\n        width: 100%;\n    }\n\n    .donation-cards-row {\n        display: flex;\n        flex-wrap: wrap;\n        margin: -15px;\n    }\n\n    .donation-card-item {\n        padding: 15px;\n        box-sizing: border-box;\n        width: calc(33.33% - 30px);\n        margin: 15px;\n    }\n\n    .donation-card {\n        border-radius: 10px;\n        overflow: hidden;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n        background-color: #fff;\n        transition: all 0.3s ease;\n    }\n\n    .donation-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n    }\n\n    .donation-image {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .donation-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\n\n    .trending-badge {\n        position: absolute;\n        top: 15px;\n        left: 15px;\n        background-color: #ff5d47;\n        padding: 5px 15px;\n        border-radius: 20px;\n        color: #fff;\n        font-size: 12px;\n        font-weight: 600;\n        display: flex;\n        align-items: center;\n        z-index: 1;\n    }\n\n    .trending-badge i {\n        margin-right: 5px;\n    }\n\n    .donation-content {\n        padding: 20px;\n    }\n\n    .donation-progress-bar {\n        margin-bottom: 15px;\n    }\n\n    .progress-outer {\n        background-color: #f0f0f0;\n        height: 8px;\n        border-radius: 4px;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .progress-inner {\n        background-color: #ff5d47;\n        height: 100%;\n        border-radius: 4px;\n        position: relative;\n        transition: width 1s ease;\n    }\n\n    .progress-percent {\n        position: absolute;\n        right: 0;\n        top: -20px;\n        font-size: 12px;\n        font-weight: 600;\n    }\n\n    .donation-amounts {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 15px;\n    }\n\n    .raised-amount,\n    .goal-amount {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .amount-value {\n        font-size: 18px;\n        font-weight: 700;\n        color: #333;\n    }\n\n    .amount-label {\n        font-size: 12px;\n        color: #777;\n        text-transform: uppercase;\n    }\n\n    .donation-title {\n        font-size: 18px;\n        font-weight: 700;\n        margin-bottom: 10px;\n        color: #222;\n        line-height: 1.4;\n    }\n\n    .donation-excerpt {\n        color: #666;\n        margin-bottom: 20px;\n        line-height: 1.6;\n    }\n\n    .donate-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #ff5d47;\n        color: #fff;\n        padding: 10px 24px;\n        border-radius: 30px;\n        text-decoration: none;\n        font-weight: 600;\n        transition: all 0.3s ease;\n        border: none;\n        cursor: pointer;\n    }\n\n    .donate-button:hover {\n        background-color: #e04835;\n        color: #fff;\n    }\n\n    .donate-button i {\n        margin-right: 8px;\n    }\n\n    @media (max-width: 1024px) {\n        .donation-card-item {\n            width: calc(50% - 30px);\n        }\n    }\n\n    @media (max-width: 767px) {\n        .donation-card-item {\n            width: calc(100% - 30px);\n        }\n\n        .donation-amounts {\n            flex-direction: column;\n            gap: 10px;\n        }\n    }\n<\/style>\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-538246b e-con-full story-slidder e-flex e-con e-parent\" data-id=\"538246b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6c5b0c9 e-flex e-con-boxed e-con e-child\" data-id=\"6c5b0c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\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","protected":false},"excerpt":{"rendered":"<p>Urgent Donation Needed Mason Lee is cancer patient and waiting for urgent help $76,000 Still Needed Donate Urgently Trending 66.67% $ 4,000 Received $ 6,000 Goal Camps and food delivery in Kenya Donate Now Trending 62.5% $ 5,000 Received $ 8,000 Goal Safety Nourishment and Support Donate Now Trending 76.92% $ 10,000 Received $ 13,000 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-26714","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages\/26714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rotary9103.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26714"}],"version-history":[{"count":0,"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages\/26714\/revisions"}],"wp:attachment":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}