{"id":187,"date":"2026-10-22T11:06:06","date_gmt":"2026-10-22T11:06:06","guid":{"rendered":"https:\/\/sharefunds.org\/home\/?page_id=187"},"modified":"2026-10-23T05:15:53","modified_gmt":"2026-10-23T05:15:53","slug":"share-help","status":"publish","type":"page","link":"https:\/\/sharefunds.org\/home\/share-help\/","title":{"rendered":"Share Help"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"187\" class=\"elementor elementor-187\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8ba478 e-con-full e-flex e-con e-parent\" data-id=\"a8ba478\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-953bbaf elementor-widget elementor-widget-html\" data-id=\"953bbaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"path-hero-root\">\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Caveat:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome 6 CDN -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <script>\r\n      tailwind.config = {\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n              brand: {\r\n                dark: '#0B1310',\r\n                darkGreen: '#0D211C',\r\n                orange: '#FF5528',\r\n                orangeDark: '#E0441B',\r\n                textMuted: '#9CA3AF'\r\n              }\r\n            },\r\n            fontFamily: {\r\n              sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n              handwriting: ['\"Caveat\"', 'cursive']\r\n            }\r\n          }\r\n        }\r\n      }\r\n    <\/script>\r\n\r\n    <style>\r\n      .path-hero-root {\r\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n        background-color: #0B1310 !important;\r\n        color: #ffffff !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        overflow: hidden;\r\n      }\r\n      .path-hero-root *, .path-hero-root *::before, .path-hero-root *::after {\r\n        box-sizing: border-box !important;\r\n      }\r\n\r\n      \/* Hero Section (~42vh height) with Scroll Zoom Effect *\/\r\n      .path-hero-section {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 42vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        padding: 4rem 1rem;\r\n      }\r\n\r\n      .path-hero-bg {\r\n        position: absolute;\r\n        inset: -10%;\r\n        background-image: url('https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=1600&auto=format&fit=crop');\r\n        background-size: cover;\r\n        background-position: center center;\r\n        z-index: 1;\r\n        \/* Smooth zoom animation \/ hover feel *\/\r\n        animation: heroZoom 15s ease-in-out infinite alternate;\r\n      }\r\n\r\n      @keyframes heroZoom {\r\n        0% { transform: scale(1); }\r\n        100% { transform: scale(1.12); }\r\n      }\r\n\r\n      .path-hero-section::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to bottom, rgba(11, 19, 16, 0.82), rgba(13, 33, 28, 0.90), rgba(11, 19, 16, 0.95));\r\n        z-index: 2;\r\n      }\r\n    <\/style>\r\n\r\n    <!-- Hero Wrapper (~40-45vh) -->\r\n    <section class=\"path-hero-section\">\r\n        <!-- Background Image with Zoom -->\r\n        <div class=\"path-hero-bg\"><\/div>\r\n\r\n        <!-- Content Container -->\r\n        <div class=\"max-w-4xl mx-auto text-center relative z-10\">\r\n            \r\n            <!-- Subtitle Badge -->\r\n            <div class=\"inline-flex items-center gap-2 mb-3\">\r\n                <div class=\"flex items-center text-brand-orange\">\r\n                    <span class=\"w-6 h-[2px] bg-brand-orange inline-block\"><\/span>\r\n                    <i class=\"fa-solid text-[10px] -ml-1\">\u2794<\/i>\r\n                <\/div>\r\n                <span class=\"font-handwriting text-2xl font-bold text-brand-orange tracking-wide\">\r\n                    Humanitarian Initiative\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <!-- Main Title -->\r\n            <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-black text-white tracking-tight mb-4 leading-[1.15]\">\r\n                SHARE HELP\r\n            <\/h1>\r\n\r\n            <!-- Subtitle \/ Description -->\r\n            <p class=\"text-gray-200 text-base sm:text-lg lg:text-xl font-medium tracking-wide max-w-2xl mx-auto\">\r\n                Humanitarian Empowerment & Livelihood Program\r\n            <\/p>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d3dc7b e-con-full e-flex e-con e-parent\" data-id=\"0d3dc7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0f82ab4 e-con-full e-flex e-con e-child\" data-id=\"0f82ab4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6338a91 e-con-full e-flex e-con e-child\" data-id=\"6338a91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f433076 elementor-widget elementor-widget-html\" data-id=\"f433076\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"share-path-light-root\">\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Caveat:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome 6 CDN -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <script>\r\n      tailwind.config = {\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n              brand: {\r\n                dark: '#0B1310',\r\n                darkGreen: '#0D211C',\r\n                orange: '#FF5528',\r\n                orangeDark: '#E0441B',\r\n                textMuted: '#9CA3AF'\r\n              }\r\n            },\r\n            fontFamily: {\r\n              sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n              handwriting: ['\"Caveat\"', 'cursive']\r\n            }\r\n          }\r\n        }\r\n      }\r\n    <\/script>\r\n\r\n    <style>\r\n      .share-path-light-root {\r\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n        color: #111827 !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        overflow: hidden;\r\n      }\r\n      .share-path-light-root *, .share-path-light-root *::before, .share-path-light-root *::after {\r\n        box-sizing: border-box !important;\r\n      }\r\n\r\n      \/* Infinite Auto-Scroll Marquee for 4 Images (Shows 2 at a time) *\/\r\n      .marquee-container {\r\n        overflow: hidden;\r\n        width: 100%;\r\n        position: relative;\r\n        mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n      }\r\n      .marquee-track {\r\n        display: flex;\r\n        gap: 1.5rem;\r\n        width: max-content;\r\n        animation: scrollMarquee 25s linear infinite;\r\n      }\r\n      .marquee-track:hover {\r\n        animation-play-state: paused;\r\n      }\r\n      @keyframes scrollMarquee {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); }\r\n      }\r\n      .marquee-item {\r\n        width: 300px;\r\n        height: 200px;\r\n        flex-shrink: 0;\r\n        border-radius: 1.5rem;\r\n        overflow: hidden;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 10px 25px -5px rgba(0,0,0,0.08);\r\n      }\r\n      .marquee-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n      }\r\n      .marquee-item:hover img {\r\n        transform: scale(1.08);\r\n      }\r\n\r\n      \/* Clean Light Cards *\/\r\n      .path-light-box {\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 20px 40px -15px rgba(13, 33, 28, 0.06);\r\n      }\r\n    <\/style>\r\n\r\n    <!-- bg-transparent kar diya hai taake koi grey wall ya shade na aaye -->\r\n    <section class=\"py-20 lg:py-28 px-4 sm:px-8 lg:px-16 bg-transparent relative\">\r\n        <div class=\"max-w-5xl mx-auto relative z-10\">\r\n            \r\n            <!-- 100% Width Full Container Layout -->\r\n            <div class=\"flex flex-col gap-12\">\r\n                \r\n                <!-- Top Intro Content -->\r\n                <div class=\"path-light-box p-8 sm:p-12 rounded-3xl\">\r\n                    <div class=\"inline-flex items-center gap-2 mb-3\">\r\n                        <div class=\"flex items-center text-brand-orange\">\r\n                            <span class=\"w-6 h-[2px] bg-brand-orange inline-block\"><\/span>\r\n                            <i class=\"fa-solid text-[10px] -ml-1\">\u2794<\/i>\r\n                        <\/div>\r\n                        <span class=\"font-handwriting text-2xl font-bold text-brand-orange tracking-wide\">\r\n                            SHARE Help Program\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl sm:text-4xl font-black text-brand-darkGreen tracking-tight leading-[1.2] mb-6\">\r\n                        SHARE HELP - Humanitarian Empowerment & Livelihood Program\r\n                    <\/h2>\r\n                    <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed\">\r\n                        HELP stands for Humanitarian Empowerment & Livelihood Program, a powerful initiative under ShareFunds that provides non-educational aid to underserved communities in Pakistan, India, and other regions in need. While ShareFunds supports schools and microfinance, HELP focuses on life\u2019s immediate necessities\u2014food, water, shelter, dignity, and self-sufficiency.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Auto-Scrolling Marquee Gallery (4 Images, Shows 2 at a time) -->\r\n                <div class=\"w-full\">\r\n                    <div class=\"marquee-container\">\r\n                        <div class=\"marquee-track\">\r\n                            <!-- Set 1 (4 Images) -->\r\n                            <div class=\"marquee-item\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?q=80&w=800&auto=format&fit=crop\" alt=\"Student 1\">\r\n                            <\/div>\r\n                            <div class=\"marquee-item\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Student 2\">\r\n                            <\/div>\r\n                            <div class=\"marquee-item\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542810634-71277d95dcbb?q=80&w=800&auto=format&fit=crop\" alt=\"Student 3\">\r\n                            <\/div>\r\n                            <div class=\"marquee-item\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb9?q=80&w=800&auto=format&fit=crop\" alt=\"Student 4\">\r\n                            <\/div>\r\n                            <!-- Set 2 (Duplicate for Infinite Seamless Scroll) -->\r\n                            <div class=\"marquee-item\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?q=80&w=800&auto=format&fit=crop\" alt=\"Student 1\">\r\n                            <\/div>\r\n                            <div class=\"marquee-item\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Student 2\">\r\n                            <\/div>\r\n                            <div class=\"marquee-item\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542810634-71277d95dcbb?q=80&w=800&auto=format&fit=crop\" alt=\"Student 3\">\r\n                            <\/div>\r\n                            <div class=\"marquee-item\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb9?q=80&w=800&auto=format&fit=crop\" alt=\"Student 4\">\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Bottom Vision Content -->\r\n                <div class=\"path-light-box p-8 sm:p-12 rounded-3xl\">\r\n                    <div class=\"inline-flex items-center gap-2 mb-3\">\r\n                        <div class=\"flex items-center text-brand-orange\">\r\n                            <span class=\"w-6 h-[2px] bg-brand-orange inline-block\"><\/span>\r\n                            <i class=\"fa-solid text-[10px] -ml-1\">\u2794<\/i>\r\n                        <\/div>\r\n                        <span class=\"font-handwriting text-2xl font-bold text-brand-orange tracking-wide\">\r\n                            Our Core Purpose\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-3xl sm:text-4xl font-black text-brand-darkGreen tracking-tight leading-[1.2] mb-6\">\r\n                        The Vision Behind SHARE HELP\r\n                    <\/h3>\r\n                    <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed mb-4\">\r\n                        From food distribution during Ramadan to digging wells in arid deserts, from supporting widows with sewing machines to funding marriage ceremonies for orphans, HELP represents a heartfelt commitment to serving humanity. These are the projects that touch lives at the most basic level and give communities the chance to recover, rebuild, and rise.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2502b37 e-con-full e-flex e-con e-child\" data-id=\"2502b37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82cd5fc elementor-widget elementor-widget-html\" data-id=\"82cd5fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sidebar-banner-root\">\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n      .sidebar-banner-root {\r\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n      }\r\n      .sidebar-banner-card {\r\n        background: linear-gradient(135deg, #0D211C, #0B1310);\r\n        border: 1px solid rgba(255, 85, 40, 0.4);\r\n        box-shadow: 0 25px 50px -12px rgba(255, 85, 40, 0.15);\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"sidebar-banner-card p-8 rounded-3xl text-center relative overflow-hidden text-white max-w-sm mx-auto\">\r\n        <!-- Top Accent Glow -->\r\n        <div class=\"absolute -top-20 -right-20 w-40 h-40 bg-[#FF5528]\/20 rounded-full filter blur-2xl pointer-events-none\"><\/div>\r\n\r\n        <!-- Icon Badge -->\r\n        <div class=\"w-16 h-16 rounded-2xl bg-[#FF5528] text-white text-2xl flex items-center justify-center mx-auto mb-6 shadow-xl shadow-[#FF5528]\/40\">\r\n            <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n        <\/div>\r\n\r\n        <!-- Banner Title -->\r\n        <h3 class=\"text-2xl font-black mb-3\">Sponsor a Student Today<\/h3>\r\n        <p class=\"text-gray-300 text-xs sm:text-sm leading-relaxed mb-8\">\r\n            For just <strong class=\"text-[#FF5528]\">$30 per month<\/strong>, you can change a child's destiny and provide uninterrupted access to quality education.\r\n        <\/p>\r\n\r\n        <!-- Highlights list -->\r\n        <div class=\"space-y-3 text-left mb-8 bg-[#0B1310]\/80 p-4 rounded-2xl border border-white\/5\">\r\n            <div class=\"flex items-center gap-3 text-xs sm:text-sm text-gray-300\">\r\n                <i class=\"fa-solid fa-check text-[#FF5528]\"><\/i>\r\n                <span>Direct Sponsor Connection<\/span>\r\n            <\/div>\r\n            <div class=\"flex items-center gap-3 text-xs sm:text-sm text-gray-300\">\r\n                <i class=\"fa-solid fa-check text-[#FF5528]\"><\/i>\r\n                <span>Students Under 10th Grade<\/span>\r\n            <\/div>\r\n            <div class=\"flex items-center gap-3 text-xs sm:text-sm text-gray-300\">\r\n                <i class=\"fa-solid fa-check text-[#FF5528]\"><\/i>\r\n                <span>100% Transparent Impact<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Action Button -->\r\n        <a href=\"https:\/\/www.sharefunds.org\/donate\/\" class=\"w-full inline-flex items-center justify-center bg-[#FF5528] hover:bg-[#E0441B] text-white font-bold px-6 py-3.5 rounded-full shadow-lg hover:shadow-[#FF5528]\/40 transition-all text-sm tracking-wide\">\r\n            <span>Sponsor Now <\/span>\r\n            <i class=\"fa-solid fa-arrow-right ml-2 text-xs\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba9b3a4 elementor-widget elementor-widget-shortcode\" data-id=\"ba9b3a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"110\" class=\"elementor elementor-110\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a62f45 e-con-full e-flex e-con e-child\" data-id=\"9a62f45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2921c0a8 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"2921c0a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"110\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"2921c0a8\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Share Path\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"106\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_fa6265d elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_fa6265d\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_fa6265d]\" id=\"form-field-field_fa6265d\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_e5a39ad elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_e5a39ad\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNumber\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_e5a39ad]\" id=\"form-field-field_e5a39ad\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-recaptcha elementor-field-group elementor-column elementor-field-group-field_03d31db elementor-col-100\">\n\t\t\t\t\t<div class=\"elementor-field\" id=\"form-field-field_03d31db\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit Inquiry<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d689ff e-con-full e-flex e-con e-parent\" data-id=\"6d689ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9d0d2b elementor-widget elementor-widget-html\" data-id=\"a9d0d2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ramadan-section-root\">\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Caveat:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome 6 CDN -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <script>\r\n      tailwind.config = {\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n              brand: {\r\n                dark: '#0B1310',\r\n                darkGreen: '#0D211C',\r\n                orange: '#FF5528',\r\n                orangeDark: '#E0441B',\r\n                textMuted: '#9CA3AF'\r\n              }\r\n            },\r\n            fontFamily: {\r\n              sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n              handwriting: ['\"Caveat\"', 'cursive']\r\n            }\r\n          }\r\n        }\r\n      }\r\n    <\/script>\r\n\r\n    <style>\r\n      .ramadan-section-root {\r\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n        background-color: #0B1310 !important;\r\n        color: #ffffff !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        overflow: hidden;\r\n      }\r\n      .ramadan-section-root *, .ramadan-section-root *::before, .ramadan-section-root *::after {\r\n        box-sizing: border-box !important;\r\n      }\r\n\r\n      \/* Infinite Auto-Scroll Marquee for 3 Images (Shows 2 at a time) *\/\r\n      .ramadan-marquee-container {\r\n        overflow: hidden;\r\n        width: 100%;\r\n        position: relative;\r\n        mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n      }\r\n      .ramadan-marquee-track {\r\n        display: flex;\r\n        gap: 1.5rem;\r\n        width: max-content;\r\n        animation: scrollRamadanMarquee 22s linear infinite;\r\n      }\r\n      .ramadan-marquee-track:hover {\r\n        animation-play-state: paused;\r\n      }\r\n      @keyframes scrollRamadanMarquee {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); }\r\n      }\r\n      .ramadan-marquee-item {\r\n        width: 340px;\r\n        height: 220px;\r\n        flex-shrink: 0;\r\n        border-radius: 1.5rem;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(255, 85, 40, 0.3);\r\n        box-shadow: 0 15px 35px -10px rgba(0,0,0,0.6);\r\n      }\r\n      .ramadan-marquee-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n      }\r\n      .ramadan-marquee-item:hover img {\r\n        transform: scale(1.08);\r\n      }\r\n\r\n      \/* VVIP Glass Card Styling *\/\r\n      .ramadan-glass-box {\r\n        background: rgba(13, 33, 28, 0.82);\r\n        backdrop-filter: blur(18px);\r\n        -webkit-backdrop-filter: blur(18px);\r\n        border: 1px solid rgba(255, 85, 40, 0.22);\r\n        box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.7);\r\n      }\r\n\r\n      \/* Quote Box Styling *\/\r\n      .quote-glass-box {\r\n        background: linear-gradient(135deg, rgba(13, 33, 28, 0.95), rgba(11, 19, 16, 0.98));\r\n        border: 1px solid rgba(255, 85, 40, 0.35);\r\n        border-left: 4px solid #FF5528;\r\n      }\r\n    <\/style>\r\n\r\n    <section class=\"py-20 lg:py-28 px-4 sm:px-8 lg:px-16 bg-brand-dark relative\">\r\n        <!-- Ambient Glow Accents -->\r\n        <div class=\"absolute top-1\/4 left-1\/2 -translate-x-1\/2 w-[600px] h-[300px] bg-brand-darkGreen rounded-full filter blur-[150px] opacity-40 pointer-events-none\"><\/div>\r\n\r\n        <div class=\"max-w-5xl mx-auto relative z-10\">\r\n            \r\n            <!-- SECTION HEADER & INTRO -->\r\n            <div class=\"ramadan-glass-box p-8 sm:p-12 rounded-3xl mb-12\">\r\n                <div class=\"inline-flex items-center gap-2 mb-3\">\r\n                    <div class=\"flex items-center text-brand-orange\">\r\n                        <span class=\"w-6 h-[2px] bg-brand-orange inline-block\"><\/span>\r\n                        <i class=\"fa-solid text-[10px] -ml-1\">\u2794<\/i>\r\n                    <\/div>\r\n                    <span class=\"font-handwriting text-2xl font-bold text-brand-orange tracking-wide\">\r\n                        HELP Initiative\r\n                    <\/span>\r\n                <\/div>\r\n                <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-black text-white tracking-tight leading-[1.15] mb-6\">\r\n                    Ramadan Food Basket Distribution\r\n                <\/h2>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    Every year, as the holy month of Ramadan approaches, ShareFunds, through the HELP initiative, organizes a large-scale food basket distribution to assist vulnerable families in Pakistan and India. With inflation rising and food insecurity affecting millions, Ramadan becomes a time not just of fasting, but of immense struggle for low-income households.\r\n                <\/p>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed\">\r\n                    Through this initiative, ShareFunds distributes essential food baskets to over 2,000 individuals annually, including widows, orphans, daily wage laborers, and internally displaced families. Each food basket is carefully designed to last a family of five for the entire month of Ramadan. It includes flour, rice, lentils, sugar, oil, tea, and dates, along with hygiene essentials.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- AUTO-SCROLLING IMAGE MARQUEE (Total 3 images, 2 visible at a time) -->\r\n            <div class=\"w-full mb-12\">\r\n                <div class=\"ramadan-marquee-container\">\r\n                    <div class=\"ramadan-marquee-track\">\r\n                        <!-- Set 1 (3 Images) -->\r\n                        <div class=\"ramadan-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb9?q=80&w=800&auto=format&fit=crop\" alt=\"Ramadan Distribution 1\">\r\n                        <\/div>\r\n                        <div class=\"ramadan-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?q=80&w=800&auto=format&fit=crop\" alt=\"Ramadan Distribution 2\">\r\n                        <\/div>\r\n                        <div class=\"ramadan-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Ramadan Distribution 3\">\r\n                        <\/div>\r\n                        <!-- Set 2 (Duplicate for Seamless Infinite Scroll) -->\r\n                        <div class=\"ramadan-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb9?q=80&w=800&auto=format&fit=crop\" alt=\"Ramadan Distribution 1\">\r\n                        <\/div>\r\n                        <div class=\"ramadan-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?q=80&w=800&auto=format&fit=crop\" alt=\"Ramadan Distribution 2\">\r\n                        <\/div>\r\n                        <div class=\"ramadan-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Ramadan Distribution 3\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- REMAINDER CONTENT & EMOTIONAL QUOTE -->\r\n            <div class=\"ramadan-glass-box p-8 sm:p-12 rounded-3xl space-y-6\">\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed\">\r\n                    This effort is carried out in close collaboration with local volunteers and community partners who identify the most deserving recipients. The food is sourced locally to support area farmers and small suppliers, and each package is hand-delivered with respect and dignity\u2014often accompanied by a personal visit and prayer.\r\n                <\/p>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed\">\r\n                    The impact is immediate and deeply emotional. For many families, these baskets mean the difference between hunger and hope. Children look forward to iftar without anxiety, and parents are relieved of the burden of choosing between food and medicine.\r\n                <\/p>\r\n\r\n                <!-- Mother's Quote Box -->\r\n                <div class=\"quote-glass-box p-6 sm:p-8 rounded-2xl my-6\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <i class=\"fa-solid fa-quote-left text-brand-orange text-3xl shrink-0 mt-1\"><\/i>\r\n                        <div>\r\n                            <p class=\"text-white italic text-base sm:text-lg font-medium leading-relaxed mb-3\">\r\n                                \u201cMy children broke their fast with a full plate of food, and we made dua for the people who gave it to us. We felt seen.\u201d\r\n                            <\/p>\r\n                            <span class=\"text-xs font-bold text-brand-orange uppercase tracking-wider block\">\u2014 A mother in Sindh<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed\">\r\n                    Through HELP, ShareFunds transforms Ramadan into a time of compassion, unity, and shared humanity.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe2d135 e-con-full e-flex e-con e-parent\" data-id=\"fe2d135\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-579770f elementor-widget elementor-widget-html\" data-id=\"579770f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"water-relief-light-root\">\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Caveat:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome 6 CDN -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <script>\r\n      tailwind.config = {\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n              brand: {\r\n                dark: '#0B1310',\r\n                darkGreen: '#0D211C',\r\n                orange: '#FF5528',\r\n                orangeDark: '#E0441B',\r\n                textMuted: '#9CA3AF'\r\n              }\r\n            },\r\n            fontFamily: {\r\n              sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n              handwriting: ['\"Caveat\"', 'cursive']\r\n            }\r\n          }\r\n        }\r\n      }\r\n    <\/script>\r\n\r\n    <style>\r\n      .water-relief-light-root {\r\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n        background-color: transparent !important;\r\n        color: #111827 !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        overflow: hidden;\r\n      }\r\n      .water-relief-light-root *, .water-relief-light-root *::before, .water-relief-light-root *::after {\r\n        box-sizing: border-box !important;\r\n      }\r\n\r\n      \/* Infinite Auto-Scroll Marquee for 3 Images (Shows 2 at a time) *\/\r\n      .water-marquee-container {\r\n        overflow: hidden;\r\n        width: 100%;\r\n        position: relative;\r\n        mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n      }\r\n      .water-marquee-track {\r\n        display: flex;\r\n        gap: 1.5rem;\r\n        width: max-content;\r\n        animation: scrollWaterMarquee 22s linear infinite;\r\n      }\r\n      .water-marquee-track:hover {\r\n        animation-play-state: paused;\r\n      }\r\n      @keyframes scrollWaterMarquee {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); }\r\n      }\r\n      .water-marquee-item {\r\n        width: 340px;\r\n        height: 220px;\r\n        flex-shrink: 0;\r\n        border-radius: 1.5rem;\r\n        overflow: hidden;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 15px 35px -10px rgba(13, 33, 28, 0.08);\r\n      }\r\n      .water-marquee-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n      }\r\n      .water-marquee-item:hover img {\r\n        transform: scale(1.08);\r\n      }\r\n\r\n      \/* Clean Light Card Styling *\/\r\n      .water-light-box {\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 20px 40px -15px rgba(13, 33, 28, 0.06);\r\n      }\r\n\r\n      \/* Quote Box Styling for Light Theme *\/\r\n      .water-quote-box {\r\n        background: #f8fafc;\r\n        border: 1px solid #e2e8f0;\r\n        border-left: 4px solid #FF5528;\r\n      }\r\n\r\n      \/* Compact Bullet List *\/\r\n      .water-bullet-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.6rem;\r\n        margin-bottom: 0.5rem;\r\n        color: #4b5563;\r\n        font-size: 0.95rem;\r\n      }\r\n      .water-bullet-item i {\r\n        color: #FF5528;\r\n        margin-top: 0.25rem;\r\n        flex-shrink: 0;\r\n      }\r\n    <\/style>\r\n\r\n    <section class=\"py-20 lg:py-28 px-4 sm:px-8 lg:px-16 bg-transparent relative\">\r\n        <div class=\"max-w-5xl mx-auto relative z-10\">\r\n            \r\n            <!-- SECTION HEADER & INTRO -->\r\n            <div class=\"water-light-box p-8 sm:p-12 rounded-3xl mb-12\">\r\n                <div class=\"inline-flex items-center gap-2 mb-3\">\r\n                    <div class=\"flex items-center text-brand-orange\">\r\n                        <span class=\"w-6 h-[2px] bg-brand-orange inline-block\"><\/span>\r\n                        <i class=\"fa-solid text-[10px] -ml-1\">\u2794<\/i>\r\n                    <\/div>\r\n                    <span class=\"font-handwriting text-2xl font-bold text-brand-orange tracking-wide\">\r\n                        HELP Initiative\r\n                    <\/span>\r\n                <\/div>\r\n                <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-black text-brand-darkGreen tracking-tight leading-[1.15] mb-6\">\r\n                    Water Relief in Arid Regions\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    In the sun-scorched plains of Tharparkar, Sindh, and other drought-stricken regions, access to clean drinking water is a daily battle. Women walk for miles to fill jugs from drying ponds, and children fall sick from contaminated sources. The situation is dire\u2014but HELP is making a difference.\r\n                <\/p>\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    The Water Relief Project under HELP focuses on providing long-term, sustainable water solutions to these marginalized areas. This includes:\r\n                <\/p>\r\n\r\n                <!-- Solutions Bullet List -->\r\n                <div class=\"space-y-2 bg-slate-50 p-6 rounded-2xl border border-gray-200\">\r\n                    <div class=\"water-bullet-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Installation of deep water wells<\/span>\r\n                    <\/div>\r\n                    <div class=\"water-bullet-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Provision of hand pumps and solar pumps<\/span>\r\n                    <\/div>\r\n                    <div class=\"water-bullet-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Construction of underground storage tanks<\/span>\r\n                    <\/div>\r\n                    <div class=\"water-bullet-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Training locals to maintain and monitor equipment<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- AUTO-SCROLLING IMAGE MARQUEE (Total 3 images, 2 visible at a time) -->\r\n            <div class=\"w-full mb-12\">\r\n                <div class=\"water-marquee-container\">\r\n                    <div class=\"water-marquee-track\">\r\n                        <!-- Set 1 (3 Images) -->\r\n                        <div class=\"water-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542810634-71277d95dcbb?q=80&w=800&auto=format&fit=crop\" alt=\"Water Relief 1\">\r\n                        <\/div>\r\n                        <div class=\"water-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Water Relief 2\">\r\n                        <\/div>\r\n                        <div class=\"water-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb9?q=80&w=800&auto=format&fit=crop\" alt=\"Water Relief 3\">\r\n                        <\/div>\r\n                        <!-- Set 2 (Duplicate for Seamless Infinite Scroll) -->\r\n                        <div class=\"water-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542810634-71277d95dcbb?q=80&w=800&auto=format&fit=crop\" alt=\"Water Relief 1\">\r\n                        <\/div>\r\n                        <div class=\"water-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Water Relief 2\">\r\n                        <\/div>\r\n                        <div class=\"water-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb9?q=80&w=800&auto=format&fit=crop\" alt=\"Water Relief 3\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- REMAINDER CONTENT & ELDER'S QUOTE -->\r\n            <div class=\"water-light-box p-8 sm:p-12 rounded-3xl space-y-6\">\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed\">\r\n                    Each water source is strategically placed near villages and schools to ensure accessibility for women, children, and elders. The wells are engineered with durability and sustainability in mind, and community oversight committees are trained to manage usage and basic repairs.\r\n                <\/p>\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed\">\r\n                    Through this program, ShareFunds has already transformed the lives of hundreds of families who now enjoy access to clean water year-round. Villagers no longer have to choose between work and water collection, children stay healthier, and entire communities become more resilient to climate shocks.\r\n                <\/p>\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed\">\r\n                    Beyond immediate relief, this project empowers communities with a sense of ownership. By involving them in the planning and execution process, we ensure that each water solution becomes a symbol of dignity, not dependency.\r\n                <\/p>\r\n\r\n                <!-- Village Elder Quote Box -->\r\n                <div class=\"water-quote-box p-6 sm:p-8 rounded-2xl my-6\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <i class=\"fa-solid fa-quote-left text-brand-orange text-3xl shrink-0 mt-1\"><\/i>\r\n                        <div>\r\n                            <p class=\"text-gray-800 italic text-base sm:text-lg font-medium leading-relaxed mb-3\">\r\n                                \u201cThis is not just water. This is life.\u201d\r\n                            <\/p>\r\n                            <span class=\"text-xs font-bold text-brand-orange uppercase tracking-wider block\">\u2014 Village elder in Tharparkar<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64029a7 e-con-full e-flex e-con e-parent\" data-id=\"64029a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ef4894 elementor-widget elementor-widget-html\" data-id=\"0ef4894\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sewing-section-root\">\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Caveat:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome 6 CDN -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <script>\r\n      tailwind.config = {\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n              brand: {\r\n                dark: '#0B1310',\r\n                darkGreen: '#0D211C',\r\n                orange: '#FF5528',\r\n                orangeDark: '#E0441B',\r\n                textMuted: '#9CA3AF'\r\n              }\r\n            },\r\n            fontFamily: {\r\n              sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n              handwriting: ['\"Caveat\"', 'cursive']\r\n            }\r\n          }\r\n        }\r\n      }\r\n    <\/script>\r\n\r\n    <style>\r\n      .sewing-section-root {\r\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n        background-color: #0B1310 !important;\r\n        color: #ffffff !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        overflow: hidden;\r\n      }\r\n      .sewing-section-root *, .sewing-section-root *::before, .sewing-section-root *::after {\r\n        box-sizing: border-box !important;\r\n      }\r\n\r\n      \/* Infinite Auto-Scroll Marquee for 3 Images (Shows 2 at a time) *\/\r\n      .sewing-marquee-container {\r\n        overflow: hidden;\r\n        width: 100%;\r\n        position: relative;\r\n        mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n      }\r\n      .sewing-marquee-track {\r\n        display: flex;\r\n        gap: 1.5rem;\r\n        width: max-content;\r\n        animation: scrollSewingMarquee 22s linear infinite;\r\n      }\r\n      .sewing-marquee-track:hover {\r\n        animation-play-state: paused;\r\n      }\r\n      @keyframes scrollSewingMarquee {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); }\r\n      }\r\n      .sewing-marquee-item {\r\n        width: 340px;\r\n        height: 220px;\r\n        flex-shrink: 0;\r\n        border-radius: 1.5rem;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(255, 85, 40, 0.3);\r\n        box-shadow: 0 15px 35px -10px rgba(0,0,0,0.6);\r\n      }\r\n      .sewing-marquee-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n      }\r\n      .sewing-marquee-item:hover img {\r\n        transform: scale(1.08);\r\n      }\r\n\r\n      \/* VVIP Glass Card Styling *\/\r\n      .sewing-glass-box {\r\n        background: rgba(13, 33, 28, 0.82);\r\n        backdrop-filter: blur(18px);\r\n        -webkit-backdrop-filter: blur(18px);\r\n        border: 1px solid rgba(255, 85, 40, 0.22);\r\n        box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.7);\r\n      }\r\n\r\n      \/* Quote Box Styling *\/\r\n      .sewing-quote-box {\r\n        background: linear-gradient(135deg, rgba(13, 33, 28, 0.95), rgba(11, 19, 16, 0.98));\r\n        border: 1px solid rgba(255, 85, 40, 0.35);\r\n        border-left: 4px solid #FF5528;\r\n      }\r\n    <\/style>\r\n\r\n    <section class=\"py-20 lg:py-28 px-4 sm:px-8 lg:px-16 bg-brand-dark relative\">\r\n        <!-- Ambient Glow Accents -->\r\n        <div class=\"absolute top-1\/4 left-1\/2 -translate-x-1\/2 w-[600px] h-[300px] bg-brand-darkGreen rounded-full filter blur-[150px] opacity-40 pointer-events-none\"><\/div>\r\n\r\n        <div class=\"max-w-5xl mx-auto relative z-10\">\r\n            \r\n            <!-- SECTION HEADER & INTRO -->\r\n            <div class=\"sewing-glass-box p-8 sm:p-12 rounded-3xl mb-12\">\r\n                <div class=\"inline-flex items-center gap-2 mb-3\">\r\n                    <div class=\"flex items-center text-brand-orange\">\r\n                        <span class=\"w-6 h-[2px] bg-brand-orange inline-block\"><\/span>\r\n                        <i class=\"fa-solid text-[10px] -ml-1\">\u2794<\/i>\r\n                    <\/div>\r\n                    <span class=\"font-handwriting text-2xl font-bold text-brand-orange tracking-wide\">\r\n                        HELP Initiative\r\n                    <\/span>\r\n                <\/div>\r\n                <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-black text-white tracking-tight leading-[1.15] mb-6\">\r\n                    Sewing Machines & Skills Training\r\n                <\/h2>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    One of the most empowering ways to uplift a family is to provide the means for economic independence. The Sewing Machine & Skills Program under HELP does exactly that.\r\n                <\/p>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    Through this initiative, ShareFunds distributes sewing machines and toolkits to widows, single mothers, and young women from low-income households\u2014along with free training in stitching, tailoring, and basic entrepreneurship. The program runs in both Pakistan and India, in collaboration with trusted local organizations and vocational instructors.\r\n                <\/p>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed\">\r\n                    Participants are taught how to measure, cut, stitch, and design simple garments\u2014often with culturally appropriate clothing like shalwar kameez, abayas, and school uniforms. They also receive training in how to market their services, manage customer orders, and calculate profit margins.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- AUTO-SCROLLING IMAGE MARQUEE (Total 3 images, 2 visible at a time) -->\r\n            <div class=\"w-full mb-12\">\r\n                <div class=\"sewing-marquee-container\">\r\n                    <div class=\"sewing-marquee-track\">\r\n                        <!-- Set 1 (3 Images) -->\r\n                        <div class=\"sewing-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542810634-71277d95dcbb?q=80&w=800&auto=format&fit=crop\" alt=\"Sewing Training 1\">\r\n                        <\/div>\r\n                        <div class=\"sewing-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Sewing Training 2\">\r\n                        <\/div>\r\n                        <div class=\"sewing-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb9?q=80&w=800&auto=format&fit=crop\" alt=\"Sewing Training 3\">\r\n                        <\/div>\r\n                        <!-- Set 2 (Duplicate for Seamless Infinite Scroll) -->\r\n                        <div class=\"sewing-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542810634-71277d95dcbb?q=80&w=800&auto=format&fit=crop\" alt=\"Sewing Training 1\">\r\n                        <\/div>\r\n                        <div class=\"sewing-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Sewing Training 2\">\r\n                        <\/div>\r\n                        <div class=\"sewing-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb9?q=80&w=800&auto=format&fit=crop\" alt=\"Sewing Training 3\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- REMAINDER CONTENT & EMOTIONAL QUOTE -->\r\n            <div class=\"sewing-glass-box p-8 sm:p-12 rounded-3xl space-y-6\">\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed\">\r\n                    Upon completion, each graduate receives a sewing machine to start her home-based tailoring business. In many cases, these women begin earning income within two months, sewing school uniforms, wedding dresses, or local garments.\r\n                <\/p>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed\">\r\n                    The impact is profound. For many, this becomes their first source of income. For others, it means financial stability after the loss of a husband or family breadwinner. In some cases, they go on to train others\u2014creating ripple effects throughout their neighborhoods.\r\n                <\/p>\r\n\r\n                <!-- Recipient Quote Box -->\r\n                <div class=\"sewing-quote-box p-6 sm:p-8 rounded-2xl my-6\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <i class=\"fa-solid fa-quote-left text-brand-orange text-3xl shrink-0 mt-1\"><\/i>\r\n                        <div>\r\n                            <p class=\"text-white italic text-base sm:text-lg font-medium leading-relaxed mb-3\">\r\n                                \u201cWith my machine, I bought my children school books for the first time on my own. It changed our lives.\u201d\r\n                            <\/p>\r\n                            <span class=\"text-xs font-bold text-brand-orange uppercase tracking-wider block\">\u2014 A recipient from Hyderabad<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed font-semibold\">\r\n                    Through HELP, dignity is stitched into every seam.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d123337 e-con-full e-flex e-con e-parent\" data-id=\"d123337\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee918c7 elementor-widget elementor-widget-html\" data-id=\"ee918c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"disaster-section-root\">\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Caveat:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome 6 CDN -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <script>\r\n      tailwind.config = {\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n              brand: {\r\n                dark: '#0B1310',\r\n                darkGreen: '#0D211C',\r\n                orange: '#FF5528',\r\n                orangeDark: '#E0441B',\r\n                textMuted: '#9CA3AF'\r\n              }\r\n            },\r\n            fontFamily: {\r\n              sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n              handwriting: ['\"Caveat\"', 'cursive']\r\n            }\r\n          }\r\n        }\r\n      }\r\n    <\/script>\r\n\r\n    <style>\r\n      .disaster-section-root {\r\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n        background-color: transparent !important;\r\n        color: #111827 !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        overflow: hidden;\r\n      }\r\n      .disaster-section-root *, .disaster-section-root *::before, .disaster-section-root *::after {\r\n        box-sizing: border-box !important;\r\n      }\r\n\r\n      \/* Infinite Auto-Scroll Marquee for 3 Images (Shows 2 at a time) *\/\r\n      .disaster-marquee-container {\r\n        overflow: hidden;\r\n        width: 100%;\r\n        position: relative;\r\n        mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n      }\r\n      .disaster-marquee-track {\r\n        display: flex;\r\n        gap: 1.5rem;\r\n        width: max-content;\r\n        animation: scrollDisasterMarquee 22s linear infinite;\r\n      }\r\n      .disaster-marquee-track:hover {\r\n        animation-play-state: paused;\r\n      }\r\n      @keyframes scrollDisasterMarquee {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); }\r\n      }\r\n      .disaster-marquee-item {\r\n        width: 340px;\r\n        height: 220px;\r\n        flex-shrink: 0;\r\n        border-radius: 1.5rem;\r\n        overflow: hidden;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 15px 35px -10px rgba(13, 33, 28, 0.08);\r\n      }\r\n      .disaster-marquee-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n      }\r\n      .disaster-marquee-item:hover img {\r\n        transform: scale(1.08);\r\n      }\r\n\r\n      \/* Clean Light Card Styling *\/\r\n      .disaster-light-box {\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 20px 40px -15px rgba(13, 33, 28, 0.06);\r\n      }\r\n    <\/style>\r\n\r\n    <section class=\"py-20 lg:py-28 px-4 sm:px-8 lg:px-16 bg-transparent relative\">\r\n        <div class=\"max-w-5xl mx-auto relative z-10\">\r\n            \r\n            <!-- SECTION HEADER & INTRO -->\r\n            <div class=\"disaster-light-box p-8 sm:p-12 rounded-3xl mb-12\">\r\n                <div class=\"inline-flex items-center gap-2 mb-3\">\r\n                    <div class=\"flex items-center text-brand-orange\">\r\n                        <span class=\"w-6 h-[2px] bg-brand-orange inline-block\"><\/span>\r\n                        <i class=\"fa-solid text-[10px] -ml-1\">\u2794<\/i>\r\n                    <\/div>\r\n                    <span class=\"font-handwriting text-2xl font-bold text-brand-orange tracking-wide\">\r\n                        HELP Initiative\r\n                    <\/span>\r\n                <\/div>\r\n                <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-black text-brand-darkGreen tracking-tight leading-[1.15] mb-6\">\r\n                    Disaster Relief, House Repair &amp; Reconstruction\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    When disaster strikes\u2014whether through floods, fire, or structural collapse\u2014low-income families are often left with nothing. In such moments, HELP steps in with rapid disaster response and long-term recovery support.\r\n                <\/p>\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    ShareFunds provides emergency supplies including tents, bedding, food rations, clean water, and hygiene kits. Once the immediate crisis subsides, we work with local partners and builders to repair damaged homes, rebuild essential rooms, and restore dignity to affected families.\r\n                <\/p>\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed\">\r\n                    In areas prone to seasonal flooding, ShareFunds funds elevated construction, waterproofing, and disaster-prepared housing designs. In urban slums, we support basic roof repairs, wall reconstruction, and safe flooring to reduce health risks.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- AUTO-SCROLLING IMAGE MARQUEE (Total 3 images, 2 visible at a time) -->\r\n            <div class=\"w-full mb-12\">\r\n                <div class=\"disaster-marquee-container\">\r\n                    <div class=\"disaster-marquee-track\">\r\n                        <!-- Set 1 (3 Images) -->\r\n                        <div class=\"disaster-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?q=80&w=800&auto=format&fit=crop\" alt=\"Disaster Relief 1\">\r\n                        <\/div>\r\n                        <div class=\"disaster-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Disaster Relief 2\">\r\n                        <\/div>\r\n                        <div class=\"disaster-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542810634-71277d95dcbb?q=80&w=800&auto=format&fit=crop\" alt=\"Disaster Relief 3\">\r\n                        <\/div>\r\n                        <!-- Set 2 (Duplicate for Seamless Infinite Scroll) -->\r\n                        <div class=\"disaster-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?q=80&w=800&auto=format&fit=crop\" alt=\"Disaster Relief 1\">\r\n                        <\/div>\r\n                        <div class=\"disaster-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?q=80&w=800&auto=format&fit=crop\" alt=\"Disaster Relief 2\">\r\n                        <\/div>\r\n                        <div class=\"disaster-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542810634-71277d95dcbb?q=80&w=800&auto=format&fit=crop\" alt=\"Disaster Relief 3\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- REMAINDER CONTENT -->\r\n            <div class=\"disaster-light-box p-8 sm:p-12 rounded-3xl space-y-6\">\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed\">\r\n                    Every project is conducted with transparency and community involvement. Beneficiaries are selected based on need, and each home repair is documented from start to finish. The program gives special priority to widows, orphans, disabled individuals, and families with young children.\r\n                <\/p>\r\n                <p class=\"text-gray-600 text-sm sm:text-base leading-relaxed font-medium\">\r\n                    These interventions not only shelter families from future disasters but restore their sense of safety and belonging. A home is more than bricks\u2014it\u2019s a sanctuary. And through HELP, ShareFunds ensures that no one is left in the rubble.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3876beb e-con-full e-flex e-con e-parent\" data-id=\"3876beb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e30f5f elementor-widget elementor-widget-html\" data-id=\"6e30f5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"marriage-section-root\">\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Caveat:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome 6 CDN -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <script>\r\n      tailwind.config = {\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n              brand: {\r\n                dark: '#0B1310',\r\n                darkGreen: '#0D211C',\r\n                orange: '#FF5528',\r\n                orangeDark: '#E0441B',\r\n                textMuted: '#9CA3AF'\r\n              }\r\n            },\r\n            fontFamily: {\r\n              sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n              handwriting: ['\"Caveat\"', 'cursive']\r\n            }\r\n          }\r\n        }\r\n      }\r\n    <\/script>\r\n\r\n    <style>\r\n      .marriage-section-root {\r\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n        background-color: #0B1310 !important;\r\n        color: #ffffff !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        overflow: hidden;\r\n      }\r\n      .marriage-section-root *, .marriage-section-root *::before, .marriage-section-root *::after {\r\n        box-sizing: border-box !important;\r\n      }\r\n\r\n      \/* Infinite Auto-Scroll Marquee for 3 Images (Shows 2 at a time) *\/\r\n      .marriage-marquee-container {\r\n        overflow: hidden;\r\n        width: 100%;\r\n        position: relative;\r\n        mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n      }\r\n      .marriage-marquee-track {\r\n        display: flex;\r\n        gap: 1.5rem;\r\n        width: max-content;\r\n        animation: scrollMarriageMarquee 22s linear infinite;\r\n      }\r\n      .marriage-marquee-track:hover {\r\n        animation-play-state: paused;\r\n      }\r\n      @keyframes scrollMarriageMarquee {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); }\r\n      }\r\n      .marriage-marquee-item {\r\n        width: 340px;\r\n        height: 220px;\r\n        flex-shrink: 0;\r\n        border-radius: 1.5rem;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(255, 85, 40, 0.3);\r\n        box-shadow: 0 15px 35px -10px rgba(0,0,0,0.6);\r\n      }\r\n      .marriage-marquee-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n      }\r\n      .marriage-marquee-item:hover img {\r\n        transform: scale(1.08);\r\n      }\r\n\r\n      \/* VVIP Glass Card Styling *\/\r\n      .marriage-glass-box {\r\n        background: rgba(13, 33, 28, 0.82);\r\n        backdrop-filter: blur(18px);\r\n        -webkit-backdrop-filter: blur(18px);\r\n        border: 1px solid rgba(255, 85, 40, 0.22);\r\n        box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.7);\r\n      }\r\n\r\n      \/* Compact Bullet List *\/\r\n      .marriage-bullet-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.6rem;\r\n        margin-bottom: 0.5rem;\r\n        color: #d1d5db;\r\n        font-size: 0.95rem;\r\n      }\r\n      .marriage-bullet-item i {\r\n        color: #FF5528;\r\n        margin-top: 0.25rem;\r\n        flex-shrink: 0;\r\n      }\r\n    <\/style>\r\n\r\n    <section class=\"py-20 lg:py-28 px-4 sm:px-8 lg:px-16 bg-brand-dark relative\">\r\n        <!-- Ambient Glow Accents -->\r\n        <div class=\"absolute top-1\/4 left-1\/2 -translate-x-1\/2 w-[600px] h-[300px] bg-brand-darkGreen rounded-full filter blur-[150px] opacity-40 pointer-events-none\"><\/div>\r\n\r\n        <div class=\"max-w-5xl mx-auto relative z-10\">\r\n            \r\n            <!-- SECTION HEADER & INTRO -->\r\n            <div class=\"marriage-glass-box p-8 sm:p-12 rounded-3xl mb-12\">\r\n                <div class=\"inline-flex items-center gap-2 mb-3\">\r\n                    <div class=\"flex items-center text-brand-orange\">\r\n                        <span class=\"w-6 h-[2px] bg-brand-orange inline-block\"><\/span>\r\n                        <i class=\"fa-solid text-[10px] -ml-1\">\u2794<\/i>\r\n                    <\/div>\r\n                    <span class=\"font-handwriting text-2xl font-bold text-brand-orange tracking-wide\">\r\n                        HELP Initiative\r\n                    <\/span>\r\n                <\/div>\r\n                <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-black text-white tracking-tight leading-[1.15] mb-6\">\r\n                    Marriage Ceremony Support\r\n                <\/h2>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    Marriage is a sacred and joyful event, but for many poor families, it becomes a financial burden they cannot bear. This is especially true for orphans and single-mother households, where traditional dowries, wedding clothes, and basic ceremony costs are unaffordable.\r\n                <\/p>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    To restore dignity and fulfill the sunnah of marriage, HELP organizes and sponsors group marriage ceremonies, as well as individual weddings for those in need. These events are conducted with full respect, modesty, and cultural sensitivity. Families are provided with:\r\n                <\/p>\r\n\r\n                <!-- Support List -->\r\n                <div class=\"space-y-2 bg-brand-dark\/80 p-6 rounded-2xl border border-white\/5\">\r\n                    <div class=\"marriage-bullet-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Wedding clothes for the bride and groom<\/span>\r\n                    <\/div>\r\n                    <div class=\"marriage-bullet-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Basic household items (e.g., bedding, utensils)<\/span>\r\n                    <\/div>\r\n                    <div class=\"marriage-bullet-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Modest food arrangements for a limited number of guests<\/span>\r\n                    <\/div>\r\n                    <div class=\"marriage-bullet-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Travel support and documentation, if needed<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- AUTO-SCROLLING IMAGE MARQUEE (Total 3 images, 2 visible at a time) -->\r\n            <div class=\"w-full mb-12\">\r\n                <div class=\"marriage-marquee-container\">\r\n                    <div class=\"marriage-marquee-track\">\r\n                        <!-- Set 1 (3 Images) -->\r\n                        <div class=\"marriage-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?q=80&w=800&auto=format&fit=crop\" alt=\"Marriage Support 1\">\r\n                        <\/div>\r\n                        <div class=\"marriage-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?q=80&w=800&auto=format&fit=crop\" alt=\"Marriage Support 2\">\r\n                        <\/div>\r\n                        <div class=\"marriage-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583939003579-730e3918a45a?q=80&w=800&auto=format&fit=crop\" alt=\"Marriage Support 3\">\r\n                        <\/div>\r\n                        <!-- Set 2 (Duplicate for Seamless Infinite Scroll) -->\r\n                        <div class=\"marriage-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?q=80&w=800&auto=format&fit=crop\" alt=\"Marriage Support 1\">\r\n                        <\/div>\r\n                        <div class=\"marriage-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?q=80&w=800&auto=format&fit=crop\" alt=\"Marriage Support 2\">\r\n                        <\/div>\r\n                        <div class=\"marriage-marquee-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583939003579-730e3918a45a?q=80&w=800&auto=format&fit=crop\" alt=\"Marriage Support 3\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- REMAINDER CONTENT -->\r\n            <div class=\"marriage-glass-box p-8 sm:p-12 rounded-3xl space-y-6\">\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed\">\r\n                    Every project is conducted with transparency and community involvement. Beneficiaries are selected based on need, and each support initiative is documented from start to finish. The program gives special priority to widows, orphans, disabled individuals, and families with young children.\r\n                <\/p>\r\n                <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed font-medium\">\r\n                    These interventions not only ease financial distress but restore their sense of honor, joy, and belonging. Through HELP, ShareFunds ensures that every couple begins their new journey with dignity and hope.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\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>\u2794 Humanitarian Initiative SHARE HELP Humanitarian Empowerment &#038; Livelihood Program \u2794 SHARE Help Program SHARE HELP &#8211; Humanitarian Empowerment &#038; Livelihood Program HELP stands for Humanitarian Empowerment &#038; Livelihood Program, a powerful initiative under ShareFunds that provides non-educational aid to underserved communities in Pakistan, India, and other regions in need. While ShareFunds supports schools and [&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":{"give_campaign_id":0,"footnotes":""},"class_list":["post-187","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/sharefunds.org\/home\/wp-json\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharefunds.org\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharefunds.org\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharefunds.org\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharefunds.org\/home\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":10,"href":"https:\/\/sharefunds.org\/home\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":198,"href":"https:\/\/sharefunds.org\/home\/wp-json\/wp\/v2\/pages\/187\/revisions\/198"}],"wp:attachment":[{"href":"https:\/\/sharefunds.org\/home\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}