{"id":4383,"date":"2021-09-29T11:31:33","date_gmt":"2021-09-29T11:31:33","guid":{"rendered":"https:\/\/lifeline-elementor.webinane.net\/?page_id=4383"},"modified":"2021-09-29T11:31:33","modified_gmt":"2021-09-29T11:31:33","slug":"causes-style-2","status":"publish","type":"page","link":"https:\/\/sustainablecs.org\/?page_id=4383","title":{"rendered":"Causes List Style"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4383\" class=\"elementor elementor-4383\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-84f339f elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"84f339f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c61c1b3\" data-id=\"c61c1b3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t<script>\r\n    jQuery(document).ready(function($) {\r\n        function toggleRepeaterFields() {\r\n            let style = $('.elementor-control-style select').val();\r\n\r\n            if (style === 'style1') {\r\n                $('.elementor-control-testimonials').show();\r\n            } else {\r\n                $('.elementor-control-testimonials').hide();\r\n            }\r\n        }\r\n\r\n        \/\/ Run when the style dropdown changes\r\n        $(document).on('change', '.elementor-control-style select', function() {\r\n            toggleRepeaterFields();\r\n        });\r\n\r\n        \/\/ Run on initialization\r\n        setTimeout(() => {\r\n            toggleRepeaterFields();\r\n        }, 1000);\r\n    });\r\n<\/script>\t\t<div class=\"elementor-element elementor-element-lifeline_causes elementor-widget elementor-widget-Causes\" data-id=\"lifeline_causes\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Causes.2\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"row align-items-center causes-style-2 \" data-options=\"[]\">\n                    <div class=\"cause-item\">\n            <div class=\"row align-items-center\">\n\n                <!-- LEFT SIDE CONTENT -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-content cause-content-style2\">\n\n                                                    <div class=\"causes-style-2-location\">\n                                <span class=\"cause2-location\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                    Belgium                                <\/span>\n                            <\/div>\n                        \n                        <h3 class=\"lif-title\">\n                            <a href=\"https:\/\/sustainablecs.org\/?cause=last-chance-for-us-to-change-the-world\">\n                                Last chance for us to change the world                            <\/a>\n                        <\/h3>\n\n                        <p class=\"lif-subtitle\">\n                            as well as a ran dom Lipsum generator ls origins, as well as a ranwell as ai orem Ipsum, giving information on.Lorem Ipsum, giving information&hellip;                        <\/p>\n\n                                                    <div class=\"cause12-progress mt-3\">\n                                <div class=\"progress-container\">\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar cause12-progress-bar\"\n                                            role=\"progressbar\"\n                                            style=\"width: 0%\"\n                                            aria-valuenow=\"0\"\n                                            aria-valuemin=\"0\"\n                                            aria-valuemax=\"100\">\n                                        <\/div>\n                                        <span class=\"progress-value\" style=\"left: 0%\">0%<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                        <div class=\"cause-target d-flex justify-content-between\">\n                                                            <div class=\"cause-amount-collected d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>0.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Target<\/h6>\n                                <\/div>\n                                                                                        <div class=\"cause-amount-needed d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>15,780.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Goal<\/h6>\n                                <\/div>\n                            \n                            \n\n                            \t\t\t\t<div class=\"lifeline-donation-app mt-30\">\n\t\t\t\t\t<lifeline-donation-button :id=\"42\" dstyle=\"1\">\n\t\t\t\t\t\t<a class=\"theme-btn bg-theme overflow-hidden d-inline-block text-white align-self-center align-middle position-relative rounded font-weight-bold\" href=\"javascript:void(0);\" title=\"Donate Now\">\n\t\t\t\t\t\t\tDonate Now\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/lifeline-donation-button>\n\t\t\t\t<\/div>\n\t\t\t                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- RIGHT SIDE IMAGE -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-media caue-media-style2\">\n                        <figure class=\"mb-0\">\n                                                                                                                <\/figure>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n                            <div class=\"cause-item\">\n            <div class=\"row align-items-center\">\n\n                <!-- LEFT SIDE CONTENT -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-content cause-content-style2\">\n\n                                                    <div class=\"causes-style-2-location\">\n                                <span class=\"cause2-location\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                    Belgium                                <\/span>\n                            <\/div>\n                        \n                        <h3 class=\"lif-title\">\n                            <a href=\"https:\/\/sustainablecs.org\/?cause=give-a-hand-to-make-the-bright-future-2\">\n                                Give A Hand To Make The Bright Future                            <\/a>\n                        <\/h3>\n\n                        <p class=\"lif-subtitle\">\n                            as well as a ran dom Lipsum generator ls origins, as well as a ranwell as ai orem Ipsum, giving information on.Lorem Ipsum, giving information&hellip;                        <\/p>\n\n                                                    <div class=\"cause12-progress mt-3\">\n                                <div class=\"progress-container\">\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar cause12-progress-bar\"\n                                            role=\"progressbar\"\n                                            style=\"width: 0%\"\n                                            aria-valuenow=\"0\"\n                                            aria-valuemin=\"0\"\n                                            aria-valuemax=\"100\">\n                                        <\/div>\n                                        <span class=\"progress-value\" style=\"left: 0%\">0%<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                        <div class=\"cause-target d-flex justify-content-between\">\n                                                            <div class=\"cause-amount-collected d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>0.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Target<\/h6>\n                                <\/div>\n                                                                                        <div class=\"cause-amount-needed d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>40,050.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Goal<\/h6>\n                                <\/div>\n                            \n                            \n\n                            \t\t\t\t<div class=\"lifeline-donation-app mt-30\">\n\t\t\t\t\t<lifeline-donation-button :id=\"12565\" dstyle=\"1\">\n\t\t\t\t\t\t<a class=\"theme-btn bg-theme overflow-hidden d-inline-block text-white align-self-center align-middle position-relative rounded font-weight-bold\" href=\"javascript:void(0);\" title=\"Donate Now\">\n\t\t\t\t\t\t\tDonate Now\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/lifeline-donation-button>\n\t\t\t\t<\/div>\n\t\t\t                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- RIGHT SIDE IMAGE -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-media caue-media-style2\">\n                        <figure class=\"mb-0\">\n                                                                                                                <\/figure>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n                            <div class=\"cause-item\">\n            <div class=\"row align-items-center\">\n\n                <!-- LEFT SIDE CONTENT -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-content cause-content-style2\">\n\n                                                    <div class=\"causes-style-2-location\">\n                                <span class=\"cause2-location\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                    Belgium                                <\/span>\n                            <\/div>\n                        \n                        <h3 class=\"lif-title\">\n                            <a href=\"https:\/\/sustainablecs.org\/?cause=clean-drinking-water-is-the-basic-necessity\">\n                                Clean drinking water is the basic necessity                            <\/a>\n                        <\/h3>\n\n                        <p class=\"lif-subtitle\">\n                            information on its origins, as well as a random Lipsum generator lipsum as it is sometimes know information on its origins, as well as a&hellip;                        <\/p>\n\n                                                    <div class=\"cause12-progress mt-3\">\n                                <div class=\"progress-container\">\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar cause12-progress-bar\"\n                                            role=\"progressbar\"\n                                            style=\"width: 0%\"\n                                            aria-valuenow=\"0\"\n                                            aria-valuemin=\"0\"\n                                            aria-valuemax=\"100\">\n                                        <\/div>\n                                        <span class=\"progress-value\" style=\"left: 0%\">0%<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                        <div class=\"cause-target d-flex justify-content-between\">\n                                                            <div class=\"cause-amount-collected d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>0.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Target<\/h6>\n                                <\/div>\n                                                                                        <div class=\"cause-amount-needed d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>67,000.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Goal<\/h6>\n                                <\/div>\n                            \n                            \n\n                            \t\t\t\t<div class=\"lifeline-donation-app mt-30\">\n\t\t\t\t\t<lifeline-donation-button :id=\"12568\" dstyle=\"1\">\n\t\t\t\t\t\t<a class=\"theme-btn bg-theme overflow-hidden d-inline-block text-white align-self-center align-middle position-relative rounded font-weight-bold\" href=\"javascript:void(0);\" title=\"Donate Now\">\n\t\t\t\t\t\t\tDonate Now\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/lifeline-donation-button>\n\t\t\t\t<\/div>\n\t\t\t                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- RIGHT SIDE IMAGE -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-media caue-media-style2\">\n                        <figure class=\"mb-0\">\n                                                                                                                <\/figure>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n                            <div class=\"cause-item\">\n            <div class=\"row align-items-center\">\n\n                <!-- LEFT SIDE CONTENT -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-content cause-content-style2\">\n\n                                                    <div class=\"causes-style-2-location\">\n                                <span class=\"cause2-location\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                    Belgium                                <\/span>\n                            <\/div>\n                        \n                        <h3 class=\"lif-title\">\n                            <a href=\"https:\/\/sustainablecs.org\/?cause=we-made-efforts-to-stop-child-labor\">\n                                We made efforts to stop child labor                            <\/a>\n                        <\/h3>\n\n                        <p class=\"lif-subtitle\">\n                            $6,500 Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator lipsum as it is sometimes know information on its origins,&hellip;                        <\/p>\n\n                                                    <div class=\"cause12-progress mt-3\">\n                                <div class=\"progress-container\">\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar cause12-progress-bar\"\n                                            role=\"progressbar\"\n                                            style=\"width: 0%\"\n                                            aria-valuenow=\"0\"\n                                            aria-valuemin=\"0\"\n                                            aria-valuemax=\"100\">\n                                        <\/div>\n                                        <span class=\"progress-value\" style=\"left: 0%\">0%<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                        <div class=\"cause-target d-flex justify-content-between\">\n                                                            <div class=\"cause-amount-collected d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>0.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Target<\/h6>\n                                <\/div>\n                                                                                        <div class=\"cause-amount-needed d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>456,700.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Goal<\/h6>\n                                <\/div>\n                            \n                            \n\n                            \t\t\t\t<div class=\"lifeline-donation-app mt-30\">\n\t\t\t\t\t<lifeline-donation-button :id=\"15188\" dstyle=\"1\">\n\t\t\t\t\t\t<a class=\"theme-btn bg-theme overflow-hidden d-inline-block text-white align-self-center align-middle position-relative rounded font-weight-bold\" href=\"javascript:void(0);\" title=\"Donate Now\">\n\t\t\t\t\t\t\tDonate Now\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/lifeline-donation-button>\n\t\t\t\t<\/div>\n\t\t\t                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- RIGHT SIDE IMAGE -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-media caue-media-style2\">\n                        <figure class=\"mb-0\">\n                                                                                                                <\/figure>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n                            <div class=\"cause-item\">\n            <div class=\"row align-items-center\">\n\n                <!-- LEFT SIDE CONTENT -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-content cause-content-style2\">\n\n                                                    <div class=\"causes-style-2-location\">\n                                <span class=\"cause2-location\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                    South Africa                                <\/span>\n                            <\/div>\n                        \n                        <h3 class=\"lif-title\">\n                            <a href=\"https:\/\/sustainablecs.org\/?cause=senior-citizens-should-be-given-food-daily-2\">\n                                Senior citizens should be given food daily                            <\/a>\n                        <\/h3>\n\n                        <p class=\"lif-subtitle\">\n                            Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator lipsum as it is sometimes know information on its origins, as&hellip;                        <\/p>\n\n                                                    <div class=\"cause12-progress mt-3\">\n                                <div class=\"progress-container\">\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar cause12-progress-bar\"\n                                            role=\"progressbar\"\n                                            style=\"width: 0%\"\n                                            aria-valuenow=\"0\"\n                                            aria-valuemin=\"0\"\n                                            aria-valuemax=\"100\">\n                                        <\/div>\n                                        <span class=\"progress-value\" style=\"left: 0%\">0%<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                        <div class=\"cause-target d-flex justify-content-between\">\n                                                            <div class=\"cause-amount-collected d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>0.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Target<\/h6>\n                                <\/div>\n                                                                                        <div class=\"cause-amount-needed d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>33,400.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Goal<\/h6>\n                                <\/div>\n                            \n                            \n\n                            \t\t\t\t<div class=\"lifeline-donation-app mt-30\">\n\t\t\t\t\t<lifeline-donation-button :id=\"12572\" dstyle=\"1\">\n\t\t\t\t\t\t<a class=\"theme-btn bg-theme overflow-hidden d-inline-block text-white align-self-center align-middle position-relative rounded font-weight-bold\" href=\"javascript:void(0);\" title=\"Donate Now\">\n\t\t\t\t\t\t\tDonate Now\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/lifeline-donation-button>\n\t\t\t\t<\/div>\n\t\t\t                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- RIGHT SIDE IMAGE -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-media caue-media-style2\">\n                        <figure class=\"mb-0\">\n                                                                                                                <\/figure>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n                            <div class=\"cause-item\">\n            <div class=\"row align-items-center\">\n\n                <!-- LEFT SIDE CONTENT -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-content cause-content-style2\">\n\n                                                    <div class=\"causes-style-2-location\">\n                                <span class=\"cause2-location\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                    Belgium                                <\/span>\n                            <\/div>\n                        \n                        <h3 class=\"lif-title\">\n                            <a href=\"https:\/\/sustainablecs.org\/?cause=fighting-malnutrition-in-kids-of-botswana\">\n                                Fighting malnutrition in kids of Botswana                            <\/a>\n                        <\/h3>\n\n                        <p class=\"lif-subtitle\">\n                            $6,500 Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator lipsum as it is sometimes know information on its origins,&hellip;                        <\/p>\n\n                                                    <div class=\"cause12-progress mt-3\">\n                                <div class=\"progress-container\">\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar cause12-progress-bar\"\n                                            role=\"progressbar\"\n                                            style=\"width: 0%\"\n                                            aria-valuenow=\"0\"\n                                            aria-valuemin=\"0\"\n                                            aria-valuemax=\"100\">\n                                        <\/div>\n                                        <span class=\"progress-value\" style=\"left: 0%\">0%<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                        <div class=\"cause-target d-flex justify-content-between\">\n                                                            <div class=\"cause-amount-collected d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>0.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Target<\/h6>\n                                <\/div>\n                                                                                        <div class=\"cause-amount-needed d-flex align-items-center\">\n                                    <span>\n                                        <i class=\"font-style-normal dollar-symbol\">$<\/i>110,000.0                                    <\/span>\n                                    <h6 class=\"mb-0\">Goal<\/h6>\n                                <\/div>\n                            \n                            \n\n                            \t\t\t\t<div class=\"lifeline-donation-app mt-30\">\n\t\t\t\t\t<lifeline-donation-button :id=\"1786\" dstyle=\"1\">\n\t\t\t\t\t\t<a class=\"theme-btn bg-theme overflow-hidden d-inline-block text-white align-self-center align-middle position-relative rounded font-weight-bold\" href=\"javascript:void(0);\" title=\"Donate Now\">\n\t\t\t\t\t\t\tDonate Now\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/lifeline-donation-button>\n\t\t\t\t<\/div>\n\t\t\t                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- RIGHT SIDE IMAGE -->\n                <div class=\"col-lg-6 col-md-12\">\n                    <div class=\"life-cause-media caue-media-style2\">\n                        <figure class=\"mb-0\">\n                                                                                                                <\/figure>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n            <\/div>\n\n<div class=\"pagination-wrap d-inline-block w-100 text-center\"><ul class=\"pagenation text-center\">\n\t<li class=\"page-itemm\"><span aria-label=\"Page 1\" aria-current=\"page\" class=\"page-numbers current\">1<\/span><\/li>\n\t<li class=\"page-itemm\"><a aria-label=\"Page 2\" class=\"page-numbers\" href=\"https:\/\/sustainablecs.org\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F4383&amp;paged=2\">2<\/a><\/li>\n\t<li class=\"page-itemm\"><a class=\"next page-numbers\" href=\"https:\/\/sustainablecs.org\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F4383&amp;paged=2\"><i class=\"fas fa-angle-double-right\"><\/i><\/a><\/li>\n<\/ul>\n<\/div>\n<script>\n    jQuery(document).ready(function($) {\n        \/\/ Initialize tooltips\n        $('[data-toggle=\"tooltip\"]').tooltip();\n\n        \/\/ Update tooltips as the progress bar's width changes\n        $('.progress-bar').each(function() {\n            var percentage = $(this).attr('aria-valuenow');\n            var tooltipText = percentage + '%';\n            $(this).attr('title', tooltipText).tooltip('update');\n        });\n    });\n<\/script>\n\n<style>\n.cause12-progress .progress-container {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    width: 100%;\n}\n\n.cause12-progress .progress {\n    height: 24px;\n    background-color: #f0f0f0;\n    border-radius: 12px;\n    position: relative;\n    width: 100%;\n}\n\n.cause12-progress .progress-bar {\n    border-radius: 12px;\n    transition: width 0.3s ease;\n    background-color: #your-theme-color;\n    height: 100%;\n}\n\n.cause12-progress .progress-value {\n    \/* position: absolute; *\/\n    top: -30px;\n    transform: translateX(-50%);\n    color: #333;\n    font-size: 14px;\n    font-weight: bold;\n    \/* background: rgba(255, 255, 255, 0.9); *\/\n    padding: 2px 8px;\n    border-radius: 4px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n    white-space: nowrap;\n    z-index: 10;\n}\n\n\/* Handle edge cases for very low and very high percentages *\/\n.cause12-progress .progress-value[style*=\"left: 0%\"],\n.cause12-progress .progress-value[style*=\"left: 1%\"],\n.cause12-progress .progress-value[style*=\"left: 2%\"] {\n    left: 20px !important;\n    transform: translateX(0);\n}\n\n.cause12-progress .progress-value[style*=\"left: 98%\"],\n.cause12-progress .progress-value[style*=\"left: 99%\"],\n.cause12-progress .progress-value[style*=\"left: 100%\"] {\n    left: calc(100% - 20px) !important;\n    transform: translateX(-100%);\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Clean drinking water is the basic necessity 0px;}.elementor-12568 .elementor-element.elementor-element-9b9b84d:not(.elementor-motion-effects-element-type-background), .elementor-12568 .elementor-element.elementor-element-9b9b84d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF9F6;}.elementor-12568 .elementor-element.elementor-element-9b9b84d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12568 .elementor-element.elementor-element-9b9b84d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12568 .elementor-element.elementor-element-d1e8792:not(.elementor-motion-effects-element-type-background)&hellip; $67,000.0 Target Collection $33,500.0 Current Collection DONATE NOW Drugs are causes huge mental illness 0px;}.elementor-12569 .elementor-element.elementor-element-0b27ba3:not(.elementor-motion-effects-element-type-background), .elementor-12569 .elementor-element.elementor-element-0b27ba3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF9F6;}.elementor-12569 .elementor-element.elementor-element-0b27ba3{transition:background [&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-4383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sustainablecs.org\/index.php?rest_route=\/wp\/v2\/pages\/4383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sustainablecs.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sustainablecs.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sustainablecs.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sustainablecs.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4383"}],"version-history":[{"count":0,"href":"https:\/\/sustainablecs.org\/index.php?rest_route=\/wp\/v2\/pages\/4383\/revisions"}],"wp:attachment":[{"href":"https:\/\/sustainablecs.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}