{"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-08-01T16:06:05","modified_gmt":"2026-08-01T15:06:05","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        \/* CRM checkout button *\/\n        .alb-hero-video-button .alb-crm-donate-btn {\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 .alb-crm-donate-btn: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 .alb-crm-donate-btn: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                    <a class=\"alb-crm-donate-btn\" href=\"https:\/\/crm.albaseera.org\/donate\/campaign\/masjid-relocation-project\">Donate now<\/a>\n                <\/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=\"https:\/\/crm.albaseera.org\/donate\/campaign\/masjid-relocation-project\" 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=\"https:\/\/crm.albaseera.org\/donate\/campaign\/masjid-relocation-project\" 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=\"https:\/\/crm.albaseera.org\/donate\/campaign\/masjid-relocation-project\" 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-rel-donate__grid--crm alb-anim\" data-anim=\"fade-up\" data-delay=\"100\">\n                    <div class=\"alb-rel-donate__card alb-rel-donate__card--online\">\n                                <style>\n        .alb-crm-campaign{--alb-emerald:#176b55;--alb-ink:#17211d;--alb-soft:#eef7f3;max-width:720px;margin:24px auto;padding:28px;border:1px solid #d9e7e1;border-radius:20px;background:#fff;box-shadow:0 16px 40px rgba(23,61,48,.08);font-family:Poppins,system-ui,sans-serif;color:var(--alb-ink)}\n        .alb-crm-campaign__eyebrow{margin:0 0 6px;color:var(--alb-emerald);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.alb-crm-campaign__title{margin:0 0 22px;font-size:clamp(24px,4vw,36px);line-height:1.15}.alb-crm-campaign__figures{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.alb-crm-campaign__figure{padding:14px;border-radius:14px;background:var(--alb-soft)}.alb-crm-campaign__figure span{display:block;color:#557067;font-size:12px}.alb-crm-campaign__figure strong{display:block;margin-top:4px;font-size:clamp(16px,2vw,22px)}.alb-crm-campaign__track{height:14px;overflow:hidden;border-radius:999px;background:#dbe9e3}.alb-crm-campaign__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#176b55,#2f9d78)}.alb-crm-campaign__meta{display:flex;justify-content:space-between;gap:16px;margin:10px 0 22px;color:#60736c;font-size:12px}.alb-crm-campaign__button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;background:var(--alb-emerald);color:#fff!important;font-weight:700;text-decoration:none}.alb-crm-campaign__button:hover{background:#0f523f}.alb-crm-campaign__button:focus-visible{outline:3px solid #e9c138;outline-offset:3px}.alb-crm-campaign__stale{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#fff5cf;color:#654f00;font-size:13px}.alb-crm-campaign--unavailable{text-align:center}.alb-crm-campaign--unavailable p{margin:0 0 16px}@media(max-width:620px){.alb-crm-campaign{padding:20px}.alb-crm-campaign__figures{grid-template-columns:1fr}.alb-crm-campaign__meta{display:block}.alb-crm-campaign__meta strong,.alb-crm-campaign__meta span{display:block}.alb-crm-campaign__meta span{margin-top:4px}.alb-crm-campaign__button{width:100%}}@media(prefers-reduced-motion:reduce){.alb-crm-campaign *{scroll-behavior:auto!important;transition:none!important}}\n        <\/style>\n            <section class=\"alb-crm-campaign\" aria-labelledby=\"alb-crm-campaign-masjid-relocation-project\">\n        <p class=\"alb-crm-campaign__eyebrow\">Campaign progress<\/p>\n        <h2 class=\"alb-crm-campaign__title\" id=\"alb-crm-campaign-masjid-relocation-project\">Masjid Relocation Project<\/h2>\n                <div class=\"alb-crm-campaign__figures\">\n            <div class=\"alb-crm-campaign__figure\"><span>Collected<\/span><strong>&pound;989,116.07<\/strong><\/div>\n            <div class=\"alb-crm-campaign__figure\"><span>Target<\/span><strong>&pound;3,000,000.00<\/strong><\/div>\n            <div class=\"alb-crm-campaign__figure\"><span>Remaining<\/span><strong>&pound;2,010,883.93<\/strong><\/div>\n        <\/div>\n        <div class=\"alb-crm-campaign__track\" role=\"progressbar\" aria-label=\"Campaign progress\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"33\"><span class=\"alb-crm-campaign__fill\" style=\"width:33%\"><\/span><\/div>\n        <div class=\"alb-crm-campaign__meta\"><strong>33.0% funded<\/strong><span>CRM updated Sat 1-8-2026 10:43 pm<\/span><\/div>\n        <a class=\"alb-crm-campaign__button\" href=\"https:\/\/crm.albaseera.org\/donate\/campaign\/masjid-relocation-project\">Continue to secure donation<\/a>\n    <\/section>\n                            <p class=\"alb-rel-donate__card-desc\" style=\"text-align:center;margin-top:18px;\">Make a one-time donation securely through SumUp. Your donation is recorded directly in the Al-Baseera CRM after verified payment.<\/p>\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=\"https:\/\/crm.albaseera.org\/donate\/campaign\/masjid-relocation-project\" 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\">\n\t\t\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\">\n\t\t\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":"","protected":false},"author":1,"featured_media":3612,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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 v28.1 - 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: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-08-01T15:06:05+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-08-01T15:06:05+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_url":"https:\/\/albaseera.org\/?page_id=3562","og_site_name":"Albaseera Bristol Masjid","article_modified_time":"2026-08-01T15:06:05+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-08-01T15:06:05+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"}]}},"_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":15,"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/pages\/3562\/revisions"}],"predecessor-version":[{"id":5546,"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/pages\/3562\/revisions\/5546"}],"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}]}}