{"id":36,"date":"2022-04-23T10:09:11","date_gmt":"2022-04-23T10:09:11","guid":{"rendered":"https:\/\/newsite.albaseera.org\/?page_id=36"},"modified":"2026-03-28T07:36:14","modified_gmt":"2026-03-28T07:36:14","slug":"activities","status":"publish","type":"page","link":"https:\/\/albaseera.org\/?page_id=36","title":{"rendered":"Activities"},"content":{"rendered":"<div>\n<div>    <style>\n    \/* ==========================================================================\n       AL-BASEERA ACTIVITIES PAGE - Scoped (.alb-act)\n       Colors: primary #E36955, secondary #36221e, gold #E9C138, text #7B7E86\n       ========================================================================== *\/\n\n    \/* \u2500\u2500 Hide theme page title (we have our own hero) \u2500\u2500\u2500\u2500 *\/\n    .page-id-36 .single-page-template > .container > .row > .col-12 > .post-36 > h1.title,\n    .post-36 > h1.title {\n        display: none !important;\n    }\n\n    \/* \u2500\u2500 Breakout of theme container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .alb-act {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        transform: translateX(-50%);\n    }\n\n    \/* \u2500\u2500 Reset & Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .alb-act, .alb-act *, .alb-act *::before, .alb-act *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    .alb-act {\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n        color: #7B7E86;\n        line-height: 1.6;\n        background: #fff;\n        overflow: hidden;\n        -webkit-font-smoothing: antialiased;\n    }\n    .alb-act img { max-width: 100%; height: auto; display: block; }\n    .alb-act a { text-decoration: none; transition: all 0.3s ease; }\n    .alb-act-gold { color: #E36955; }\n\n    \/* \u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .alb-act__container { max-width: 1140px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n    .alb-act__section { padding: 48px 0; }\n    .alb-act__section--dark { background: #36221e; color: #fff; }\n\n    \/* \u2500\u2500 Typography Tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .alb-act__label {\n        display: inline-block;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: #E36955;\n        margin-bottom: 8px;\n    }\n    .alb-act__label--light { color: #E9C138; }\n    .alb-act__heading {\n        font-size: clamp(26px, 3.5vw, 36px);\n        font-weight: 700;\n        line-height: 1.2;\n        color: #36221e;\n        letter-spacing: -0.5px;\n        margin-bottom: 10px;\n    }\n    .alb-act__heading--light { color: #fff; }\n    .alb-act__bar { width: 50px; height: 3px; background: #E36955; border-radius: 2px; margin-bottom: 16px; }\n    .alb-act__bar--center { margin-left: auto; margin-right: auto; }\n    .alb-act__header-center { text-align: center; margin-bottom: 32px; }\n\n    \/* \u2500\u2500 Animations \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .alb-act-anim {\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),\n                    transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .alb-act-anim[data-anim=\"fade-up\"] { transform: translateY(28px); }\n    .alb-act-anim[data-anim=\"fade-right\"] { transform: translateX(-28px); }\n    .alb-act-anim[data-anim=\"fade-left\"] { transform: translateX(28px); }\n    .alb-act-anim[data-anim=\"zoom-in\"] { transform: scale(0.96); }\n    .alb-act-anim.alb-act-anim--visible { opacity: 1; visibility: visible; transform: none !important; }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SECTION 1 - HERO\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .alb-act__hero {\n        position: relative;\n        padding: 72px 0 64px;\n        display: flex;\n        align-items: center;\n        min-height: 340px;\n        overflow: hidden;\n    }\n    .alb-act__hero-bg {\n        position: absolute; inset: 0;\n        background: url('https:\/\/albaseera.org\/wp-content\/uploads\/2022\/08\/photo-albaseera-BRISTOL-4.jpg') center\/cover no-repeat;\n        z-index: 0;\n    }\n    .alb-act__hero-overlay {\n        position: absolute; inset: 0;\n        background: linear-gradient(145deg, rgba(30,36,54,0.94) 0%, rgba(30,36,54,0.90) 100%);\n        z-index: 1;\n    }\n    .alb-act__hero-dots {\n        position: absolute; inset: 0; z-index: 1; opacity: 0.04;\n        background-image: radial-gradient(#E9C138 1.5px, transparent 1.5px);\n        background-size: 28px 28px;\n    }\n    .alb-act__hero-fade {\n        position: absolute; bottom: 0; left: 0; right: 0; height: 60px;\n        background: linear-gradient(to top, #fff 0%, transparent 100%);\n        z-index: 2;\n    }\n    .alb-act__hero-content { text-align: center; max-width: 720px; margin: 0 auto; }\n    .alb-act__hero-tag {\n        display: inline-block;\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        color: #E9C138;\n        margin-bottom: 14px;\n        padding: 5px 18px;\n        border: 1px solid rgba(233,193,56,0.35);\n        border-radius: 30px;\n    }\n    .alb-act__hero-title {\n        font-size: clamp(32px, 5vw, 50px);\n        font-weight: 800;\n        color: #fff;\n        line-height: 1.1;\n        margin-bottom: 16px;\n        letter-spacing: -1px;\n    }\n    .alb-act__hero-desc {\n        font-size: clamp(14px, 1.6vw, 16px);\n        color: rgba(255,255,255,0.8);\n        line-height: 1.7;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SECTION 2 - ABOUT THE CENTRE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .alb-act__about { padding-bottom: 48px; }\n    .alb-act__about-grid {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr;\n        gap: 40px;\n        align-items: center;\n    }\n    .alb-act__about-text p {\n        font-size: 14.5px;\n        line-height: 1.75;\n        color: #7B7E86;\n        margin-bottom: 12px;\n    }\n    .alb-act__about-stats {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 14px;\n    }\n    .alb-act__stat {\n        background: #fff;\n        border: 1px solid #eee;\n        border-left: 4px solid #E36955;\n        border-radius: 10px;\n        padding: 18px 22px;\n        display: flex;\n        align-items: baseline;\n        gap: 0;\n        flex-wrap: wrap;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .alb-act__stat:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n    }\n    .alb-act__stat-num {\n        font-size: 36px;\n        font-weight: 800;\n        color: #E36955;\n        line-height: 1;\n        letter-spacing: -1px;\n    }\n    .alb-act__stat-plus {\n        font-size: 24px;\n        font-weight: 700;\n        color: #E36955;\n        margin-right: 14px;\n        line-height: 1;\n    }\n    .alb-act__stat-label {\n        font-size: 13px;\n        font-weight: 600;\n        color: #36221e;\n        line-height: 1.35;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SECTION 3 - COMMUNITY PILLARS\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .alb-act__pillars { padding: 48px 0; }\n    .alb-act__pillars-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n    .alb-act__pillar {\n        background: rgba(255,255,255,0.04);\n        border: 1px solid rgba(255,255,255,0.08);\n        border-radius: 14px;\n        padding: 30px 24px 28px;\n        text-align: center;\n        transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\n    }\n    .alb-act__pillar:hover {\n        transform: translateY(-4px);\n        border-color: rgba(227,105,85,0.35);\n        box-shadow: 0 16px 40px rgba(0,0,0,0.18);\n    }\n    .alb-act__pillar-icon {\n        width: 48px;\n        height: 48px;\n        color: #E9C138;\n        margin: 0 auto 14px;\n    }\n    .alb-act__pillar-icon svg { width: 100%; height: 100%; }\n    .alb-act__pillar-title {\n        font-size: 16px;\n        font-weight: 700;\n        color: #fff;\n        margin-bottom: 8px;\n    }\n    .alb-act__pillar-text {\n        font-size: 13px;\n        color: rgba(255,255,255,0.7);\n        line-height: 1.7;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SECTION 4 - VISION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .alb-act__vision {\n        background: #F8F8F8;\n        padding: 48px 0;\n    }\n    .alb-act__vision-inner {\n        max-width: 760px;\n        margin: 0 auto;\n        text-align: center;\n        position: relative;\n    }\n    .alb-act__vision-deco {\n        font-size: 120px;\n        font-weight: 800;\n        color: #E36955;\n        opacity: 0.08;\n        line-height: 0.7;\n        position: absolute;\n        top: -20px;\n        left: 50%;\n        transform: translateX(-50%);\n        pointer-events: none;\n        z-index: 0;\n        font-family: Georgia, serif;\n    }\n    .alb-act__vision .alb-act__label { position: relative; z-index: 1; }\n    .alb-act__vision-quote {\n        font-size: clamp(16px, 2vw, 20px);\n        font-weight: 500;\n        color: #36221e;\n        line-height: 1.7;\n        margin: 0 0 16px;\n        position: relative;\n        z-index: 1;\n        font-style: italic;\n    }\n    .alb-act__vision-sub {\n        font-size: 14px;\n        color: #7B7E86;\n        line-height: 1.75;\n        max-width: 620px;\n        margin: 0 auto;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SECTION 5 - ACTIVITIES GRID\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .alb-act__grid-section { padding: 48px 0 56px; }\n    .alb-act__grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 18px;\n    }\n    .alb-act__card {\n        background: rgba(255,255,255,0.04);\n        border: 1px solid rgba(255,255,255,0.07);\n        border-top: 3px solid transparent;\n        border-radius: 12px;\n        padding: 24px 22px 22px;\n        transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;\n    }\n    .alb-act__card:hover {\n        transform: translateY(-4px);\n        border-top-color: #E36955;\n        background: rgba(255,255,255,0.07);\n        box-shadow: 0 12px 32px rgba(0,0,0,0.2);\n    }\n\n    \/* Featured card - full width *\/\n    .alb-act__card--featured {\n        grid-column: 1 \/ -1;\n        display: grid;\n        grid-template-columns: auto 1fr auto;\n        grid-template-rows: auto auto;\n        gap: 0 20px;\n        align-items: start;\n        padding: 28px 26px;\n        border-top: 3px solid #E36955;\n        background: linear-gradient(135deg, rgba(227,105,85,0.08) 0%, rgba(255,255,255,0.03) 100%);\n    }\n    .alb-act__card--featured .alb-act__card-top {\n        grid-column: 1;\n        grid-row: 1 \/ 3;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n    .alb-act__card--featured .alb-act__card-title {\n        grid-column: 2;\n        grid-row: 1;\n        font-size: 20px;\n        align-self: end;\n    }\n    .alb-act__card--featured .alb-act__card-text {\n        grid-column: 2;\n        grid-row: 2;\n    }\n    .alb-act__card--featured .alb-act__card-badge {\n        grid-column: 3;\n        grid-row: 1 \/ 3;\n        align-self: center;\n    }\n\n    .alb-act__card-top { margin-bottom: 12px; }\n    .alb-act__card-icon {\n        width: 36px;\n        height: 36px;\n        color: #E9C138;\n    }\n    .alb-act__card-icon svg { width: 100%; height: 100%; }\n    .alb-act__card-badge {\n        text-align: center;\n        background: rgba(227,105,85,0.12);\n        border: 1px solid rgba(227,105,85,0.25);\n        border-radius: 10px;\n        padding: 12px 16px;\n    }\n    .alb-act__card-badge-num {\n        display: block;\n        font-size: 28px;\n        font-weight: 800;\n        color: #E36955;\n        line-height: 1;\n    }\n    .alb-act__card-badge-label {\n        font-size: 10px;\n        font-weight: 600;\n        color: rgba(255,255,255,0.65);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-top: 3px;\n        display: block;\n    }\n    .alb-act__card-title {\n        font-size: 15px;\n        font-weight: 700;\n        color: #fff;\n        margin-bottom: 8px;\n        line-height: 1.3;\n    }\n    .alb-act__card-text {\n        font-size: 13px;\n        color: rgba(255,255,255,0.7);\n        line-height: 1.7;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SECTION 6 - CTA\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .alb-act__cta {\n        background: linear-gradient(135deg, #36221e 0%, #161c2d 100%);\n        padding: 48px 0;\n        text-align: center;\n    }\n    .alb-act__cta-inner { max-width: 580px; margin: 0 auto; }\n    .alb-act__cta-title {\n        font-size: clamp(24px, 3vw, 32px);\n        font-weight: 700;\n        color: #fff;\n        margin-bottom: 10px;\n    }\n    .alb-act__cta-text {\n        font-size: 14.5px;\n        color: rgba(255,255,255,0.75);\n        line-height: 1.7;\n        margin-bottom: 16px;\n    }\n    .alb-act__cta-address {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 13px;\n        font-weight: 500;\n        color: rgba(255,255,255,0.6);\n        margin-bottom: 22px;\n    }\n    .alb-act__cta-pin { flex-shrink: 0; color: #E9C138; }\n    .alb-act__cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\n\n    .alb-act__btn {\n        display: inline-flex;\n        align-items: center;\n        padding: 11px 28px;\n        font-size: 13px;\n        font-weight: 600;\n        font-family: 'Poppins', sans-serif;\n        border-radius: 28px;\n        border: 2px solid transparent;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n    .alb-act__btn--gold {\n        background: #E36955;\n        color: #fff;\n        border-color: #E36955;\n    }\n    .alb-act__btn--gold:hover {\n        background: #d05a48;\n        border-color: #d05a48;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 24px rgba(227,105,85,0.3);\n        color: #fff;\n    }\n    .alb-act__btn--outline {\n        background: transparent;\n        color: #fff;\n        border-color: rgba(255,255,255,0.25);\n    }\n    .alb-act__btn--outline:hover {\n        border-color: #E9C138;\n        color: #E9C138;\n        transform: translateY(-2px);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    @media (max-width: 960px) {\n        .alb-act__about-grid { grid-template-columns: 1fr; gap: 32px; }\n        .alb-act__about-stats { grid-template-columns: repeat(3, 1fr); }\n        .alb-act__pillars-grid { grid-template-columns: repeat(2, 1fr); }\n        .alb-act__pillars-grid > :last-child { grid-column: 1 \/ -1; max-width: 380px; margin: 0 auto; }\n        .alb-act__grid { grid-template-columns: repeat(2, 1fr); }\n        .alb-act__card--featured { grid-template-columns: auto 1fr; grid-template-rows: auto auto; }\n        .alb-act__card--featured .alb-act__card-badge { grid-column: 1 \/ -1; grid-row: auto; justify-self: start; }\n    }\n\n    @media (max-width: 600px) {\n        .alb-act__section { padding: 36px 0; }\n        .alb-act__hero { padding: 56px 0 48px; min-height: 0; }\n        .alb-act__hero-title { letter-spacing: -0.5px; }\n        .alb-act__about-stats { grid-template-columns: 1fr; }\n        .alb-act__stat { padding: 14px 18px; }\n        .alb-act__stat-num { font-size: 30px; }\n        .alb-act__pillars-grid { grid-template-columns: 1fr; }\n        .alb-act__pillars-grid > :last-child { max-width: none; }\n        .alb-act__pillar { padding: 24px 20px 22px; }\n        .alb-act__grid { grid-template-columns: 1fr; }\n        .alb-act__card--featured { grid-template-columns: 1fr; }\n        .alb-act__card--featured .alb-act__card-top { grid-column: 1; grid-row: auto; flex-direction: row; align-items: center; }\n        .alb-act__card--featured .alb-act__card-title { grid-column: 1; grid-row: auto; }\n        .alb-act__card--featured .alb-act__card-text { grid-column: 1; grid-row: auto; }\n        .alb-act__card--featured .alb-act__card-badge { grid-column: 1; grid-row: auto; }\n        .alb-act__vision-deco { font-size: 80px; }\n        .alb-act__cta { padding: 36px 0; }\n        .alb-act__cta-btns { flex-direction: column; align-items: center; }\n        .alb-act__btn { width: 100%; max-width: 260px; justify-content: center; }\n    }\n\n    @media (max-width: 480px) {\n        .alb-act__container { padding: 0 16px; }\n        .alb-act__hero { padding: 48px 0 40px; }\n        .alb-act__heading { font-size: 24px; }\n    }\n    <\/style>\n        <div class=\"alb-act\" id=\"alb-activities\">\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"alb-act__hero\">\n            <div class=\"alb-act__hero-bg\" aria-hidden=\"true\"><\/div>\n            <div class=\"alb-act__hero-overlay\" aria-hidden=\"true\"><\/div>\n            <div class=\"alb-act__hero-dots\" aria-hidden=\"true\"><\/div>\n            <div class=\"alb-act__container\">\n                <div class=\"alb-act__hero-content alb-act-anim\" data-anim=\"fade-up\">\n                    <span class=\"alb-act__hero-tag\">Albaseera Bristol Centre<\/span>\n                    <h1 class=\"alb-act__hero-title\">Our Activities <span class=\"alb-act-gold\">&amp;<\/span> Services<\/h1>\n                    <p class=\"alb-act__hero-desc\">A vibrant centre near central Bristol, serving over 300 worshippers with a wide range of activities that benefit our community and the city of Bristol.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"alb-act__hero-fade\" aria-hidden=\"true\"><\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ABOUT THE CENTRE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"alb-act__section alb-act__about\">\n            <div class=\"alb-act__container\">\n                <div class=\"alb-act__about-grid\">\n                    <div class=\"alb-act__about-text alb-act-anim\" data-anim=\"fade-right\">\n                        <span class=\"alb-act__label\">About the Centre<\/span>\n                        <h2 class=\"alb-act__heading\">A Welcoming <span class=\"alb-act-gold\">Home<\/span> for All<\/h2>\n                        <div class=\"alb-act__bar\"><\/div>\n                        <p>Albaseera Bristol Centre is situated near the city centre of Bristol. It gives easy access to Muslims working in central Bristol as well as the highly populated Easton, Barton Hill and St Paul&rsquo;s areas.<\/p>\n                        <p>The centre facilitates 300+ worshippers and offers a welcoming environment for all members of the community&mdash;from daily prayers to educational programmes, youth activities and women&rsquo;s services.<\/p>\n                    <\/div>\n                    <div class=\"alb-act__about-stats alb-act-anim\" data-anim=\"fade-left\" data-delay=\"150\">\n                        <div class=\"alb-act__stat\">\n                            <span class=\"alb-act__stat-num\" data-count=\"300\">0<\/span><span class=\"alb-act__stat-plus\">+<\/span>\n                            <span class=\"alb-act__stat-label\">Worshippers<br>Facilitated<\/span>\n                        <\/div>\n                        <div class=\"alb-act__stat\">\n                            <span class=\"alb-act__stat-num\" data-count=\"500\">0<\/span><span class=\"alb-act__stat-plus\">+<\/span>\n                            <span class=\"alb-act__stat-label\">Friday Prayer<br>Attendees<\/span>\n                        <\/div>\n                        <div class=\"alb-act__stat\">\n                            <span class=\"alb-act__stat-num\" data-count=\"200\">0<\/span><span class=\"alb-act__stat-plus\">+<\/span>\n                            <span class=\"alb-act__stat-label\">Weekly<br>Visitors<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 COMMUNITY PILLARS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"alb-act__section alb-act__section--dark alb-act__pillars\">\n            <div class=\"alb-act__container\">\n                <div class=\"alb-act__header-center alb-act-anim\" data-anim=\"fade-up\">\n                    <span class=\"alb-act__label alb-act__label--light\">Who We Serve<\/span>\n                    <h2 class=\"alb-act__heading alb-act__heading--light\">Community <span class=\"alb-act-gold\">Pillars<\/span><\/h2>\n                    <div class=\"alb-act__bar alb-act__bar--center\"><\/div>\n                <\/div>\n                <div class=\"alb-act__pillars-grid\">\n                                        <div class=\"alb-act__pillar alb-act-anim\" data-anim=\"fade-up\" data-delay=\"0\">\n                        <div class=\"alb-act__pillar-icon\">\n                            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"24\" cy=\"12\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n            <path d=\"M14 38v-6a10 10 0 0 1 20 0v6\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n            <circle cx=\"38\" cy=\"16\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M34 38v-4a7 7 0 0 1 4-6.3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <circle cx=\"10\" cy=\"16\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M14 38v-4a7 7 0 0 0-4-6.3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <\/svg>                        <\/div>\n                        <h3 class=\"alb-act__pillar-title\">Youth Engagement<\/h3>\n                        <p class=\"alb-act__pillar-text\">We organise dedicated lessons, seminars, sermons and workshops for Somali youth in Bristol. A sub-committee is devoted entirely to addressing youth challenges and enriching their lives.<\/p>\n                    <\/div>\n                                        <div class=\"alb-act__pillar alb-act-anim\" data-anim=\"fade-up\" data-delay=\"120\">\n                        <div class=\"alb-act__pillar-icon\">\n                            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"24\" cy=\"16\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n            <path d=\"M24 25v12\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n            <path d=\"M20 33h8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n            <path d=\"M12 14c2-6 7-9 12-9s10 3 12 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-dasharray=\"2 3\"\/>\n            <path d=\"M8 40c0-8 7-12 16-12s16 4 16 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\n        <\/svg>                        <\/div>\n                        <h3 class=\"alb-act__pillar-title\">Women&rsquo;s Services<\/h3>\n                        <p class=\"alb-act__pillar-text\">We host women-only sessions where our sisters gather to learn about their religion and worship together. The centre offers full prayer facilities for women at all times.<\/p>\n                    <\/div>\n                                        <div class=\"alb-act__pillar alb-act-anim\" data-anim=\"fade-up\" data-delay=\"240\">\n                        <div class=\"alb-act__pillar-icon\">\n                            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M24 42s-16-9.3-16-21a10 10 0 0 1 16-8 10 10 0 0 1 16 8c0 11.7-16 21-16 21z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\n            <path d=\"M18 22l4 4 8-8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>                        <\/div>\n                        <h3 class=\"alb-act__pillar-title\">Community Support<\/h3>\n                        <p class=\"alb-act__pillar-text\">Helping those who are vulnerable is very important to us. We support both newcomers to Bristol and long-term residents with guidance, community connection and essential services.<\/p>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VISION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"alb-act__section alb-act__vision\">\n            <div class=\"alb-act__container\">\n                <div class=\"alb-act__vision-inner alb-act-anim\" data-anim=\"fade-up\">\n                    <div class=\"alb-act__vision-deco\" aria-hidden=\"true\">&ldquo;<\/div>\n                    <span class=\"alb-act__label\">Our Long-Term Vision<\/span>\n                    <blockquote class=\"alb-act__vision-quote\">\n                        Our long-term aim is to have a centre that provides a facility where all Muslims can worship, where all parts of our community can gather together, and where we are part of a peaceful, vibrant and harmonious city.\n                    <\/blockquote>\n                    <div class=\"alb-act__bar alb-act__bar--center\"><\/div>\n                    <p class=\"alb-act__vision-sub\">There is a wide range of activities that take place in our centre in pursuance of its charitable aims. The trustees believe these activities provide benefit both to those who use our centre and the wider community of Bristol.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ACTIVITIES GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"alb-act__section alb-act__section--dark alb-act__grid-section\">\n            <div class=\"alb-act__container\">\n                <div class=\"alb-act__header-center alb-act-anim\" data-anim=\"fade-up\">\n                    <span class=\"alb-act__label alb-act__label--light\">What We Offer<\/span>\n                    <h2 class=\"alb-act__heading alb-act__heading--light\">Activities &amp; <span class=\"alb-act-gold\">Services<\/span><\/h2>\n                    <div class=\"alb-act__bar alb-act__bar--center\"><\/div>\n                <\/div>\n                <div class=\"alb-act__grid\">\n                                        <article class=\"alb-act__card alb-act__card--featured alb-act-anim\" data-anim=\"fade-up\" data-delay=\"0\">\n                        <div class=\"alb-act__card-top\">\n                            <div class=\"alb-act__card-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M24 4v4\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n            <path d=\"M10 8l4 6h20l4-6\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <rect x=\"14\" y=\"14\" width=\"20\" height=\"28\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n            <path d=\"M24 20v8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <circle cx=\"24\" cy=\"32\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M20 20h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <\/svg>                            <\/div>\n                                                        <div class=\"alb-act__card-badge\">\n                                <span class=\"alb-act__card-badge-num\">500+<\/span>\n                                <span class=\"alb-act__card-badge-label\">Friday Attendees<\/span>\n                            <\/div>\n                                                    <\/div>\n                        <h3 class=\"alb-act__card-title\">Daily &amp; Friday Prayers<\/h3>\n                        <p class=\"alb-act__card-text\">The centre is open every day for daily and Friday prayers. More than 200 people visit the centre every week for their daily prayers, and over 500 attend Friday prayers regularly.<\/p>\n                    <\/article>\n                                        <article class=\"alb-act__card alb-act-anim\" data-anim=\"fade-up\" data-delay=\"60\">\n                        <div class=\"alb-act__card-top\">\n                            <div class=\"alb-act__card-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M20 6c-8 2-14 10-14 18a18 18 0 0 0 36 0c0-2-.3-4-.8-6A14 14 0 0 1 20 6z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\n            <path d=\"M26 18l2 4 4 .6-3 2.8.7 4-3.7-2-3.7 2 .7-4-3-2.8 4-.6 2-4z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n        <\/svg>                            <\/div>\n                                                    <\/div>\n                        <h3 class=\"alb-act__card-title\">Ramadan Programme<\/h3>\n                        <p class=\"alb-act__card-text\">We prepare food during Ramadan for those wishing to break their fast together. Over 100 people visit the centre nightly to pray Tarawih. For Eid, we hire St Pauls Sport Centre so all families can celebrate together.<\/p>\n                    <\/article>\n                                        <article class=\"alb-act__card alb-act-anim\" data-anim=\"fade-up\" data-delay=\"120\">\n                        <div class=\"alb-act__card-top\">\n                            <div class=\"alb-act__card-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"6\" y=\"14\" width=\"36\" height=\"26\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n            <path d=\"M6 14l18-8 18 8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\n            <rect x=\"14\" y=\"24\" width=\"8\" height=\"10\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <rect x=\"26\" y=\"24\" width=\"8\" height=\"10\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M14 40v-6h20v6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <\/svg>                            <\/div>\n                                                    <\/div>\n                        <h3 class=\"alb-act__card-title\">Community Halls &amp; Classrooms<\/h3>\n                        <p class=\"alb-act__card-text\">Our halls and class rooms are available for local communities&mdash;from Aqiqah celebrations and wedding parties to committee meetings. There are no charges when used for the common good.<\/p>\n                    <\/article>\n                                        <article class=\"alb-act__card alb-act-anim\" data-anim=\"fade-up\" data-delay=\"180\">\n                        <div class=\"alb-act__card-top\">\n                            <div class=\"alb-act__card-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"8\" y=\"10\" width=\"32\" height=\"28\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n            <path d=\"M8 18h32\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n            <path d=\"M16 6v8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n            <path d=\"M32 6v8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n            <circle cx=\"24\" cy=\"28\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M22 28l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>                            <\/div>\n                                                    <\/div>\n                        <h3 class=\"alb-act__card-title\">Open Day<\/h3>\n                        <p class=\"alb-act__card-text\">Organised at least once every two years and widely advertised in local media. Massive crowds attend, especially non-Muslims interested in Islam, along with local councillors, police, and the wider Bristol community.<\/p>\n                    <\/article>\n                                        <article class=\"alb-act__card alb-act-anim\" data-anim=\"fade-up\" data-delay=\"240\">\n                        <div class=\"alb-act__card-top\">\n                            <div class=\"alb-act__card-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M24 4c-1 8-10 12-10 22a10 10 0 0 0 20 0C34 16 25 12 24 4z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\n            <path d=\"M24 42v-8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M20 38h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M24 28a4 4 0 1 0 0-8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <\/svg>                            <\/div>\n                                                    <\/div>\n                        <h3 class=\"alb-act__card-title\">Annual Umrah for Youth<\/h3>\n                        <p class=\"alb-act__card-text\">The Da&rsquo;wah committee organises Umrah trips during the month of Ramadan for the youth, with the full consent and support of their parents.<\/p>\n                    <\/article>\n                                        <article class=\"alb-act__card alb-act-anim\" data-anim=\"fade-up\" data-delay=\"300\">\n                        <div class=\"alb-act__card-top\">\n                            <div class=\"alb-act__card-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"24\" cy=\"24\" r=\"16\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n            <path d=\"M24 8l4 8h8l-6 5 2 9-8-5-8 5 2-9-6-5h8z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n        <\/svg>                            <\/div>\n                                                    <\/div>\n                        <h3 class=\"alb-act__card-title\">Football Tournaments<\/h3>\n                        <p class=\"alb-act__card-text\">The Madrassa committee, in partnership with the Youth Committee, organise football tournaments during half-terms&mdash;widely enjoyed by children and young people.<\/p>\n                    <\/article>\n                                        <article class=\"alb-act__card alb-act-anim\" data-anim=\"fade-up\" data-delay=\"360\">\n                        <div class=\"alb-act__card-top\">\n                            <div class=\"alb-act__card-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M8 10a4 4 0 0 1 4-4h12v36H12a4 4 0 0 1-4-4V10z\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n            <path d=\"M40 10a4 4 0 0 0-4-4H24v36h12a4 4 0 0 0 4-4V10z\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n            <path d=\"M24 6v36\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M14 16h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M14 22h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M28 16h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M28 22h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <\/svg>                            <\/div>\n                                                    <\/div>\n                        <h3 class=\"alb-act__card-title\">Qur&rsquo;an Competition<\/h3>\n                        <p class=\"alb-act__card-text\">The Madrassa committee organise yearly Qur&rsquo;an competitions to foster love for the Book of Allah among our children. Winners are celebrated and awarded prizes.<\/p>\n                    <\/article>\n                                    <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"alb-act__cta\">\n            <div class=\"alb-act__container\">\n                <div class=\"alb-act__cta-inner alb-act-anim\" data-anim=\"fade-up\">\n                    <h2 class=\"alb-act__cta-title\">Visit Us &amp; Get Involved<\/h2>\n                    <p class=\"alb-act__cta-text\">Whether you&rsquo;re looking to pray, learn, volunteer or simply connect with the community&mdash;our doors are always open.<\/p>\n                    <div class=\"alb-act__cta-address\">\n                        <svg class=\"alb-act__cta-pin\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                        20 Wade St, St Jude&rsquo;s, Bristol BS2 9DR\n                    <\/div>\n                    <div class=\"alb-act__cta-btns\">\n                        <a href=\"\/contact-us\/\" class=\"alb-act__btn alb-act__btn--gold\">Contact Us<\/a>\n                        <a href=\"\/donations\/al-baseera-relocation\/\" class=\"alb-act__btn alb-act__btn--outline\">Make a Donation<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div><!-- .alb-act -->\n        <script>\n    (function(){\n        \/* \u2500\u2500 Scroll animations via IntersectionObserver \u2500\u2500\u2500\u2500\u2500 *\/\n        var els = document.querySelectorAll('.alb-act-anim');\n        if (!els.length) return;\n\n        if ('IntersectionObserver' in window) {\n            var io = new IntersectionObserver(function(entries){\n                entries.forEach(function(e){\n                    if (e.isIntersecting) {\n                        var d = parseInt(e.target.getAttribute('data-delay') || '0', 10);\n                        setTimeout(function(){ e.target.classList.add('alb-act-anim--visible'); }, d);\n                        io.unobserve(e.target);\n                    }\n                });\n            }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n            els.forEach(function(el){ io.observe(el); });\n        } else {\n            els.forEach(function(el){ el.classList.add('alb-act-anim--visible'); });\n        }\n\n        \/* \u2500\u2500 Animated stat counters \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        var stats = document.querySelectorAll('.alb-act__stat-num[data-count]');\n        if (!stats.length) return;\n\n        var counted = false;\n        function animateCounters() {\n            if (counted) return;\n            counted = true;\n            stats.forEach(function(el){\n                var target = parseInt(el.getAttribute('data-count'), 10);\n                var duration = 1800;\n                var start = 0;\n                var startTime = null;\n\n                function step(ts) {\n                    if (!startTime) startTime = ts;\n                    var progress = Math.min((ts - startTime) \/ duration, 1);\n                    var ease = 1 - Math.pow(1 - progress, 3);\n                    el.textContent = Math.floor(ease * target);\n                    if (progress < 1) requestAnimationFrame(step);\n                    else el.textContent = target;\n                }\n                requestAnimationFrame(step);\n            });\n        }\n\n        if ('IntersectionObserver' in window) {\n            var cio = new IntersectionObserver(function(entries){\n                entries.forEach(function(e){\n                    if (e.isIntersecting) {\n                        animateCounters();\n                        cio.unobserve(e.target);\n                    }\n                });\n            }, { threshold: 0.3 });\n\n            stats.forEach(function(el){ cio.observe(el); });\n        } else {\n            animateCounters();\n        }\n    })();\n    <\/script>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Activities - 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=36\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Activities - Albaseera Bristol Masjid\" \/>\n<meta property=\"og:url\" content=\"https:\/\/albaseera.org\/?page_id=36\" \/>\n<meta property=\"og:site_name\" content=\"Albaseera Bristol Masjid\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-28T07:36:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/albaseera.org\\\/?page_id=36\",\"url\":\"https:\\\/\\\/albaseera.org\\\/?page_id=36\",\"name\":\"Activities - Albaseera Bristol Masjid\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/albaseera.org\\\/#website\"},\"datePublished\":\"2022-04-23T10:09:11+00:00\",\"dateModified\":\"2026-03-28T07:36:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/albaseera.org\\\/?page_id=36#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/albaseera.org\\\/?page_id=36\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/albaseera.org\\\/?page_id=36#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/albaseera.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Activities\"}]},{\"@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":"Activities - 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=36","og_locale":"en_GB","og_type":"article","og_title":"Activities - Albaseera Bristol Masjid","og_url":"https:\/\/albaseera.org\/?page_id=36","og_site_name":"Albaseera Bristol Masjid","article_modified_time":"2026-03-28T07:36:14+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/albaseera.org\/?page_id=36","url":"https:\/\/albaseera.org\/?page_id=36","name":"Activities - Albaseera Bristol Masjid","isPartOf":{"@id":"https:\/\/albaseera.org\/#website"},"datePublished":"2022-04-23T10:09:11+00:00","dateModified":"2026-03-28T07:36:14+00:00","breadcrumb":{"@id":"https:\/\/albaseera.org\/?page_id=36#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/albaseera.org\/?page_id=36"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/albaseera.org\/?page_id=36#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/albaseera.org\/"},{"@type":"ListItem","position":2,"name":"Activities"}]},{"@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":"","_links":{"self":[{"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/pages\/36","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=36"}],"version-history":[{"count":3,"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":5247,"href":"https:\/\/albaseera.org\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/5247"}],"wp:attachment":[{"href":"https:\/\/albaseera.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}