{"id":3562,"date":"2025-11-12T07:57:58","date_gmt":"2025-11-12T07:57:58","guid":{"rendered":"https:\/\/albaseera.org\/?page_id=3562"},"modified":"2026-03-31T09:59:08","modified_gmt":"2026-03-31T08:59:08","slug":"albaseera-masjid-relocation-project","status":"publish","type":"page","link":"https:\/\/albaseera.org\/?page_id=3562","title":{"rendered":"AL BASEERA MASJID RELOCATION PROJECT"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"3562\" class=\"elementor elementor-3562\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8becad e-con-full e-flex e-con e-parent\" data-id=\"a8becad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5541c1c elementor-widget elementor-widget-shortcode\" data-id=\"5541c1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        .alb-hero-video {\n            padding: clamp(30px, 4vw, 40px) 20px;\n            background-color: #fff;\n            color: #7B7E86;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n        }\n        @media (min-width: 992px) {\n            .alb-hero-video {\n                min-height: 600px;\n                max-height: 650px;\n                padding: 20px;\n            }\n        }\n        .alb-hero-video-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            justify-content: space-between;\n            gap: clamp(20px, 4vw, 40px);\n            position: relative;\n            z-index: 2;\n            width: 100%;\n        }\n        .alb-hero-video-content, .alb-hero-video-media {\n            flex: 1 1 100%;\n        }\n        @media (min-width: 992px) {\n            .alb-hero-video-content {\n                flex: 1 1 calc(60% - 20px);\n                padding-left: 0;\n                order: 2;\n            }\n            .alb-hero-video-media {\n                flex: 1 1 calc(40% - 20px);\n                max-width: 320px; \/* Scaled down for 600px height fit *\/\n                margin: 0 auto;\n                order: 1;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                height: 100%;\n            }\n        }\n        \n        \/* Typography & Hierarchy - Compact & Clean *\/\n        .alb-hero-video-heading {\n            color: #36221e;\n            font-size: clamp(1.8rem, 3.5vw, 2.4rem);\n            margin-bottom: 5px;\n            line-height: 1.15;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: -0.02em;\n        }\n        .alb-hero-video-divider {\n            width: 70px;\n            border-bottom: 4px solid #E9C138;\n            margin-bottom: 16px;\n        }\n        .alb-hero-video-text {\n            font-size: 1rem;\n            line-height: 1.5;\n            margin-bottom: 20px;\n            color: #7B7E86;\n        }\n        .alb-hero-video-text strong {\n            color: #36221e;\n            font-weight: 600;\n        }\n\n        \/* Compact Bullet Points *\/\n        .alb-hero-video-list {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 20px 0;\n        }\n        .alb-hero-video-list li {\n            position: relative;\n            padding-left: 24px;\n            margin-bottom: 8px;\n            font-size: 1rem;\n            color: #36221e;\n            font-weight: 500;\n            line-height: 1.4;\n        }\n        .alb-hero-video-list li::before {\n            content: \"\u2713\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #E36955;\n            font-weight: 800;\n        }\n\n        \/* Highlight Card (Ultra-compact) *\/\n        .alb-hero-video-highlight {\n            background: #FFFFFF;\n            padding: 16px 20px;\n            border-radius: 12px;\n            border-left: 4px solid #E36955;\n            margin-bottom: 25px;\n            box-shadow: 0 4px 20px -5px rgba(54, 34, 30, 0.05);\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n        .alb-hero-video-highlight h3 {\n            color: #36221e;\n            margin: 0;\n            font-size: 1.15rem;\n            font-weight: 700;\n        }\n        .alb-hero-video-highlight p {\n            margin: 0;\n            line-height: 1.4;\n            font-size: 0.95rem;\n        }\n        .alb-hero-video-goal {\n            display: inline-block;\n            margin-top: 4px;\n            font-weight: 700;\n            color: #E36955;\n            font-size: 0.95rem;\n        }\n\n        \/* GiveWP Button Styling *\/\n        .alb-hero-video-button .give-btn-modal {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: #E9C138 !important;\n            color: #36221e !important;\n            padding: 12px 32px !important;\n            border-radius: 30px !important;\n            text-decoration: none !important;\n            font-weight: 700 !important;\n            font-size: 1.05rem !important;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n            border: none !important;\n            cursor: pointer !important;\n            box-shadow: 0 6px 20px rgba(233, 193, 56, 0.3) !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.02em !important;\n        }\n        .alb-hero-video-button .give-btn-modal:hover {\n            background-color: #E36955 !important;\n            color: #FFFFFF !important;\n            transform: translateY(-2px) !important;\n            box-shadow: 0 8px 25px rgba(227, 105, 85, 0.35) !important;\n        }\n        .alb-hero-video-button .give-btn-modal:focus-visible {\n            outline: 3px solid #36221e !important;\n            outline-offset: 2px !important;\n        }\n\n        \/* Video Wrapper (Mobile App Style) *\/\n        .alb-hero-video-wrapper {\n            position: relative;\n            width: 100%;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 24px 60px -12px rgba(54, 34, 30, 0.25);\n            background: #36221e;\n            transform: translateZ(0); \/* Force hardware accel for rounding *\/\n            border: 6px solid #36221e; \/* Phone bezel effect *\/\n        }\n        .alb-hero-video-wrapper video,\n        .alb-hero-video-wrapper iframe {\n            display: block;\n            width: 100%;\n            border-radius: 18px; \/* Inner radius *\/\n            aspect-ratio: 9 \/ 16;\n            object-fit: cover;\n            border: none;\n        }\n        \n        \/* Fallback if browser doesn't support aspect-ratio *\/\n        @supports not (aspect-ratio: 9 \/ 16) {\n            .alb-hero-video-wrapper::before {\n                content: \"\";\n                display: block;\n                padding-top: 177.77%;\n            }\n            .alb-hero-video-wrapper video,\n            .alb-hero-video-wrapper iframe {\n                position: absolute;\n                top: 0;\n                left: 0;\n                height: 100%;\n            }\n        }\n    <\/style>\n\n    <section class=\"alb-hero-video\">\n        <div class=\"alb-hero-video-container\">\n            <!-- Content Side -> Right -->\n            <div class=\"alb-hero-video-content\">\n                <h2 class=\"alb-hero-video-heading\">Secure Our Future<\/h2>\n                <div class=\"alb-hero-video-divider\"><\/div>\n                \n                <p class=\"alb-hero-video-text\">\n                    Our community has rapidly outgrown the current space at <strong>Al-Basira Masjid<\/strong>. \n                    We have reached full capacity and urgently need more room.\n                <\/p>\n\n                <ul class=\"alb-hero-video-list\">\n                    <li>Expanded worship space for brothers and sisters<\/li>\n                    <li>Vital classroom space to teach children the Deen & Qur'an<\/li>\n                <\/ul>\n                \n                <div class=\"alb-hero-video-highlight\">\n                    <h3>Masjid Relocation Project<\/h3>\n                    <p>We are securing a new site at the Nissan Garage dealership on Pennywell Road for <strong>&pound;3 Million<\/strong>.<\/p>\n                    <span class=\"alb-hero-video-goal\">Target: 3000 people donating &pound;1000 each<\/span>\n                <\/div>\n\n                <div class=\"alb-hero-video-button\">\n                    <div class='root-data-givewp-embed' data-form-locale='en_GB' data-form-url='https:\/\/albaseera.org\/?post_type=give_forms&amp;p=3561' data-form-view-url='https:\/\/albaseera.org\/?givewp-route=donation-form-view&amp;form-id=3561' data-src='https:\/\/albaseera.org\/?givewp-route=donation-form-view&amp;form-id=3561' data-givewp-embed-id='give-form-shortcode-1' data-form-format='modal' data-open-form-button='Donate now' style='--givewp-primary-color: #de870d; --givewp-secondary-color: #27ae60;'><\/div>                <\/div>\n            <\/div>\n            \n            <!-- Media Side (Swapped to Left) -->\n            <div class=\"alb-hero-video-media\">\n                <div class=\"alb-hero-video-wrapper\">\n                                            <video \n                            src=\"https:\/\/albaseera.org\/wp-content\/uploads\/2026\/03\/English-Subtitles-94.mp4\" \n                            poster=\"https:\/\/albaseera.org\/wp-content\/uploads\/2026\/03\/video-cover.jpg\"\n                            controls \n                            autoplay \n                            muted \n                            loop \n                            playsinline\n                            preload=\"metadata\">\n                            Your browser does not support the video tag.\n                        <\/video>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cf8f32 e-con-full e-flex e-con e-parent\" data-id=\"6cf8f32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92eb03c elementor-widget elementor-widget-shortcode\" data-id=\"92eb03c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    \/* ========== RESET & BASE ========== *\/\n    .alb-rel *, .alb-rel *::before, .alb-rel *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    .alb-rel { font-family: 'Poppins', sans-serif; color: #36221e; line-height: 1.6; -webkit-font-smoothing: antialiased; }\n    .alb-rel img { max-width: 100%; height: auto; display: block; }\n    .alb-rel a { text-decoration: none; color: inherit; }\n    .alb-rel-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n    .alb-rel-gold { color: #E9C138; }\n\n    \/* ========== ANIMATIONS ========== *\/\n    .alb-rel .alb-anim {\n        opacity: 0;\n        transform: translateY(24px);\n        transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n    .alb-rel .alb-anim[data-anim=\"fade-right\"] { transform: translateX(-24px); }\n    .alb-rel .alb-anim[data-anim=\"fade-left\"]  { transform: translateX(24px); }\n    .alb-rel .alb-anim[data-anim=\"zoom-in\"]    { transform: scale(0.95); }\n    .alb-rel .alb-anim--visible {\n        opacity: 1 !important;\n        transform: translateY(0) translateX(0) scale(1) !important;\n    }\n\n    \/* ========== TYPOGRAPHY ========== *\/\n    .alb-rel-label {\n        display: inline-block;\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        color: #E9C138;\n        margin-bottom: 8px;\n    }\n    .alb-rel-label--light { color: rgba(233,193,56,0.9); }\n    .alb-rel-heading {\n        font-size: 34px;\n        font-weight: 800;\n        line-height: 1.2;\n        margin-bottom: 5px;\n        color: #36221e;\n    }\n    .alb-rel-heading--light { color: #ffffff; }\n    .alb-rel-heading-bar {\n        width: 80px;\n        height: 3px;\n        background: #E9C138;\n        margin-bottom: 20px;\n        border-radius: 2px;\n    }\n    .alb-rel-heading-bar--center { margin-left: auto; margin-right: auto; }\n    .alb-rel-header-center { text-align: center; margin-bottom: 28px; }\n\n    \/* ========== BUTTONS ========== *\/\n    .alb-rel-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        padding: 12px 32px;\n        border-radius: 28px;\n        font-weight: 700;\n        font-size: 14px;\n        letter-spacing: 0.3px;\n        transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);\n        cursor: pointer;\n        border: 2px solid transparent;\n    }\n    .alb-rel-btn--gold {\n        background: #E9C138;\n        color: #36221e;\n        border-color: #E9C138;\n    }\n    .alb-rel-btn--gold:hover {\n        background: #E36955;\n        border-color: #E36955;\n        color: #ffffff;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(227,105,85,0.35);\n    }\n    .alb-rel-btn--outline {\n        background: #ffffff;\n        color: #36221e;\n        border-color: #ffffff;\n    }\n    .alb-rel-btn--outline:hover {\n        background: #E36955;\n        color: #ffffff;\n        border-color: #E36955;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(227,105,85,0.3);\n    }\n    .alb-rel-btn--dark {\n        background: #E36955;\n        color: #ffffff;\n        border-color: #E36955;\n    }\n    .alb-rel-btn--dark:hover {\n        background: #36221e;\n        border-color: #36221e;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(30,36,54,0.3);\n    }\n    .alb-rel-btn--sm { padding: 8px 20px; font-size: 13px; }\n    .alb-rel-btn--lg { padding: 16px 42px; font-size: 16px; }\n\n    \/* ========== SECTIONS ========== *\/\n    .alb-rel-section { padding: 48px 0; }\n    .alb-rel-section--dark { background: #36221e; color: #ffffff; }\n    .alb-rel-section--light { background: #F8F8F8; }\n\n    \/* ========== 1. HERO ========== *\/\n    .alb-rel-hero {\n        position: relative;\n        padding: 80px 0 64px;\n        background: #36221e;\n        overflow: hidden;\n        text-align: center;\n    }\n    .alb-rel-hero__overlay {\n        position: absolute;\n        inset: 0;\n        background: radial-gradient(ellipse at 30% 50%, rgba(233,193,56,0.07) 0%, transparent 60%),\n                    radial-gradient(ellipse at 70% 20%, rgba(227,105,85,0.05) 0%, transparent 50%);\n        z-index: 1;\n    }\n    .alb-rel-hero__pattern {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(rgba(233,193,56,0.1) 1px, transparent 1px);\n        background-size: 30px 30px;\n        z-index: 1;\n    }\n    .alb-rel-hero__content { position: relative; z-index: 2; }\n    .alb-rel-hero__tagline {\n        display: inline-block;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        color: #E9C138;\n        margin-bottom: 18px;\n        padding: 5px 18px;\n        border: 1px solid rgba(233,193,56,0.3);\n        border-radius: 30px;\n    }\n    .alb-rel-hero__title {\n        font-size: 48px;\n        font-weight: 800;\n        line-height: 1.15;\n        color: #ffffff;\n        margin-bottom: 18px;\n        letter-spacing: -0.5px;\n    }\n    .alb-rel-hero__subtitle {\n        font-size: 16px;\n        line-height: 1.7;\n        color: rgba(255,255,255,0.7);\n        max-width: 660px;\n        margin: 0 auto 30px;\n    }\n    .alb-rel-hero__actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n\n    \/* ========== 2. URGENCY BANNER ========== *\/\n    .alb-rel-urgency {\n        background: linear-gradient(135deg, #E9C138 0%, #d4b030 50%, #E9C138 100%);\n        padding: 14px 0;\n        position: relative;\n        overflow: hidden;\n    }\n    .alb-rel-urgency__inner {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 20px;\n        flex-wrap: wrap;\n    }\n    .alb-rel-urgency__pulse {\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: #E36955;\n        animation: albRelPulse 1.5s infinite;\n        flex-shrink: 0;\n    }\n    @keyframes albRelPulse {\n        0%, 100% { transform: scale(1); opacity: 1; }\n        50% { transform: scale(1.6); opacity: 0.5; }\n    }\n    .alb-rel-urgency__text {\n        font-size: 14px;\n        font-weight: 500;\n        color: #36221e;\n        text-align: center;\n    }\n    .alb-rel-urgency__highlight {\n        font-weight: 800;\n        font-size: 16px;\n        color: #E36955;\n    }\n\n    \/* ========== 3. VISION ========== *\/\n    .alb-rel-vision__grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 44px;\n        align-items: center;\n    }\n    .alb-rel-vision__text p {\n        font-size: 15px;\n        line-height: 1.75;\n        color: #7B7E86;\n        margin-bottom: 14px;\n    }\n    .alb-rel-quote {\n        border-left: 4px solid #E9C138;\n        padding: 16px 20px;\n        background: rgba(233,193,56,0.06);\n        border-radius: 0 8px 8px 0;\n        margin-top: 18px;\n    }\n    .alb-rel-quote p {\n        font-size: 14px;\n        font-style: italic;\n        line-height: 1.7;\n        color: #36221e !important;\n        margin-bottom: 6px !important;\n    }\n    .alb-rel-quote cite {\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 600;\n        color: #E9C138;\n    }\n    .alb-rel-vision__image {\n        position: relative;\n        border-radius: 10px;\n        overflow: hidden;\n        box-shadow: 0 16px 48px rgba(0,0,0,0.1);\n    }\n    .alb-rel-vision__image img {\n        width: 100%;\n        height: 360px;\n        object-fit: cover;\n    }\n    .alb-rel-vision__badge {\n        position: absolute;\n        bottom: 16px;\n        right: 16px;\n        background: rgba(30,36,54,0.92);\n        backdrop-filter: blur(10px);\n        color: #fff;\n        padding: 12px 16px;\n        border-radius: 10px;\n        text-align: center;\n        border: 1px solid rgba(233,193,56,0.3);\n    }\n    .alb-rel-vision__badge-num {\n        display: block;\n        font-size: 24px;\n        font-weight: 800;\n        color: #E9C138;\n        line-height: 1;\n    }\n    .alb-rel-vision__badge-unit {\n        font-size: 11px;\n        font-weight: 600;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        opacity: 0.8;\n    }\n\n    \/* ========== 4. GALLERY ========== *\/\n    .alb-rel-gallery {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n    }\n    .alb-rel-gallery__item {\n        border-radius: 8px;\n        overflow: hidden;\n        position: relative;\n        cursor: pointer;\n    }\n    .alb-rel-gallery__item img {\n        width: 100%;\n        height: 200px;\n        object-fit: cover;\n        transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    .alb-rel-gallery__item:hover img {\n        transform: scale(1.06);\n    }\n    .alb-rel-gallery__item--wide {\n        grid-column: span 2;\n    }\n    .alb-rel-gallery__item--wide img {\n        height: 260px;\n    }\n\n    \/* ========== 5. CAPACITY ========== *\/\n    .alb-rel-capacity { background: #36221e; color: #fff; }\n    .alb-rel-capacity__grid {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 32px;\n        flex-wrap: wrap;\n    }\n    .alb-rel-cap-card {\n        background: rgba(255,255,255,0.05);\n        border: 1px solid rgba(255,255,255,0.1);\n        border-radius: 14px;\n        padding: 32px;\n        text-align: center;\n        flex: 1 1 280px;\n        max-width: 380px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .alb-rel-cap-card:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 32px rgba(0,0,0,0.25);\n    }\n    .alb-rel-cap-card--future {\n        border-color: rgba(233,193,56,0.3);\n        background: rgba(233,193,56,0.06);\n    }\n    .alb-rel-cap-card__label {\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.55);\n        margin-bottom: 12px;\n    }\n    .alb-rel-cap-card--future .alb-rel-cap-card__label { color: #E9C138; }\n    .alb-rel-cap-card__number {\n        font-size: 60px;\n        font-weight: 800;\n        line-height: 1;\n        margin-bottom: 6px;\n        color: #ffffff;\n    }\n    .alb-rel-cap-card--future .alb-rel-cap-card__number { color: #E9C138; }\n    .alb-rel-cap-card__unit {\n        font-size: 13px;\n        font-weight: 600;\n        color: rgba(255,255,255,0.45);\n        margin-bottom: 16px;\n    }\n    .alb-rel-cap-card__bar {\n        width: 100%;\n        height: 5px;\n        background: rgba(255,255,255,0.1);\n        border-radius: 3px;\n        overflow: hidden;\n        margin-bottom: 16px;\n    }\n    .alb-rel-cap-card__fill {\n        height: 100%;\n        border-radius: 3px;\n        width: 0;\n        transition: width 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n    .alb-rel-cap-card--current .alb-rel-cap-card__fill { background: rgba(255,255,255,0.35); }\n    .alb-rel-cap-card--future .alb-rel-cap-card__fill { background: linear-gradient(90deg, #E9C138, #f0d45a); }\n    .alb-rel-cap-card__desc {\n        font-size: 13px;\n        line-height: 1.65;\n        color: rgba(255,255,255,0.5);\n    }\n    .alb-rel-cap-card__arrow {\n        flex-shrink: 0;\n    }\n\n    \/* ========== 6. FEATURES ========== *\/\n    .alb-rel-features__grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 18px;\n    }\n    .alb-rel-feat-card {\n        background: #ffffff;\n        border: 1px solid #eee;\n        border-radius: 12px;\n        padding: 24px 18px;\n        text-align: center;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .alb-rel-feat-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 12px 36px rgba(0,0,0,0.07);\n        border-color: rgba(233,193,56,0.3);\n    }\n    .alb-rel-feat-card__icon {\n        width: 48px;\n        height: 48px;\n        margin: 0 auto 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(233,193,56,0.1);\n        border-radius: 12px;\n        color: #E9C138;\n    }\n    .alb-rel-feat-card__icon svg { width: 24px; height: 24px; }\n    .alb-rel-feat-card__title {\n        font-size: 15px;\n        font-weight: 700;\n        margin-bottom: 8px;\n        color: #36221e;\n    }\n    .alb-rel-feat-card__text {\n        font-size: 13px;\n        line-height: 1.65;\n        color: #7B7E86;\n    }\n\n    \/* ========== 7. APPEAL ========== *\/\n    .alb-rel-appeal__inner { text-align: center; max-width: 700px; margin: 0 auto; }\n    .alb-rel-appeal__icon { margin-bottom: 18px; }\n    .alb-rel-appeal__hadith {\n        margin-bottom: 24px;\n    }\n    .alb-rel-appeal__hadith p {\n        font-size: 20px;\n        font-style: italic;\n        line-height: 1.65;\n        color: rgba(255,255,255,0.9);\n        margin-bottom: 10px;\n    }\n    .alb-rel-appeal__hadith cite {\n        font-size: 13px;\n        font-style: normal;\n        font-weight: 600;\n        color: #E9C138;\n    }\n    .alb-rel-appeal__divider {\n        width: 60px;\n        height: 3px;\n        background: #E9C138;\n        margin: 0 auto 24px;\n        border-radius: 2px;\n    }\n    .alb-rel-appeal__headline {\n        font-size: 30px;\n        font-weight: 800;\n        color: #ffffff;\n        margin-bottom: 16px;\n    }\n    .alb-rel-appeal__text {\n        font-size: 15px;\n        line-height: 1.75;\n        color: rgba(255,255,255,0.65);\n        margin-bottom: 28px;\n    }\n\n    \/* ========== 8. DONATION METHODS ========== *\/\n    .alb-rel-donate__grid {\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr;\n        gap: 24px;\n        align-items: start;\n    }\n    .alb-rel-donate__card {\n        background: #ffffff;\n        border: 1px solid #eee;\n        border-radius: 14px;\n        padding: 28px;\n        box-shadow: 0 3px 16px rgba(0,0,0,0.04);\n    }\n    .alb-rel-donate__card-title {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-size: 17px;\n        font-weight: 700;\n        color: #36221e;\n        margin-bottom: 10px;\n    }\n    .alb-rel-donate__card-title svg { color: #E9C138; flex-shrink: 0; }\n    .alb-rel-donate__card-desc {\n        font-size: 13px;\n        line-height: 1.65;\n        color: #7B7E86;\n        margin-bottom: 16px;\n    }\n    .alb-rel-donate__form-wrap {\n        border-top: 1px solid #f0f0f0;\n        padding-top: 16px;\n    }\n    .alb-rel-donate__sub-title {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 14px;\n        font-weight: 700;\n        color: #36221e;\n        margin-bottom: 6px;\n    }\n    .alb-rel-donate__sub-title svg { color: #E9C138; }\n\n    \/* Bank details *\/\n    .alb-rel-bank-details {\n        background: #f9f9f9;\n        border-radius: 8px;\n        padding: 16px;\n        margin-bottom: 16px;\n    }\n    .alb-rel-bank-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 8px 0;\n        border-bottom: 1px solid #eee;\n    }\n    .alb-rel-bank-row:last-child { border-bottom: none; }\n    .alb-rel-bank-label {\n        font-size: 12px;\n        font-weight: 600;\n        color: #7B7E86;\n    }\n    .alb-rel-bank-value {\n        font-size: 13px;\n        font-weight: 700;\n        color: #36221e;\n    }\n    .alb-rel-bank-value--mono { font-family: 'Courier New', monospace; letter-spacing: 1px; }\n    .alb-rel-bank-divider {\n        width: 100%;\n        height: 1px;\n        background: #eee;\n        margin: 18px 0;\n    }\n    .alb-rel-paypal-qr {\n        max-width: 160px;\n        margin: 12px auto 0;\n        border-radius: 8px;\n        overflow: hidden;\n        border: 1px solid #eee;\n    }\n\n    \/* ========== 9. COMMUNITY ========== *\/\n    .alb-rel-community__grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 24px;\n    }\n    .alb-rel-community__card {\n        background: #ffffff;\n        border: 1px solid #eee;\n        border-radius: 14px;\n        overflow: hidden;\n        box-shadow: 0 3px 16px rgba(0,0,0,0.04);\n    }\n    .alb-rel-community__card-title {\n        font-size: 15px;\n        font-weight: 700;\n        color: #36221e;\n        padding: 16px 20px;\n        border-bottom: 1px solid #f0f0f0;\n        background: #fafafa;\n    }\n    .alb-rel-community__card-body { padding: 16px 20px; }\n    .alb-rel-community__placeholder {\n        font-size: 13px;\n        color: #7B7E86;\n        text-align: center;\n        padding: 16px 0;\n    }\n\n    \/* ========== 10. FINAL CTA ========== *\/\n    .alb-rel-cta {\n        background: #36221e;\n        position: relative;\n        overflow: hidden;\n    }\n    .alb-rel-cta::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(rgba(233,193,56,0.05) 1px, transparent 1px);\n        background-size: 24px 24px;\n    }\n    .alb-rel-cta__inner {\n        text-align: center;\n        position: relative;\n        z-index: 1;\n        max-width: 680px;\n        margin: 0 auto;\n    }\n    .alb-rel-cta__title {\n        font-size: 36px;\n        font-weight: 800;\n        color: #ffffff;\n        margin-bottom: 16px;\n        line-height: 1.2;\n    }\n    .alb-rel-cta__text {\n        font-size: 15px;\n        line-height: 1.75;\n        color: rgba(255,255,255,0.65);\n        margin-bottom: 32px;\n    }\n    .alb-rel-cta__stats {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 32px;\n        margin-bottom: 36px;\n        flex-wrap: wrap;\n    }\n    .alb-rel-cta__stat { text-align: center; }\n    .alb-rel-cta__stat-num {\n        display: block;\n        font-size: 32px;\n        font-weight: 800;\n        color: #E9C138;\n        line-height: 1;\n        margin-bottom: 4px;\n    }\n    .alb-rel-cta__stat-label {\n        font-size: 11px;\n        font-weight: 600;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.45);\n    }\n    .alb-rel-cta__stat-divider {\n        width: 1px;\n        height: 36px;\n        background: rgba(255,255,255,0.12);\n    }\n\n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 1024px) {\n        .alb-rel-features__grid { grid-template-columns: repeat(2, 1fr); }\n        .alb-rel-hero__title { font-size: 40px; }\n        .alb-rel-donate__grid { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 768px) {\n        .alb-rel-hero { padding: 56px 0 44px; }\n        .alb-rel-hero__title { font-size: 32px; }\n        .alb-rel-hero__subtitle { font-size: 14px; }\n        .alb-rel-section { padding: 36px 0; }\n        .alb-rel-heading { font-size: 26px; }\n        .alb-rel-vision__grid { grid-template-columns: 1fr; gap: 28px; }\n        .alb-rel-gallery { grid-template-columns: 1fr 1fr; }\n        .alb-rel-gallery__item--wide { grid-column: span 2; }\n        .alb-rel-capacity__grid { flex-direction: column; }\n        .alb-rel-cap-card__arrow { transform: rotate(90deg); }\n        .alb-rel-cap-card__number { font-size: 48px; }\n        .alb-rel-features__grid { grid-template-columns: 1fr; }\n        .alb-rel-community__grid { grid-template-columns: 1fr; }\n        .alb-rel-appeal__headline { font-size: 24px; }\n        .alb-rel-cta__title { font-size: 28px; }\n        .alb-rel-cta__stat-num { font-size: 24px; }\n    }\n    @media (max-width: 480px) {\n        .alb-rel-hero__title { font-size: 26px; }\n        .alb-rel-heading { font-size: 22px; }\n        .alb-rel-gallery { grid-template-columns: 1fr; }\n        .alb-rel-gallery__item--wide { grid-column: span 1; }\n        .alb-rel-gallery__item img,\n        .alb-rel-gallery__item--wide img { height: 180px; }\n        .alb-rel-cap-card { padding: 22px 16px; }\n        .alb-rel-cap-card__number { font-size: 40px; }\n        .alb-rel-feat-card { padding: 20px 14px; }\n        .alb-rel-donate__card { padding: 20px; }\n        .alb-rel-appeal__hadith p { font-size: 16px; }\n        .alb-rel-btn--lg { padding: 14px 32px; font-size: 14px; }\n    }\n    <\/style>\n        <div class=\"alb-rel\" id=\"alb-rel\">\n\n        <!-- ============ 1. HERO ============ -->\n        <section class=\"alb-rel-hero\">\n            <div class=\"alb-rel-hero__overlay\"><\/div>\n            <div class=\"alb-rel-hero__pattern\"><\/div>\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-rel-hero__content alb-anim\" data-anim=\"fade-up\">\n                    <span class=\"alb-rel-hero__tagline\">Al-Baseera Bristol Centre<\/span>\n                    <h1 class=\"alb-rel-hero__title\">Expand the <span class=\"alb-rel-gold\">Light<\/span><br\/>In Our Community<\/h1>\n                    <p class=\"alb-rel-hero__subtitle\">Help us secure a larger, purpose-built Islamic centre for the Muslim community in Bristol. A beacon of knowledge upon the Qur'an, Sunnah and the path of the Companions.<\/p>\n                    <div class=\"alb-rel-hero__actions\">\n                        <a href=\"#alb-rel-donate\" class=\"alb-rel-btn alb-rel-btn--gold\">Donate Now<\/a>\n                        <a href=\"#alb-rel-vision\" class=\"alb-rel-btn alb-rel-btn--outline\">Learn More<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ 2. URGENCY BANNER ============ -->\n        <section class=\"alb-rel-urgency\">\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-rel-urgency__inner alb-anim\" data-anim=\"fade-up\">\n                    <div class=\"alb-rel-urgency__pulse\"><\/div>\n                    <div class=\"alb-rel-urgency__text\">\n                        \u23f0 <span class=\"alb-rel-urgency__highlight\">\u00a31 Million<\/span> needed to secure the property,\n                        <strong>We need 3,000 donors giving \u00a31,000 each<\/strong>\n                    <\/div>\n                    <a href=\"#alb-rel-donate\" class=\"alb-rel-btn alb-rel-btn--dark alb-rel-btn--sm\">Give Now<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ 3. THE VISION ============ -->\n        <section class=\"alb-rel-section alb-rel-vision\" id=\"alb-rel-vision\">\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-rel-vision__grid\">\n                    <div class=\"alb-rel-vision__text alb-anim\" data-anim=\"fade-right\">\n                        <span class=\"alb-rel-label\">The Vision<\/span>\n                        <h2 class=\"alb-rel-heading\">A New Home for <span class=\"alb-rel-gold\">Al-Baseera<\/span><\/h2>\n                        <div class=\"alb-rel-heading-bar\"><\/div>\n                        <p>We have identified a <strong>1.56-acre property<\/strong>: a spacious, strategic site that can be transformed into a purpose-built Islamic centre serving the growing Muslim community in Bristol.<\/p>\n                        <p>This is more than a building. It is an investment in generations of worship, learning, and community service. A place where families gather, children learn, and the community thrives together.<\/p>\n                        <blockquote class=\"alb-rel-quote\">\n                            <p>&ldquo;The mosques of Allah are only to be maintained by those who believe in Allah and the Last Day and establish prayer and give zakah and do not fear except Allah, for it is expected that those will be of the [rightly] guided.&rdquo;<\/p>\n                            <cite>- Qur'an 9:18<\/cite>\n                        <\/blockquote>\n                    <\/div>\n                    <div class=\"alb-rel-vision__image alb-anim\" data-anim=\"fade-left\">\n                        <img decoding=\"async\" src=\"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-14-at-21.05.49.jpeg\" alt=\"Proposed property - aerial view\" loading=\"lazy\" \/>\n                        <div class=\"alb-rel-vision__badge\">\n                            <span class=\"alb-rel-vision__badge-num\">1.56<\/span>\n                            <span class=\"alb-rel-vision__badge-unit\">Acres<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ 4. IMAGE GALLERY ============ -->\n        <section class=\"alb-rel-section alb-rel-section--light alb-rel-gallery-section\">\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-anim\" data-anim=\"fade-up\">\n                    <div class=\"alb-rel-header-center\">\n                        <span class=\"alb-rel-label\">The Property<\/span>\n                        <h2 class=\"alb-rel-heading\">A Glimpse of <span class=\"alb-rel-gold\">Our Future Home<\/span><\/h2>\n                        <div class=\"alb-rel-heading-bar alb-rel-heading-bar--center\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"alb-rel-gallery alb-anim\" data-anim=\"fade-up\" data-delay=\"150\">\n                    <div class=\"alb-rel-gallery__item alb-rel-gallery__item--wide\">\n                        <img decoding=\"async\" src=\"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/Unknown-4.jpg\" alt=\"Property exterior - front view\" loading=\"lazy\" \/>\n                    <\/div>\n                    <div class=\"alb-rel-gallery__item\">\n                        <img decoding=\"async\" src=\"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/Unknown-3.jpg\" alt=\"Property exterior - side view\" loading=\"lazy\" \/>\n                    <\/div>\n                    <div class=\"alb-rel-gallery__item\">\n                        <img decoding=\"async\" src=\"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/Unknown-2.jpg\" alt=\"Property grounds\" loading=\"lazy\" \/>\n                    <\/div>\n                    <div class=\"alb-rel-gallery__item\">\n                        <img decoding=\"async\" src=\"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-13-at-01.39.36-2.jpeg\" alt=\"Property view - entrance\" loading=\"lazy\" \/>\n                    <\/div>\n                    <div class=\"alb-rel-gallery__item\">\n                        <img decoding=\"async\" src=\"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-13-at-01.39.37.jpeg\" alt=\"Property exterior - wide angle\" loading=\"lazy\" \/>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ 5. CURRENT VS FUTURE ============ -->\n        <section class=\"alb-rel-section alb-rel-capacity\">\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-anim\" data-anim=\"fade-up\">\n                    <div class=\"alb-rel-header-center\">\n                        <span class=\"alb-rel-label alb-rel-label--light\">The Need<\/span>\n                        <h2 class=\"alb-rel-heading alb-rel-heading--light\">Why We Must <span class=\"alb-rel-gold\">Expand<\/span><\/h2>\n                        <div class=\"alb-rel-heading-bar alb-rel-heading-bar--center\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"alb-rel-capacity__grid alb-anim\" data-anim=\"fade-up\" data-delay=\"150\">\n                    <div class=\"alb-rel-cap-card alb-rel-cap-card--current\">\n                        <div class=\"alb-rel-cap-card__label\">Current Masjid<\/div>\n                        <div class=\"alb-rel-cap-card__number\" data-count=\"300\">0<\/div>\n                        <div class=\"alb-rel-cap-card__unit\">Worshippers Capacity<\/div>\n                        <div class=\"alb-rel-cap-card__bar\">\n                            <div class=\"alb-rel-cap-card__fill\" data-width=\"37\"><\/div>\n                        <\/div>\n                        <p class=\"alb-rel-cap-card__desc\">Our current space is overflowing. Worshippers pray in hallways and outside during peak times.<\/p>\n                    <\/div>\n                    <div class=\"alb-rel-cap-card__arrow\">\n                        <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E9C138\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/div>\n                    <div class=\"alb-rel-cap-card alb-rel-cap-card--future\">\n                        <div class=\"alb-rel-cap-card__label\">Future Centre<\/div>\n                        <div class=\"alb-rel-cap-card__number\" data-count=\"800\">0<\/div>\n                        <div class=\"alb-rel-cap-card__unit\">Worshippers Capacity<\/div>\n                        <div class=\"alb-rel-cap-card__bar\">\n                            <div class=\"alb-rel-cap-card__fill\" data-width=\"100\"><\/div>\n                        <\/div>\n                        <p class=\"alb-rel-cap-card__desc\">A purpose-built centre with ample space for prayer, education, and community gatherings.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ 6. WHY THIS MATTERS ============ -->\n        <section class=\"alb-rel-section alb-rel-features\">\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-anim\" data-anim=\"fade-up\">\n                    <div class=\"alb-rel-header-center\">\n                        <span class=\"alb-rel-label\">What We Will Build<\/span>\n                        <h2 class=\"alb-rel-heading\">Serving the <span class=\"alb-rel-gold\">Whole Community<\/span><\/h2>\n                        <div class=\"alb-rel-heading-bar alb-rel-heading-bar--center\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"alb-rel-features__grid\">\n                    <div class=\"alb-rel-feat-card alb-anim\" data-anim=\"fade-up\" data-delay=\"0\">\n                        <div class=\"alb-rel-feat-card__icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"alb-rel-feat-card__title\">Expanded Prayer Hall<\/h3>\n                        <p class=\"alb-rel-feat-card__text\">A spacious main prayer hall accommodating 800+ worshippers, with separate dedicated areas for men and women, and overflow capacity for Jumu'ah and Eid.<\/p>\n                    <\/div>\n                    <div class=\"alb-rel-feat-card alb-anim\" data-anim=\"fade-up\" data-delay=\"100\">\n                        <div class=\"alb-rel-feat-card__icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"alb-rel-feat-card__title\">Education &amp; Learning<\/h3>\n                        <p class=\"alb-rel-feat-card__text\">Dedicated classrooms for Qur'an memorisation, Arabic language, and Islamic studies, empowering the next generation with knowledge and understanding.<\/p>\n                    <\/div>\n                    <div class=\"alb-rel-feat-card alb-anim\" data-anim=\"fade-up\" data-delay=\"200\">\n                        <div class=\"alb-rel-feat-card__icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"alb-rel-feat-card__title\">Women &amp; Youth<\/h3>\n                        <p class=\"alb-rel-feat-card__text\">Dedicated spaces for sisters' halaqaat, youth programmes, counselling services, and community activities. A space for everyone.<\/p>\n                    <\/div>\n                    <div class=\"alb-rel-feat-card alb-anim\" data-anim=\"fade-up\" data-delay=\"300\">\n                        <div class=\"alb-rel-feat-card__icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"alb-rel-feat-card__title\">Community Services<\/h3>\n                        <p class=\"alb-rel-feat-card__text\">Multi-purpose halls for events, funeral services, welfare support, and a welcoming space for new Muslims and visitors to the faith.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ 7. HADITH & APPEAL ============ -->\n        <section class=\"alb-rel-section alb-rel-section--dark alb-rel-appeal\">\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-rel-appeal__inner alb-anim\" data-anim=\"fade-up\">\n                    <div class=\"alb-rel-appeal__icon\">\n                        <svg width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E9C138\" stroke-width=\"1.5\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n                    <\/div>\n                    <blockquote class=\"alb-rel-appeal__hadith\">\n                        <p>&ldquo;Whoever builds a masjid for Allah, Allah will build for him a house in Paradise.&rdquo;<\/p>\n                        <cite>- Prophet Muhammad \ufdfa (Sahih al-Bukhari &amp; Muslim)<\/cite>\n                    <\/blockquote>\n                    <div class=\"alb-rel-appeal__divider\"><\/div>\n                    <h2 class=\"alb-rel-appeal__headline\">We Need Your <span class=\"alb-rel-gold\">Urgent Help<\/span><\/h2>\n                    <p class=\"alb-rel-appeal__text\">Our masjid needs you. This is an opportunity that comes once in a generation: to build a lasting house of Allah that will serve thousands of Muslims for decades to come. Every contribution, no matter the size, is a brick in <em>your<\/em> palace in Jannah.<\/p>\n                    <a href=\"#alb-rel-donate\" class=\"alb-rel-btn alb-rel-btn--gold alb-rel-btn--lg\">Donate Now - Sadaqah Jariyah<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ 8. DONATION METHODS ============ -->\n        <section class=\"alb-rel-section alb-rel-donate-section\" id=\"alb-rel-donate\">\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-anim\" data-anim=\"fade-up\">\n                    <div class=\"alb-rel-header-center\">\n                        <span class=\"alb-rel-label\">Support the Project<\/span>\n                        <h2 class=\"alb-rel-heading\">Ways to <span class=\"alb-rel-gold\">Donate<\/span><\/h2>\n                        <div class=\"alb-rel-heading-bar alb-rel-heading-bar--center\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"alb-rel-donate__grid alb-anim\" data-anim=\"fade-up\" data-delay=\"100\">\n                    <!-- Online Donation -->\n                    <div class=\"alb-rel-donate__card alb-rel-donate__card--online\">\n                        <h3 class=\"alb-rel-donate__card-title\">\n                            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n                            Donate Online\n                        <\/h3>\n                        <p class=\"alb-rel-donate__card-desc\">Secure online donation via card or Apple Pay \/ Google Pay.<\/p>\n                        <div class=\"alb-rel-donate__form-wrap\">\n                            <div class='root-data-givewp-embed' data-form-locale='en_GB' data-form-url='https:\/\/albaseera.org\/?post_type=give_forms&amp;p=3561' data-form-view-url='https:\/\/albaseera.org\/?givewp-route=donation-form-view&amp;form-id=3561' data-src='https:\/\/albaseera.org\/?givewp-route=donation-form-view&amp;form-id=3561' data-givewp-embed-id='give-form-shortcode-2' data-form-format='onpage' data-open-form-button='Donate now' style='--givewp-primary-color: #de870d; --givewp-secondary-color: #27ae60;'><\/div>                        <\/div>\n                        \n                        <!-- SumUp \/ Other Ways to Donate -->\n                        <div style=\"text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #eee;\">\n                            <h4 style=\"color:#36221e;font-size:16px;font-weight:700;margin-bottom:16px;\">Quick Card Payment<\/h4>\n                            <a href=\"https:\/\/pay.sumup.com\/b2c\/QPQ29HY0\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-block;padding:16px 40px;background:#D4A843;color:#1a1a2e;border-radius:30px;text-decoration:none;font-weight:700;font-size:16px;margin-bottom:10px;width:100%;\">\n                                <i class=\"fas fa-credit-card\" style=\"margin-right:8px;\"><\/i>Pay via SumUp\n                            <\/a>\n                            <p style=\"color:#7B7E86;margin-top:8px;font-size:13px;\">Secure online card payment<\/p>\n                        <\/div>\n                    <\/div>\n                    <!-- Bank Transfer -->\n                    <div class=\"alb-rel-donate__card alb-rel-donate__card--bank\">\n                        <h3 class=\"alb-rel-donate__card-title\">\n                            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7\"\/><path d=\"M21 9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"13\"\/><line x1=\"15\" y1=\"21\" x2=\"15\" y2=\"13\"\/><\/svg>\n                            Bank Transfer\n                        <\/h3>\n                        <p class=\"alb-rel-donate__card-desc\">Transfer directly to our masjid account:<\/p>\n                        <div class=\"alb-rel-bank-details\">\n                            <div class=\"alb-rel-bank-row\">\n                                <span class=\"alb-rel-bank-label\">Account Name<\/span>\n                                <span class=\"alb-rel-bank-value\">Albaseera Bristol Centre<\/span>\n                            <\/div>\n                            <div class=\"alb-rel-bank-row\">\n                                <span class=\"alb-rel-bank-label\">Sort Code<\/span>\n                                <span class=\"alb-rel-bank-value alb-rel-bank-value--mono\">56-00-05<\/span>\n                            <\/div>\n                            <div class=\"alb-rel-bank-row\">\n                                <span class=\"alb-rel-bank-label\">Account No.<\/span>\n                                <span class=\"alb-rel-bank-value alb-rel-bank-value--mono\">30557720<\/span>\n                            <\/div>\n                            <div class=\"alb-rel-bank-row\">\n                                <span class=\"alb-rel-bank-label\">Reference<\/span>\n                                <span class=\"alb-rel-bank-value alb-rel-bank-value--mono\">RELOCATION<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"alb-rel-bank-divider\"><\/div>\n                        <h4 class=\"alb-rel-donate__sub-title\">\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n                            PayPal\n                        <\/h4>\n                        <p class=\"alb-rel-donate__card-desc\">Scan the QR code or send to our PayPal account.<\/p>\n                        <div class=\"alb-rel-paypal-qr\">\n                            <img decoding=\"async\" src=\"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-12-at-10.50.09-AM.png\" alt=\"PayPal QR code\" loading=\"lazy\" \/>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ 9. COMMUNITY SUPPORT ============ -->\n        <section class=\"alb-rel-section alb-rel-section--light alb-rel-community\">\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-anim\" data-anim=\"fade-up\">\n                    <div class=\"alb-rel-header-center\">\n                        <span class=\"alb-rel-label\">Together We Build<\/span>\n                        <h2 class=\"alb-rel-heading\">Community <span class=\"alb-rel-gold\">Support<\/span><\/h2>\n                        <div class=\"alb-rel-heading-bar alb-rel-heading-bar--center\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"alb-rel-community__grid alb-anim\" data-anim=\"fade-up\" data-delay=\"100\">\n                    <div class=\"alb-rel-community__card\">\n                        <h3 class=\"alb-rel-community__card-title\">Top Supporters<\/h3>\n                        <div class=\"alb-rel-community__card-body\">\n                            <p class=\"alb-rel-community__placeholder\">Donor wall will appear here once donations begin.<\/p>                        <\/div>\n                    <\/div>\n                    <div class=\"alb-rel-community__card\">\n                        <h3 class=\"alb-rel-community__card-title\">Recent Donations<\/h3>\n                        <div class=\"alb-rel-community__card-body\">\n                            <p class=\"alb-rel-community__placeholder\">Recent donations will appear here.<\/p>                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ 10. FINAL CTA ============ -->\n        <section class=\"alb-rel-section alb-rel-section--dark alb-rel-cta\">\n            <div class=\"alb-rel-container\">\n                <div class=\"alb-rel-cta__inner alb-anim\" data-anim=\"fade-up\">\n                    <h2 class=\"alb-rel-cta__title\">Be Part of Something <span class=\"alb-rel-gold\">Greater<\/span><\/h2>\n                    <p class=\"alb-rel-cta__text\">Every pound you give is <strong>Sadaqah Jariyah<\/strong> (ongoing charity that continues to reward you long after you've given it. Every prayer offered, every lesson taught, every soul guided in this new centre will be in your scale of good deeds, bi'ithnillah.<\/p>\n                    <div class=\"alb-rel-cta__stats\">\n                        <div class=\"alb-rel-cta__stat\">\n                            <span class=\"alb-rel-cta__stat-num\">\u00a33M<\/span>\n                            <span class=\"alb-rel-cta__stat-label\">Campaign Goal<\/span>\n                        <\/div>\n                        <div class=\"alb-rel-cta__stat-divider\"><\/div>\n                        <div class=\"alb-rel-cta__stat\">\n                            <span class=\"alb-rel-cta__stat-num\">800+<\/span>\n                            <span class=\"alb-rel-cta__stat-label\">Worshippers<\/span>\n                        <\/div>\n                        <div class=\"alb-rel-cta__stat-divider\"><\/div>\n                        <div class=\"alb-rel-cta__stat\">\n                            <span class=\"alb-rel-cta__stat-num\">1.56<\/span>\n                            <span class=\"alb-rel-cta__stat-label\">Acres<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#alb-rel-donate\" class=\"alb-rel-btn alb-rel-btn--gold alb-rel-btn--lg\">Donate Now<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div>\n        <script>\n    document.addEventListener('DOMContentLoaded', function(){\n        \/* --- Scroll animations --- *\/\n        var els = document.querySelectorAll('#alb-rel .alb-anim');\n        if (!els.length) return;\n\n        if ('IntersectionObserver' in window) {\n            var observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        var el = entry.target;\n                        var delay = parseInt(el.getAttribute('data-delay') || '0', 10);\n                        setTimeout(function() {\n                            el.classList.add('alb-anim--visible');\n                        }, delay);\n                        observer.unobserve(el);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n            els.forEach(function(el) { observer.observe(el); });\n        } else {\n            els.forEach(function(el) { el.classList.add('alb-anim--visible'); });\n        }\n\n        \/* --- Count-up animation for capacity numbers --- *\/\n        var countEls = document.querySelectorAll('.alb-rel-cap-card__number[data-count]');\n        if (countEls.length && 'IntersectionObserver' in window) {\n            var countObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        var el = entry.target;\n                        var target = parseInt(el.getAttribute('data-count'), 10);\n                        var duration = 1500;\n                        var start = 0;\n                        var startTime = null;\n                        function step(ts) {\n                            if (!startTime) startTime = ts;\n                            var progress = Math.min((ts - startTime) \/ duration, 1);\n                            var eased = 1 - Math.pow(1 - progress, 3);\n                            el.textContent = Math.floor(eased * target).toLocaleString();\n                            if (progress < 1) requestAnimationFrame(step);\n                            else el.textContent = target.toLocaleString() + '+';\n                        }\n                        requestAnimationFrame(step);\n                        countObserver.unobserve(el);\n                    }\n                });\n            }, { threshold: 0.3 });\n            countEls.forEach(function(el) { countObserver.observe(el); });\n        }\n\n        \/* --- Capacity bar fill animation --- *\/\n        var barEls = document.querySelectorAll('.alb-rel-cap-card__fill[data-width]');\n        if (barEls.length && 'IntersectionObserver' in window) {\n            var barObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        var el = entry.target;\n                        el.style.width = el.getAttribute('data-width') + '%';\n                        barObserver.unobserve(el);\n                    }\n                });\n            }, { threshold: 0.3 });\n            barEls.forEach(function(el) { barObserver.observe(el); });\n        }\n\n        \/* --- Smooth scroll for anchor links --- *\/\n        document.querySelectorAll('#alb-rel a[href^=\"#alb-rel\"]').forEach(function(a) {\n            a.addEventListener('click', function(e) {\n                var target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    e.preventDefault();\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }\n            });\n        });\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5faa37a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5faa37a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b2a8e95\" data-id=\"b2a8e95\" 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-5ba029a elementor-widget elementor-widget-givewp_campaign_donors\" data-id=\"5ba029a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"givewp_campaign_donors.default\">\n\t\t\t\t\t<div\n    class=\"givewp-campaign-donors-block\"    style=\"--givewp-primary-color: #de870d; --givewp-secondary-color: #27ae60;\">\n    <div class=\"givewp-campaign-donors-block__header\">\n        <h2 class=\"givewp-campaign-donors-block__title\">Top Donors<\/h2>\n                    <div class=\"givewp-campaign-donors-block__donate-button\">\n                <button type=\"button\" class=\"givewp-donation-form-modal__open\">Join the list<\/button>            <\/div>\n            <\/div>\n\n            <ul class=\"givewp-campaign-donors-block__donors\">\n                            <li class=\"givewp-campaign-donors-block__donor\">\n                                            <div class=\"givewp-campaign-donors-block__donor-avatar\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/fc068d74ac1dcd826dcb5049389cb1d3e81307cc3180add483dc914c47dbf3b4?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donor avatar\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donors-block__donor-info\">\n                        <span class=\"givewp-campaign-donors-block__donor-name\">Baha Eldin<\/span>\n\n                                                    <span class=\"givewp-campaign-donors-block__donor-ribbon\" data-position=\"1\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/albaseera.org\/wp-content\/plugins\/give\/src\/Campaigns\/Blocks\/CampaignDonors\/resources\/icons\/ribbon.svg\"\n                                    alt=\"Ribbon\"\n                                \/>\n                            <\/span>\n                        \n                        \n                                            <\/div>\n                    <div class=\"givewp-campaign-donors-block__donor-amount\">\u00a31,500.00<\/div>\n                <\/li>\n                            <li class=\"givewp-campaign-donors-block__donor\">\n                                            <div class=\"givewp-campaign-donors-block__donor-avatar\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/480937dc7db12ea98c6055642f77bd9225bc33ab5b859635529e3f2ca2255479?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donor avatar\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donors-block__donor-info\">\n                        <span class=\"givewp-campaign-donors-block__donor-name\">Abdulkadir<\/span>\n\n                                                    <span class=\"givewp-campaign-donors-block__donor-ribbon\" data-position=\"2\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/albaseera.org\/wp-content\/plugins\/give\/src\/Campaigns\/Blocks\/CampaignDonors\/resources\/icons\/ribbon.svg\"\n                                    alt=\"Ribbon\"\n                                \/>\n                            <\/span>\n                        \n                        \n                                            <\/div>\n                    <div class=\"givewp-campaign-donors-block__donor-amount\">\u00a31,000.00<\/div>\n                <\/li>\n                            <li class=\"givewp-campaign-donors-block__donor\">\n                                            <div class=\"givewp-campaign-donors-block__donor-avatar\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/3da2a1afa76eaf6bbb1927ce952960910c71f7eb4ac39054cff7114faec9cbc3?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donor avatar\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donors-block__donor-info\">\n                        <span class=\"givewp-campaign-donors-block__donor-name\">Mohamed<\/span>\n\n                                                    <span class=\"givewp-campaign-donors-block__donor-ribbon\" data-position=\"3\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/albaseera.org\/wp-content\/plugins\/give\/src\/Campaigns\/Blocks\/CampaignDonors\/resources\/icons\/ribbon.svg\"\n                                    alt=\"Ribbon\"\n                                \/>\n                            <\/span>\n                        \n                        \n                                            <\/div>\n                    <div class=\"givewp-campaign-donors-block__donor-amount\">\u00a31,000.00<\/div>\n                <\/li>\n                            <li class=\"givewp-campaign-donors-block__donor\">\n                                            <div class=\"givewp-campaign-donors-block__donor-avatar\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/ff7ceaec1599e07e30b9dea498b9c2600a9ebe66596c50ab66d605c3c4a5c44b?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donor avatar\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donors-block__donor-info\">\n                        <span class=\"givewp-campaign-donors-block__donor-name\">Samira<\/span>\n\n                        \n                        \n                                            <\/div>\n                    <div class=\"givewp-campaign-donors-block__donor-amount\">\u00a3750.00<\/div>\n                <\/li>\n                            <li class=\"givewp-campaign-donors-block__donor\">\n                                            <div class=\"givewp-campaign-donors-block__donor-avatar\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/08b44cfd01d6516910a73042e456c26423d184488bfd66d64e4f8c3eddb2bf5e?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donor avatar\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donors-block__donor-info\">\n                        <span class=\"givewp-campaign-donors-block__donor-name\">Abdulkaliq<\/span>\n\n                        \n                        \n                                            <\/div>\n                    <div class=\"givewp-campaign-donors-block__donor-amount\">\u00a3500.00<\/div>\n                <\/li>\n                    <\/ul>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ded2afa\" data-id=\"ded2afa\" 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-1ba3cb2 elementor-widget elementor-widget-givewp_campaign_donations\" data-id=\"1ba3cb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"givewp_campaign_donations.default\">\n\t\t\t\t\t<div\n    class=\"givewp-campaign-donations-block\"    style=\"--givewp-primary-color: #de870d; --givewp-secondary-color: #27ae60;\">\n    <div class=\"givewp-campaign-donations-block__header\">\n        <h2 class=\"givewp-campaign-donations-block__title\">Recent Donations<\/h2>\n                    <div class=\"givewp-campaign-donations-block__donate-button\">\n                <button type=\"button\" class=\"givewp-donation-form-modal__open\">Donate<\/button>            <\/div>\n            <\/div>\n\n            <ul class=\"givewp-campaign-donations-block__donations\">\n                            <li class=\"givewp-campaign-donations-block__donation\">\n                                            <div class=\"givewp-campaign-donations-block__donation-icon\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/aa805ec3b05c7a11c38b687a08f1061a122de141f1a7e5983e83cd58b8164443?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donation icon\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donations-block__donation-info\">\n                        <div class=\"givewp-campaign-donations-block__donation-description\">\n                            <strong>Huda<\/strong> donated <strong>\u00a310.00<\/strong>                        <\/div>\n\n                        <span class=\"givewp-campaign-donations-block__donation-date\">7 hours ago<\/span>\n                    <\/div>\n\n                                    <\/li>\n                            <li class=\"givewp-campaign-donations-block__donation\">\n                                            <div class=\"givewp-campaign-donations-block__donation-icon\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/122b03ef82c43e6f44957a328bbce199aeae898ce42c453057c6f54650e4d5ca?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donation icon\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donations-block__donation-info\">\n                        <div class=\"givewp-campaign-donations-block__donation-description\">\n                            <strong>Mohammed<\/strong> donated <strong>\u00a31.76<\/strong>                        <\/div>\n\n                        <span class=\"givewp-campaign-donations-block__donation-date\">3 days ago<\/span>\n                    <\/div>\n\n                                    <\/li>\n                            <li class=\"givewp-campaign-donations-block__donation\">\n                                            <div class=\"givewp-campaign-donations-block__donation-icon\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/122b03ef82c43e6f44957a328bbce199aeae898ce42c453057c6f54650e4d5ca?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donation icon\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donations-block__donation-info\">\n                        <div class=\"givewp-campaign-donations-block__donation-description\">\n                            <strong>Anonymous<\/strong> donated <strong>\u00a32.00<\/strong>                        <\/div>\n\n                        <span class=\"givewp-campaign-donations-block__donation-date\">6 days ago<\/span>\n                    <\/div>\n\n                                    <\/li>\n                            <li class=\"givewp-campaign-donations-block__donation\">\n                                            <div class=\"givewp-campaign-donations-block__donation-icon\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/237fac14f1c3f38c85a86a52e12a673df608d1377a84b90b1df14355291f3fca?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donation icon\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donations-block__donation-info\">\n                        <div class=\"givewp-campaign-donations-block__donation-description\">\n                            <strong>Hamad<\/strong> donated <strong>\u00a350.00<\/strong>                        <\/div>\n\n                        <span class=\"givewp-campaign-donations-block__donation-date\">6 days ago<\/span>\n                    <\/div>\n\n                                    <\/li>\n                            <li class=\"givewp-campaign-donations-block__donation\">\n                                            <div class=\"givewp-campaign-donations-block__donation-icon\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/secure.gravatar.com\/avatar\/9e514483934b12a2caff08b95a030bc864aec38586956983a3a77e439a02919b?s=80&#038;d=mm&#038;r=g\"\n                                alt=\"Donation icon\"\n                            \/>\n                        <\/div>\n                    \n                    <div class=\"givewp-campaign-donations-block__donation-info\">\n                        <div class=\"givewp-campaign-donations-block__donation-description\">\n                            <strong>Ramzi<\/strong> donated <strong>\u00a310.00<\/strong>                        <\/div>\n\n                        <span class=\"givewp-campaign-donations-block__donation-date\">6 days ago<\/span>\n                    <\/div>\n\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Top Donors Baha Eldin \u00a31,500.00 Abdulkadir \u00a31,000.00 Mohamed \u00a31,000.00 Samira \u00a3750.00 Abdulkaliq \u00a3500.00 Recent Donations Na donated \u00a35.14 2 hours ago Na donated \u00a35.14 2 hours ago Mohamed Deq donated [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3612,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"give_campaign_id":2,"footnotes":""},"class_list":["post-3562","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AL BASEERA MASJID RELOCATION PROJECT - Albaseera Bristol Masjid<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/albaseera.org\/?page_id=3562\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AL BASEERA MASJID RELOCATION PROJECT - Albaseera Bristol Masjid\" \/>\n<meta property=\"og:description\" content=\"Top Donors Baha Eldin \u00a31,500.00 Abdulkadir \u00a31,000.00 Mohamed \u00a31,000.00 Samira \u00a3750.00 Abdulkaliq \u00a3500.00 Recent Donations Na donated \u00a35.14 2 hours ago Na donated \u00a35.14 2 hours ago Mohamed Deq donated [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/albaseera.org\/?page_id=3562\" \/>\n<meta property=\"og:site_name\" content=\"Albaseera Bristol Masjid\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T08:59:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-14-at-21.05.49.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1441\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/albaseera.org\\\/?page_id=3562\",\"url\":\"https:\\\/\\\/albaseera.org\\\/?page_id=3562\",\"name\":\"AL BASEERA MASJID RELOCATION PROJECT - Albaseera Bristol Masjid\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/albaseera.org\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/albaseera.org\\\/?page_id=3562#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/albaseera.org\\\/?page_id=3562#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/albaseera.org\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/WhatsApp-Image-2025-11-14-at-21.05.49.jpeg\",\"datePublished\":\"2025-11-12T07:57:58+00:00\",\"dateModified\":\"2026-03-31T08:59:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/albaseera.org\\\/?page_id=3562#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/albaseera.org\\\/?page_id=3562\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/albaseera.org\\\/?page_id=3562#primaryimage\",\"url\":\"https:\\\/\\\/albaseera.org\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/WhatsApp-Image-2025-11-14-at-21.05.49.jpeg\",\"contentUrl\":\"https:\\\/\\\/albaseera.org\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/WhatsApp-Image-2025-11-14-at-21.05.49.jpeg\",\"width\":2560,\"height\":1441},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/albaseera.org\\\/?page_id=3562#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/albaseera.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AL BASEERA MASJID RELOCATION PROJECT\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/albaseera.org\\\/#website\",\"url\":\"https:\\\/\\\/albaseera.org\\\/\",\"name\":\"Albaseera Bristol Masjid\",\"description\":\"Islamic masjid upon the Qur\u2019an, sunnah and the path of the companions.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/albaseera.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AL BASEERA MASJID RELOCATION PROJECT - Albaseera Bristol Masjid","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/albaseera.org\/?page_id=3562","og_locale":"en_GB","og_type":"article","og_title":"AL BASEERA MASJID RELOCATION PROJECT - Albaseera Bristol Masjid","og_description":"Top Donors Baha Eldin \u00a31,500.00 Abdulkadir \u00a31,000.00 Mohamed \u00a31,000.00 Samira \u00a3750.00 Abdulkaliq \u00a3500.00 Recent Donations Na donated \u00a35.14 2 hours ago Na donated \u00a35.14 2 hours ago Mohamed Deq donated [&hellip;]","og_url":"https:\/\/albaseera.org\/?page_id=3562","og_site_name":"Albaseera Bristol Masjid","article_modified_time":"2026-03-31T08:59:08+00:00","og_image":[{"width":2560,"height":1441,"url":"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-14-at-21.05.49.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/albaseera.org\/?page_id=3562","url":"https:\/\/albaseera.org\/?page_id=3562","name":"AL BASEERA MASJID RELOCATION PROJECT - Albaseera Bristol Masjid","isPartOf":{"@id":"https:\/\/albaseera.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/albaseera.org\/?page_id=3562#primaryimage"},"image":{"@id":"https:\/\/albaseera.org\/?page_id=3562#primaryimage"},"thumbnailUrl":"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-14-at-21.05.49.jpeg","datePublished":"2025-11-12T07:57:58+00:00","dateModified":"2026-03-31T08:59:08+00:00","breadcrumb":{"@id":"https:\/\/albaseera.org\/?page_id=3562#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/albaseera.org\/?page_id=3562"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/albaseera.org\/?page_id=3562#primaryimage","url":"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-14-at-21.05.49.jpeg","contentUrl":"https:\/\/albaseera.org\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-14-at-21.05.49.jpeg","width":2560,"height":1441},{"@type":"BreadcrumbList","@id":"https:\/\/albaseera.org\/?page_id=3562#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/albaseera.org\/"},{"@type":"ListItem","position":2,"name":"AL BASEERA MASJID RELOCATION PROJECT"}]},{"@type":"WebSite","@id":"https:\/\/albaseera.org\/#website","url":"https:\/\/albaseera.org\/","name":"Albaseera Bristol Masjid","description":"Islamic masjid upon the Qur\u2019an, sunnah and the path of the companions.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/albaseera.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"campaignId":"2","_links":{"self":[{"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/pages\/3562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/albaseera.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3562"}],"version-history":[{"count":14,"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/pages\/3562\/revisions"}],"predecessor-version":[{"id":5281,"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/pages\/3562\/revisions\/5281"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/media\/3612"}],"wp:attachment":[{"href":"https:\/\/albaseera.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}