{"id":8,"date":"2025-07-29T16:21:39","date_gmt":"2025-07-29T16:21:39","guid":{"rendered":"https:\/\/rahul.zohaibworks.com\/?page_id=8"},"modified":"2026-03-07T05:15:25","modified_gmt":"2026-03-07T05:15:25","slug":"home","status":"publish","type":"page","link":"https:\/\/rahul.zohaibworks.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-020aaff e-flex e-con-boxed e-con e-parent\" data-id=\"020aaff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b82b6fb e-flex e-con-boxed e-con e-parent\" data-id=\"7b82b6fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3ee50804 e-con-full e-flex e-con e-child\" data-id=\"3ee50804\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d81784c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5d81784c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Hindu USD\u2122<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2a6526 elementor-widget elementor-widget-text-editor\" data-id=\"b2a6526\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A Sanatan Dharma\u2013Aligned Stablecoin Funding Global Seva &amp; Humanitarian Impact<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4b4674 elementor-widget elementor-widget-text-editor\" data-id=\"f4b4674\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>100% of yield flows to the Sanatan Dharma Ahimsa Trust\u2122 Institutional custody and reserves secured by BitGo \u2014the world\u2019s leading digital asset custodian Powered by blockchain. Guided by Dharma.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4273748 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4273748\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sign up for the waiting list<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f7fc7b envato-kit-66-subscription-form elementor-button-align-stretch elementor-invisible elementor-widget elementor-widget-form\" data-id=\"3f7fc7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width&quot;:&quot;25&quot;,&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;_animation&quot;:&quot;fadeInUp&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=\"8\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"3f7fc7b\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\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-75 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 elementor-screen-only\">\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-md  elementor-field-textual\" placeholder=\"Email\" 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-group elementor-column elementor-field-type-submit elementor-col-25 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" 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\">Sign Up<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-865eaae elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"865eaae\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-397d761\" data-id=\"397d761\" 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\t\t<div class=\"elementor-element elementor-element-4ae14ba elementor-widget elementor-widget-heading\" data-id=\"4ae14ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Executive Summary<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c5504d elementor-widget elementor-widget-html\" data-id=\"9c5504d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600&family=Montserrat:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --red-gradient: linear-gradient(180deg, rgba(189, 46, 39, 0) 20%, rgba(189, 46, 39, 0.9) 70%, #BD2E27 100%);\r\n        --orange-gradient: linear-gradient(180deg, rgba(246, 129, 40, 0) 20%, rgba(246, 129, 40, 0.9) 70%, #F68128 100%);\r\n    }\r\n\r\n    \/* --- Keyframes for Entrance Animation --- *\/\r\n    @keyframes fadeSlideUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .clone-section {\r\n        display: flex !important;\r\n        gap: 15px !important;\r\n        padding: 40px 20px !important;\r\n        justify-content: center !important;\r\n        flex-wrap: wrap !important;\r\n    }\r\n\r\n    .clone-card {\r\n        flex: 1 !important;\r\n        min-width: 310px !important;\r\n        max-width: 375px !important;\r\n        height: 500px !important;\r\n        border-radius: 10px !important;\r\n        overflow: hidden !important;\r\n        position: relative !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: flex-end !important;\r\n        padding: 40px 30px !important;\r\n        box-sizing: border-box !important;\r\n        \r\n        \/* Base Animation Settings *\/\r\n        opacity: 0; \/* Hidden until scrolled into view *\/\r\n        transition: transform 0.4s ease, box-shadow 0.4s ease !important;\r\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;\r\n    }\r\n\r\n    \/* --- Class added by JavaScript when scrolled into view --- *\/\r\n    .clone-card.is-visible {\r\n        animation: fadeSlideUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\r\n    }\r\n\r\n    \/* --- Staggered Delays for Entrance --- *\/\r\n    .card-left { animation-delay: 0.1s !important; }\r\n    .card-mid  { animation-delay: 0.3s !important; }\r\n    .card-right{ animation-delay: 0.5s !important; }\r\n\r\n    \/* --- Hover Effects --- *\/\r\n    .clone-card:hover {\r\n        transform: translateY(-10px) scale(1.02) !important;\r\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important;\r\n        z-index: 10 !important; \/* Brings the hovered card above others *\/\r\n    }\r\n\r\n    \/* Backgrounds *\/\r\n    .card-left { background: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/2.jpg') center center \/ cover no-repeat !important; }\r\n    .card-mid { background: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/4.jpg') center center \/ cover no-repeat !important; }\r\n    .card-right { background: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/3.jpg') center center \/ cover no-repeat !important; }\r\n\r\n    .card-left::before, .card-right::before {\r\n        content: \"\" !important; position: absolute !important; inset: 0 !important; background: var(--red-gradient) !important; z-index: 1 !important;\r\n    }\r\n    .card-mid::before {\r\n        content: \"\" !important; position: absolute !important; inset: 0 !important; background: var(--orange-gradient) !important; z-index: 1 !important;\r\n    }\r\n\r\n    .clone-content {\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        color: #FFFFFF !important;\r\n        \r\n        \/* Smooth transition for text on hover *\/\r\n        transition: transform 0.4s ease !important; \r\n    }\r\n\r\n    \/* Optional: Slight text lift on card hover *\/\r\n    .clone-card:hover .clone-content {\r\n        transform: translateY(-5px) !important;\r\n    }\r\n\r\n    .card-left .clone-content { text-align: center !important; }\r\n    \r\n    .card-left p.top-text {\r\n        font-family: 'Outfit', sans-serif !important;\r\n        font-weight: 400 !important;\r\n        font-size: 24px !important;\r\n        line-height: 1.2 !important;\r\n        margin-bottom: 20px !important;\r\n        letter-spacing: 0.3px !important;\r\n    }\r\n\r\n    .divider-line {\r\n        width: 100% !important;\r\n        height: 1px !important;\r\n        background: rgba(255,255,255,0.3) !important;\r\n        margin: 0 auto 20px auto !important;\r\n    }\r\n\r\n    .heavy-title {\r\n        font-family: 'Outfit', sans-serif !important;\r\n        font-size: 50px !important;\r\n        font-weight: 300 !important;\r\n        margin: 0 !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .clone-card p.body-text {\r\n        font-family: 'Outfit', sans-serif !important;\r\n        font-size: 18px !important;\r\n        line-height: 1.45 !important;\r\n        font-weight: 400 !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .b-icon {\r\n        width: 42px !important;\r\n        height: 42px !important;\r\n        margin-bottom: 20px !important;\r\n        display: block !important;\r\n        transition: transform 0.4s ease !important;\r\n    }\r\n\r\n    \/* Optional: Icon rotate on hover *\/\r\n    .clone-card:hover .b-icon {\r\n        transform: rotate(10deg) scale(1.1) !important;\r\n    }\r\n\r\n    \/* Tablet & Mobile Optimization *\/\r\n    @media (max-width: 1024px) {\r\n        .clone-section {\r\n            padding: 10px 10px !important;\r\n            gap: 20px !important;\r\n        }\r\n        .clone-card {\r\n            min-width: 100% !important;\r\n            max-width: 100% !important;\r\n            height: 450px !important;\r\n            padding: 30px 20px !important;\r\n        }\r\n        .heavy-title {\r\n            font-size: 40px !important;\r\n        }\r\n        .card-left p.top-text {\r\n            font-size: 20px !important;\r\n        }\r\n        .clone-card p.body-text {\r\n            font-size: 16px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .heavy-title {\r\n            font-size: 36px !important;\r\n        }\r\n        .clone-card {\r\n            height: 400px !important;\r\n        }\r\n        \/* Reduce hover scale slightly for mobile to prevent overflow issues *\/\r\n        .clone-card:hover {\r\n            transform: translateY(-5px) scale(1.01) !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"clone-section\">\r\n    <div class=\"clone-card card-left\">\r\n        <div class=\"clone-content\">\r\n            <p class=\"top-text\">Blockchain-based<br>stablecoin pegged<\/p>\r\n            <div class=\"divider-line\"><\/div>\r\n            <h2 class=\"heavy-title\">1:1 to USD<\/h2>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"clone-card card-mid\">\r\n        <div class=\"clone-content\">\r\n            <p class=\"body-text\">All yield from reserves (100%) deposited into the Sanatan Dharma Ahimsa Trust\u2122, supporting global anti-poverty, healthcare, education, ecological restoration, and humanitarian initiatives.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"clone-card card-right\">\r\n        <div class=\"clone-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2025\/12\/Catholic-USD-3.pdf-image-109.png\" alt=\"Icon\" class=\"b-icon\">\r\n            <p class=\"body-text\">Reserves are held with BitGo under institutional-grade custody, insurance, and compliance, ensuring transparency, security, and auditability at global scale.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        function initCloneAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.1 \r\n            });\r\n\r\n            \/\/ Target the three cards\r\n            const cards = document.querySelectorAll('.clone-card');\r\n            cards.forEach(card => observer.observe(card));\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready (fixes preview issues)\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initCloneAnimations();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initCloneAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f97a0c5 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"f97a0c5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-758879c\" data-id=\"758879c\" 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\t\t<div class=\"elementor-element elementor-element-655c541 elementor-widget elementor-widget-heading\" data-id=\"655c541\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Problem<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61f0ece elementor-widget elementor-widget-html\" data-id=\"61f0ece\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n    --seva-orange-gradient: linear-gradient(90deg, #F68128 0%, #D44E32 50%, #BD2E27 100%) !important;\r\n}\r\n\r\n\/* --- KEYFRAMES FOR ENTRANCE ANIMATION --- *\/\r\n@keyframes slideInFade {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n\/* SECTION WITH FULL BACKGROUND IMAGE - EDGE TO EDGE *\/\r\n.seva-bg-section {\r\n    position: relative !important;\r\n    width: 100 !important;\r\n    min-height: 700px !important;\r\n    background: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/0c281858-9aae-4e46-821e-c7e43bd980b8-scaled.jpg') center center\/cover no-repeat !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    font-family: 'Outfit', sans-serif !important;\r\n    overflow: hidden !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* LEFT DARK RED OVERLAY *\/\r\n.seva-bg-section::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background: linear-gradient(\r\n        90deg,\r\n        rgba(80,0,0,0.95) 0%,\r\n        rgba(120,10,10,0.85) 20%,\r\n        rgba(180,30,25,0.6) 45%,\r\n        rgba(0,0,0,0.0) 75%\r\n    ) !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n\/* CONTENT WRAPPER *\/\r\n.seva-inner {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n    width: 100% !important;\r\n    padding: 80px 5% 80px 10% !important; \/* desktop: pushed 10% from left *\/\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* LEFT CONTENT COLUMN *\/\r\n.seva-content {\r\n    max-width: 650px !important;\r\n}\r\n\r\n\/* PILL HEADER *\/\r\n.pill-header {\r\n    background: #BD2E27 !important;\r\n    color: #fff !important;\r\n    padding: 14px 40px !important;\r\n    border-radius: 50px !important;\r\n    display: inline-block !important;\r\n    font-size: 28px !important;\r\n    font-weight: 400 !important;\r\n    margin-bottom: 40px !important;\r\n    box-shadow: 0 5px 18px rgba(0,0,0,0.25) !important;\r\n    \r\n    \/* Animation Properties *\/\r\n    opacity: 0; \/* Hidden until scrolled *\/\r\n}\r\n\r\n\/* LIST ITEM *\/\r\n.seva-item {\r\n    display: flex !important;\r\n    align-items: stretch !important;\r\n    border-radius: 14px !important;\r\n    margin-bottom: 18px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important;\r\n    \r\n    \/* Animation Properties *\/\r\n    opacity: 0; \/* Hidden until scrolled *\/\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n}\r\n\r\n\/* --- Classes added by JS on scroll --- *\/\r\n.pill-header.is-visible {\r\n    animation: slideInFade 0.8s ease-out forwards !important;\r\n}\r\n\r\n.seva-item.is-visible {\r\n    animation: slideInFade 0.6s ease-out forwards !important;\r\n}\r\n\r\n\/* Staggered Animation Delays for List Items *\/\r\n.seva-item:nth-child(2) { animation-delay: 0.2s !important; }\r\n.seva-item:nth-child(3) { animation-delay: 0.4s !important; }\r\n.seva-item:nth-child(4) { animation-delay: 0.6s !important; }\r\n.seva-item:nth-child(5) { animation-delay: 0.8s !important; }\r\n\r\n\/* HOVER EFFECT FOR LIST ITEM *\/\r\n.seva-item:hover {\r\n    transform: translateX(10px) !important;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;\r\n}\r\n\r\n\/* WHITE ICON SIDE *\/\r\n.seva-icon-box {\r\n    width: 90px !important;\r\n    background: #fff !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex-shrink: 0 !important;\r\n}\r\n\r\n.seva-icon-box img {\r\n    width: 50px !important; \/* Balanced size *\/\r\n    height: auto !important;\r\n    transition: transform 0.4s ease !important;\r\n}\r\n\r\n\/* HOVER EFFECT FOR ICON *\/\r\n.seva-item:hover .seva-icon-box img {\r\n    transform: scale(1.15) rotate(5deg) !important;\r\n}\r\n\r\n\/* TEXT SIDE *\/\r\n.seva-text {\r\n    background: var(--seva-orange-gradient) !important;\r\n    color: #fff !important;\r\n    padding: 20px 28px !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.5 !important;\r\n    font-weight: 300 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n}\r\n\r\n\/* TABLET RESPONSIVE (1024px and down) *\/\r\n@media(max-width:1024px){\r\n    .seva-bg-section {\r\n        min-height: auto !important;\r\n    }\r\n\r\n    .seva-inner {\r\n        padding: 60px 5% !important; \/* Reduce left push for tablets *\/\r\n    }\r\n\r\n    .pill-header {\r\n        font-size: 24px !important;\r\n    }\r\n\r\n    .seva-content {\r\n        max-width: 80% !important;\r\n    }\r\n}\r\n\r\n\/* MOBILE RESPONSIVE (768px and down) *\/\r\n@media(max-width:768px){\r\n    .seva-bg-section::before {\r\n        \/* Switch to a darker overlay to cover the whole image for readability *\/\r\n        background: linear-gradient(\r\n            180deg,\r\n            rgba(80,0,0,0.85) 0%,\r\n            rgba(80,0,0,0.95) 100%\r\n        ) !important;\r\n    }\r\n\r\n    .seva-inner {\r\n        padding: 40px 20px !important; \/* Standard mobile spacing *\/\r\n    }\r\n\r\n    .pill-header {\r\n        font-size: 20px !important;\r\n        padding: 12px 25px !important;\r\n        display: block !important;\r\n        text-align: center !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    .seva-content {\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .seva-item {\r\n        border-radius: 10px !important;\r\n    }\r\n\r\n    \/* Reduce hover translation on mobile so it doesn't clip off screen *\/\r\n    .seva-item:hover {\r\n        transform: translateX(4px) !important;\r\n    }\r\n\r\n    .seva-icon-box {\r\n        width: 70px !important;\r\n    }\r\n\r\n    .seva-icon-box img {\r\n        width: 35px !important;\r\n    }\r\n\r\n    .seva-text {\r\n        font-size: 14px !important;\r\n        padding: 15px 20px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"seva-bg-section\">\r\n    <div class=\"seva-inner\">\r\n        <div class=\"seva-content\">\r\n\r\n            <div class=\"pill-header\">\r\n                Global Poverty & Inefficient Seva Financing\r\n            <\/div>\r\n\r\n            <div class=\"seva-item\">\r\n                <div class=\"seva-icon-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-3-2026-06_13_13-PM.png\" alt=\"Poverty Icon\">\r\n                <\/div>\r\n                <div class=\"seva-text\">\r\n                    Hundreds of millions of people worldwide continue to live in poverty, while large-scale humanitarian needs remain structurally underfunded.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"seva-item\">\r\n                <div class=\"seva-icon-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-3-2026-06_56_54-PM.png\" alt=\"Seva Icon\">\r\n                <\/div>\r\n                <div class=\"seva-text\">\r\n                    Seva and dharmic institutions depend primarily on voluntary, episodic donations rather than stable, recurring funding streams.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"seva-item\">\r\n                <div class=\"seva-icon-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-3-2026-07_00_24-PM.png\" alt=\"Transparency Icon\">\r\n                <\/div>\r\n                <div class=\"seva-text\">\r\n                    Existing charitable systems lack transparency, real-time accountability, and verifiable impact tracking.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"seva-item\">\r\n                <div class=\"seva-icon-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-3-2026-07_07_51-PM.png\" alt=\"Finance Icon\">\r\n                <\/div>\r\n                <div class=\"seva-text\">\r\n                    Cross-border giving through traditional financial rails is slow, costly, and inefficient, reducing the amount of value that reaches communities in need.\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        function initSevaAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.1 \r\n            });\r\n\r\n            \/\/ Target both the header pill and the list items\r\n            const elements = document.querySelectorAll('.pill-header, .seva-item');\r\n            elements.forEach(el => observer.observe(el));\r\n        }\r\n\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initSevaAnimations();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initSevaAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5a0a166 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"5a0a166\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-24b960e\" data-id=\"24b960e\" 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\t\t<div class=\"elementor-element elementor-element-ed9f824 elementor-widget elementor-widget-heading\" data-id=\"ed9f824\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Hindu USD\u2122 Solution<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-500b8b1 elementor-widget elementor-widget-html\" data-id=\"500b8b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- Keyframes for Entrance Animation --- *\/\r\n    @keyframes featureCardEntrance {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Container setup *\/\r\n    .feature-grid-container {\r\n        display: flex !important;\r\n        gap: 20px !important;\r\n        justify-content: center !important;\r\n        padding: 40px 10px !important;\r\n        background-color: transparent !important;\r\n        font-family: 'Outfit', sans-serif !important;\r\n        flex-wrap: wrap !important;\r\n    }\r\n\r\n    \/* Individual Card Styling *\/\r\n    .feature-card {\r\n        flex: 1 !important;\r\n        min-width: 260px !important;\r\n        max-width: 310px !important;\r\n        background: linear-gradient(180deg, #8E241F 0%, #4D1210 100%) !important;\r\n        border-radius: 25px !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n        text-align: center !important;\r\n        box-shadow: 0 12px 35px rgba(0,0,0,0.25) !important;\r\n        \r\n        \/* Base Animation Properties *\/\r\n        opacity: 0; \/* Hidden initially until scrolled into view *\/\r\n        transition: transform 0.4s ease, box-shadow 0.4s ease !important;\r\n    }\r\n\r\n    \/* --- Class added by JavaScript when scrolled into view --- *\/\r\n    .feature-card.is-visible {\r\n        animation: featureCardEntrance 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\r\n    }\r\n\r\n    \/* Staggered Delays for Card Entrance *\/\r\n    .feature-card:nth-child(1) { animation-delay: 0.1s !important; }\r\n    .feature-card:nth-child(2) { animation-delay: 0.3s !important; }\r\n    .feature-card:nth-child(3) { animation-delay: 0.5s !important; }\r\n    .feature-card:nth-child(4) { animation-delay: 0.7s !important; }\r\n\r\n    \/* Card Hover Effect *\/\r\n    .feature-card:hover {\r\n        transform: translateY(-10px) !important;\r\n        box-shadow: 0 20px 45px rgba(0,0,0,0.4) !important;\r\n    }\r\n\r\n    \/* White Header Box for Icons *\/\r\n    .feature-icon-header {\r\n        background-color: #ffffff !important;\r\n        width: 100% !important;\r\n        height: 80px !important; \/* Fixed height for consistency *\/\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        flex-shrink: 0 !important;\r\n    }\r\n\r\n    .feature-icon-header img {\r\n        width: 40px !important;\r\n        height: auto !important;\r\n        \/* Icon transition for hover *\/\r\n        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    \/* Icon Hover Effect *\/\r\n    .feature-card:hover .feature-icon-header img {\r\n        transform: scale(1.2) !important;\r\n    }\r\n\r\n    \/* Text Content Area - MATCHING TOP\/BOTTOM SPACE *\/\r\n    .feature-body {\r\n        padding: 55px 25px !important; \/* Increased top\/bottom padding to 55px *\/\r\n        color: #ffffff !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important;\r\n        flex-grow: 1 !important;\r\n    }\r\n\r\n    .feature-body p {\r\n        font-size: 19px !important;\r\n        line-height: 1.4 !important;\r\n        font-weight: 300 !important;\r\n        margin: 0 !important;\r\n        letter-spacing: 0.1px !important;\r\n    }\r\n\r\n    \/* Highlighted numbers (like 1:1) *\/\r\n    .feature-highlight {\r\n        font-size: 38px !important;\r\n        display: block !important;\r\n        margin: 15px 0 !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    \/* Mobile adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .feature-card {\r\n            min-width: 100% !important;\r\n            max-width: 100% !important;\r\n        }\r\n        .feature-body {\r\n            padding: 45px 20px !important;\r\n        }\r\n        \/* Slightly reduce hover lift on mobile devices *\/\r\n        .feature-card:hover {\r\n            transform: translateY(-5px) !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"feature-grid-container\">\r\n    \r\n    <div class=\"feature-card\">\r\n        <div class=\"feature-icon-header\">\r\n            <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/999a0990-8e85-4526-b0d0-58bcb27f7638.png\" alt=\"Stablecoin Icon\">\r\n        <\/div>\r\n        <div class=\"feature-body\">\r\n            <p>A fully redeemable,<\/p>\r\n            <span class=\"feature-highlight\">1:1<\/span>\r\n            <p>USD-backed stablecoin.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"feature-card\">\r\n        <div class=\"feature-icon-header\">\r\n            <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2025\/12\/Catholic-USD-3.pdf-image-109.png\" alt=\"Custody Icon\">\r\n        <\/div>\r\n        <div class=\"feature-body\">\r\n            <p>Reserves are placed in yield-generating, fully secured BitGo custody.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"feature-card\">\r\n        <div class=\"feature-icon-header\">\r\n            <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ac403fe3-4f9f-4e9f-98bd-b62080f9cbcf.png\" alt=\"Yield Icon\">\r\n        <\/div>\r\n        <div class=\"feature-body\">\r\n            <p>100% of yield flows automatically to the Sanatan Dharma Ahimsa Trust\u2122.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"feature-card\">\r\n        <div class=\"feature-icon-header\">\r\n            <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/db086288-447d-4e87-9b71-d6d9937c84a7.png\" alt=\"Humanitarian Icon\">\r\n        <\/div>\r\n        <div class=\"feature-body\">\r\n            <p>A perpetual, transparent, blockchain-driven economic engine funding global seva and humanitarian action.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        function initAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.1 \r\n            });\r\n\r\n            const cards = document.querySelectorAll('.feature-card');\r\n            cards.forEach(card => observer.observe(card));\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready (fixes preview issues)\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initAnimations();\r\n        } else {\r\n            \/\/ Otherwise wait for DOM to load\r\n            document.addEventListener(\"DOMContentLoaded\", initAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be25870 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"be25870\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-8488fa1\" data-id=\"8488fa1\" 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\t\t<div class=\"elementor-element elementor-element-8a98748 elementor-widget elementor-widget-heading\" data-id=\"8a98748\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How It Works (Step 1)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-259228c elementor-widget elementor-widget-html\" data-id=\"259228c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n    --acquire-gradient: linear-gradient(90deg, #F68128 0%, #D44E32 50%, #BD2E27 100%) !important;\r\n}\r\n\r\n\/* --- KEYFRAMES FOR ENTRANCE ANIMATION --- *\/\r\n@keyframes acquireSlideUp {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* MAIN SECTION CONTAINER *\/\r\n.acquire-section {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    min-height: 750px !important;\r\n    background: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/3dsdgs.jpg') center center \/ cover no-repeat !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* MULTI-LAYER OVERLAY: Global dark overlay + Right-side heavy gradient *\/\r\n.acquire-section::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    \/* First layer: Global dimming *\/\r\n    background: rgba(0, 0, 0, 0.25) !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.acquire-section::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    \/* Second layer: Specific Right-side overlay for text depth *\/\r\n    background: linear-gradient(\r\n        270deg, \r\n        rgba(0, 0, 0, 0.7) 0%, \r\n        rgba(0, 0, 0, 0.4) 40%, \r\n        rgba(0, 0, 0, 0) 70%\r\n    ) !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n\/* CONTENT WRAPPER *\/\r\n.acquire-inner {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n    width: 100% !important;\r\n    max-width: 1440px !important;\r\n    margin: 0 0 0 auto !important;\r\n    padding: 80px 12% 80px 5% !important; \r\n    display: flex !important;\r\n    justify-content: flex-end !important;\r\n}\r\n\r\n.acquire-content {\r\n    width: 100% !important;\r\n    max-width: 600px !important;\r\n}\r\n\r\n\/* SECTION TITLE *\/\r\n.acquire-title {\r\n    color: #ffffff !important;\r\n    font-size: 46px !important;\r\n    font-weight: 600 !important;\r\n    margin: 0 0 40px 0 !important;\r\n    text-align: left !important;\r\n    letter-spacing: -0.5px !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    \r\n    \/* Animation Properties *\/\r\n    opacity: 0; \/* Hidden until scrolled *\/\r\n}\r\n\r\n\/* ITEM BOXES *\/\r\n.acquire-item {\r\n    display: flex !important;\r\n    align-items: stretch !important;\r\n    background: var(--acquire-gradient) !important;\r\n    border-radius: 18px !important;\r\n    margin-bottom: 22px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 12px 35px rgba(0,0,0,0.4) !important;\r\n    \r\n    \/* Animation & Transition Properties *\/\r\n    opacity: 0; \/* Hidden until scrolled *\/\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n}\r\n\r\n\/* --- Classes added by JS on scroll --- *\/\r\n.acquire-title.is-visible {\r\n    animation: acquireSlideUp 0.8s ease-out forwards !important;\r\n}\r\n\r\n.acquire-item.is-visible {\r\n    animation: acquireSlideUp 0.6s ease-out forwards !important;\r\n}\r\n\r\n\/* Staggered Animation Delays *\/\r\n.acquire-item:nth-child(2) { animation-delay: 0.2s !important; }\r\n.acquire-item:nth-child(3) { animation-delay: 0.4s !important; }\r\n.acquire-item:nth-child(4) { animation-delay: 0.6s !important; }\r\n\r\n\/* HOVER EFFECT FOR LIST ITEM *\/\r\n.acquire-item:hover {\r\n    transform: translateY(-6px) !important;\r\n    box-shadow: 0 18px 45px rgba(0,0,0,0.5) !important;\r\n}\r\n\r\n.acquire-icon-box {\r\n    width: 95px !important;\r\n    background: transparent !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex-shrink: 0 !important;\r\n}\r\n\r\n.acquire-icon-box img {\r\n    width: 42px !important;\r\n    height: auto !important;\r\n    filter: brightness(0) invert(1) !important;\r\n    transition: transform 0.4s ease !important;\r\n}\r\n\r\n\/* HOVER EFFECT FOR ICON *\/\r\n.acquire-item:hover .acquire-icon-box img {\r\n    transform: scale(1.15) !important;\r\n}\r\n\r\n.acquire-text {\r\n    padding: 24px 35px 24px 0 !important;\r\n    color: #ffffff !important;\r\n    font-size: 18px !important;\r\n    line-height: 1.4 !important;\r\n    font-weight: 400 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n}\r\n\r\n\/* MOBILE RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n    .acquire-section::after {\r\n        background: rgba(0, 0, 0, 0.5) !important; \/* Uniform dark on mobile *\/\r\n    }\r\n    .acquire-inner {\r\n        padding: 60px 5% !important;\r\n        justify-content: center !important;\r\n        margin: 0 auto !important;\r\n    }\r\n    .acquire-title {\r\n        text-align: center !important;\r\n        font-size: 34px !important;\r\n    }\r\n    .acquire-item:hover {\r\n        transform: translateY(-3px) !important; \/* Less intense hover for mobile *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"acquire-section\">\r\n    <div class=\"acquire-inner\">\r\n        <div class=\"acquire-content\">\r\n            \r\n            <h2 class=\"acquire-title\">Acquire Hindu USD\u2122<\/h2>\r\n\r\n            <div class=\"acquire-item\">\r\n                <div class=\"acquire-icon-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/d21790ed-1c16-414f-9f7a-4adf6e4ad9d1.png\" alt=\"Icon\">\r\n                <\/div>\r\n                <div class=\"acquire-text\">\r\n                    Users acquire Hindu USD\u2122 at a 1:1 exchange for USD.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"acquire-item\">\r\n                <div class=\"acquire-icon-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-3-2026-11_34_52-PM.png\" alt=\"Icon\">\r\n                <\/div>\r\n                <div class=\"acquire-text\">\r\n                    Accessible through banks, digital wallets, and aligned institutions.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"acquire-item\">\r\n                <div class=\"acquire-icon-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ebfa216f-a16f-4550-b5e9-3b38deca1351.png\" alt=\"Icon\">\r\n                <\/div>\r\n                <div class=\"acquire-text\">\r\n                    Functions as a stable, trusted medium of exchange with no loss of principal value.\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        function initAcquireAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.1 \r\n            });\r\n\r\n            \/\/ Target the title and the list items\r\n            const elements = document.querySelectorAll('.acquire-title, .acquire-item');\r\n            elements.forEach(el => observer.observe(el));\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initAcquireAnimations();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initAcquireAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3391435 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"3391435\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-a15fb78\" data-id=\"a15fb78\" 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\t\t<div class=\"elementor-element elementor-element-93ed042 elementor-widget elementor-widget-heading\" data-id=\"93ed042\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How It Works (Step 2)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae94787 elementor-widget elementor-widget-html\" data-id=\"ae94787\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF 50\/50 OVERLAP MATCH (ABSOLUTE BG METHOD) ===== *\/\r\n* {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n\/* --- KEYFRAMES FOR ANIMATIONS --- *\/\r\n@keyframes srFadeIn {\r\n  from { opacity: 0; }\r\n  to   { opacity: 1; }\r\n}\r\n\r\n@keyframes srSlideInLeft {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n.sr-wrap {\r\n  --brand-red: #B92A2A; \r\n  --overlay: rgba(85, 20, 20, 0.92); \r\n  --title-color: #0E222D; \r\n  --icon-brown: #A08383;\r\n  \r\n  position: relative !important; \/* Critical for the background layer *\/\r\n  width: 100% !important;\r\n  max-width: 1200px !important; \r\n  margin: 0 auto 80px auto !important; \/* Spacing below the whole section *\/\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n  z-index: 1 !important;\r\n  \r\n  \/* Removed background from here to prevent theme stretching *\/\r\n  background: transparent !important; \r\n  border: none !important;\r\n}\r\n\r\n\/* --- THE MAGIC LAYER: This visual background stops exactly halfway up the cards --- *\/\r\n.sr-bg {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  right: 0 !important;\r\n  bottom: 87px !important; \/* EXACTLY HALF OF THE 175px CARD HEIGHT! *\/\r\n  \r\n  background: linear-gradient(var(--overlay), var(--overlay)), \r\n              url(\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/3.jpg\") !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  border: 1px solid #dcaaaa !important;\r\n  border-radius: 6px !important;\r\n  z-index: -1 !important; \/* Keeps it behind your text and cards *\/\r\n  \r\n  opacity: 0; \/* Hidden until scrolled *\/\r\n}\r\n\r\n\/* --- Headers --- *\/\r\n.sr-top {\r\n  background: var(--brand-red) !important;\r\n  padding: 16px 20px !important;\r\n  text-align: center !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n  border-top-left-radius: 6px !important;\r\n  border-top-right-radius: 6px !important;\r\n  opacity: 0; \/* Hidden until scrolled *\/\r\n}\r\n.sr-top h2 {\r\n  margin: 0 !important;\r\n  color: #ffffff !important;\r\n  font-weight: 700 !important;\r\n  font-size: 28px !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n  letter-spacing: 0.5px !important;\r\n  line-height: 1.2 !important;\r\n}\r\n\r\n.sr-sub {\r\n  padding: 24px 20px 20px !important;\r\n  text-align: center !important;\r\n  color: #ffffff !important;\r\n  opacity: 0; \/* Hidden until scrolled *\/\r\n}\r\n.sr-sub p {\r\n  margin: 0 auto !important;\r\n  max-width: 900px !important;\r\n  font-size: 16px !important;\r\n  line-height: 1.6 !important;\r\n  font-weight: 500 !important;\r\n}\r\n\r\n\/* --- Flow Grid --- *\/\r\n.sr-flow {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 0 !important;\r\n  padding: 0 30px !important;\r\n  margin-top: 10px !important; \r\n  margin-bottom: 0 !important; \/* Cards rest naturally at the bottom now *\/\r\n}\r\n\r\n\/* --- Cards & Arrows Base State --- *\/\r\n.sr-anim-item {\r\n  opacity: 0; \r\n}\r\n\r\n\/* --- JS Triggered Animation Classes --- *\/\r\n.sr-bg.is-visible, \r\n.sr-top.is-visible, \r\n.sr-sub.is-visible {\r\n  animation: srFadeIn 0.8s ease-out forwards !important;\r\n}\r\n\r\n.sr-anim-item.is-visible {\r\n  animation: srSlideInLeft 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\r\n}\r\n\r\n\/* Staggered Delays for Flow Items *\/\r\n.sr-flow > :nth-child(1) { animation-delay: 0.1s !important; }\r\n.sr-flow > :nth-child(2) { animation-delay: 0.3s !important; }\r\n.sr-flow > :nth-child(3) { animation-delay: 0.5s !important; }\r\n.sr-flow > :nth-child(4) { animation-delay: 0.7s !important; }\r\n.sr-flow > :nth-child(5) { animation-delay: 0.9s !important; }\r\n\r\n\/* --- Cards --- *\/\r\n.sr-card {\r\n  flex: 1 !important;\r\n  height: 175px !important; \/* Total height *\/\r\n  background: #ffffff !important;\r\n  border: 2px solid var(--brand-red) !important;\r\n  border-radius: 6px !important;\r\n  display: flex !important;\r\n  position: relative !important;\r\n  overflow: hidden !important; \r\n  box-shadow: 0 12px 24px rgba(0,0,0,0.15) !important; \/* Gives pop against the background *\/\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n}\r\n\r\n.sr-card:hover {\r\n    transform: translateY(-5px) !important;\r\n    box-shadow: 0 18px 30px rgba(0,0,0,0.3) !important;\r\n    z-index: 15 !important;\r\n}\r\n\r\n\/* --- Left Text Panel --- *\/\r\n.sr-left {\r\n  flex: 1.35 !important; \r\n  background: #ffffff !important;\r\n  position: relative !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center !important; \r\n  align-items: flex-start !important; \r\n  padding: 0 20px 0 25px !important; \r\n  z-index: 2 !important; \r\n}\r\n\r\n\/* Perfect 2px vertical dividing line *\/\r\n.sr-left::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  right: 0 !important;\r\n  bottom: 40px !important; \r\n  width: 2px !important;\r\n  background: var(--brand-red) !important;\r\n  z-index: 5 !important;\r\n}\r\n\r\n.sr-title {\r\n  margin: 0 !important;\r\n  font-size: 23px !important; \r\n  font-weight: 600 !important; \r\n  color: var(--title-color) !important;\r\n  line-height: 1.4 !important;\r\n  text-align: left !important;\r\n  padding: 0px 0px 50px 0px !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n.nowrap {\r\n  white-space: nowrap !important; \r\n}\r\n\r\n\/* --- Perfect Seamless Diagonal Cutout --- *\/\r\n.sr-cutout-svg {\r\n  position: absolute !important;\r\n  bottom: 0 !important;\r\n  right: -39px !important; \r\n  width: 40px !important; \r\n  height: 40px !important;\r\n  z-index: 5 !important;\r\n  overflow: visible !important; \r\n}\r\n\r\n\/* --- Bottom Left Image Icons --- *\/\r\n.sr-icon {\r\n  position: absolute !important;\r\n  bottom: 12px !important;\r\n  left: 20px !important;\r\n  width: 32px !important; \r\n  height: 32px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n}\r\n.sr-icon img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: contain !important; \r\n  display: block !important;\r\n  transition: transform 0.4s ease !important;\r\n}\r\n\r\n.sr-card:hover .sr-icon img {\r\n    transform: scale(1.15) !important;\r\n}\r\n\r\n\/* --- Right Image Panel --- *\/\r\n.sr-right {\r\n  flex: 1 !important;\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n}\r\n.sr-right img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* --- Overlapping Connectors --- *\/\r\n.sr-arrow-wrapper {\r\n  width: 26px !important; \r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  z-index: 10 !important;\r\n}\r\n.sr-arrow {\r\n  width: 42px !important; \r\n  height: 42px !important;\r\n  background: #ffffff !important;\r\n  border: 2px solid var(--brand-red) !important;\r\n  border-radius: 50% !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n.sr-arrow svg {\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  stroke: var(--brand-red) !important;\r\n  stroke-width: 1.5 !important; \r\n}\r\n\r\n\/* --- Mobile --- *\/\r\n@media (max-width: 1000px) {\r\n  .sr-flow { \r\n    flex-direction: column !important; \r\n    align-items: center !important;\r\n  }\r\n  .sr-card { \r\n    width: 100% !important; \r\n    max-width: 500px !important; \r\n    height: 175px !important; \/* force same height *\/\r\n    min-height: 175px !important;\r\n  }\r\n  .sr-left{\r\n    padding: 0 18px 0 22px !important;\r\n  }\r\n  .sr-title{\r\n    font-size: 20px !important;\r\n    padding-bottom: 45px !important;\r\n  }\r\n  .sr-arrow-wrapper { \r\n    height: 35px !important; \r\n    width: 100% !important; \r\n  }\r\n  .sr-arrow { \r\n    transform: rotate(90deg) !important; \r\n  }\r\n  \r\n  \/* Make cards slide UP instead of left on mobile since it's a vertical column *\/\r\n  .sr-anim-item.is-visible {\r\n    animation-name: srSlideInLeft !important; \/* Keeps left slide for consistency, but can be changed *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sr-wrap\">\r\n  <div class=\"sr-bg\"><\/div>\r\n\r\n  <div class=\"sr-top\">\r\n    <h2>Secure, Yield-Bearing Reserves<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"sr-sub\">\r\n    <p>\r\n      All reserves are held in BitGo\u2019s regulated institutional custody.<br\/>\r\n      Reserves are deployed into conservative, yield-bearing instruments, including\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"sr-flow\">\r\n    <div class=\"sr-card sr-anim-item\">\r\n      <div class=\"sr-left\">\r\n        <h3 class=\"sr-title nowrap\">U.S. Treasuries<\/h3>\r\n        <div class=\"sr-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ee5f86f5-3335-4a24-b0fb-886cc7ed3c5a.png\" alt=\"Treasuries Icon\">\r\n        <\/div>\r\n        <svg class=\"sr-cutout-svg\" viewBox=\"0 0 40 40\" preserveAspectRatio=\"none\">\r\n          <polygon points=\"-1,0 -1,41 40,41\" fill=\"#ffffff\" \/>\r\n          <line x1=\"0\" y1=\"0\" x2=\"40\" y2=\"40\" stroke=\"#B92A2A\" stroke-width=\"2.5\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"sr-right\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1526304640581-d334cdbbf45e?auto=format&fit=crop&w=600&q=80\" alt=\"U.S. Treasuries\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sr-arrow-wrapper sr-anim-item\">\r\n      <div class=\"sr-arrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M4 12h16\"><\/path>\r\n          <path d=\"m13 5 7 7-7 7\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sr-card sr-anim-item\">\r\n      <div class=\"sr-left\">\r\n        <h3 class=\"sr-title\">Institutional<br\/>money markets<\/h3>\r\n        <div class=\"sr-icon\">\r\n           <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/bb6095b6-d77e-4f98-a384-2865b50fcebd.png\" alt=\"Markets Icon\">\r\n        <\/div>\r\n        <svg class=\"sr-cutout-svg\" viewBox=\"0 0 40 40\" preserveAspectRatio=\"none\">\r\n          <polygon points=\"-1,0 -1,41 40,41\" fill=\"#ffffff\" \/>\r\n          <line x1=\"0\" y1=\"0\" x2=\"40\" y2=\"40\" stroke=\"#B92A2A\" stroke-width=\"2.5\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"sr-right\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/c33c136f-9aa9-4946-a7db-fdc39e975414.jpg\" alt=\"Money markets\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sr-arrow-wrapper sr-anim-item\">\r\n      <div class=\"sr-arrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M4 12h16\"><\/path>\r\n          <path d=\"m13 5 7 7-7 7\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sr-card sr-anim-item\">\r\n      <div class=\"sr-left\">\r\n        <h3 class=\"sr-title nowrap\">Yield accounts<\/h3>\r\n        <div class=\"sr-icon\">\r\n           <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/f0fda309-3e6b-4d67-9590-fefc60d8dcab.png\" alt=\"Yield Icon\">\r\n        <\/div>\r\n        <svg class=\"sr-cutout-svg\" viewBox=\"0 0 40 40\" preserveAspectRatio=\"none\">\r\n          <polygon points=\"-1,0 -1,41 40,41\" fill=\"#ffffff\" \/>\r\n          <line x1=\"0\" y1=\"0\" x2=\"40\" y2=\"40\" stroke=\"#B92A2A\" stroke-width=\"2.5\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"sr-right\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/b9e68945-e7b4-4f38-881d-311ed9b3df33.jpg\" alt=\"Yield accounts\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        function initSRAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.1 \r\n            });\r\n\r\n            \/\/ Target the background, text blocks, and flow items\r\n            const elements = document.querySelectorAll('.sr-bg, .sr-top, .sr-sub, .sr-anim-item');\r\n            elements.forEach(el => observer.observe(el));\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initSRAnimations();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initSRAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-43770c8 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"43770c8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-7dacecf\" data-id=\"7dacecf\" 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\t\t<div class=\"elementor-element elementor-element-c9d0292 elementor-widget elementor-widget-html\" data-id=\"c9d0292\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"pill-wrapper\">\r\n  <div class=\"pill-title\">\r\n    Protected by BitGo\u2019s multisignature security,\r\ninsurance coverage, and compliance framework.\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.pill-wrapper{\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n\r\n.pill-title{\r\n    background: linear-gradient(180deg,#D63B2F,#B92A2A);\r\n    color:#fff;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size:22px;\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:999px;\r\n    text-align:center;\r\n    box-shadow:0 6px 20px rgba(0,0,0,0.2);\r\n    max-width:90%;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16f97e4 elementor-widget elementor-widget-heading\" data-id=\"16f97e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How It Works (Step 3)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-715b65a elementor-widget elementor-widget-html\" data-id=\"715b65a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"pill-wrapper\">\r\n  <div class=\"pill-title\">\r\n   Automated Impact Distribution\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.pill-wrapper{\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n\r\n.pill-title{\r\n    background: linear-gradient(180deg,#D63B2F,#B92A2A);\r\n    color:#fff;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size:22px;\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:999px;\r\n    text-align:center;\r\n    box-shadow:0 6px 20px rgba(0,0,0,0.2);\r\n    max-width:90%;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14c2750 elementor-widget elementor-widget-html\" data-id=\"14c2750\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF IMPACT CARDS (TRUE GRADIENT BACKGROUND) ===== *\/\r\n.impact-wrap * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n\/* --- Keyframes for Entrance Animation --- *\/\r\n@keyframes impactSlideUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.impact-wrap {\r\n  width: 100% !important;\r\n  max-width: 1200px !important;\r\n  margin: 0 auto !important;\r\n  padding: 40px 20px !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  gap: 24px !important; \r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n\/* --- Individual Cards --- *\/\r\n.impact-card {\r\n  flex: 1 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  padding: 28px 18px 18px 18px !important; \r\n  border-radius: 30px !important; \/* Soft, large rounding from reference *\/\r\n  \r\n  \/* THE TRUE FIX: No borders! Just a smooth background gradient *\/\r\n  border: none !important;\r\n  background: linear-gradient(180deg, #9F2C2A 55%, #ED7524 100%) !important;\r\n  \r\n  box-shadow: 0 12px 25px rgba(0,0,0,0.15) !important;\r\n  \r\n  \/* Animation Base Settings *\/\r\n  opacity: 0; \/* Hidden until scrolled into view *\/\r\n  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease !important;\r\n}\r\n\r\n\/* --- Classes added by JS on scroll --- *\/\r\n.impact-card.is-visible {\r\n  animation: impactSlideUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\r\n}\r\n\r\n\/* Staggered Delays *\/\r\n.impact-card:nth-child(1) { animation-delay: 0.1s !important; }\r\n.impact-card:nth-child(2) { animation-delay: 0.3s !important; }\r\n.impact-card:nth-child(3) { animation-delay: 0.5s !important; }\r\n\r\n\/* Subtle premium lift for the whole card on hover *\/\r\n.impact-card:hover {\r\n  transform: translateY(-8px) !important;\r\n  box-shadow: 0 18px 40px rgba(0,0,0,0.3) !important;\r\n}\r\n\r\n\/* --- Top Text Area --- *\/\r\n.impact-text {\r\n  color: #ffffff !important;\r\n  font-size: 16px !important;\r\n  font-weight: 500 !important;\r\n  text-align: center !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 0 24px 0 !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-height: 65px !important; \r\n  padding: 0 10px !important;\r\n}\r\n\r\n\/* --- Bottom Image Container --- *\/\r\n.impact-img-wrap {\r\n  border: 3px solid #ffffff !important; \/* The white frame around the image *\/\r\n  border-radius: 20px !important; \r\n  overflow: hidden !important;\r\n  height: 350px !important; \/* Tall portrait style matching the reference *\/\r\n  width: 100% !important;\r\n  position: relative !important;\r\n}\r\n\r\n.impact-img-wrap img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  display: block !important;\r\n  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.impact-card:hover .impact-img-wrap img {\r\n  transform: scale(1.08) !important; \/* Subtle premium zoom on hover *\/\r\n}\r\n\r\n\/* --- Mobile Responsiveness --- *\/\r\n@media (max-width: 900px) {\r\n  .impact-wrap {\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    gap: 30px !important;\r\n  }\r\n  .impact-card {\r\n    width: 100% !important;\r\n    max-width: 420px !important; \r\n  }\r\n  .impact-img-wrap {\r\n    height: 320px !important;\r\n  }\r\n  \/* Reduce hover lift on mobile to avoid overflow issues *\/\r\n  .impact-card:hover {\r\n    transform: translateY(-4px) !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"impact-wrap\">\r\n  \r\n  <div class=\"impact-card\">\r\n    <div class=\"impact-text\">\r\n      Yield generated from reserves automatically flows to the Sanatan Dharma Ahimsa Trust\u2122.\r\n    <\/div>\r\n    <div class=\"impact-img-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/1fc5f8e3-100a-499e-962c-0eb3b5003200.jpg\" alt=\"Temple corridor\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"impact-card\">\r\n    <div class=\"impact-text\">\r\n      Funds are deployed to humanitarian and anti-poverty initiatives worldwide.\r\n    <\/div>\r\n    <div class=\"impact-img-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ded534b0-69a6-48fc-b07c-95b9d1d490e1.jpg\" alt=\"Humanitarian volunteers\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"impact-card\">\r\n    <div class=\"impact-text\">\r\n      All flows are transparent, auditable, and verifiable on-chain.\r\n    <\/div>\r\n    <div class=\"impact-img-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/cb46b226-8558-4183-84a7-3adf0cc378a3.jpg\" alt=\"Gold coins\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        function initImpactAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.15 \/\/ Triggers when 15% of the card is visible\r\n            });\r\n\r\n            \/\/ Target the cards\r\n            const cards = document.querySelectorAll('.impact-card');\r\n            cards.forEach(card => observer.observe(card));\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initImpactAnimations();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initImpactAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-705d3a7 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"705d3a7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-edf3fea\" data-id=\"edf3fea\" 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\t\t<div class=\"elementor-element elementor-element-df2e4f2 elementor-widget elementor-widget-heading\" data-id=\"df2e4f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sanatan Dharma Ahimsa Trust\u2122<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8950719 elementor-widget elementor-widget-html\" data-id=\"8950719\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF 6-CARD GRID (ONLY TOP-RIGHT CURVED) ===== *\/\r\n.initiatives-wrap * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n\/* --- Keyframes for Entrance Animation --- *\/\r\n@keyframes ixScaleIn {\r\n  0% {\r\n    opacity: 0;\r\n    transform: scale(0.95) translateY(20px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: scale(1) translateY(0);\r\n  }\r\n}\r\n\r\n.initiatives-wrap {\r\n  width: 100% !important;\r\n  max-width: 1200px !important;\r\n  margin: 0 auto !important;\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  gap: 20px !important; \r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n\/* --- Card Container --- *\/\r\n.ix-card {\r\n  position: relative !important;\r\n  \r\n  \/* THE MAGIC CORNER: 0px everywhere, except a HUGE curve top-right *\/\r\n  border-radius: 0px 110px 0px 0px !important; \r\n  border: 1px solid rgba(255, 255, 255, 0.5) !important;\r\n  \r\n  \/* The red gradient acts as the ~70% overlay over your image variable *\/\r\n  background: \r\n    linear-gradient(to right, rgba(160, 32, 32, 0.98) 45%, rgba(160, 32, 32, 0.75) 75%, rgba(160, 32, 32, 0.15) 100%), \r\n    var(--bg-img) !important;\r\n  background-size: cover !important;\r\n  background-position: center right !important;\r\n  background-repeat: no-repeat !important;\r\n  \r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center !important;\r\n  min-height: 250px !important;\r\n  padding: 30px 40px 30px 30px !important;\r\n  overflow: hidden !important; \r\n  box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;\r\n  \r\n  \/* Animation Base Settings *\/\r\n  opacity: 0; \/* Hidden until scrolled into view *\/\r\n  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease, background-size 0.6s ease !important;\r\n}\r\n\r\n\/* Hover Effect: Card lifts and background image subtly zooms *\/\r\n.ix-card:hover {\r\n  transform: translateY(-8px) !important;\r\n  box-shadow: 0 15px 35px rgba(0,0,0,0.3) !important;\r\n  \/* background-size: 110% !important; NOTE: Animating background-size can be jittery in some browsers, but works well with 'cover' if zoomed carefully. A safer CSS-only zoom is below. *\/\r\n}\r\n\r\n\/* --- Classes added by JS on scroll --- *\/\r\n.ix-card.is-visible {\r\n  animation: ixScaleIn 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\r\n}\r\n\r\n\/* Staggered Delays for Grid Layout (Left\/Right cascading down) *\/\r\n.ix-card:nth-child(1) { animation-delay: 0.1s !important; }\r\n.ix-card:nth-child(2) { animation-delay: 0.2s !important; }\r\n.ix-card:nth-child(3) { animation-delay: 0.3s !important; }\r\n.ix-card:nth-child(4) { animation-delay: 0.4s !important; }\r\n.ix-card:nth-child(5) { animation-delay: 0.5s !important; }\r\n.ix-card:nth-child(6) { animation-delay: 0.6s !important; }\r\n\r\n\/* --- Text Content --- *\/\r\n.ix-title {\r\n  color: #ffffff !important;\r\n  font-size: 21px !important;\r\n  font-weight: 600 !important;\r\n  margin: 0 0 14px 0 !important;\r\n  line-height: 1.3 !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n  max-width: 80% !important; \/* Keeps title out of the clear part of the image *\/\r\n}\r\n\r\n\/* --- Bulleted List --- *\/\r\n.ix-list {\r\n  margin: 0 !important;\r\n  padding: 0 0 0 18px !important;\r\n  color: #ffffff !important;\r\n  max-width: 85% !important; \/* Keeps text out of the far right edge *\/\r\n}\r\n.ix-list li {\r\n  font-size: 14px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.5 !important;\r\n  margin-bottom: 8px !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n.ix-list li:last-child {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n\/* --- Mobile Responsiveness --- *\/\r\n@media (max-width: 950px) {\r\n  .initiatives-wrap {\r\n    grid-template-columns: 1fr !important; \/* Stacks to 1 column on tablets\/phones *\/\r\n    padding: 0 15px !important;\r\n  }\r\n  .ix-title, .ix-list {\r\n    max-width: 100% !important; \/* Uses more width on smaller screens *\/\r\n  }\r\n  .ix-card:hover {\r\n    transform: translateY(-4px) !important; \/* Reduced lift for mobile *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"initiatives-wrap\">\r\n\r\n  <div class=\"ix-card\" style=\"--bg-img: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/112c4eec-eb5b-4181-b7ef-d68e4d176883.jpg');\">\r\n    <h3 class=\"ix-title\">Global Prasad & Food Security<\/h3>\r\n    <ul class=\"ix-list\">\r\n      <li>Support annad\u0101na (sacred food-giving) programs and community kitchens<\/li>\r\n      <li>Fund sustainable agriculture and local food systems<\/li>\r\n      <li>Address hunger through compassion, dignity, and abundance<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ix-card\" style=\"--bg-img: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/a1339309-e80e-4ec5-b676-964fa621d5d5.jpg');\">\r\n    <h3 class=\"ix-title\">Water, Nature & Sacred Ecology<\/h3>\r\n    <ul class=\"ix-list\">\r\n      <li>Restore rivers, forests, and ecosystems<\/li>\r\n      <li>Fund clean water access and environmental regeneration projects<\/li>\r\n      <li>Promote stewardship of nature as an expression of dharma<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ix-card\" style=\"--bg-img: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/e93fc7ce-5a07-41ff-beba-f4f3831f216f.jpg');\">\r\n    <h3 class=\"ix-title\">Ahimsa Health & Healing<\/h3>\r\n    <ul class=\"ix-list\">\r\n      <li>Expand access to compassionate, non-violent healthcare<\/li>\r\n      <li>Support integrative health models, including Ayurveda and modern medicine<\/li>\r\n      <li>Fund mobile clinics and public health initiatives in underserved regions<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ix-card\" style=\"--bg-img: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ac3e7628-be6a-4ca6-9b8a-3552ab4586a9.jpg');\">\r\n    <h3 class=\"ix-title\">Culture, Temples & Interfaith Bridges<\/h3>\r\n    <ul class=\"ix-list\">\r\n      <li>Support Hindu temples and dharma centers as community hubs<\/li>\r\n      <li>Preserve cultural heritage, arts, and traditions worldwide<\/li>\r\n      <li>Foster interfaith dialogue, peacebuilding, and mutual understanding<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ix-card\" style=\"--bg-img: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/4feaeb54-76d8-4917-bf6f-7d827cc94dee.jpg');\">\r\n    <h3 class=\"ix-title\">Education & Dharma Wisdom<\/h3>\r\n    <ul class=\"ix-list\">\r\n      <li>Promote education rooted in ethics, responsibility, and service<\/li>\r\n      <li>Support dharmic learning, leadership development, and youth mentorship<\/li>\r\n      <li>Preserve and share Sanatan Dharma wisdom for global and diaspora communities<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ix-card\" style=\"--bg-img: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/485f6628-fde5-4f65-afa3-da00f28098f3.jpg');\">\r\n    <h3 class=\"ix-title\">Justice, Freedom & Non-Violence<\/h3>\r\n    <ul class=\"ix-list\">\r\n      <li>Promote human dignity, equality, and non-violence (ahimsa)<\/li>\r\n      <li>Support initiatives addressing injustice, discrimination, and exploitation<\/li>\r\n      <li>Advocate for religious freedom, ethical governance, and peaceful coexistence<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        function initGridAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.1 \r\n            });\r\n\r\n            \/\/ Target the grid cards\r\n            const cards = document.querySelectorAll('.ix-card');\r\n            cards.forEach(card => observer.observe(card));\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initGridAnimations();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initGridAnimations);\r\n        }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71f5d22 elementor-widget elementor-widget-html\" data-id=\"71f5d22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"pill-wrapper\">\r\n  <div class=\"pill-title\">\r\n    BitGo ensures secure storage, reserve protection, and proof-of-assets.\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.pill-wrapper{\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n\r\n.pill-title{\r\n    background: linear-gradient(180deg,#D63B2F,#B92A2A);\r\n    color:#fff;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size:22px;\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:999px;\r\n    text-align:center;\r\n    box-shadow:0 6px 20px rgba(0,0,0,0.2);\r\n    max-width:90%;\r\n}\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b9fa6c7 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"b9fa6c7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-168f660\" data-id=\"168f660\" 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\t\t<div class=\"elementor-element elementor-element-07ea9e4 elementor-widget elementor-widget-heading\" data-id=\"07ea9e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Financial Model: Reserve Mechanics<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e802c60 elementor-widget elementor-widget-html\" data-id=\"e802c60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF STATS OVERLAP SECTION (IMAGE LOGO UPDATE) ===== *\/\r\n.stats-master-wrap * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n\/* --- KEYFRAMES FOR ANIMATIONS --- *\/\r\n@keyframes statsFadeIn {\r\n  0% { opacity: 0; }\r\n  100% { opacity: 1; }\r\n}\r\n\r\n@keyframes statsPopIn {\r\n  0% { \r\n    opacity: 0; \r\n    transform: scale(0.5); \r\n  }\r\n  60% { \r\n    opacity: 1; \r\n    transform: scale(1.05); \r\n  }\r\n  100% { \r\n    opacity: 1; \r\n    transform: scale(1); \r\n  }\r\n}\r\n\r\n@keyframes statsSlideUp {\r\n  0% { \r\n    opacity: 0; \r\n    transform: translateY(20px); \r\n  }\r\n  100% { \r\n    opacity: 1; \r\n    transform: translateY(0); \r\n  }\r\n}\r\n\r\n.stats-master-wrap {\r\n  \/* Replace with your faint world map image *\/\r\n  --bg-map: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ab076458-0dcf-4b3e-943b-d29bf8d75377.png'); \r\n  \/* Replace with your hands\/jewelry image *\/\r\n  --bg-hands: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/e2972a5d-8abc-4934-8351-05c2fcf2f0ec-scaled.jpg'); \r\n  \r\n  --box-red-top: #982222;\r\n  --box-red-bottom: #390A0B; \r\n  --circle-orange: #EF6028;\r\n  --circle-red: #B51B1A;\r\n  --line-color: rgba(255, 255, 255, 0.4);\r\n\r\n  width: 100% !important;\r\n  max-width: 1200px !important;\r\n  margin: 100px auto 40px auto !important; \r\n  position: relative !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n\/* --- THE MAIN BACKGROUND LAYER --- *\/\r\n.stats-bg-layer {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  border-radius: 20px !important;\r\n  overflow: hidden !important; \r\n  background: var(--box-red-bottom) !important; \/* Solid dark red base *\/\r\n  z-index: 1 !important;\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;\r\n  \r\n  \/* Animation properties *\/\r\n  opacity: 0;\r\n}\r\n\r\n\/* --- THE MAP IMAGE (Top) --- *\/\r\n.stats-bg-layer::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: -50px !important; \r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background-image: var(--bg-map) !important;\r\n  background-position: top center !important;\r\n  background-repeat: no-repeat !important;\r\n  background-size: 80% auto !important; \r\n  opacity: 0.15 !important; \r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* --- THE RED GRADIENT OVERLAY (Middle) --- *\/\r\n.stats-gradient-overlay {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background: linear-gradient(180deg, var(--box-red-top) 0%, var(--box-red-bottom) 55%, transparent 100%) !important;\r\n  z-index: 2 !important;\r\n}\r\n\r\n\/* --- THE HANDS IMAGE (Bottom) --- *\/\r\n.stats-bg-layer::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  bottom: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 180px !important; \r\n  background-image: var(--bg-hands) !important;\r\n  background-size: cover !important;\r\n  background-position: center 90% !important; \r\n  opacity: 0.6 !important; \r\n  z-index: 0 !important; \r\n}\r\n\r\n\/* --- THE CONTENT LAYER --- *\/\r\n.stats-content {\r\n  position: relative !important;\r\n  z-index: 3 !important; \r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n}\r\n\r\n\/* --- Top Row (Grid) --- *\/\r\n.stats-top-row {\r\n  display: flex !important;\r\n  align-items: stretch !important;\r\n  border-bottom: 2px solid var(--line-color) !important;\r\n}\r\n\r\n.stats-col {\r\n  flex: 1 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  position: relative !important;\r\n  padding: 0 15px 35px 15px !important;\r\n}\r\n.stats-col:not(:last-child) {\r\n  border-right: 2px solid var(--line-color) !important;\r\n}\r\n\r\n.stats-circle-wrap {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  margin-top: -65px !important; \r\n}\r\n\r\n.stats-circle {\r\n  width: 130px !important;\r\n  height: 130px !important;\r\n  border-radius: 50% !important;\r\n  border: 5px solid #ffffff !important;\r\n  background: linear-gradient(180deg, var(--circle-orange) 0%, var(--circle-red) 100%) !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;\r\n  z-index: 3 !important;\r\n  \r\n  \/* Animation properties *\/\r\n  opacity: 0;\r\n}\r\n\r\n.stats-circle span {\r\n  color: #ffffff !important;\r\n  font-size: 36px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: -0.5px !important;\r\n}\r\n\r\n\/* --- ARROWS --- *\/\r\n.stats-arrows {\r\n  position: absolute !important;\r\n  left: 25px !important; \r\n  top: calc(50% + 35px) !important; \r\n  transform: translateY(-50%) !important;\r\n  width: 42px !important;\r\n  height: 42px !important;\r\n  stroke: var(--line-color) !important;\r\n  stroke-width: 3px !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n  fill: none !important;\r\n  \r\n  \/* Animation properties *\/\r\n  opacity: 0;\r\n}\r\n\r\n.stats-label {\r\n  color: #ffffff !important;\r\n  font-size: 17px !important;\r\n  font-weight: 500 !important;\r\n  text-align: center !important;\r\n  margin-top: 40px !important; \r\n  \r\n  \/* Animation properties *\/\r\n  opacity: 0;\r\n}\r\n\r\n\/* --- Bottom Row --- *\/\r\n.stats-bottom-row {\r\n  padding: 40px 20px !important;\r\n  text-align: center !important;\r\n  position: relative !important;\r\n  min-height: 180px !important; \r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n}\r\n\r\n.stats-bottom-row p {\r\n  color: #ffffff !important;\r\n  font-size: 26px !important;\r\n  font-weight: 500 !important;\r\n  margin: 0 !important;\r\n  z-index: 2 !important;\r\n  text-shadow: 0 4px 10px rgba(0,0,0,0.8) !important; \r\n  \r\n  \/* Animation properties *\/\r\n  opacity: 0;\r\n}\r\n\r\n\/* --- SMALL LOGO BOX UPDATE --- *\/\r\n.stats-b-logo {\r\n  position: absolute !important;\r\n  bottom: 15px !important;\r\n  right: 15px !important;\r\n  background: #000000 !important;\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  border-radius: 4px !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  z-index: 5 !important;\r\n  overflow: hidden !important; \r\n  \r\n  \/* Animation properties *\/\r\n  opacity: 0;\r\n}\r\n\r\n.stats-b-logo img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: contain !important; \r\n  display: block !important;\r\n}\r\n\r\n\/* --- JS Triggered Animation Classes --- *\/\r\n.stats-master-wrap.is-visible .stats-bg-layer {\r\n  animation: statsFadeIn 0.8s ease forwards !important;\r\n}\r\n\r\n.stats-master-wrap.is-visible .stats-circle,\r\n.stats-master-wrap.is-visible .stats-arrows {\r\n  animation: statsPopIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;\r\n}\r\n\r\n.stats-master-wrap.is-visible .stats-label {\r\n  animation: statsFadeIn 0.6s ease forwards !important;\r\n}\r\n\r\n.stats-master-wrap.is-visible .stats-bottom-row p,\r\n.stats-master-wrap.is-visible .stats-b-logo {\r\n  animation: statsSlideUp 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\r\n}\r\n\r\n\/* Staggered Delays *\/\r\n.stats-master-wrap.is-visible .stats-col:nth-child(1) .stats-circle,\r\n.stats-master-wrap.is-visible .stats-col:nth-child(1) .stats-arrows,\r\n.stats-master-wrap.is-visible .stats-col:nth-child(1) .stats-label { animation-delay: 0.2s !important; }\r\n\r\n.stats-master-wrap.is-visible .stats-col:nth-child(2) .stats-circle,\r\n.stats-master-wrap.is-visible .stats-col:nth-child(2) .stats-arrows,\r\n.stats-master-wrap.is-visible .stats-col:nth-child(2) .stats-label { animation-delay: 0.4s !important; }\r\n\r\n.stats-master-wrap.is-visible .stats-col:nth-child(3) .stats-circle,\r\n.stats-master-wrap.is-visible .stats-col:nth-child(3) .stats-arrows,\r\n.stats-master-wrap.is-visible .stats-col:nth-child(3) .stats-label { animation-delay: 0.6s !important; }\r\n\r\n.stats-master-wrap.is-visible .stats-bottom-row p { animation-delay: 0.8s !important; }\r\n.stats-master-wrap.is-visible .stats-b-logo { animation-delay: 1.0s !important; }\r\n\r\n\/* --- Mobile Responsiveness --- *\/\r\n@media (max-width: 900px) {\r\n  .stats-master-wrap {\r\n    margin-top: 60px !important;\r\n  }\r\n  .stats-top-row {\r\n    flex-direction: column !important; \r\n    border-bottom: none !important;\r\n  }\r\n  .stats-col:not(:last-child) {\r\n    border-right: none !important;\r\n    border-bottom: 2px solid var(--line-color) !important;\r\n  }\r\n  .stats-col {\r\n    padding: 20px 15px 35px 15px !important;\r\n  }\r\n  .stats-circle-wrap {\r\n    margin-top: -65px !important; \r\n  }\r\n  .stats-col:not(:first-child) {\r\n    margin-top: 50px !important; \r\n  }\r\n  .stats-bottom-row {\r\n    border-top: 2px solid var(--line-color) !important;\r\n  }\r\n  .stats-bottom-row p {\r\n    font-size: 20px !important;\r\n  }\r\n  .stats-arrows {\r\n    left: 10% !important; \r\n    width: 30px !important;\r\n    height: 30px !important;\r\n    top: 50% !important;\r\n  }\r\n  .stats-label {\r\n     margin-top: 30px !important;\r\n  }\r\n  .stats-bg-layer::before {\r\n     top: -20px !important; \r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"stats-master-wrap\">\r\n  \r\n  <div class=\"stats-bg-layer\">\r\n    <div class=\"stats-gradient-overlay\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"stats-content\">\r\n    \r\n    <div class=\"stats-top-row\">\r\n      \r\n      <div class=\"stats-col\">\r\n        <div class=\"stats-circle-wrap\">\r\n          <svg class=\"stats-arrows\" viewBox=\"0 0 24 24\">\r\n            <polyline points=\"13 17 18 12 13 7\"><\/polyline>\r\n            <polyline points=\"6 17 11 12 6 7\"><\/polyline>\r\n          <\/svg>\r\n          <div class=\"stats-circle\">\r\n            <span>$1B<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stats-label\">In circulation<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stats-col\">\r\n        <div class=\"stats-circle-wrap\">\r\n          <svg class=\"stats-arrows\" viewBox=\"0 0 24 24\">\r\n            <polyline points=\"13 17 18 12 13 7\"><\/polyline>\r\n            <polyline points=\"6 17 11 12 6 7\"><\/polyline>\r\n          <\/svg>\r\n          <div class=\"stats-circle\">\r\n            <span>4%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stats-label\">Annual yield<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stats-col\">\r\n        <div class=\"stats-circle-wrap\">\r\n          <svg class=\"stats-arrows\" viewBox=\"0 0 24 24\">\r\n            <polyline points=\"13 17 18 12 13 7\"><\/polyline>\r\n            <polyline points=\"6 17 11 12 6 7\"><\/polyline>\r\n          <\/svg>\r\n          <div class=\"stats-circle\">\r\n            <span>$40M<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stats-label\">Annual humanitarian impact<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"stats-bottom-row\">\r\n      <p>All reserves held in BitGo\u2019s regulated institutional custody.<\/p>\r\n      \r\n      <div class=\"stats-b-logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2025\/12\/10.png\" alt=\"Logo\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        function initStatsAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.15 \r\n            });\r\n\r\n            \/\/ Target the wrapper to trigger all child animations\r\n            const wrap = document.querySelector('.stats-master-wrap');\r\n            if (wrap) observer.observe(wrap);\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initStatsAnimations();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initStatsAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d2caa1 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"3d2caa1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-54bf94f\" data-id=\"54bf94f\" 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\t\t<div class=\"elementor-element elementor-element-0a23f3f elementor-widget elementor-widget-heading\" data-id=\"0a23f3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Trust Allocation Framework\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e902f1 elementor-widget elementor-widget-html\" data-id=\"4e902f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF 5-CARD ALLOCATION SECTION (TIGHTER SPACING) ===== *\/\r\n.alloc-master-wrap * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n\/* --- KEYFRAMES FOR ENTRANCE ANIMATION --- *\/\r\n@keyframes allocFadeUp {\r\n  from { opacity: 0; transform: translateY(60px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Even cards need their own animation to maintain the 40px staggered offset *\/\r\n@keyframes allocFadeUpEven {\r\n  from { opacity: 0; transform: translateY(100px); }\r\n  to { opacity: 1; transform: translateY(40px); }\r\n}\r\n\r\n.alloc-master-wrap {\r\n  \/* Replace with your background image URL *\/\r\n  --bg-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/bec05598-fcc1-43cf-91b7-0e6ad84dd7c8-scaled.jpg'); \r\n  \r\n  --overlay-color: rgba(160, 30, 30, 0.9); \r\n  --text-white: #ffffff;\r\n\r\n  --card-grad-top: #8A1818;\r\n  --card-grad-bot: #A82222;\r\n  --card-border-color: rgba(255, 255, 255, 0.5); \r\n  --ring-track-color: rgba(0, 0, 0, 0.15); \r\n\r\n  width: 100% !important;\r\n  \/* REDUCED: Overall section top and bottom padding *\/\r\n  padding: 80px 20px 100px 20px !important; \r\n  position: relative !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n  \r\n  background: linear-gradient(var(--overlay-color), var(--overlay-color)), var(--bg-image) !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  background-attachment: scroll !important;\r\n}\r\n\r\n.alloc-container {\r\n  max-width: 1250px !important;\r\n  margin: 0 auto !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: flex-start !important;\r\n  gap: 24px !important;\r\n}\r\n\r\n\/* --- THE CARDS (Tighter Spacing & Animation Setup) --- *\/\r\n.alloc-card {\r\n  flex: 1 !important;\r\n  background: linear-gradient(180deg, var(--card-grad-top) 0%, var(--card-grad-bot) 100%) !important;\r\n  border: 2px solid var(--card-border-color) !important;\r\n  border-radius: 16px !important;\r\n  \r\n  \/* REDUCED: Kept 65px top padding just to clear the circle, reduced bottom padding *\/\r\n  padding: 65px 15px 20px 15px !important;\r\n  \r\n  position: relative !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  justify-content: center !important; \r\n  text-align: center !important;\r\n  box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;\r\n  \r\n  \/* REDUCED: Card minimum height so it doesn't stretch needlessly *\/\r\n  min-height: 250px !important;\r\n  \r\n  \/* Base Animation Properties *\/\r\n  opacity: 0;\r\n  transition: transform 0.4s ease, box-shadow 0.4s ease !important;\r\n}\r\n\r\n\/* Base Hover Effect *\/\r\n.alloc-card:hover {\r\n  transform: translateY(-8px) !important;\r\n  box-shadow: 0 22px 45px rgba(0,0,0,0.3) !important;\r\n}\r\n\r\n\/* Pushes the 2nd and 4th cards DOWN *\/\r\n.alloc-card:nth-child(even) {\r\n  transform: translateY(40px) !important; \r\n}\r\n\r\n\/* Even Card Hover Effect (Accounts for the 40px offset: 40 - 8 = 32px) *\/\r\n.alloc-card:nth-child(even):hover {\r\n  transform: translateY(32px) !important; \r\n}\r\n\r\n\/* --- Javascript Triggered Entrance Classes --- *\/\r\n.alloc-card.is-visible {\r\n  animation: allocFadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\r\n}\r\n\r\n.alloc-card:nth-child(even).is-visible {\r\n  animation: allocFadeUpEven 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\r\n}\r\n\r\n\/* Staggered Card Entrance Delays *\/\r\n.alloc-card:nth-child(1) { animation-delay: 0.1s !important; }\r\n.alloc-card:nth-child(2) { animation-delay: 0.2s !important; }\r\n.alloc-card:nth-child(3) { animation-delay: 0.3s !important; }\r\n.alloc-card:nth-child(4) { animation-delay: 0.4s !important; }\r\n.alloc-card:nth-child(5) { animation-delay: 0.5s !important; }\r\n\r\n\/* --- THE OVERLAPPING PERCENTAGE RINGS --- *\/\r\n.alloc-ring-wrap {\r\n  position: absolute !important;\r\n  top: -65px !important; \r\n  left: 50% !important;\r\n  transform: translateX(-50%) !important;\r\n  width: 130px !important; \r\n  height: 130px !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  z-index: 5 !important;\r\n}\r\n\r\n\/* The SVG Container *\/\r\n.alloc-ring-wrap svg {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important; \r\n  height: 100% !important;\r\n  transform: rotate(-90deg) !important; \r\n  overflow: visible !important;\r\n}\r\n\r\n\/* Shared styles for SVG circles *\/\r\n.alloc-ring-wrap circle {\r\n  fill: none !important;\r\n}\r\n\r\n\/* THE THICK GREY TRACK *\/\r\n.alloc-ring-wrap .bg-track {\r\n    stroke: var(--ring-track-color) !important;\r\n    stroke-width: 14 !important; \r\n}\r\n\r\n\/* THE THINNER WHITE PROGRESS CIRCLE *\/\r\n.alloc-ring-wrap .progress-bar {\r\n    stroke: #ffffff !important;\r\n    stroke-width: 8 !important; \r\n    stroke-linecap: round !important;\r\n    \r\n    \/* Animation: hides the stroke initially *\/\r\n    stroke-dashoffset: 339.29 !important;\r\n    transition: stroke-dashoffset 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;\r\n}\r\n\r\n\/* Draws the circle when the card becomes visible *\/\r\n.alloc-card.is-visible .progress-bar {\r\n    stroke-dashoffset: 0 !important;\r\n}\r\n\r\n\/* Staggered delays for the circle drawing animation *\/\r\n.alloc-card:nth-child(1) .progress-bar { transition-delay: 0.4s !important; }\r\n.alloc-card:nth-child(2) .progress-bar { transition-delay: 0.5s !important; }\r\n.alloc-card:nth-child(3) .progress-bar { transition-delay: 0.6s !important; }\r\n.alloc-card:nth-child(4) .progress-bar { transition-delay: 0.7s !important; }\r\n.alloc-card:nth-child(5) .progress-bar { transition-delay: 0.8s !important; }\r\n\r\n\/* The Inner White Circle *\/\r\n.alloc-inner-circle {\r\n  width: 84px !important;\r\n  height: 84px !important;\r\n  background: #ffffff !important;\r\n  border-radius: 50% !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;\r\n  z-index: 2 !important;\r\n}\r\n\r\n.alloc-inner-circle span {\r\n  color: var(--card-grad-bot) !important; \r\n  font-size: 24px !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: -0.5px !important;\r\n}\r\n\r\n\/* --- CARD TYPOGRAPHY --- *\/\r\n.alloc-title {\r\n  color: var(--text-white) !important;\r\n  font-size: 17px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n  padding: 0 5px !important;\r\n  word-break: normal !important;\r\n}\r\n\r\n.alloc-divider {\r\n  width: 80% !important;\r\n  height: 1px !important;\r\n  background: rgba(255, 255, 255, 0.5) !important;\r\n  \/* REDUCED: Space around the divider line *\/\r\n  margin: 12px auto !important; \r\n}\r\n\r\n.alloc-sub {\r\n  color: var(--text-white) !important;\r\n  font-size: 13px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 !important;\r\n  padding: 0 5px !important;\r\n}\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 1000px) {\r\n  .alloc-container {\r\n    flex-wrap: wrap !important;\r\n    gap: 80px 20px !important; \r\n  }\r\n  .alloc-card {\r\n    flex: 1 1 calc(50% - 20px) !important; \r\n    min-height: auto !important; \/* Let content dictate height on mobile *\/\r\n  }\r\n  \r\n  \/* Reset offset layout on smaller screens *\/\r\n  .alloc-card:nth-child(even) {\r\n    transform: none !important; \r\n  }\r\n  .alloc-card:nth-child(even).is-visible {\r\n    animation-name: allocFadeUp !important; \/* Use standard animation *\/\r\n  }\r\n  .alloc-card:nth-child(even):hover {\r\n    transform: translateY(-8px) !important; \/* Standard hover *\/\r\n  }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n  .alloc-card {\r\n    flex: 1 1 100% !important; \r\n  }\r\n  .alloc-master-wrap {\r\n    padding: 70px 20px 40px 20px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"alloc-master-wrap\">\r\n  <div class=\"alloc-container\">\r\n\r\n    <div class=\"alloc-card\">\r\n      <div class=\"alloc-ring-wrap\">\r\n        <svg viewBox=\"0 0 140 140\">\r\n          <circle class=\"bg-track\" cx=\"70\" cy=\"70\" r=\"54\"><\/circle>\r\n          <circle class=\"progress-bar\" cx=\"70\" cy=\"70\" r=\"54\" stroke-dasharray=\"135.72 339.29\"><\/circle>\r\n        <\/svg>\r\n        <div class=\"alloc-inner-circle\">\r\n          <span>40%<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"alloc-title\">Anti-poverty relief<\/h3>\r\n      <div class=\"alloc-divider\"><\/div>\r\n      <p class=\"alloc-sub\">(Global Prasad & Food Security)<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"alloc-card\">\r\n      <div class=\"alloc-ring-wrap\">\r\n        <svg viewBox=\"0 0 140 140\">\r\n          <circle class=\"bg-track\" cx=\"70\" cy=\"70\" r=\"54\"><\/circle>\r\n          <circle class=\"progress-bar\" cx=\"70\" cy=\"70\" r=\"54\" stroke-dasharray=\"84.82 339.29\"><\/circle>\r\n        <\/svg>\r\n        <div class=\"alloc-inner-circle\">\r\n          <span>25%<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"alloc-title\">Sanatan Dharma-aligned education & equality<\/h3>\r\n      <div class=\"alloc-divider\"><\/div>\r\n      <p class=\"alloc-sub\">(Education & Dharma Wisdom; Justice, Freedom & Non-Violence)<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"alloc-card\">\r\n      <div class=\"alloc-ring-wrap\">\r\n        <svg viewBox=\"0 0 140 140\">\r\n          <circle class=\"bg-track\" cx=\"70\" cy=\"70\" r=\"54\"><\/circle>\r\n          <circle class=\"progress-bar\" cx=\"70\" cy=\"70\" r=\"54\" stroke-dasharray=\"67.86 339.29\"><\/circle>\r\n        <\/svg>\r\n        <div class=\"alloc-inner-circle\">\r\n          <span>20%<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"alloc-title\">Healthcare and hospital support<\/h3>\r\n      <div class=\"alloc-divider\"><\/div>\r\n      <p class=\"alloc-sub\">(Ahimsa Health & Healing)<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"alloc-card\">\r\n      <div class=\"alloc-ring-wrap\">\r\n        <svg viewBox=\"0 0 140 140\">\r\n          <circle class=\"bg-track\" cx=\"70\" cy=\"70\" r=\"54\"><\/circle>\r\n          <circle class=\"progress-bar\" cx=\"70\" cy=\"70\" r=\"54\" stroke-dasharray=\"33.93 339.29\"><\/circle>\r\n        <\/svg>\r\n        <div class=\"alloc-inner-circle\">\r\n          <span>10%<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"alloc-title\">Emergency disaster relief<\/h3>\r\n    <\/div>\r\n\r\n    <div class=\"alloc-card\">\r\n      <div class=\"alloc-ring-wrap\">\r\n        <svg viewBox=\"0 0 140 140\">\r\n          <circle class=\"bg-track\" cx=\"70\" cy=\"70\" r=\"54\"><\/circle>\r\n          <circle class=\"progress-bar\" cx=\"70\" cy=\"70\" r=\"54\" stroke-dasharray=\"16.96 339.29\"><\/circle>\r\n        <\/svg>\r\n        <div class=\"alloc-inner-circle\">\r\n          <span>5%<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"alloc-title\">Sanatan Dharma culture & technology initiatives<\/h3>\r\n      <div class=\"alloc-divider\"><\/div>\r\n      <p class=\"alloc-sub\">(Culture, Temples & Interfaith Bridges)<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        function initAllocAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.15 \r\n            });\r\n\r\n            \/\/ Target the cards\r\n            const cards = document.querySelectorAll('.alloc-card');\r\n            cards.forEach(card => observer.observe(card));\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initAllocAnimations();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initAllocAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-405bc08 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"405bc08\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-bbb7c24\" data-id=\"bbb7c24\" 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\t\t<div class=\"elementor-element elementor-element-c840b05 elementor-widget elementor-widget-heading\" data-id=\"c840b05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Transparency &amp; Accountability<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c116915 elementor-widget elementor-widget-html\" data-id=\"c116915\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF 4-CARD HUB LAYOUT (UNIVERSAL MONTSERRAT FONT) ===== *\/\r\n.zxt-master-wrap * {\r\n  box-sizing: border-box !important;\r\n  \/* FORCES MONTSERRAT ON EVERY SINGLE ELEMENT INSIDE THIS SECTION *\/\r\n  font-family: \"Montserrat\", sans-serif !important; \r\n}\r\n\r\n\/* --- KEYFRAMES FOR ENTRANCE ANIMATION --- *\/\r\n@keyframes zxtSlideInTL {\r\n  0% { opacity: 0; transform: translate(-40px, -40px); }\r\n  100% { opacity: 1; transform: translate(0, 0); }\r\n}\r\n@keyframes zxtSlideInTR {\r\n  0% { opacity: 0; transform: translate(40px, -40px); }\r\n  100% { opacity: 1; transform: translate(0, 0); }\r\n}\r\n@keyframes zxtSlideInBL {\r\n  0% { opacity: 0; transform: translate(-40px, 40px); }\r\n  100% { opacity: 1; transform: translate(0, 0); }\r\n}\r\n@keyframes zxtSlideInBR {\r\n  0% { opacity: 0; transform: translate(40px, 40px); }\r\n  100% { opacity: 1; transform: translate(0, 0); }\r\n}\r\n\r\n@keyframes zxtPopIn {\r\n  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.5); }\r\n  70% { opacity: 1; transform: translate(-50%, -50%) scale(1.05); }\r\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }\r\n}\r\n\r\n@keyframes zxtSatPop {\r\n  0% { opacity: 0; transform: translate(-50%, -50%) scale(0); }\r\n  70% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); }\r\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }\r\n}\r\n\r\n\/* Base states for JS to hook into *\/\r\n.zxt-anim-target { opacity: 0; }\r\n.zxt-hub.zxt-anim-target { opacity: 0; transform: translate(-50%, -50%) scale(0.5); }\r\n.zxt-sat.zxt-anim-target { opacity: 0; transform: translate(-50%, -50%) scale(0); }\r\n\r\n.zxt-master-wrap {\r\n  \/* Replace with your center coin\/bitcoin background image *\/\r\n  --center-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/39934b1b-d8e6-4514-b774-bbe93e0c6914.jpg'); \r\n  \r\n  --red-dark: #9C1C1C;\r\n  --red-light: #D33131;\r\n  --orange-light: #E57227;\r\n  --orange-dark: #C44E11;\r\n  \r\n  --border-white: #ffffff;\r\n  --text-white: #ffffff;\r\n  \r\n  width: 100% !important;\r\n  max-width: 1100px !important;\r\n  margin: 20px auto !important;\r\n  padding: 20px !important;\r\n  position: relative !important;\r\n}\r\n\r\n\/* --- THE 4-CARD GRID --- *\/\r\n.zxt-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  gap: 24px !important;\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* --- INDIVIDUAL CARDS --- *\/\r\n.zxt-card {\r\n  border-radius: 18px !important;\r\n  min-height: 250px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center !important; \r\n  position: relative !important;\r\n  box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;\r\n  overflow: hidden !important;\r\n  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease !important;\r\n}\r\n\r\n\/* Specific Card Gradients & Padding to avoid center hub *\/\r\n.zxt-tl {\r\n  background: linear-gradient(135deg, var(--red-dark) 0%, var(--red-light) 100%) !important;\r\n  padding: 40px 170px 60px 40px !important; \r\n}\r\n.zxt-tr {\r\n  background: linear-gradient(135deg, var(--orange-light) 0%, var(--orange-dark) 100%) !important;\r\n  padding: 40px 40px 60px 170px !important;\r\n}\r\n.zxt-bl {\r\n  background: linear-gradient(135deg, var(--orange-light) 0%, var(--orange-dark) 100%) !important;\r\n  padding: 40px 170px 60px 40px !important;\r\n}\r\n.zxt-br {\r\n  background: linear-gradient(135deg, var(--red-light) 0%, var(--red-dark) 100%) !important;\r\n  padding: 40px 40px 60px 170px !important;\r\n}\r\n\r\n\/* Card Hover Effects *\/\r\n.zxt-tl:hover { transform: translate(-5px, -5px) !important; box-shadow: -10px -10px 30px rgba(0,0,0,0.2) !important; }\r\n.zxt-tr:hover { transform: translate(5px, -5px) !important;  box-shadow: 10px -10px 30px rgba(0,0,0,0.2) !important; }\r\n.zxt-bl:hover { transform: translate(-5px, 5px) !important;  box-shadow: -10px 10px 30px rgba(0,0,0,0.2) !important; }\r\n.zxt-br:hover { transform: translate(5px, 5px) !important;   box-shadow: 10px 10px 30px rgba(0,0,0,0.2) !important; }\r\n\r\n\/* Card Typography *\/\r\n.zxt-title {\r\n  color: var(--text-white) !important;\r\n  font-size: 21px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 !important;\r\n  z-index: 2 !important;\r\n  text-align: left !important; \r\n}\r\n\r\n\/* --- DOUBLE ARROWS --- *\/\r\n.zxt-arrows {\r\n  position: absolute !important;\r\n  bottom: 30px !important;\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  z-index: 2 !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n.zxt-tl .zxt-arrows, \r\n.zxt-bl .zxt-arrows {\r\n  left: 40px !important;\r\n}\r\n.zxt-tr .zxt-arrows, \r\n.zxt-br .zxt-arrows {\r\n  right: 40px !important;\r\n}\r\n\r\n\/* Brighten arrows on hover *\/\r\n.zxt-card:hover .zxt-arrows polyline { opacity: 1 !important; }\r\n.zxt-card:hover .zxt-arrows { transform: translateX(5px) !important; }\r\n\r\n\r\n\/* =========================================\r\n   --- THE CENTRAL HUB --- \r\n========================================= *\/\r\n.zxt-hub {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) !important;\r\n  width: 320px !important;\r\n  height: 320px !important;\r\n  z-index: 10 !important;\r\n}\r\n\r\n.zxt-hub-bg {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background: #ffffff !important;\r\n  border-radius: 50% !important;\r\n  z-index: 1 !important;\r\n}\r\n\r\n.zxt-ring-outer {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  border-radius: 50% !important;\r\n  border: 1.5px solid var(--red-dark) !important;\r\n  padding: 8px !important; \r\n  z-index: 2 !important;\r\n}\r\n\r\n.zxt-ring-inner {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  border-radius: 50% !important;\r\n  border: 4px solid var(--red-dark) !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  background: var(--red-dark) !important;\r\n}\r\n\r\n.zxt-center-image {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background-image: var(--center-image) !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  opacity: 0.3 !important; \r\n}\r\n\r\n\/* --- CENTER LOGO CONTAINER (TRANSPARENT BACKGROUND) --- *\/\r\n.zxt-center-logo-wrap {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) !important;\r\n  width: 75px !important; \r\n  height: 75px !important;\r\n  background: transparent !important; \r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  z-index: 5 !important;\r\n}\r\n\r\n.zxt-center-logo-wrap img {\r\n  width: 100% !important; \r\n  height: auto !important;\r\n  object-fit: contain !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* --- THE SATELLITE ICONS --- *\/\r\n.zxt-sat {\r\n  position: absolute !important;\r\n  width: 56px !important;\r\n  height: 56px !important;\r\n  border-radius: 50% !important;\r\n  border: 4px solid var(--border-white) !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  transform: translate(-50%, -50%) !important;\r\n  z-index: 12 !important;\r\n  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;\r\n}\r\n\r\n.sat-tl { top: 15%; left: 15%; background: #1a1a1a !important; }\r\n.sat-tr { top: 15%; left: 85%; background: var(--orange-light) !important; }\r\n.sat-bl { top: 85%; left: 15%; background: var(--orange-light) !important; }\r\n.sat-br { top: 85%; left: 85%; background: #651111 !important; }\r\n\r\n.zxt-sat svg {\r\n  width: 22px !important;\r\n  height: 22px !important;\r\n  stroke: #ffffff !important;\r\n  stroke-width: 2 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n  fill: none !important;\r\n}\r\n.sat-tl svg { fill: #ffffff !important; stroke: none !important; }\r\n.sat-br svg { fill: #ffffff !important; stroke: none !important; }\r\n\r\n\/* --- JS ANIMATION CLASSES --- *\/\r\n.zxt-master-wrap.is-visible .zxt-tl { animation: zxtSlideInTL 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards !important; }\r\n.zxt-master-wrap.is-visible .zxt-tr { animation: zxtSlideInTR 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards !important; }\r\n.zxt-master-wrap.is-visible .zxt-bl { animation: zxtSlideInBL 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards !important; }\r\n.zxt-master-wrap.is-visible .zxt-br { animation: zxtSlideInBR 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards !important; }\r\n\r\n.zxt-master-wrap.is-visible .zxt-hub { animation: zxtPopIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important; animation-delay: 0.3s !important; }\r\n\r\n.zxt-master-wrap.is-visible .sat-tl { animation: zxtSatPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important; animation-delay: 0.5s !important; }\r\n.zxt-master-wrap.is-visible .sat-tr { animation: zxtSatPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important; animation-delay: 0.6s !important; }\r\n.zxt-master-wrap.is-visible .sat-br { animation: zxtSatPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important; animation-delay: 0.7s !important; }\r\n.zxt-master-wrap.is-visible .sat-bl { animation: zxtSatPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important; animation-delay: 0.8s !important; }\r\n\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 950px) {\r\n  .zxt-master-wrap {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    padding-top: 40px !important;\r\n  }\r\n  .zxt-grid {\r\n    grid-template-columns: 1fr !important; \r\n    width: 100% !important;\r\n  }\r\n  .zxt-hub {\r\n    position: relative !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    transform: none !important;\r\n    margin-bottom: 40px !important;\r\n  }\r\n  .zxt-tl, .zxt-tr, .zxt-bl, .zxt-br {\r\n    padding: 35px 35px 80px 35px !important; \r\n    min-height: auto !important;\r\n  }\r\n  .zxt-tl .zxt-arrows, .zxt-bl .zxt-arrows, \r\n  .zxt-tr .zxt-arrows, .zxt-br .zxt-arrows {\r\n    left: 35px !important;\r\n    right: auto !important;\r\n  }\r\n  \r\n  \/* Reset hovers & complex animations on mobile *\/\r\n  .zxt-tl:hover, .zxt-tr:hover, .zxt-bl:hover, .zxt-br:hover { transform: translateY(-5px) !important; }\r\n  \r\n  .zxt-master-wrap.is-visible .zxt-tl,\r\n  .zxt-master-wrap.is-visible .zxt-tr,\r\n  .zxt-master-wrap.is-visible .zxt-bl,\r\n  .zxt-master-wrap.is-visible .zxt-br { \r\n    animation-name: zxtSlideInBL !important; \/* Simple slide up from bottom left for stacked items *\/\r\n  }\r\n  .zxt-hub.zxt-anim-target { transform: scale(0.5); }\r\n  .zxt-master-wrap.is-visible .zxt-hub { animation-name: zxtSatPop !important; } \/* Use simple pop instead of transform translate mix *\/\r\n}\r\n@media (max-width: 400px) {\r\n  .zxt-hub { width: 280px !important; height: 280px !important; }\r\n  .zxt-sat { width: 48px !important; height: 48px !important; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zxt-master-wrap\">\r\n\r\n  <div class=\"zxt-hub zxt-anim-target\">\r\n    \r\n    <div class=\"zxt-hub-bg\"><\/div>\r\n    <div class=\"zxt-ring-outer\">\r\n      <div class=\"zxt-ring-inner\">\r\n        <div class=\"zxt-center-image\"><\/div>\r\n        \r\n        <div class=\"zxt-center-logo-wrap\">\r\n           <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/c88f498e-c7b9-47e8-9656-5d9d14495ac1.png\" alt=\"Center Logo\" \/>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zxt-sat sat-tl zxt-anim-target\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n        <text x=\"12\" y=\"16.5\" font-weight=\"700\" font-size=\"12\" text-anchor=\"middle\" fill=\"#1a1a1a\">B<\/text>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"zxt-sat sat-tr zxt-anim-target\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\" \/>\r\n        <circle cx=\"12\" cy=\"12\" r=\"2\" \/>\r\n        <path d=\"M6 12h.01M18 12h.01\" \/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"zxt-sat sat-bl zxt-anim-target\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <rect x=\"4\" y=\"7\" width=\"16\" height=\"14\" rx=\"2\" \/>\r\n        <path d=\"M8 7V5a2 2 0 012-2h4a2 2 0 012 2v2\" \/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"zxt-sat sat-br zxt-anim-target\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\" \/>\r\n        <circle cx=\"9\" cy=\"7\" r=\"4\" \/>\r\n        <path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" \/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"zxt-grid\">\r\n    \r\n    <div class=\"zxt-card zxt-tl zxt-anim-target\">\r\n      <h3 class=\"zxt-title\">Asset issued by BitGo Bank & Trust<\/h3>\r\n      <svg class=\"zxt-arrows\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <polyline points=\"6 17 11 12 6 7\" opacity=\"0.5\"\/>\r\n        <polyline points=\"13 17 18 12 13 7\" opacity=\"1\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"zxt-card zxt-tr zxt-anim-target\">\r\n      <h3 class=\"zxt-title\">Monthly audited public reserve attestations<\/h3>\r\n      <svg class=\"zxt-arrows\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <polyline points=\"6 17 11 12 6 7\" opacity=\"0.5\"\/>\r\n        <polyline points=\"13 17 18 12 13 7\" opacity=\"1\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"zxt-card zxt-bl zxt-anim-target\">\r\n      <h3 class=\"zxt-title\">Transparency reporting<\/h3>\r\n      <svg class=\"zxt-arrows\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <polyline points=\"6 17 11 12 6 7\" opacity=\"0.5\"\/>\r\n        <polyline points=\"13 17 18 12 13 7\" opacity=\"1\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"zxt-card zxt-br zxt-anim-target\">\r\n      <h3 class=\"zxt-title\">Impact dashboard for public accountability & partners<\/h3>\r\n      <svg class=\"zxt-arrows\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <polyline points=\"6 17 11 12 6 7\" opacity=\"0.5\"\/>\r\n        <polyline points=\"13 17 18 12 13 7\" opacity=\"1\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        function initZxtAnimations() {\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.2 \/\/ Trigger when a good chunk of the section is visible\r\n            });\r\n\r\n            \/\/ Target the wrapper to trigger the whole synchronized animation\r\n            const wrap = document.querySelector('.zxt-master-wrap');\r\n            if (wrap) observer.observe(wrap);\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            initZxtAnimations();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initZxtAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0cac092 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"0cac092\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-0543eed\" data-id=\"0543eed\" 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\t\t<div class=\"elementor-element elementor-element-63d0e75 elementor-widget elementor-widget-heading\" data-id=\"63d0e75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Global Scaling Potential<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88e260c elementor-widget elementor-widget-html\" data-id=\"88e260c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"pill-wrapper\">\r\n  <div class=\"pill-title\">\r\n    Hindu USD\u2122 is designed for global scale through the\r\nnaturally distributed structure of Sanatan Dharma.\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.pill-wrapper{\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n\r\n.pill-title{\r\n    background: linear-gradient(180deg,#D63B2F,#B92A2A);\r\n    color:#fff;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size:22px;\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:999px;\r\n    text-align:center;\r\n    box-shadow:0 6px 20px rgba(0,0,0,0.2);\r\n    max-width:90%;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-465ceec elementor-widget elementor-widget-html\" data-id=\"465ceec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF 5-COLUMN GLOBAL STATS (LARGER CARDS) ===== *\/\r\n.global-stats-wrap * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n\/* --- KEYFRAMES FOR ENTRANCE ANIMATION --- *\/\r\n@keyframes statSlideUp {\r\n  0% { opacity: 0; transform: translateY(50px); }\r\n  100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes statIconPop {\r\n  0% { opacity: 0; transform: scale(0); }\r\n  60% { opacity: 1; transform: scale(1.15); }\r\n  100% { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.global-stats-wrap {\r\n  \/* Replace with your glowing earth\/globe background image *\/\r\n  --bg-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/placeholder-map.png'); \r\n  \r\n  --grad-top: #F57223; \/* Bright orange used for gradients and the new border *\/\r\n  --grad-bot: #B32B13; \/* Deep red-orange *\/\r\n  --text-white: #ffffff;\r\n  \r\n  width: 100% !important;\r\n  padding: 100px 20px !important; \/* Increased top\/bottom padding for the whole section *\/\r\n  position: relative !important;\r\n} \/* <-- Added the missing closing bracket here! *\/\r\n\r\n\/* --- THE GRID --- *\/\r\n.stats-grid {\r\n  \/* INCREASED: Max width gives the 5 cards more horizontal room *\/\r\n  max-width: 1400px !important; \r\n  margin: 0 auto !important;\r\n  display: grid !important;\r\n  grid-template-columns: repeat(5, 1fr) !important;\r\n  gap: 25px !important; \/* Slightly wider gap between larger cards *\/\r\n  padding-top: 35px !important;\r\n}\r\n\r\n\/* --- INDIVIDUAL CARDS --- *\/\r\n.stat-card {\r\n  background: linear-gradient(135deg, var(--grad-top) 0%, var(--grad-bot) 100%) !important;\r\n  border-radius: 14px !important;\r\n  \/* INCREASED: Internal padding to make cards feel larger *\/\r\n  padding: 55px 25px 40px 25px !important; \r\n  \/* ADDED: Minimum height to ensure they are tall and uniform *\/\r\n  min-height: 220px !important;\r\n  position: relative !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: flex-start !important;\r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.3) !important;\r\n  \r\n  \/* Animation Base Settings *\/\r\n  opacity: 0;\r\n  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease !important;\r\n}\r\n\r\n\/* --- THE OVERLAPPING WHITE CIRCLE (WITH ORANGE BORDER) --- *\/\r\n.stat-icon-wrap {\r\n  position: absolute !important;\r\n  \/* ADJUSTED: Pulled up slightly more to match larger circle *\/\r\n  top: -30px !important; \r\n  left: 25px !important; \r\n  \/* INCREASED: Overall icon circle size *\/\r\n  width: 60px !important; \r\n  height: 60px !important;\r\n  background: #ffffff !important; \r\n  border: 3px solid var(--grad-top) !important; \r\n  border-radius: 50% !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  box-shadow: 0 5px 12px rgba(0,0,0,0.2) !important;\r\n  z-index: 5 !important;\r\n  overflow: hidden !important; \r\n  \r\n  \/* Animation Base Settings *\/\r\n  opacity: 0;\r\n  transform: scale(0);\r\n  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* Styling for your custom PNGs when added *\/\r\n.stat-icon-wrap img {\r\n  \/* INCREASED: PNG size inside the larger circle *\/\r\n  width: 30px !important; \r\n  height: 30px !important;\r\n  object-fit: contain !important; \r\n  display: block !important;\r\n}\r\n\r\n\/* --- HOVER EFFECTS --- *\/\r\n.stat-card:hover {\r\n  transform: translateY(-8px) !important;\r\n  box-shadow: 0 18px 40px rgba(0,0,0,0.4) !important;\r\n}\r\n.stat-card:hover .stat-icon-wrap {\r\n  transform: scale(1.15) !important;\r\n}\r\n\r\n\/* --- JS ANIMATION CLASSES --- *\/\r\n.stat-card.is-visible {\r\n  animation: statSlideUp 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\r\n}\r\n.stat-card.is-visible .stat-icon-wrap {\r\n  animation: statIconPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;\r\n}\r\n\r\n\/* Staggered Delays for Grid Cascade *\/\r\n.stat-card:nth-child(1) { animation-delay: 0.1s !important; }\r\n.stat-card:nth-child(2) { animation-delay: 0.2s !important; }\r\n.stat-card:nth-child(3) { animation-delay: 0.3s !important; }\r\n.stat-card:nth-child(4) { animation-delay: 0.4s !important; }\r\n.stat-card:nth-child(5) { animation-delay: 0.5s !important; }\r\n\r\n\/* Delay the icon pop slightly AFTER the card starts sliding up *\/\r\n.stat-card:nth-child(1) .stat-icon-wrap { animation-delay: 0.4s !important; }\r\n.stat-card:nth-child(2) .stat-icon-wrap { animation-delay: 0.5s !important; }\r\n.stat-card:nth-child(3) .stat-icon-wrap { animation-delay: 0.6s !important; }\r\n.stat-card:nth-child(4) .stat-icon-wrap { animation-delay: 0.7s !important; }\r\n.stat-card:nth-child(5) .stat-icon-wrap { animation-delay: 0.8s !important; }\r\n\r\n\/* --- CARD TYPOGRAPHY --- *\/\r\n.stat-number {\r\n  color: var(--text-white) !important;\r\n  \/* INCREASED: Font size for numbers *\/\r\n  font-size: 32px !important; \r\n  font-weight: 500 !important;\r\n  margin: 0 0 15px 0 !important;\r\n  line-height: 1.1 !important;\r\n  letter-spacing: -0.5px !important;\r\n}\r\n\r\n.stat-card:last-child .stat-number {\r\n  font-size: 28px !important; \/* Scaled up to match new proportions *\/\r\n}\r\n\r\n.stat-divider {\r\n  width: 100% !important;\r\n  height: 1px !important;\r\n  background: rgba(255, 255, 255, 0.4) !important;\r\n  margin: 0 0 15px 0 !important;\r\n}\r\n\r\n.stat-text {\r\n  color: var(--text-white) !important;\r\n  \/* INCREASED: Font size for text *\/\r\n  font-size: 15px !important; \r\n  font-weight: 500 !important;\r\n  line-height: 1.5 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 1300px) {\r\n  .stats-grid {\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    row-gap: 55px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 850px) {\r\n  .stats-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 550px) {\r\n  .stats-grid {\r\n    grid-template-columns: 1fr !important;\r\n    max-width: 360px !important;\r\n  }\r\n  .stat-card:hover {\r\n    transform: translateY(-4px) !important; \/* Reduced hover lift for mobile *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"global-stats-wrap\">\r\n  <div class=\"stats-grid\">\r\n\r\n    <div class=\"stat-card\">\r\n      <div class=\"stat-icon-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/efacd287-ffaa-4b1a-ae05-214b54840b7e.png\" alt=\"Icon\" \/>\r\n      <\/div>\r\n      <h3 class=\"stat-number\">50,000+<\/h3>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <p class=\"stat-text\">Temples and dharma centers worldwide<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stat-card\">\r\n      <div class=\"stat-icon-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/b5948dc9-e3dd-4e07-ba5c-b529903186e9.png\" alt=\"Icon\" \/>\r\n      <\/div>\r\n      <h3 class=\"stat-number\">10,000+<\/h3>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <p class=\"stat-text\">Schools, gurukuls, and educational institutions<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stat-card\">\r\n      <div class=\"stat-icon-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/23871099-af30-44a5-b84a-e6ccca2e6e21.png\" alt=\"Icon\" \/>\r\n      <\/div>\r\n      <h3 class=\"stat-number\">7,000+<\/h3>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <p class=\"stat-text\">Hospitals, clinics, and healing centers<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stat-card\">\r\n      <div class=\"stat-icon-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/46aa736a-42db-45dc-9030-68a6847abfb2.png\" alt=\"Icon\" \/>\r\n      <\/div>\r\n      <h3 class=\"stat-number\">20,000+<\/h3>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <p class=\"stat-text\">Seva organizations, ngos, and community trusts<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stat-card\">\r\n      <div class=\"stat-icon-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/0171de15-1a61-482b-a4a7-4f28a86610e7.png\" alt=\"Icon\" \/>\r\n      <\/div>\r\n      <h3 class=\"stat-number\">1.2+ billion<\/h3>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <p class=\"stat-text\">Billion hindus and members of the global diaspora<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        function initGlobalStatsAnimations() {\r\n            const wrap = document.querySelector('.global-stats-wrap');\r\n            if (!wrap) return;\r\n\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.15 \r\n            });\r\n\r\n            \/\/ Target individual cards so they trigger when scrolled to\r\n            const cards = document.querySelectorAll('.stat-card');\r\n            cards.forEach(card => observer.observe(card));\r\n\r\n            \/\/ FAILSAFE FOR BUILDER PREVIEWS\r\n            setTimeout(() => {\r\n                cards.forEach(card => {\r\n                    if (!card.classList.contains('is-visible')) {\r\n                        card.classList.add('is-visible');\r\n                    }\r\n                });\r\n            }, 1500);\r\n        }\r\n\r\n        \/\/ Run immediately if DOM is already ready\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n            setTimeout(initGlobalStatsAnimations, 100);\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initGlobalStatsAnimations);\r\n        }\r\n    })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-758a217 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"758a217\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-1c5b2e0\" data-id=\"1c5b2e0\" 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\t\t<div class=\"elementor-element elementor-element-954155d elementor-widget elementor-widget-heading\" data-id=\"954155d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why Sanatan Dharma Enables Global Scale<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23025d6 elementor-widget elementor-widget-html\" data-id=\"23025d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF SD NETWORK SECTION (NO WHITE BG FOR ICONS) ===== *\/\r\n.sd-master-wrap * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n.sd-master-wrap {\r\n  \/* Replace with your temple pillars background image *\/\r\n  --right-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/d5bf1677-aee4-4434-a5a4-ea38cb18a108.jpg'); \r\n  \r\n  --pill-grad-left: #D84315; \/* Deep orange *\/\r\n  --pill-grad-right: #F47B20; \/* Bright orange *\/\r\n  --card-overlay-bottom: #A41F1F; \/* Deep red for the right card text area *\/\r\n  \r\n  width: 100% !important;\r\n  max-width: 1200px !important;\r\n  margin: 20px auto !important;\r\n  padding: 20px !important;\r\n}\r\n\r\n\/* --- THE MAIN GRID --- *\/\r\n.sd-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1.3fr 1fr !important;\r\n  gap: 30px !important;\r\n  align-items: stretch !important;\r\n}\r\n\r\n\/* =========================================\r\n   --- LEFT COLUMN: LIST --- \r\n========================================= *\/\r\n.sd-list-col {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: space-between !important;\r\n  gap: 16px !important;\r\n}\r\n\r\n.sd-list-item {\r\n  background: linear-gradient(90deg, var(--pill-grad-left) 0%, var(--pill-grad-right) 100%) !important;\r\n  border-radius: 14px !important; \r\n  display: flex !important;\r\n  align-items: center !important;\r\n  padding: 18px 25px !important;\r\n  box-shadow: 0 8px 20px rgba(216, 67, 21, 0.2) !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n\r\n.sd-list-item:hover {\r\n  transform: translateX(5px) !important; \r\n}\r\n\r\n\/* TRANSPARENT CONTAINER FOR ICONS *\/\r\n.sd-icon-wrap {\r\n  width: 32px !important; \/* Adjusted size for direct icon placement *\/\r\n  height: 32px !important;\r\n  flex-shrink: 0 !important; \r\n  margin-right: 20px !important;\r\n  background: transparent !important; \/* REMOVED WHITE BACKGROUND *\/\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  \/* Removed shadow and border-radius since it's just a transparent wrapper now *\/\r\n}\r\n\r\n\/* The Placeholder Icon (I will replace myself) *\/\r\n.sd-icon-wrap img {\r\n  width: 100% !important; \/* Icon now fills the wrapper completely *\/\r\n  height: auto !important;\r\n  object-fit: contain !important;\r\n  display: block !important;\r\n}\r\n\r\n.sd-text {\r\n  color: #ffffff !important;\r\n  font-size: 15px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   --- RIGHT COLUMN: IMAGE CARD --- \r\n========================================= *\/\r\n.sd-image-card {\r\n  position: relative !important;\r\n  border-radius: 14px !important; \r\n  overflow: hidden !important;\r\n  background-image: var(--right-image) !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: flex-end !important;\r\n  padding: 40px 35px !important;\r\n  box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;\r\n  min-height: 350px !important;\r\n}\r\n\r\n.sd-image-overlay {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background: linear-gradient(0deg, var(--card-overlay-bottom) 0%, rgba(164, 31, 31, 0.85) 35%, transparent 100%) !important;\r\n  z-index: 1 !important;\r\n}\r\n\r\n.sd-card-text {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  color: #ffffff !important;\r\n  font-size: 20px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 950px) {\r\n  .sd-grid {\r\n    grid-template-columns: 1fr !important; \r\n    gap: 40px !important;\r\n  }\r\n  .sd-image-card {\r\n    min-height: 300px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n  .sd-list-item {\r\n     padding: 15px 20px !important;\r\n  }\r\n  .sd-text {\r\n    font-size: 14px !important;\r\n  }\r\n  .sd-card-text {\r\n    font-size: 18px !important;\r\n  }\r\n  .sd-icon-wrap {\r\n    width: 26px !important;\r\n    height: 26px !important;\r\n    margin-right: 15px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sd-master-wrap\">\r\n  <div class=\"sd-grid\">\r\n\r\n    <div class=\"sd-list-col\">\r\n      \r\n      <div class=\"sd-list-item\">\r\n        <div class=\"sd-icon-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/6dc81372-f83a-45f8-86c8-c10eaee95673.png\" alt=\"Icon 1\" \/>\r\n        <\/div>\r\n        <p class=\"sd-text\">Operates across a worldwide, non-centralized network of temples, institutions, and community organizations<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sd-list-item\">\r\n        <div class=\"sd-icon-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ab3c0e88-0f55-4e0d-a9cc-34d2125a650a.png\" alt=\"Icon 2\" \/>\r\n        <\/div>\r\n        <p class=\"sd-text\">Supported by a large, globally connected Hindu diaspora enabling cross-border adoption and liquidity<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sd-list-item\">\r\n        <div class=\"sd-icon-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/c681e113-864b-45a1-b4f4-483edf9f6e65.png\" alt=\"Icon 3\" \/>\r\n        <\/div>\r\n        <p class=\"sd-text\">Aligned with pluralistic, non-exclusive traditions that transcend geography, nationality, and politics<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sd-list-item\">\r\n        <div class=\"sd-icon-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/10792e60-24e6-473e-ac94-91aaaff5b620.png\" alt=\"Icon 4\" \/>\r\n        <\/div>\r\n        <p class=\"sd-text\">Compatible with multiple legal, cultural, and economic systems worldwide<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sd-list-item\">\r\n        <div class=\"sd-icon-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/7439d1d4-57cb-49ab-a7a7-887178c4ea84.png\" alt=\"Icon 5\" \/>\r\n        <\/div>\r\n        <p class=\"sd-text\">Grounded in ahimsa, seva, and long-term stewardship rather than short-term extraction<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"sd-image-card\">\r\n      <div class=\"sd-image-overlay\"><\/div>\r\n      <p class=\"sd-card-text\">Sanatan Dharma provides a naturally decentralized, globally interoperable foundation for long-term economic coordination at scale.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9acf621 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"9acf621\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-b9cf13b\" data-id=\"b9cf13b\" 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\t\t<div class=\"elementor-element elementor-element-6b98b85 elementor-widget elementor-widget-heading\" data-id=\"6b98b85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hindu USD\u2122 as a Payment Network<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0413f5a elementor-widget elementor-widget-html\" data-id=\"0413f5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF 4-CARD FEATURE GRID (PNG ICONS) ===== *\/\r\n.ft-master-wrap * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n.ft-master-wrap {\r\n  width: 100% !important;\r\n  max-width: 1150px !important; \r\n  margin: 60px auto !important;\r\n  padding: 20px !important;\r\n}\r\n\r\n\/* --- THE GRID --- *\/\r\n.ft-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(4, 1fr) !important;\r\n  gap: 16px !important; \r\n  align-items: stretch !important;\r\n}\r\n\r\n\/* --- INDIVIDUAL CARDS --- *\/\r\n.ft-card {\r\n  position: relative !important;\r\n  \/* THE SHAPE: Sharp top and bottom-left, massive sweep on bottom-right *\/\r\n  border-radius: 0px 0px 85px 0px !important; \r\n  overflow: hidden !important;\r\n  height: 480px !important; \r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: flex-end !important; \r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n\r\n.ft-card:hover {\r\n  transform: translateY(-5px) !important;\r\n}\r\n\r\n\/* --- BACKGROUND IMAGES --- *\/\r\n.ft-bg {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  z-index: 0 !important;\r\n}\r\n\r\n\/* --- GRADIENT OVERLAYS --- *\/\r\n.ft-overlay {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* Alternating Colors - Starts transparent at top, solid at bottom *\/\r\n.ft-orange {\r\n  background: linear-gradient(to bottom, rgba(242, 102, 24, 0) 35%, rgba(242, 102, 24, 0.85) 65%, #F26618 100%) !important;\r\n}\r\n.ft-red {\r\n  background: linear-gradient(to bottom, rgba(179, 29, 29, 0) 35%, rgba(179, 29, 29, 0.85) 65%, #B31D1D 100%) !important;\r\n}\r\n\r\n\/* --- CARD CONTENT (ICONS & TEXT) --- *\/\r\n.ft-content {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  padding: 0px 25px 45px 25px !important; \r\n}\r\n\r\n.ft-icon {\r\n  width: 32px !important;\r\n  height: 32px !important;\r\n  margin-bottom: 16px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: flex-start !important;\r\n}\r\n\r\n\/* --- PNG ICON STYLING --- *\/\r\n.ft-icon img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: contain !important; \/* Keeps your PNG perfectly proportioned *\/\r\n  display: block !important;\r\n}\r\n\r\n.ft-text {\r\n  color: #ffffff !important;\r\n  font-size: 16px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 !important;\r\n  padding-right: 10px !important; \r\n}\r\n\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 950px) {\r\n  .ft-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important; \r\n    gap: 20px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 550px) {\r\n  .ft-grid {\r\n    grid-template-columns: 1fr !important; \r\n    max-width: 380px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n  .ft-card {\r\n    height: 420px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ft-master-wrap\">\r\n  <div class=\"ft-grid\">\r\n\r\n    <div class=\"ft-card\">\r\n      <div class=\"ft-bg\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/3833512c-fe80-4ba5-933b-1db0fbc9389b.jpg');\"><\/div>\r\n      <div class=\"ft-overlay ft-orange\"><\/div>\r\n      <div class=\"ft-content\">\r\n        <div class=\"ft-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/0ade817d-8be3-4b63-a5f6-65c8dfd82480.png\" alt=\"Icon 1\" \/>\r\n        <\/div>\r\n        <p class=\"ft-text\">Fast, low-cost global transfers.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ft-card\">\r\n      <div class=\"ft-bg\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/03269bd2-13d2-44b8-a237-322fe48e50bd.jpg');\"><\/div>\r\n      <div class=\"ft-overlay ft-red\"><\/div>\r\n      <div class=\"ft-content\">\r\n        <div class=\"ft-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/fdf98347-cfe8-45d1-af14-62a8596c0d47.png\" alt=\"Icon 2\" \/>\r\n        <\/div>\r\n        <p class=\"ft-text\">Reduced remittance costs for diaspora families.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ft-card\">\r\n      <div class=\"ft-bg\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/c8ef2d80-1187-4d60-a982-5092cf089697.jpg');\"><\/div>\r\n      <div class=\"ft-overlay ft-orange\"><\/div>\r\n      <div class=\"ft-content\">\r\n        <div class=\"ft-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/0d1c6323-3bbc-495a-a95e-bf2a7b69ae1f.png\" alt=\"Icon 3\" \/>\r\n        <\/div>\r\n        <p class=\"ft-text\">Ideal for temples, seva networks, and community organizations.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ft-card\">\r\n      <div class=\"ft-bg\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/43b60678-698b-4fce-9667-25d2551a24f0.jpg');\"><\/div>\r\n      <div class=\"ft-overlay ft-red\"><\/div>\r\n      <div class=\"ft-content\">\r\n        <div class=\"ft-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/4fa6f9ea-4307-4d8f-8b04-3ed3e060d763.png\" alt=\"Icon 4\" \/>\r\n        <\/div>\r\n        <p class=\"ft-text\">More value reaches grassroots initiatives with minimal leakage.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b29aeec elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"b29aeec\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-a55d716\" data-id=\"a55d716\" 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\t\t<div class=\"elementor-element elementor-element-eb2e2bf elementor-widget elementor-widget-heading\" data-id=\"eb2e2bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Governance &amp; Security<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eca77cf elementor-widget elementor-widget-image\" data-id=\"eca77cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1210\" height=\"334\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-0406f30.png\" class=\"attachment-full size-full wp-image-1024\" alt=\"\" srcset=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-0406f30.png 1210w, https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-0406f30-300x83.png 300w, https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-0406f30-1024x283.png 1024w, https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-0406f30-768x212.png 768w\" sizes=\"(max-width: 1210px) 100vw, 1210px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1489261 elementor-widget elementor-widget-html\" data-id=\"1489261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF 4-COLUMN GOVERNANCE GRID ===== *\/\r\n.gov-master-wrap * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n.gov-master-wrap {\r\n  width: 100% !important;\r\n  max-width: 1250px !important;\r\n  margin: 60px auto !important;\r\n  padding: 20px !important;\r\n  background-color: #ffffff !important;\r\n}\r\n\r\n\/* --- THE GRID --- *\/\r\n.gov-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(4, 1fr) !important;\r\n  align-items: stretch !important; \/* Forces columns to be equal height *\/\r\n}\r\n\r\n\/* --- INDIVIDUAL COLUMNS --- *\/\r\n.gov-col {\r\n  position: relative !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  padding: 10px 35px !important;\r\n  min-height: 220px !important; \/* Ensures columns have a nice vertical size *\/\r\n}\r\n\r\n\/* Flush left for the first item, flush right for the last item to maximize space *\/\r\n.gov-col:first-child {\r\n  padding-left: 10px !important;\r\n}\r\n.gov-col:last-child {\r\n  padding-right: 10px !important;\r\n}\r\n\r\n\/* --- THE VERTICAL DIVIDER LINES --- *\/\r\n.gov-col:not(:last-child)::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 5px !important;\r\n  bottom: 5px !important;\r\n  right: 0 !important;\r\n  width: 1px !important;\r\n  background-color: #222222 !important; \/* Dark solid line *\/\r\n}\r\n\r\n\/* --- TEXT --- *\/\r\n.gov-text {\r\n  color: #000000 !important;\r\n  font-size: 17px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.5 !important;\r\n  margin: 0 0 30px 0 !important;\r\n}\r\n\r\n\/* --- ICONS --- *\/\r\n.gov-icon {\r\n  margin-top: auto !important; \/* Pushes the icon to the absolute bottom of the column *\/\r\n  align-self: flex-end !important; \/* Pushes the icon to the right side *\/\r\n  width: 38px !important;\r\n  height: 38px !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n}\r\n\r\n.gov-icon img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: contain !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* --- MOBILE & TABLET RESPONSIVENESS --- *\/\r\n@media (max-width: 1024px) {\r\n  .gov-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important; \/* 2x2 grid on tablets *\/\r\n    row-gap: 50px !important;\r\n  }\r\n  .gov-col {\r\n    padding: 10px 25px !important;\r\n    min-height: 180px !important;\r\n  }\r\n  .gov-col:first-child, .gov-col:last-child {\r\n    padding-left: 25px !important;\r\n    padding-right: 25px !important;\r\n  }\r\n  \r\n  \/* Reset Desktop lines *\/\r\n  .gov-col::after {\r\n    display: none !important;\r\n  }\r\n  \r\n  \/* Add lines back only for the middle of the 2-column layout *\/\r\n  .gov-col:nth-child(odd)::after {\r\n    display: block !important;\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    bottom: 0 !important;\r\n    right: 0 !important;\r\n    width: 1px !important;\r\n    background-color: #222222 !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n  .gov-grid {\r\n    grid-template-columns: 1fr !important; \/* Stack vertically on phones *\/\r\n    row-gap: 30px !important;\r\n    max-width: 400px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n  .gov-col {\r\n    padding: 0 !important;\r\n    min-height: auto !important;\r\n  }\r\n  .gov-col:first-child, .gov-col:last-child {\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n  }\r\n  \r\n  \/* Remove all vertical lines on mobile *\/\r\n  .gov-col::after {\r\n    display: none !important; \r\n  }\r\n  \r\n  \/* Add horizontal bottom borders instead *\/\r\n  .gov-col:not(:last-child) {\r\n    border-bottom: 1px solid #222222 !important;\r\n    padding-bottom: 30px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gov-master-wrap\">\r\n  <div class=\"gov-grid\">\r\n\r\n    <div class=\"gov-col\">\r\n      <p class=\"gov-text\">Issued by BitGo Bank & Trust with institutional custody, insurance, and compliance.<\/p>\r\n      <div class=\"gov-icon\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2025\/12\/Catholic-USD-3.pdf-image-109.png\" alt=\"Icon 1\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gov-col\">\r\n      <p class=\"gov-text\">Trust governance includes financial experts, Hindu leaders, and humanitarian specialists.<\/p>\r\n      <div class=\"gov-icon\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/5ec04a75-5559-4a60-8f7e-995425b1294f.png\" alt=\"Icon 2\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gov-col\">\r\n      <p class=\"gov-text\">Independent third-party audit oversight.<\/p>\r\n      <div class=\"gov-icon\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/output-onlinepngtools-3.png\" alt=\"Icon 3\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gov-col\">\r\n      <p class=\"gov-text\">On-chain smart contract governance for transparency and control.<\/p>\r\n      <div class=\"gov-icon\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/b084634f-2699-4231-a8e5-dbf61c74bfd7.png\" alt=\"Icon 4\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e63813a elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"e63813a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-e00a765\" data-id=\"e00a765\" 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\t\t<div class=\"elementor-element elementor-element-a791412 elementor-widget elementor-widget-heading\" data-id=\"a791412\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Benefits for Users<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75108bf elementor-widget elementor-widget-html\" data-id=\"75108bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF 8-CARD CHECKERBOARD GRID ===== *\/\r\n.chk-master-wrap * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n.chk-master-wrap {\r\n  width: 100% !important;\r\n  max-width: 1250px !important;\r\n  margin: 20px auto !important;\r\n  padding: 20px !important;\r\n}\r\n\r\n\/* --- THE GRID --- *\/\r\n.chk-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(4, 1fr) !important;\r\n  gap: 20px !important;\r\n  align-items: stretch !important;\r\n}\r\n\r\n\/* --- BASE CARD STYLING --- *\/\r\n.chk-card {\r\n  position: relative !important;\r\n  border-radius: 14px !important; \r\n  overflow: hidden !important;\r\n  min-height: 240px !important; \/* Forces uniform square-like height *\/\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n}\r\n\r\n.chk-card:hover {\r\n  transform: translateY(-5px) !important;\r\n  box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;\r\n}\r\n\r\n\/* --- TEXT CARDS (Gradient Background) --- *\/\r\n.chk-text-card {\r\n  \/* Bright orange to deep red *\/\r\n  background: linear-gradient(135deg, #F57223 0%, #A41F1F 100%) !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: flex-end !important; \/* Pushes text to the bottom *\/\r\n  padding: 25px !important;\r\n}\r\n\r\n\/* --- IMAGE CARDS (Photo + Tint Overlay) --- *\/\r\n.chk-img-card {\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* The magic tint overlay that automatically brands your images *\/\r\n.chk-img-card::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  \/* Same gradient but decreased a bit so the photo shows through better, as requested for image boxes (2, 4, 5, 7) *\/\r\n  background: linear-gradient(135deg, rgba(245, 114, 35, 0.5) 0%, rgba(164, 31, 31, 0.6) 100%) !important;\r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* --- ICONS & TEXT --- *\/\r\n.chk-icon {\r\n  position: absolute !important;\r\n  top: 25px !important;\r\n  right: 25px !important;\r\n  width: 32px !important;\r\n  height: 32px !important;\r\n  object-fit: contain !important; \/* Keeps your PNG perfectly scaled *\/\r\n  z-index: 5 !important;\r\n}\r\n\r\n.chk-text {\r\n  color: #ffffff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 !important;\r\n  z-index: 2 !important;\r\n  position: relative !important;\r\n}\r\n\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 1024px) {\r\n  .chk-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important; \/* 2x2 grid on tablets to maintain checkerboard *\/\r\n    gap: 16px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 550px) {\r\n  .chk-grid {\r\n    grid-template-columns: 1fr !important; \/* Stacks vertically on small phones *\/\r\n    max-width: 380px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n  .chk-card {\r\n    min-height: 200px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"chk-master-wrap\">\r\n  <div class=\"chk-grid\">\r\n\r\n    <div class=\"chk-card chk-text-card\">\r\n      <img decoding=\"async\" class=\"chk-icon\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-6-2026-05_20_23-AM.png\" alt=\"Icon 1\" \/>\r\n      <p class=\"chk-text\">Fully redeemable, 1:1 USD-backed stable asset.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"chk-card chk-img-card\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Hindu-USD-page16-image2.jpg');\"><\/div>\r\n\r\n    <div class=\"chk-card chk-text-card\">\r\n      <img decoding=\"async\" class=\"chk-icon\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-6-2026-05_22_59-AM-e1772756605196.png\" alt=\"Icon 3\" \/>\r\n      <p class=\"chk-text\">Simply holding Hindu USD\u2122 funds humanitarian impact at scale.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"chk-card chk-img-card\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Hindu-USD-page16-image3.jpg');\"><\/div>\r\n\r\n    <div class=\"chk-card chk-img-card\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Hindu-USD-page16-image4.jpg');\"><\/div>\r\n\r\n    <div class=\"chk-card chk-text-card\">\r\n      <img decoding=\"async\" class=\"chk-icon\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/21690890-dd65-4b41-ac59-4352022b5670.png\" alt=\"Icon 6\" \/>\r\n      <p class=\"chk-text\">No loss of value.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"chk-card chk-img-card\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Hindu-USD-page16-image1.jpg');\"><\/div>\r\n\r\n    <div class=\"chk-card chk-text-card\">\r\n      <img decoding=\"async\" class=\"chk-icon\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/c6720732-a8e6-4090-bf91-0ba7f78c51c8.png\" alt=\"Icon 8\" \/>\r\n      <p class=\"chk-text\">Transparent, verifiable global impact.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e11d2de elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"e11d2de\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-1a3a480\" data-id=\"1a3a480\" 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\t\t<div class=\"elementor-element elementor-element-39ad620 elementor-widget elementor-widget-heading\" data-id=\"39ad620\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Benefits for Hindus Worldwide<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee31fec elementor-widget elementor-widget-image\" data-id=\"ee31fec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1275\" height=\"437\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-053554-e1772757385536.png\" class=\"attachment-full size-full wp-image-1055\" alt=\"\" srcset=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-053554-e1772757385536.png 1275w, https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-053554-e1772757385536-300x103.png 300w, https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-053554-e1772757385536-1024x351.png 1024w, https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-053554-e1772757385536-768x263.png 768w\" sizes=\"(max-width: 1275px) 100vw, 1275px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ea130e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1ea130e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-7d9f5f4\" data-id=\"7d9f5f4\" 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\t\t<div class=\"elementor-element elementor-element-f67a7ec elementor-widget elementor-widget-heading\" data-id=\"f67a7ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Technology &amp; Infrastructure<\/h2>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31f44a5 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"31f44a5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-49b3dd7\" data-id=\"49b3dd7\" 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\t\t<div class=\"elementor-element elementor-element-0fa79fc elementor-widget elementor-widget-html\" data-id=\"0fa79fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF 4-CARD GRID (STRIPPED WRAPPER) ===== *\/\r\n.new-tech * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n\/* Stripped wrapper: No padding, no background, no borders *\/\r\n.new-tech {\r\n  --text-red: #8b1d1d;\r\n  width: 100% !important;\r\n  max-width: 1300px !important;\r\n  margin: 0 auto !important; \r\n  padding: 0 !important; \r\n  background: transparent !important; \r\n  border: none !important;\r\n}\r\n\r\n\/* --- THE GRID --- *\/\r\n.tech-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(4, 1fr) !important;\r\n  gap: 20px !important;\r\n  align-items: stretch !important;\r\n}\r\n\r\n\/* --- INDIVIDUAL CARDS --- *\/\r\n.tech-card {\r\n  position: relative !important;\r\n  background-color: #ffffff !important;\r\n  border-radius: 14px !important;\r\n  overflow: hidden !important;\r\n  min-height: 240px !important; \r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: space-between !important;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n}\r\n\r\n.tech-card:hover {\r\n  transform: translateY(-5px) !important;\r\n  box-shadow: 0 15px 40px rgba(0,0,0,0.25) !important;\r\n}\r\n\r\n\/* --- FAINT BACKGROUND IMAGES AT THE BOTTOM --- *\/\r\n.tech-card-bg {\r\n  position: absolute !important;\r\n  bottom: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background-size: cover !important;\r\n  background-position: center bottom !important;\r\n  \/* Controls the faintness of the image watermark *\/\r\n  opacity: 0.15 !important; \r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* Smooth gradient mask so the top of the card is solid white *\/\r\n.tech-card-mask {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background: linear-gradient(to bottom, #ffffff 40%, rgba(255, 255, 255, 0) 100%) !important;\r\n  z-index: 2 !important;\r\n}\r\n\r\n\/* --- CARD CONTENT (TEXT) --- *\/\r\n.tech-text-wrap {\r\n  position: relative !important;\r\n  z-index: 3 !important;\r\n  padding: 30px 25px 0 25px !important;\r\n}\r\n\r\n.tech-text {\r\n  color: var(--text-red) !important;\r\n  font-size: 16px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\/* --- CARD CONTENT (ICONS) --- *\/\r\n.tech-icon-wrap {\r\n  position: relative !important;\r\n  z-index: 3 !important;\r\n  padding: 0 25px 25px 0 !important;\r\n  align-self: flex-end !important;\r\n  margin-top: auto !important;\r\n}\r\n\r\n.tech-icon-wrap img {\r\n  width: 45px !important;\r\n  height: 45px !important;\r\n  object-fit: contain !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 1024px) {\r\n  .tech-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important; \r\n    gap: 20px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .tech-grid {\r\n    grid-template-columns: 1fr !important; \r\n    max-width: 380px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n  .tech-card {\r\n    min-height: 200px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"new-tech\">\r\n  <div class=\"tech-grid\">\r\n\r\n    <div class=\"tech-card\">\r\n      <div class=\"tech-card-bg\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/65578afc-cb28-47cf-89c5-f1e34a7ad388.jpg');\"><\/div>\r\n      \r\n      <div class=\"tech-card-mask\"><\/div>\r\n      <div class=\"tech-text-wrap\">\r\n        <p class=\"tech-text\">Solana, Polymesh,<br>XDC, Avalanche,<br>Ethereum integrations<\/p>\r\n      <\/div>\r\n      <div class=\"tech-icon-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/dcb090e6-7e69-4d5d-9871-906cb27dc34e.png \" alt=\"Integrations Icon\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tech-card\">\r\n      <div class=\"tech-card-bg\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/d9a83d73-d6a4-4aab-91fc-bf4813ea6834.jpg');\"><\/div>\r\n      \r\n      <div class=\"tech-card-mask\"><\/div>\r\n      <div class=\"tech-text-wrap\">\r\n        <p class=\"tech-text\">BitGo custody,<br>insurance, and<br>compliance backbone<\/p>\r\n      <\/div>\r\n      <div class=\"tech-icon-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/999a0990-8e85-4526-b0d0-58bcb27f7638-1.png\" alt=\"Compliance Icon\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tech-card\">\r\n      <div class=\"tech-card-bg\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/fd038d7d-47de-4b48-821d-a9e767e31649.jpg');\"><\/div>\r\n      \r\n      <div class=\"tech-card-mask\"><\/div>\r\n      <div class=\"tech-text-wrap\">\r\n        <p class=\"tech-text\">Real-time proof-of-<br>reserves<\/p>\r\n      <\/div>\r\n      <div class=\"tech-icon-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/11a7cf5a-9924-4ad9-b57d-b1615219d088.png\" alt=\"Reserves Icon\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tech-card\">\r\n      <div class=\"tech-card-bg\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/4dd9bf94-34cd-4ccb-929d-1e43293f4527.jpg');\"><\/div>\r\n      \r\n      <div class=\"tech-card-mask\"><\/div>\r\n      <div class=\"tech-text-wrap\">\r\n        <p class=\"tech-text\">High-speed, low-cost<br>settlement rails<\/p>\r\n      <\/div>\r\n      <div class=\"tech-icon-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/a2a9d0e6-0133-4a17-9f38-dcdc4eb12597.png\" alt=\"Settlement Icon\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be65249 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"be65249\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-5fe4cc8\" data-id=\"5fe4cc8\" 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\t\t<div class=\"elementor-element elementor-element-3790315 elementor-widget elementor-widget-heading\" data-id=\"3790315\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Strategic Growth Roadmap<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7be00eb elementor-widget elementor-widget-html\" data-id=\"7be00eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF PHASE 1-4 STAIRCASE (100% FULL WIDTH) ===== *\/\r\n.phase-master-wrap * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n.phase-master-wrap {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  min-height: 650px !important; \r\n  display: flex !important;\r\n  align-items: flex-end !important; \/* Pushes the staircase to the bottom *\/\r\n  \r\n  \/* Decreased the overlay slightly from 0.85 to 0.75 *\/\r\n  background-image: \r\n    linear-gradient(rgba(160, 40, 40, 0.75), rgba(160, 40, 40, 0.75)), \r\n    url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/0bf70b76-5c18-4cb7-ad78-8862258e7e27-1.jpg') !important;\r\n  \r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n\/* --- THE GRID CONTAINER (NOW 100% WIDTH) --- *\/\r\n.phase-container {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important; \r\n  margin: 0 !important;\r\n  padding: 0 !important; \r\n  display: flex !important;\r\n  align-items: flex-end !important;\r\n  z-index: 2 !important;\r\n}\r\n\r\n\/* --- THE FAINT DOTTED MAP OVERLAY --- *\/\r\n.phase-map-overlay {\r\n  position: absolute !important;\r\n  bottom: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 200px !important;\r\n  \/* ##### YOUR DOTTED MAP PNG URL HERE ##### *\/\r\n  background-image: url('YOUR_DOTTED_MAP_IMAGE.png') !important;\r\n  background-size: cover !important;\r\n  background-position: center bottom !important;\r\n  opacity: 0.15 !important;\r\n  pointer-events: none !important; \r\n  z-index: 5 !important;\r\n}\r\n\r\n\/* --- INDIVIDUAL COLUMNS --- *\/\r\n.phase-col {\r\n  flex: 1 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: flex-end !important;\r\n  border-right: 1px solid rgba(0,0,0,0.1) !important;\r\n}\r\n\r\n.phase-col:last-child {\r\n  border-right: none !important;\r\n}\r\n\r\n\/* --- \"PHASE X\" FLOATING TITLE --- *\/\r\n.phase-title {\r\n  color: #ffffff !important;\r\n  font-size: 26px !important;\r\n  font-weight: 500 !important;\r\n  padding: 0 0 15px 25px !important;\r\n  margin: 0 !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n\/* --- THE WHITE STAIRCASE BOXES --- *\/\r\n.phase-box {\r\n  background-color: #ffffff !important;\r\n  border-top: 6px solid #b22626 !important;\r\n  position: relative !important;\r\n  padding: 40px 30px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n}\r\n\r\n\/* Increasing Heights for the Staircase Effect *\/\r\n.box-1 { height: 220px !important; }\r\n.box-2 { height: 320px !important; }\r\n.box-3 { height: 420px !important; }\r\n.box-4 { height: 520px !important; }\r\n\r\n\/* --- TEXT FORMATTING --- *\/\r\n.phase-text {\r\n  color: #000000 !important;\r\n  font-size: 17px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.5 !important;\r\n  margin: 0 !important;\r\n  position: relative !important;\r\n  z-index: 10 !important; \r\n}\r\n\r\n\/* The dark red text for the impact numbers *\/\r\n.text-red {\r\n  color: #b22626 !important;\r\n  font-size: 19px !important;\r\n  font-weight: 600 !important;\r\n  display: block !important;\r\n  margin: 5px 0 !important;\r\n}\r\n\r\n\/* --- BOTTOM ICONS (NOW ALIGNED TO BOTTOM RIGHT) --- *\/\r\n.phase-icon {\r\n  position: absolute !important;\r\n  bottom: 25px !important;\r\n  right: 25px !important; \/* Anchors firmly to the right edge *\/\r\n  width: 36px !important;\r\n  height: 36px !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  z-index: 10 !important; \r\n}\r\n\r\n.phase-icon img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: contain !important;\r\n  display: block !important;\r\n}\r\n\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 950px) {\r\n  .phase-master-wrap {\r\n    align-items: flex-start !important;\r\n    padding: 60px 0 !important;\r\n  }\r\n  .phase-container {\r\n    flex-direction: column !important;\r\n    align-items: stretch !important;\r\n    gap: 30px !important;\r\n    padding: 0 20px !important; \r\n  }\r\n  .phase-col {\r\n    border-right: none !important;\r\n  }\r\n  .box-1, .box-2, .box-3, .box-4 { \r\n    height: auto !important; \r\n    min-height: 180px !important; \r\n    border-radius: 8px !important; \r\n  }\r\n  .phase-title {\r\n    padding-left: 0 !important;\r\n  }\r\n  .phase-icon {\r\n    bottom: 20px !important;\r\n    right: 20px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"phase-master-wrap\">\r\n  <div class=\"phase-container\">\r\n    \r\n    <div class=\"phase-map-overlay\"><\/div>\r\n\r\n    <div class=\"phase-col\">\r\n      <h3 class=\"phase-title\">Phase 1<\/h3>\r\n      <div class=\"phase-box box-1\">\r\n        <p class=\"phase-text\">Launch Hindu USD\u2122<br>with BitGo custody.<\/p>\r\n        <div class=\"phase-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2025\/12\/10.png\" alt=\"BitGo Icon\" \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"phase-col\">\r\n      <h3 class=\"phase-title\">Phase 2<\/h3>\r\n      <div class=\"phase-box box-2\">\r\n        <p class=\"phase-text\">\r\n          Achieve\r\n          <span class=\"text-red\">$1B circulation &rarr; $40M<\/span>\r\n          annual impact.\r\n        <\/p>\r\n        <div class=\"phase-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/80d228e8-da2b-4a8b-aa14-38db53cfb177.png\" alt=\"Bank Icon\" \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"phase-col\">\r\n      <h3 class=\"phase-title\">Phase 3<\/h3>\r\n      <div class=\"phase-box box-3\">\r\n        <p class=\"phase-text\">\r\n          Expand to\r\n          <span class=\"text-red\">$10B circulation &rarr; $400M<\/span>\r\n          annual impact.\r\n        <\/p>\r\n        <div class=\"phase-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/ed7a1139-1f23-47b9-8f3c-f30fddee1413.png\" alt=\"Money Icon\" \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"phase-col\">\r\n      <h3 class=\"phase-title\">Phase 4<\/h3>\r\n      <div class=\"phase-box box-4\">\r\n        <p class=\"phase-text\">Build global Sanatan Dharma global educational & healthcare integration, and a global seva coordination & impact infrastructure<\/p>\r\n        <div class=\"phase-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/dcb090e6-7e69-4d5d-9871-906cb27dc34e-1.png\" alt=\"Care Icon\" \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eb0011c elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"eb0011c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-fc1490b\" data-id=\"fc1490b\" 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\t\t<div class=\"elementor-element elementor-element-c54c556 elementor-widget elementor-widget-heading\" data-id=\"c54c556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hindu USD\u2122 within ALIGN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dbabb9 elementor-widget elementor-widget-html\" data-id=\"7dbabb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF ALIGN \/ INTERFAITH SECTION ===== *\/\r\n.align-master-wrap * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n.align-master-wrap {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  margin: 20px auto !important;\r\n  border-radius: 16px !important; \/* Optional: smoothly rounds the whole section *\/\r\n  overflow: hidden !important; \/* Ensures the background and hands don't bleed out *\/\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  min-height: 350px !important;\r\n}\r\n\r\n\/* --- THE BACKGROUND IMAGE --- *\/\r\n.align-bg-image {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* --- THE GRID --- *\/\r\n.align-grid {\r\n  position: relative !important;\r\n  z-index: 5 !important;\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important; \/* 50\/50 split *\/\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  align-items: stretch !important;\r\n}\r\n\r\n\/* =========================================\r\n   --- LEFT COLUMN: HAND IMAGE --- \r\n========================================= *\/\r\n.align-img-col {\r\n  display: flex !important;\r\n  align-items: flex-end !important; \/* Anchors the hand to the bottom *\/\r\n  justify-content: flex-start !important; \/* Anchors the hand to the left *\/\r\n  padding-top: 20px !important;\r\n}\r\n\r\n.align-img-col img {\r\n  width: 100% !important;\r\n  max-width: 550px !important;\r\n  height: auto !important;\r\n  object-fit: contain !important;\r\n  object-position: bottom left !important;\r\n  display: block !important;\r\n  \/* Adds a slight shadow to the hand to separate it from the background *\/\r\n  filter: drop-shadow(10px 10px 20px rgba(0,0,0,0.3)) !important; \r\n}\r\n\r\n\r\n\/* =========================================\r\n   --- RIGHT COLUMN: FEATURE CARDS --- \r\n========================================= *\/\r\n.align-cards-col {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center !important; \/* Vertically centers the 3 cards *\/\r\n  gap: 20px !important;\r\n  padding: 60px 40px 60px 0 !important; \/* Padding keeps it away from edges *\/\r\n}\r\n\r\n\/* --- INDIVIDUAL CARD STYLING --- *\/\r\n.align-card {\r\n  background-color: #ffffff !important;\r\n  border-radius: 14px !important;\r\n  padding: 16px 25px 16px 16px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 25px !important;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n\r\n.align-card:hover {\r\n  transform: translateX(-5px) !important; \/* Slight hover effect *\/\r\n}\r\n\r\n\/* --- THE RED ICON BOX --- *\/\r\n.align-icon-box {\r\n  background-color: #b73629 !important; \/* Deep red matching reference *\/\r\n  width: 75px !important;\r\n  height: 75px !important;\r\n  border-radius: 12px !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  flex-shrink: 0 !important; \/* Prevents box from shrinking if text is long *\/\r\n}\r\n\r\n.align-icon-box img {\r\n  width: 36px !important;\r\n  height: 36px !important;\r\n  object-fit: contain !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* --- CARD TEXT --- *\/\r\n.align-text {\r\n  color: #111111 !important;\r\n  font-size: 16px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.4 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 950px) {\r\n  .align-grid {\r\n    grid-template-columns: 1fr !important; \/* Stacks vertically on tablets *\/\r\n  }\r\n  .align-img-col {\r\n    justify-content: center !important; \/* Centers hand on mobile *\/\r\n    padding: 40px 20px 0 20px !important;\r\n  }\r\n  .align-img-col img {\r\n    max-width: 400px !important;\r\n  }\r\n  .align-cards-col {\r\n    padding: 20px 20px 60px 20px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .align-card {\r\n    flex-direction: column !important; \/* Stacks icon and text on small phones *\/\r\n    text-align: center !important;\r\n    padding: 25px !important;\r\n    gap: 15px !important;\r\n  }\r\n  .align-icon-box {\r\n    width: 60px !important;\r\n    height: 60px !important;\r\n  }\r\n  .align-icon-box img {\r\n    width: 28px !important;\r\n    height: 28px !important;\r\n  }\r\n  .align-text {\r\n    font-size: 15px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"align-master-wrap\">\r\n  \r\n  <div class=\"align-bg-image\" style=\"background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/58b2fb19-b3da-44d7-92f9-208fc1a5708b.png');\"><\/div>\r\n  \r\n  <div class=\"align-grid\">\r\n\r\n    <div class=\"align-img-col\">\r\n      <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/f61493e3-48f9-49aa-aca5-f9e0d69cda99-e1772770784408.png\" alt=\"Praying Hands\" \/>\r\n    <\/div>\r\n\r\n    <div class=\"align-cards-col\">\r\n\r\n      <div class=\"align-card\">\r\n        <div class=\"align-icon-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/Untitled-design-19.png\" alt=\"Chart Arrow Icon\" \/>\r\n        <\/div>\r\n        <p class=\"align-text\">Hindu USD\u2122 is part of ALIGN \u2014 the Alliance for Interfaith Global Nomics.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"align-card\">\r\n        <div class=\"align-icon-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/82c44010-3724-4996-a5d0-7d726352dc61.png\" alt=\"Heart Icon\" \/>\r\n        <\/div>\r\n        <p class=\"align-text\">ALIGN aligns interfaith economic systems to reduce suffering and promote shared prosperity.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"align-card\">\r\n        <div class=\"align-icon-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/92b55a51-c4f6-4446-85d8-f08fd654a89a.png\" alt=\"Lightbulb Icon\" \/>\r\n        <\/div>\r\n        <p class=\"align-text\">Hindu USD\u2122 serves as a Sanatan Dharma-aligned pillar within a broader interfaith humanitarian financial ecosystem.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-257989c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"257989c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-53274b9\" data-id=\"53274b9\" 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\t\t<div class=\"elementor-element elementor-element-0b92df2 elementor-widget elementor-widget-html\" data-id=\"0b92df2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ===== BULLETPROOF CONCLUSION SECTION ===== *\/\r\n.conc-master-wrap * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Montserrat\", sans-serif !important;\r\n}\r\n\r\n.conc-master-wrap {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  \/* INCREASED HEIGHT: Changed from 650px to 850px *\/\r\n  min-height: 850px !important; \r\n  display: flex !important;\r\n  align-items: center !important;\r\n  background-color: #5a1010 !important; \/* Fallback deep red color *\/\r\n  \r\n  \/* ##### YOUR BACKGROUND IMAGE URL GOES HERE ##### *\/\r\n  background-image: url('https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/549ec62f-6f0c-4962-8c51-e3044309c25c.png') !important;\r\n  \r\n  background-size: cover !important;\r\n  background-position: center center !important;\r\n  background-repeat: no-repeat !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n\/* --- CONTAINER CONSTRAINING THE WIDTH --- *\/\r\n.conc-container {\r\n  width: 100% !important;\r\n  max-width: 1250px !important;\r\n  margin: 0 auto !important;\r\n  padding: 60px 30px !important;\r\n  display: flex !important;\r\n  \/* This pushes the text block to the right side of the screen *\/\r\n  justify-content: flex-end !important; \r\n  align-items: center !important;\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n}\r\n\r\n\/* --- THE TEXT CONTENT BLOCK --- *\/\r\n.conc-content {\r\n  width: 100% !important;\r\n  max-width: 650px !important; \/* Restricts text width so it doesn't overlap the globe *\/\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* --- TYPOGRAPHY --- *\/\r\n.conc-title {\r\n  color: #ffffff !important;\r\n  font-size: 42px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.25 !important;\r\n  margin: 0 0 35px 0 !important;\r\n  letter-spacing: -0.5px !important;\r\n}\r\n\r\n\/* The vertical white line paragraph *\/\r\n.conc-quote-wrap {\r\n  border-left: 2px solid #ffffff !important;\r\n  padding-left: 25px !important;\r\n  margin-bottom: 60px !important;\r\n}\r\n\r\n.conc-quote-text {\r\n  color: #ffffff !important;\r\n  font-size: 20px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.5 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\/* --- THE FEATURE LIST --- *\/\r\n.conc-list {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 25px !important;\r\n}\r\n\r\n.conc-item {\r\n  display: flex !important;\r\n  align-items: flex-start !important;\r\n  gap: 20px !important;\r\n}\r\n\r\n.conc-icon {\r\n  width: 26px !important;\r\n  height: 26px !important;\r\n  object-fit: contain !important;\r\n  flex-shrink: 0 !important;\r\n  margin-top: 3px !important; \/* Perfectly aligns icon with the first line of text *\/\r\n}\r\n\r\n.conc-item-text {\r\n  color: #ffffff !important;\r\n  font-size: 17px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.5 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\r\n\/* --- MOBILE RESPONSIVENESS --- *\/\r\n@media (max-width: 1024px) {\r\n  .conc-title { font-size: 36px !important; }\r\n  .conc-quote-text { font-size: 18px !important; }\r\n  .conc-content { max-width: 550px !important; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .conc-master-wrap {\r\n    min-height: auto !important;\r\n    background-position: right center !important; \/* Shifts bg slightly on mobile *\/\r\n  }\r\n  .conc-container {\r\n    padding: 60px 20px !important;\r\n    justify-content: flex-start !important; \/* Centers\/left-aligns on small screens *\/\r\n  }\r\n  .conc-content {\r\n    max-width: 100% !important;\r\n    \/* Adds a subtle dark gradient behind text on mobile so it stays readable over the globe *\/\r\n    background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%) !important;\r\n    padding: 20px !important;\r\n    border-radius: 12px !important;\r\n  }\r\n  .conc-title { font-size: 30px !important; margin-bottom: 25px !important;}\r\n  .conc-quote-wrap { margin-bottom: 40px !important; padding-left: 15px !important; }\r\n  .conc-quote-text { font-size: 16px !important; }\r\n  .conc-item-text { font-size: 15px !important; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"conc-master-wrap\">\r\n  <div class=\"conc-container\">\r\n    \r\n    <div class=\"conc-content\">\r\n      \r\n      <h2 class=\"conc-title\">\r\n        Conclusion:<br>\r\n        A New Global Model for<br>\r\n        Dharma-Aligned Finance\r\n      <\/h2>\r\n      \r\n      <div class=\"conc-quote-wrap\">\r\n        <p class=\"conc-quote-text\">Hindu USD\u2122 represents a new global model for ethical, dharma-aligned economic impact.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"conc-list\">\r\n        \r\n        <div class=\"conc-item\">\r\n          <img decoding=\"async\" class=\"conc-icon\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/fdf98347-cfe8-45d1-af14-62a8596c0d47-1.png\" alt=\"Coins Icon\" \/>\r\n          <p class=\"conc-item-text\">The world's first global Hindu digital economy.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"conc-item\">\r\n          <img decoding=\"async\" class=\"conc-icon\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/542cda51-659c-4cfd-85a4-052d6118dfa8.png\" alt=\"Hands Icon\" \/>\r\n          <p class=\"conc-item-text\">A perpetual humanitarian trust for seva.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"conc-item\">\r\n          <img decoding=\"async\" class=\"conc-icon\" src=\"https:\/\/rahul.zohaibworks.com\/wp-content\/uploads\/2026\/03\/1f002235-1e64-4969-915f-22b2b207c571.png\" alt=\"Care Icon\" \/>\r\n          <p class=\"conc-item-text\">A financial system guided by Sanatan Dharma principles<br>of stewardship, compassion, and non-violence.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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>Hindu USD\u2122 A Sanatan Dharma\u2013Aligned Stablecoin Funding Global Seva &amp; Humanitarian Impact 100% of yield flows to the Sanatan Dharma Ahimsa Trust\u2122 Institutional custody and reserves secured by BitGo \u2014the world\u2019s leading digital asset custodian Powered by blockchain. Guided by Dharma. Sign up for the waiting list Executive Summary Blockchain-basedstablecoin pegged 1:1 to USD All [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/rahul.zohaibworks.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rahul.zohaibworks.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rahul.zohaibworks.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rahul.zohaibworks.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rahul.zohaibworks.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":640,"href":"https:\/\/rahul.zohaibworks.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1138,"href":"https:\/\/rahul.zohaibworks.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/1138"}],"wp:attachment":[{"href":"https:\/\/rahul.zohaibworks.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}