{"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:\/\/staging.yuvaparivartan.org\/hindi\/hero-grid-cause-style\/","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:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" \/>                            \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:\/\/staging.yuvaparivartan.org\/hindi\/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:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/08\/615x605-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" \/>                            \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:\/\/staging.yuvaparivartan.org\/hindi\/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:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" \/>                            \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:\/\/staging.yuvaparivartan.org\/hindi\/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:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/01\/homeless-gallery-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" \/>                            \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:\/\/staging.yuvaparivartan.org\/hindi\/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:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/01\/Give-A-Hand-To-Make-The-Bright-Future-1-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" \/>                            \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:\/\/staging.yuvaparivartan.org\/hindi\/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:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/01\/Charity-water-1536x708-1-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" \/>                            \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:\/\/staging.yuvaparivartan.org\/hindi\/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<div class=\"elementor-element elementor-element-lifeline_story hopenesst-volunteers-sliders lifeline-testimonial-style1 elementor-widget elementor-widget-Lifeline Story\" data-id=\"lifeline_story\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Lifeline Story.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t          <div class=\"lifeline-story-style1\">\r\n         <div class=\"story-section-content\">\r\n             <div class=\"story-section-icon\">\r\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"43.822\" height=\"50\" viewBox=\"0 0 43.822 50\"><g id=\"Group_1\" data-name=\"Group 1\" transform=\"translate(-1 -1)\"><path id=\"Path_3\" data-name=\"Path 3\" d=\"M10.489,0H22.7A10.489,10.489,0,0,1,33.19,10.489V22.845A10.489,10.489,0,0,1,22.7,33.333H10.489A10.489,10.489,0,0,1,0,22.845V10.489A10.489,10.489,0,0,1,10.489,0Z\" transform=\"translate(1 17.667)\" fill=\"#f45a46\"><\/path><path id=\"Path_1\" data-name=\"Path 1\" d=\"M10.489,0H22.7A10.489,10.489,0,0,1,33.19,10.489V22.845A10.489,10.489,0,0,1,22.7,33.333H10.489A10.489,10.489,0,0,1,0,22.845V10.489A10.489,10.489,0,0,1,10.489,0Z\" transform=\"translate(11.632 1)\" fill=\"#fff\"><\/path><path id=\"Path_2\" data-name=\"Path 2\" d=\"M4.31,0H8.333a4.31,4.31,0,0,1,4.31,4.31V7.9a4.31,4.31,0,0,1-4.31,4.31H4.31A4.31,4.31,0,0,1,0,7.9V4.31A4.31,4.31,0,0,1,4.31,0Z\" transform=\"translate(21.977 11.632)\" fill=\"#f45a46\"><\/path><\/g><\/svg>             <\/div>\r\n             <p class=\"story-section-description\"><\/p>\r\n             <h2 class=\"story-section-title\">Successful Stories<\/h2>\r\n\r\n         <\/div>\r\n\r\n                  <div class=\"life-story-carousel\" data-autoplay=\"\"\r\n             data-autoplay-speed=\"\"\r\n             data-show-navigation=\"yes\"\r\n             data-show-dots=\"\">\r\n\r\n                          <div class=\"story-slide\">\r\n                 <div class=\"story-container\">\r\n                     <div class=\"story-image\">\r\n                                                  <img loading=\"lazy\" decoding=\"async\" width=\"1380\" height=\"750\" src=\"https:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/09\/homeless-gallery-5-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" \/>                                              <\/div>\r\n                     <div class=\"story-content\">\r\n                         <div class=\"story-label-author-name\">\r\n                             <div class=\"story-by-label\">\r\n                                 STORY BY:                             <\/div>\r\n                             <div class=\"story-author\">\r\n                                 <p class=\"story-submitter\"> Noah Alexander<\/p>\r\n                             <\/div>\r\n                         <\/div>\r\n                         <h3 class=\"story-title\">A New Home for Little Ayesha\u2019s Family<\/h3>\r\n\r\n                         <div class=\"story-excerpt\">\r\n                             Created by Ethan Lewis Publish Date November 10, 2025 Logan and Gabriella Story We desire to see every person at...                         <\/div>\r\n                     <\/div>\r\n                 <\/div>\r\n             <\/div>\r\n                          <div class=\"story-slide\">\r\n                 <div class=\"story-container\">\r\n                     <div class=\"story-image\">\r\n                                                  <img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"464\" src=\"https:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/08\/image-3-min-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" \/>                                              <\/div>\r\n                     <div class=\"story-content\">\r\n                         <div class=\"story-label-author-name\">\r\n                             <div class=\"story-by-label\">\r\n                                 STORY BY:                             <\/div>\r\n                             <div class=\"story-author\">\r\n                                 <p class=\"story-submitter\"> John Michael<\/p>\r\n                             <\/div>\r\n                         <\/div>\r\n                         <h3 class=\"story-title\">From Hunger to Hopeful Smiles<\/h3>\r\n\r\n                         <div class=\"story-excerpt\">\r\n                             Created by Ethan Lewis Publish Date November 10, 2025 Logan and Gabriella Story We desire to see every person at...                         <\/div>\r\n                     <\/div>\r\n                 <\/div>\r\n             <\/div>\r\n                          <div class=\"story-slide\">\r\n                 <div class=\"story-container\">\r\n                     <div class=\"story-image\">\r\n                                                  <img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"464\" src=\"https:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/07\/story-img-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" \/>                                              <\/div>\r\n                     <div class=\"story-content\">\r\n                         <div class=\"story-label-author-name\">\r\n                             <div class=\"story-by-label\">\r\n                                 STORY BY:                             <\/div>\r\n                             <div class=\"story-author\">\r\n                                 <p class=\"story-submitter\"> Liam Thomas<\/p>\r\n                             <\/div>\r\n                         <\/div>\r\n                         <h3 class=\"story-title\">Clean Water Changed Our Entire Village<\/h3>\r\n\r\n                         <div class=\"story-excerpt\">\r\n                             Created by Ethan Lewis Publish Date November 10, 2025 Logan and Gabriella Story We desire to see every person at...                         <\/div>\r\n                     <\/div>\r\n                 <\/div>\r\n             <\/div>\r\n                          <div class=\"story-slide\">\r\n                 <div class=\"story-container\">\r\n                     <div class=\"story-image\">\r\n                                                  <img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"464\" src=\"https:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/06\/21-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" \/>                                              <\/div>\r\n                     <div class=\"story-content\">\r\n                         <div class=\"story-label-author-name\">\r\n                             <div class=\"story-by-label\">\r\n                                 STORY BY:                             <\/div>\r\n                             <div class=\"story-author\">\r\n                                 <p class=\"story-submitter\"> James Robert<\/p>\r\n                             <\/div>\r\n                         <\/div>\r\n                         <h3 class=\"story-title\">Education Gave Him a Bright Future<\/h3>\r\n\r\n                         <div class=\"story-excerpt\">\r\n                             Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts.                         <\/div>\r\n                     <\/div>\r\n                 <\/div>\r\n             <\/div>\r\n                          <div class=\"story-slide\">\r\n                 <div class=\"story-container\">\r\n                     <div class=\"story-image\">\r\n                                                  <img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"464\" src=\"https:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/06\/image-1-min-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" \/>                                              <\/div>\r\n                     <div class=\"story-content\">\r\n                         <div class=\"story-label-author-name\">\r\n                             <div class=\"story-by-label\">\r\n                                 STORY BY:                             <\/div>\r\n                             <div class=\"story-author\">\r\n                                 <p class=\"story-submitter\"> William Chase<\/p>\r\n                             <\/div>\r\n                         <\/div>\r\n                         <h3 class=\"story-title\">Healing Hands for the Homeless Hearts<\/h3>\r\n\r\n                         <div class=\"story-excerpt\">\r\n                             Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts.                         <\/div>\r\n                     <\/div>\r\n                 <\/div>\r\n             <\/div>\r\n                          <div class=\"story-slide\">\r\n                 <div class=\"story-container\">\r\n                     <div class=\"story-image\">\r\n                                                  <img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"464\" src=\"https:\/\/staging.yuvaparivartan.org\/wp-content\/uploads\/2025\/06\/image-2-min-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" \/>                                              <\/div>\r\n                     <div class=\"story-content\">\r\n                         <div class=\"story-label-author-name\">\r\n                             <div class=\"story-by-label\">\r\n                                 STORY BY:                             <\/div>\r\n                             <div class=\"story-author\">\r\n                                 <p class=\"story-submitter\"> David Lee<\/p>\r\n                             <\/div>\r\n                         <\/div>\r\n                         <h3 class=\"story-title\">Together We Rebuilt a Better Life<\/h3>\r\n\r\n                         <div class=\"story-excerpt\">\r\n                             Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts.                         <\/div>\r\n                     <\/div>\r\n                 <\/div>\r\n             <\/div>\r\n                      <\/div>\r\n     <\/div>\r\n     <style>\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n    .story-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .life-story-carousel {\r\n        padding: 20px;\r\n    }\r\n\r\n    .story-content {\r\n        padding: 20px;\r\n    }\r\n\r\n    .story-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .story-image {\r\n        height: 250px;\r\n    }\r\n\r\n    .life-story-carousel .slick-prev,\r\n    .life-story-carousel .slick-next {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n    .life-story-carousel .slick-prev {\r\n        left: 10px;\r\n    }\r\n\r\n    .life-story-carousel .slick-next {\r\n        right: 10px;\r\n    }\r\n\r\n    .life-story-carousel .slick-prev:before,\r\n    .life-story-carousel .slick-next:before {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .story-title {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .story-excerpt {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .story-author {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .story-image {\r\n        height: 200px;\r\n    }\r\n\r\n    .life-story-carousel {\r\n        padding: 15px;\r\n    }\r\n}\r\n     <\/style>\r\n\r\n     <script>\r\njQuery(document).ready(function($) {\r\n    const $carousel = $('.life-story-carousel');\r\n\r\n    if ($carousel.length && typeof $.fn.slick !== 'undefined') {\r\n        const autoplay = $carousel.data('autoplay') === 'yes' || $carousel.data('autoplay') === true;\r\n        const autoplaySpeed = parseInt($carousel.data('autoplay-speed')) || 3000;\r\n        const showNavigation = $carousel.data('show-navigation') === 'yes' || $carousel.data(\r\n            'show-navigation') === true;\r\n        const showDots = $carousel.data('show-dots') === 'yes' || $carousel.data('show-dots') === true;\r\n\r\n        \/\/ Add classes to hide navigation\/dots if disabled\r\n        if (!showNavigation) {\r\n            $carousel.addClass('hide-navigation');\r\n        }\r\n        if (!showDots) {\r\n            $carousel.addClass('hide-dots');\r\n        }\r\n\r\n        $carousel.slick({\r\n            dots: showDots,\r\n            infinite: true,\r\n            speed: 500,\r\n            slidesToShow: 1,\r\n            slidesToScroll: 1,\r\n            autoplay: autoplay,\r\n            autoplaySpeed: autoplaySpeed,\r\n            arrows: showNavigation,\r\n            pauseOnHover: true,\r\n            pauseOnFocus: true,\r\n            fade: false,\r\n            cssEase: 'ease-in-out',\r\n            adaptiveHeight: false,\r\n            responsive: [{\r\n                breakpoint: 768,\r\n                settings: {\r\n                    adaptiveHeight: true\r\n                }\r\n            }]\r\n        });\r\n\r\n        \/\/ Custom events for better UX\r\n        $carousel.on('beforeChange', function(event, slick, currentSlide, nextSlide) {\r\n            \/\/ Add any custom before change logic here\r\n        });\r\n\r\n        $carousel.on('afterChange', function(event, slick, currentSlide) {\r\n            \/\/ Add any custom after change logic here\r\n        });\r\n    }\r\n});\r\n     <\/script>\r\n\r\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>\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":{"footnotes":""},"class_list":["post-26714","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hero Grid Cause Style - Inspiration Station<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/staging.yuvaparivartan.org\/hindi\/hero-grid-cause-style\/\" \/>\n<meta property=\"og:locale\" content=\"hi_IN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hero Grid Cause Style - Inspiration Station\" \/>\n<meta property=\"og:description\" content=\"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;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.yuvaparivartan.org\/hindi\/hero-grid-cause-style\/\" \/>\n<meta property=\"og:site_name\" content=\"Inspiration Station\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lifelinetheme.com\/wp-content\/uploads\/1\/2025\/08\/Poor-child-education-1536x708-1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0905\u0928\u0941\u092e\u093e\u0928\u093f\u0924 \u092a\u0922\u093c\u0928\u0947 \u0915\u093e \u0938\u092e\u092f\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u092e\u093f\u0928\u091f\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/hero-grid-cause-style\\\/\",\"url\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/hero-grid-cause-style\\\/\",\"name\":\"Hero Grid Cause Style - Inspiration Station\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/hero-grid-cause-style\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/hero-grid-cause-style\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lifelinetheme.com\\\/wp-content\\\/uploads\\\/1\\\/2025\\\/08\\\/Poor-child-education-1536x708-1.webp\",\"datePublished\":\"2025-07-01T06:09:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/hero-grid-cause-style\\\/#breadcrumb\"},\"inLanguage\":\"hi-IN\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/staging.yuvaparivartan.org\\\/hero-grid-cause-style\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hi-IN\",\"@id\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/hero-grid-cause-style\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lifelinetheme.com\\\/wp-content\\\/uploads\\\/1\\\/2025\\\/08\\\/Poor-child-education-1536x708-1.webp\",\"contentUrl\":\"https:\\\/\\\/lifelinetheme.com\\\/wp-content\\\/uploads\\\/1\\\/2025\\\/08\\\/Poor-child-education-1536x708-1.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/hero-grid-cause-style\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hero Grid Cause Style\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/#website\",\"url\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/\",\"name\":\"Inspiration Station\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/staging.yuvaparivartan.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hi-IN\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hero Grid Cause Style - Inspiration Station","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/staging.yuvaparivartan.org\/hindi\/hero-grid-cause-style\/","og_locale":"hi_IN","og_type":"article","og_title":"Hero Grid Cause Style - Inspiration Station","og_description":"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;]","og_url":"https:\/\/staging.yuvaparivartan.org\/hindi\/hero-grid-cause-style\/","og_site_name":"Inspiration Station","og_image":[{"url":"https:\/\/lifelinetheme.com\/wp-content\/uploads\/1\/2025\/08\/Poor-child-education-1536x708-1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0905\u0928\u0941\u092e\u093e\u0928\u093f\u0924 \u092a\u0922\u093c\u0928\u0947 \u0915\u093e \u0938\u092e\u092f":"1 \u092e\u093f\u0928\u091f"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.yuvaparivartan.org\/hero-grid-cause-style\/","url":"https:\/\/staging.yuvaparivartan.org\/hero-grid-cause-style\/","name":"Hero Grid Cause Style - Inspiration Station","isPartOf":{"@id":"https:\/\/staging.yuvaparivartan.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.yuvaparivartan.org\/hero-grid-cause-style\/#primaryimage"},"image":{"@id":"https:\/\/staging.yuvaparivartan.org\/hero-grid-cause-style\/#primaryimage"},"thumbnailUrl":"https:\/\/lifelinetheme.com\/wp-content\/uploads\/1\/2025\/08\/Poor-child-education-1536x708-1.webp","datePublished":"2025-07-01T06:09:27+00:00","breadcrumb":{"@id":"https:\/\/staging.yuvaparivartan.org\/hero-grid-cause-style\/#breadcrumb"},"inLanguage":"hi-IN","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.yuvaparivartan.org\/hero-grid-cause-style\/"]}]},{"@type":"ImageObject","inLanguage":"hi-IN","@id":"https:\/\/staging.yuvaparivartan.org\/hero-grid-cause-style\/#primaryimage","url":"https:\/\/lifelinetheme.com\/wp-content\/uploads\/1\/2025\/08\/Poor-child-education-1536x708-1.webp","contentUrl":"https:\/\/lifelinetheme.com\/wp-content\/uploads\/1\/2025\/08\/Poor-child-education-1536x708-1.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/staging.yuvaparivartan.org\/hero-grid-cause-style\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.yuvaparivartan.org\/"},{"@type":"ListItem","position":2,"name":"Hero Grid Cause Style"}]},{"@type":"WebSite","@id":"https:\/\/staging.yuvaparivartan.org\/#website","url":"https:\/\/staging.yuvaparivartan.org\/","name":"Inspiration Station","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.yuvaparivartan.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hi-IN"}]}},"_links":{"self":[{"href":"https:\/\/staging.yuvaparivartan.org\/hindi\/wp-json\/wp\/v2\/pages\/26714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.yuvaparivartan.org\/hindi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.yuvaparivartan.org\/hindi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.yuvaparivartan.org\/hindi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.yuvaparivartan.org\/hindi\/wp-json\/wp\/v2\/comments?post=26714"}],"version-history":[{"count":0,"href":"https:\/\/staging.yuvaparivartan.org\/hindi\/wp-json\/wp\/v2\/pages\/26714\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.yuvaparivartan.org\/hindi\/wp-json\/wp\/v2\/media?parent=26714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}