{"id":35,"date":"2026-06-12T21:15:16","date_gmt":"2026-06-12T21:15:16","guid":{"rendered":"https:\/\/mubarakmosque.codebright.ca\/?page_id=35"},"modified":"2026-07-04T20:49:14","modified_gmt":"2026-07-04T20:49:14","slug":"masjid-mubarak-3","status":"publish","type":"page","link":"https:\/\/mubarakmosque.codebright.ca\/","title":{"rendered":"Masjid Mubarak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6cf2a0 e-con e-atomic-element e-flexbox-base e-ce98547 \" data-id=\"f6cf2a0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f6cf2a0\">\n    \t\t<div class=\"elementor-element elementor-element-805991a elementor-widget elementor-widget-html\" data-id=\"805991a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- HERO VARIABLES & RESETS --- *\/\r\n    .mm-hero-wrapper {\r\n        --mm-accent-gold: #eab308; \/* Warm golden color from the image button *\/\r\n        --mm-accent-gold-hover: #ca8a04;\r\n        \r\n        width: 100vw;\r\n        height: 80vh; \/* Scaled header height *\/\r\n        min-height: 550px;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        overflow: hidden;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .mm-hero-wrapper * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- SLIDESHOW BACKGROUND ENGINE --- *\/\r\n    .mm-hero-slideshow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        z-index: 1;\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .mm-hero-slideshow li {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        background-size: cover;\r\n        background-position: center center;\r\n        background-repeat: no-repeat;\r\n        opacity: 0;\r\n        z-index: 0;\r\n        \/* Total cycle duration: 24 seconds (6s per image) *\/\r\n        animation: imageAnimation 24s linear infinite;\r\n    }\r\n\r\n    \/* Target each slide background image and animation delays *\/\r\n    .mm-hero-slideshow li:nth-child(1) { \r\n        background-image: url('https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2026\/06\/Masjid-Mubarak-5.jpg'); \r\n        animation-delay: 0s;\r\n    }\r\n    .mm-hero-slideshow li:nth-child(2) { \r\n        background-image: url('https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2026\/06\/Masjid-Mubarak-5.jpg'); \/* Replace with Photo 2 URL *\/\r\n        animation-delay: 6s;\r\n    }\r\n    .mm-hero-slideshow li:nth-child(3) { \r\n        background-image: url('https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2026\/06\/Masjid-Mubarak-5.jpg'); \/* Replace with Photo 3 URL *\/\r\n        animation-delay: 12s;\r\n    }\r\n    .mm-hero-slideshow li:nth-child(4) { \r\n        background-image: url('https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2026\/06\/Masjid-Mubarak-5.jpg'); \/* Replace with Photo 4 URL *\/\r\n        animation-delay: 18s;\r\n    }\r\n\r\n    \/* --- CROSS-FADE + ZOOM ANIMATION (Ken Burns Effect) --- *\/\r\n    @keyframes imageAnimation { \r\n        0% {\r\n            opacity: 0;\r\n            animation-timing-function: ease-in;\r\n            transform: scale(1);\r\n        }\r\n        8% {\r\n            opacity: 1;\r\n            animation-timing-function: ease-out;\r\n        }\r\n        25% {\r\n            opacity: 1;\r\n        }\r\n        33% {\r\n            opacity: 0;\r\n            transform: scale(1.08); \/* Controls the amount of zoom over its view window *\/\r\n        }\r\n        100% { \r\n            opacity: 0; \r\n        }\r\n    }\r\n\r\n    \/* Dark Overlay to make white text completely legible over any photo style *\/\r\n    .mm-hero-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.55) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- FOREGROUND CONTENT LAYER --- *\/\r\n    .mm-hero-container {\r\n        position: relative;\r\n        z-index: 3;\r\n        max-width: 900px;\r\n        width: 90%;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .mm-hero-title {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 4.5rem;\r\n        font-weight: 600;\r\n        margin: 0 0 20px 0;\r\n        line-height: 1.15;\r\n        text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .mm-hero-title .mm-italic {\r\n        font-style: italic;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .mm-hero-subtitle {\r\n        font-size: 1.25rem;\r\n        font-weight: 400;\r\n        line-height: 1.6;\r\n        max-width: 650px;\r\n        margin: 0 auto 35px auto;\r\n        opacity: 0.95;\r\n        text-shadow: 0 1px 5px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    \/* --- INTERACTIVE BUTTON --- *\/\r\n    .mm-hero-btn {\r\n        display: inline-block;\r\n        background-color: var(--mm-accent-gold);\r\n        color: #000000;\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        padding: 16px 42px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;\r\n    }\r\n\r\n    .mm-hero-btn:hover {\r\n        background-color: var(--mm-accent-gold-hover);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    \/* --- RESPONSIVE ADJUSTMENTS --- *\/\r\n    @media (max-width: 992px) {\r\n        .mm-hero-wrapper { height: 70vh; }\r\n        .mm-hero-title { font-size: 3.5rem; }\r\n        .mm-hero-subtitle { font-size: 1.1rem; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .mm-hero-wrapper { height: 65vh; min-height: 480px; }\r\n        .mm-hero-title { font-size: 2.6rem; }\r\n        .mm-hero-subtitle { font-size: 1rem; margin-bottom: 25px; }\r\n        .mm-hero-btn { padding: 14px 36px; font-size: 0.85rem; }\r\n    }\r\n<\/style>\r\n\r\n<header class=\"mm-hero-wrapper\">\r\n    <ul class=\"mm-hero-slideshow\">\r\n        <li><\/li>\r\n        <li><\/li>\r\n        <li><\/li>\r\n        <li><\/li>\r\n    <\/ul>\r\n    \r\n    <div class=\"mm-hero-overlay\"><\/div>\r\n\r\n    <div class=\"mm-hero-container\">\r\n        <h1 class=\"mm-hero-title\">The Masjid <br><span class=\"mm-italic\">Mubarak Mosque<\/span><\/h1>\r\n        \r\n        <p class=\"mm-hero-subtitle\">Welcoming our fellow Muslim brothers and sisters to join hands with us in prayer at our sacred mosque Al Taqwa<\/p>\r\n        \r\n        <a href=\"https:\/\/mubarakmosque.codebright.ca\/?page_id=38\" class=\"mm-hero-btn\">Learn More<\/a>\r\n    <\/div>\r\n<\/header>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4054608 e-con e-atomic-element e-flexbox-base e-501f7f1 \" data-id=\"4054608\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4054608\">\n    \t\t<div class=\"elementor-element elementor-element-ae4aae7 elementor-widget elementor-widget-html\" data-id=\"ae4aae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Section-specific wrapper overrides to enforce full-bleed edges *\/\r\n    .mm-full-width-wrapper {\r\n        --mm-bg-main: #fbfbfa;       \/* Light ivory background touching all edges *\/\r\n        --mm-primary-green: #064e3b; \/* Deep spiritual green *\/\r\n        --mm-accent-gold: #d97706;    \/* Warm gold accent *\/\r\n        --mm-text-dark: #000000;      \/* Bold black color for title *\/\r\n        --mm-text-muted: #4b5563;     \r\n        \r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background-color: var(--mm-bg-main);\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n        padding: 60px 0;\r\n    }\r\n\r\n    .mm-full-width-wrapper * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Fixed Inner Container to align with site's content max-width *\/\r\n    .mm-site-container {\r\n        max-width: 1200px;\r\n        width: 95%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- MAIN WELCOME \/ PRAYER GRID --- *\/\r\n    .mm-welcome-grid {\r\n        display: grid;\r\n        grid-template-columns: 440px 1fr;\r\n        gap: 40px;\r\n        align-items: start;\r\n        background: #ffffff;\r\n        padding: 40px;\r\n        border-radius: 24px;\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.02);\r\n    }\r\n\r\n    \/* --- LEFT SIDE: PRAYER CONTAINER STYLES --- *\/\r\n    .prayer-container {\r\n        width: 100%;\r\n        background: #ffffff;\r\n        border-radius: 16px;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\r\n        overflow: hidden;\r\n        border: 1px solid #eaeaea;\r\n    }\r\n\r\n    .prayer-header {\r\n        background: #0f4c3a; \/* Deep Islamic Emerald *\/\r\n        color: #ffffff;\r\n        padding: 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    .prayer-header h2 {\r\n        margin: 0;\r\n        font-size: 1.4rem;\r\n        font-weight: 600;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .today-date {\r\n        margin: 6px 0 0 0;\r\n        opacity: 0.85;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .prayer-grid {\r\n        padding: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n    .prayer-card {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 12px 16px;\r\n        border-radius: 12px;\r\n        background: #fafafa;\r\n        border: 1px solid #f0f0f0;\r\n    }\r\n\r\n    .prayer-name {\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    .time-group {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .iqama-time {\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        color: #0f4c3a;\r\n        background: #e6f4f0;\r\n        padding: 6px 14px;\r\n        border-radius: 8px;\r\n        min-width: 95px;\r\n        text-align: center;\r\n    }\r\n\r\n    .jumuah-footer {\r\n        background: #f7f9f8;\r\n        padding: 16px;\r\n        border-top: 1px solid #eeeeee;\r\n    }\r\n\r\n    .jumuah-single {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .jumuah-single span {\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        color: #0f4c3a;\r\n    }\r\n\r\n    .jumuah-single strong {\r\n        font-size: 1.15rem;\r\n        font-weight: 700;\r\n        color: #111111;\r\n        background: #ffffff;\r\n        padding: 6px 14px;\r\n        border-radius: 8px;\r\n        border: 1px solid #e0e0e0;\r\n    }\r\n\r\n    \/* --- RIGHT SIDE: CONTENT & IMAGE STYLES --- *\/\r\n    .mm-right-column {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    .mm-image-wrapper {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 15px 30px rgba(6, 78, 59, 0.12);\r\n    }\r\n\r\n    .mm-welcome-img {\r\n        width: 100%;\r\n        height: 320px;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    .mm-image-wrapper:hover .mm-welcome-img {\r\n        transform: scale(1.04);\r\n    }\r\n\r\n    .mm-content-wrapper {\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .mm-content-wrapper h3 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 2.8rem;\r\n        color: var(--mm-text-dark); \/* Changed entirely to black *\/\r\n        line-height: 1.2;\r\n        margin: 0 0 20px 0;\r\n    }\r\n\r\n    .mm-content-wrapper h3 .mm-highlight {\r\n        font-style: italic;\r\n        font-weight: 400;\r\n        color: var(--mm-text-dark); \/* Retains matching black signature layout *\/\r\n    }\r\n\r\n    .mm-decorative-line {\r\n        width: 60px;\r\n        height: 3px;\r\n        background-color: var(--mm-accent-gold);\r\n        margin-bottom: 24px;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .mm-content-wrapper p {\r\n        font-size: 1.05rem;\r\n        line-height: 1.75;\r\n        color: var(--mm-text-muted);\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* --- RESPONSIVE BREAKPOINTS --- *\/\r\n    @media (max-width: 1024px) {\r\n        .mm-welcome-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n            padding: 30px;\r\n        }\r\n        .prayer-container {\r\n            max-width: 440px;\r\n            margin: 0 auto;\r\n        }\r\n        .mm-welcome-img {\r\n            height: 380px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .mm-content-wrapper h3 {\r\n            font-size: 2.2rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<main class=\"mm-full-width-wrapper\">\r\n    <div class=\"mm-site-container\">\r\n        \r\n        <section class=\"mm-welcome-grid\">\r\n            \r\n            <div class=\"prayer-container\">\r\n                <div class=\"prayer-header\">\r\n                    <h2>Daily Prayer Timings<\/h2>\r\n                    <p id=\"current-display-date\" class=\"today-date\">Loading date...<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"prayer-grid\">\r\n                    <div class=\"prayer-card\" id=\"card-fajr\">\r\n                        <span class=\"prayer-name\">Fajr<\/span>\r\n                        <div class=\"time-group\">\r\n                            <span class=\"iqama-time\" id=\"fajr-iqama\">--:--<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"prayer-card\" id=\"card-zuhr\">\r\n                        <span class=\"prayer-name\">Zuhr<\/span>\r\n                        <div class=\"time-group\">\r\n                            <span class=\"iqama-time\" id=\"zuhr-iqama\">--:--<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"prayer-card\" id=\"card-asr\">\r\n                        <span class=\"prayer-name\">Asr<\/span>\r\n                        <div class=\"time-group\">\r\n                            <span class=\"iqama-time\" id=\"asr-iqama\">--:--<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"prayer-card\" id=\"card-maghrib\">\r\n                        <span class=\"prayer-name\">Maghrib<\/span>\r\n                        <div class=\"time-group\">\r\n                            <span class=\"iqama-time\" id=\"maghrib-iqama\">--:--<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"prayer-card\" id=\"card-isha\">\r\n                        <span class=\"prayer-name\">Isha<\/span>\r\n                        <div class=\"time-group\">\r\n                            <span class=\"iqama-time\" id=\"isha-iqama\">--:--<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"jumuah-footer\">\r\n                    <div class=\"jumuah-single\">\r\n                        <span>Friday Prayer<\/span>\r\n                        <strong id=\"juma-1\">--:--<\/strong>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"mm-right-column\">\r\n                <div class=\"mm-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2026\/07\/frame-00-05-scaled.png\" alt=\"Beautiful Mosque Interior\" class=\"mm-welcome-img\">\r\n                <\/div>\r\n                \r\n                <div class=\"mm-content-wrapper\">\r\n                    <h3>Welcome to <span class=\"mm-highlight\">Masjid Mubarak<\/span><\/h3>\r\n                    <div class=\"mm-decorative-line\"><\/div>\r\n                    \r\n                    <p>Mubarak Mosque is not just a mosque for prayers; rather, it is a vibrant community center for all. The Center is committed to preserving an Islamic identity, building and supporting a viable Muslim community, and promoting a comprehensive Islamic way of life based on the Holy Quran and the Sunnah of Prophet Muhammad.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n    <\/div>\r\n<\/main>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const today = new Date();\r\n    const year = today.getFullYear();\r\n    const month = String(today.getMonth() + 1).padStart(2, '0');\r\n    const day = String(today.getDate()).padStart(2, '0');\r\n    const formattedToday = `${year}-${month}-${day}`;\r\n    const alternateFormat = `${today.getMonth() + 1}\/${today.getDate()}\/${year}`;\r\n\r\n    const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\r\n    document.getElementById('current-display-date').innerText = today.toLocaleDateString('en-US', options);\r\n\r\n    \/\/ Dynamic clean-up function to convert formats like \"14:00\" into \"2:00 PM\"\r\n    function formatTo12Hour(timeString) {\r\n        if (!timeString || timeString.trim() === \"\") return null;\r\n        \r\n        let cleanTime = timeString.toUpperCase().replace('AM', '').replace('PM', '').trim();\r\n        let parts = cleanTime.split(':');\r\n        if (parts.length < 2) return timeString;\r\n\r\n        let hours = parseInt(parts[0], 10);\r\n        let minutes = parts[1];\r\n        let ampm = hours >= 12 ? 'PM' : 'AM';\r\n\r\n        if (hours > 12) {\r\n            hours = hours - 12;\r\n        } else if (hours === 0) {\r\n            hours = 12;\r\n        }\r\n\r\n        return `${hours}:${minutes} ${ampm}`;\r\n    }\r\n\r\n    fetch('https:\/\/sheetdb.io\/api\/v1\/6ovpo8ea13lw5')\r\n        .then(response => response.json())\r\n        .then(data => {\r\n            if (!data || data.length === 0) return;\r\n\r\n            let todayData = data.find(item => item.date === formattedToday);\r\n            if (!todayData) {\r\n                todayData = data.find(item => item.date === alternateFormat);\r\n            }\r\n            if (!todayData) {\r\n                todayData = data[0];\r\n            }\r\n            \r\n            \/\/ Map main daily rows safely\r\n            document.getElementById('fajr-iqama').innerText = formatTo12Hour(todayData.fajr_iqama) || '--:--';\r\n            document.getElementById('zuhr-iqama').innerText = formatTo12Hour(todayData.zuhr_iqama) || '--:--';\r\n            document.getElementById('asr-iqama').innerText = formatTo12Hour(todayData.asr_iqama) || '--:--';\r\n            document.getElementById('maghrib-iqama').innerText = formatTo12Hour(todayData.maghrib) || '--:--';\r\n            document.getElementById('isha-iqama').innerText = formatTo12Hour(todayData.isha_iqama) || '--:--';\r\n\r\n            \/\/ Jumuah Logic: Pull from today's row first. If blank (like on weekdays), search for the first row containing a value.\r\n            let jumaTime = todayData.jumuah_1;\r\n            if (!jumaTime || jumaTime.trim() === \"\") {\r\n                const rowWithJuma = data.find(item => item.jumuah_1 && item.jumuah_1.trim() !== \"\");\r\n                if (rowWithJuma) {\r\n                    jumaTime = rowWithJuma.jumuah_1;\r\n                }\r\n            }\r\n\r\n            const finalJumaDisplay = formatTo12Hour(jumaTime);\r\n            document.getElementById('juma-1').innerText = finalJumaDisplay ? finalJumaDisplay : '02:00 PM';\r\n        })\r\n        .catch(error => {\r\n            console.error('Error syncing layout times:', error);\r\n        });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-56ab1cf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"56ab1cf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eb61308\" data-id=\"eb61308\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6da390c elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"6da390c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-fc1aad3\" data-id=\"fc1aad3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-26a7dd6 elementor-widget elementor-widget-heading\" data-id=\"26a7dd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Follow The Path Of Islam<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9c033 elementor-widget elementor-widget-text-editor\" data-id=\"2f9c033\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Become a part of our community and follow the honorable path of righteous. Learn about Islam and<br \/>find peace and spirituality.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2531160 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2531160\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f8cc039 elementor-invisible\" data-id=\"f8cc039\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0cef71a eael-infobox-icon-bg-shape-circle eael-infobox-content-align--center eael-infobox-icon-hover-bg-shape-none elementor-widget elementor-widget-eael-info-box\" data-id=\"0cef71a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-info-box.default\">\n\t\t\t\t\t        <div class=\"eael-infobox icon-on-top\">\n\t            <div class=\"infobox-icon eael-icon-only\">\n\n            \n                            <div class=\"infobox-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"svg6995\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\"><style type=\"text\/css\">\t.st0{fill:#FFFFFF;}<\/style><g id=\"layer1\" transform=\"translate(0 -280.067)\">\t<path id=\"path12955\" class=\"st0\" d=\"M81.7,369.8l-19.9,28.7l-6.3-4.1c-4.5-3-9.6-0.9-11.7,2.3l-19.6,28.3   l-10.9-7.2C7.4,413.8,0,418.2,0,424.8V459c0,20.6,14.2,31.6,20.5,36c0.1,0,0.1,0.1,0.2,0.1l158.6,106.7c9.4,6.4,19-7.8,9.5-14.2   L30.4,481.1l-0.1-0.1c-6.2-4.4-13.2-8.6-13.2-22.1v-18.3l223.4,147.5L72.1,699.3c-7.1,4.7-3.8,15.8,4.7,15.7h85.3   c1.7,0,3.3-0.5,4.7-1.5l89.1-60l89.1,60c1.4,0.9,3.1,1.5,4.8,1.5h85.3c8.5,0,11.7-11,4.7-15.6l-107-70.6   c-9.2-6.1-18.5,8.2-9.4,14.2l83.3,55h-54.3l-81.2-54.6l220.1-148.1c0.1,0,0.1-0.1,0.2-0.1c6.3-4.4,20.5-15.4,20.5-36v-34.1   c0-7.1-8-10.6-12.8-7.4l-11.3,7.5l-19.6-28.3c-2.6-3.8-7.8-4.8-11.7-2.3l-6.3,4.1l-19.9-28.7c-2.7-3.9-8.2-4.9-12-2   c-12.7,9.2-47.8,31.4-85.5,31.4c-28.2,0-59.5,9.7-76.8,47.4c-19-42.2-55.2-46.9-76.8-47.4c-37.7,0-72.4-21.9-85.5-31.4   C88.4,363.9,83.7,366.9,81.7,369.8L81.7,369.8z M90.9,386.5c16.7,11.4,48.7,29.8,88.3,29.8c34.1,0,51,16.5,59.6,33.7   c8.6,17.2,8.7,34.6,8.7,34.6c0.2,11.2,16.9,11.2,17.1,0c0,0,0.1-17.4,8.7-34.6c8.6-17.2,25.2-33.7,59.6-33.7   c39.6,0,71.6-18.3,88.3-29.7L436,408L256,526.7L76,408L90.9,386.5z M53,413.2l198.2,130.8c2.9,1.9,6.5,1.9,9.4,0l198.2-130.8   l14.6,21.1L256,577.9L38.4,434.3L53,413.2z M494.9,440.7V459c0,13.5-7,17.7-13.3,22.1L159.5,697.9h-54.4L494.9,440.7z\"><\/path><\/g><\/svg>                <\/div>\n            \n            \n        <\/div>\n            <div class=\"infobox-content eael-icon-only\">\n                    <div class=\"infobox-title-section\">\n                <h2 class=\"title\">Teaching Al-Quran<\/h2>            <\/div>\n            <div>We have dedicated teachers who will make sure you learn Al-Quran properly.<\/div>        <\/div>\n            <\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-fe1cc61 elementor-invisible\" data-id=\"fe1cc61\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8ccceef eael-infobox-icon-bg-shape-circle eael-infobox-content-align--center eael-infobox-icon-hover-bg-shape-none elementor-widget elementor-widget-eael-info-box\" data-id=\"8ccceef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-info-box.default\">\n\t\t\t\t\t        <div class=\"eael-infobox icon-on-top\">\n\t            <div class=\"infobox-icon eael-icon-only\">\n\n            \n                            <div class=\"infobox-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"Capa_1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\"><style type=\"text\/css\">\t.st0{fill:#FFFFFF;}<\/style><g>\t<g>\t\t<path class=\"st0\" d=\"M470.1,55.2c-30.9-27.2-72.5-38.9-113-31.7c-42,7.5-78.8,32.6-101.1,69c-22.3-36.4-59.1-61.5-101.1-69    c-40.5-7.2-82.1,4.4-113,31.7C4.7,89.3-8.6,146.8,5.5,213.1c0.1,0.2,0.2,0.4,0.3,0.7c0.4,1.1,0.9,2.1,1.6,3    c0.2,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.5,0.3,0.7,0.5c0.4,0.4,0.9,0.7,1.4,0.9c1,0.5,2,0.8,3.1,0.9c0.3,0,0.6,0.2,0.8,0.2    c0.3,0,0.6-0.1,0.9-0.2c0.3,0,0.6,0,0.9,0c0.2-0.1,0.4-0.2,0.7-0.3c0.5-0.2,1.1-0.4,1.6-0.7c0.5-0.3,1-0.6,1.4-1    c0.2-0.2,0.4-0.2,0.6-0.4l30-30l0.1-0.1c6.6-6.6,17.2-6.7,23.9-0.2c6.7,6.5,6.9,17.1,0.5,23.9l-49.2,49.2c-2.2,2.2-3,5.3-2.2,8.2    c0.8,2.9,3.1,5.3,6,6s6.1,0,8.3-2.2l48.7-48.7c0.1-0.1,0.2-0.1,0.2-0.1c0.1-0.1,0.2-0.3,0.3-0.4l29.6-29.6    c0.1-0.1,0.2-0.1,0.2-0.2c6.7-6.5,17.4-6.5,24.1,0c6.6,6.6,6.6,17.4,0.1,24l-0.1,0.1l-90.9,90.9c-2.2,2.2-3,5.3-2.2,8.2    c0.8,2.9,3.1,5.2,6,6c2.9,0.8,6.1-0.1,8.2-2.2l78.9-78.8l0.2-0.2c6.7-6.5,17.5-6.3,24,0.4c6.5,6.7,6.5,17.4-0.1,24l-18.1,18.1l0,0    l0,0l-65.9,65.9c-2.2,2.2-3,5.3-2.2,8.2c0.8,2.9,3.1,5.2,6,6c2.9,0.8,6.1-0.1,8.2-2.2l65.9-65.9c6.7-6.7,17.5-6.7,24.1,0    c6.7,6.7,6.7,17.5,0,24.1c0,0,0,0.1-0.1,0.1l-66.1,66.1c0,0-0.1,0.1-0.1,0.1c0,0-0.1,0.1-0.1,0.1c-0.3,0.4-0.6,0.9-0.8,1.3    c-0.3,0.4-0.6,0.9-0.9,1.4c-0.2,0.5-0.3,1.1-0.3,1.6c-0.3,1-0.3,2.2,0.1,3.2c0.1,0.5,0.2,1.1,0.4,1.6c0.3,0.5,0.6,1,0.9,1.4    c0.2,0.4,0.5,0.9,0.8,1.3c0,0,0.1,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1c41.7,37.4,86.8,70.8,134.8,99.7c2.7,1.7,6.2,1.7,8.9,0    c48-28.9,93.1-62.3,134.8-99.7c0,0,0.1-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.3-0.4,0.6-0.8,0.8-1.3c0.4-0.4,0.7-0.9,0.9-1.4    c0.3-1.1,0.5-2.1,0.7-3.2c0-0.5-0.1-1.1-0.2-1.6c-0.1-0.5-0.2-1.1-0.3-1.6c-0.2-0.5-0.5-1-0.9-1.4c-0.2-0.5-0.5-0.9-0.8-1.3    c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1l-66.1-66.1c0,0,0-0.1-0.1-0.1c-6.7-6.7-6.7-17.5,0-24.1c6.7-6.7,17.5-6.7,24.1,0    l65.9,65.9c3.3,3.3,8.7,3.3,12.1,0c3.3-3.3,3.3-8.7,0-12.1l-65.9-65.9l0,0l0,0l-18.1-18.1c-4.3-4.3-6-10.6-4.4-16.5    c1.6-5.9,6.2-10.5,12.1-12.1c5.9-1.6,12.2,0.1,16.5,4.4l0.1,0.1l78.7,78.7c3.3,3.3,8.7,3.3,12,0c3.3-3.3,3.3-8.7,0-12l-78.8-78.7    l-0.1-0.1c-0.1-0.1-0.1-0.1-0.2-0.1l-11.9-11.9l0,0c-6.7-6.7-6.7-17.5,0-24.1c6.7-6.7,17.5-6.7,24.1,0c0.1,0.1,0.2,0.1,0.2,0.2    l28.8,28.8c0.3,0.4,0.7,0.8,1.2,1.2l0,0l0,0l0,0l48.9,48.8c2.2,2.2,5.3,3,8.3,2.2c2.9-0.8,5.2-3.1,6-6s-0.1-6.1-2.2-8.2l-49-48.9    c-0.1-0.2-0.3-0.4-0.5-0.5l0-0.1c-6.1-6.7-5.9-17.1,0.6-23.5c6.7-6.5,17.4-6.5,24.1,0l30.1,30.1c0.2,0.2,0.4,0.2,0.6,0.4    c0.9,0.7,1.9,1.3,3,1.6c0.2,0.1,0.4,0.2,0.7,0.3c0.6,0.1,1.2,0.2,1.8,0.2l0,0h0h0c1,0,2.1-0.2,3-0.6c0.3-0.1,0.5-0.3,0.8-0.4    c0.7-0.3,1.3-0.8,1.9-1.3c0.1-0.1,0.2-0.1,0.3-0.2c0.2-0.2,0.2-0.4,0.4-0.6c0.4-0.5,0.8-1.1,1.1-1.7c0.2-0.4,0.4-0.8,0.5-1.2    c0.1-0.3,0.2-0.5,0.3-0.8C520.5,146.8,507.3,89.3,470.1,55.2z M492.6,193.6l-18.5-18.5c-13.5-12.9-34.7-12.9-48.2,0    c-4.2,4.3-7.2,9.5-8.8,15.3l-9.3-9.3c-0.1-0.1-0.3-0.2-0.4-0.3c-11.8-11.6-30.3-13-43.7-3.3s-17.9,27.6-10.6,42.5    c-11.8,2.2-21.5,10.5-25.6,21.7c-4.1,11.2-2,23.8,5.6,33.1c-6,1.4-11.5,4.5-15.8,8.8c-13.2,13.3-13.3,34.7-0.1,48.1    c0.1,0.1,0.1,0.2,0.1,0.2l59.8,59.8c-37.7,33.1-78.2,62.9-121,89.1c-42.8-26.2-83.3-56-121-89.1l59.8-59.8    c0.1-0.1,0.1-0.2,0.1-0.2c13.1-13.4,13.1-34.8-0.1-48.1c-4.4-4.3-9.8-7.4-15.8-8.8c7.6-9.3,9.7-21.8,5.6-33.1    c-4.1-11.2-13.8-19.5-25.5-21.8c6.3-13,3.7-28.6-6.5-38.9c-13.3-12.8-34.3-12.9-47.9-0.3c-0.2,0.1-0.3,0.2-0.5,0.3l-9.3,9.3    c-1.5-5.8-4.5-11.1-8.7-15.4c-13.2-13.2-34.7-13.3-48-0.2c-0.1,0.1-0.2,0.1-0.2,0.2l-18.5,18.5c-7.7-53.3,4.3-98.6,34-125.8    c27.1-23.5,63.3-33.5,98.7-27.4c40.1,6.7,74.4,32.6,96.4,72.9c1.6,2.6,4.5,4.1,7.5,4.1s5.9-1.6,7.5-4.1    c22.1-40.4,56.3-66.3,96.4-72.9c35.3-6.1,71.6,4,98.7,27.4C488.3,95,500.3,140.3,492.6,193.6z\"><\/path>\t<\/g><\/g><\/svg>                <\/div>\n            \n            \n        <\/div>\n            <div class=\"infobox-content eael-icon-only\">\n                    <div class=\"infobox-title-section\">\n                <h2 class=\"title\">Funeral Services<\/h2>            <\/div>\n            <div>We strive to assist every departed soul and their family to arrange funerals. <\/div>        <\/div>\n            <\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d65cc75 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d65cc75\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-285a402 elementor-invisible\" data-id=\"285a402\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-df55b44 eael-infobox-icon-bg-shape-circle eael-infobox-content-align--center eael-infobox-icon-hover-bg-shape-none elementor-widget elementor-widget-eael-info-box\" data-id=\"df55b44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-info-box.default\">\n\t\t\t\t\t        <div class=\"eael-infobox icon-on-top\">\n\t            <div class=\"infobox-icon eael-icon-only\">\n\n            \n                            <div class=\"infobox-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"svg6995\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\"><style type=\"text\/css\">\t.st0{fill:#FFFFFF;}<\/style><g id=\"layer1\" transform=\"translate(0 -280.067)\">\t<path id=\"path13165\" class=\"st0\" d=\"M250.4,280.1c-37.1,7.4-54.3,40.7-54.3,66.8c0,31.8,21.9,58.5,51.4,66.2   v16.8c-18.9,29.5-61.2,49.7-101.2,74.2c-44.5,27.2-78.2,61.1-78.6,116.7c-0.3,36.9,10.1,64.2,21.8,83.1c5.9,10.1,21,0.8,14.6-9   c-10.2-16.4-19.7-40.3-19.3-74.1c0.6-52.4,35-79.9,70.5-102.2c35.6-22.4,76.5-39.8,100.7-71.4c24.1,31.5,62.7,46.7,100.7,71.4   c38.8,25.1,71.4,52.4,70.5,102.2c-0.7,40.8-12.7,77.5-45.3,102.7H93.3c-14.1,0-25.6,11.7-25.6,25.7v34.2c0,4.7,3.8,8.6,8.5,8.6   h359.6c4.8,0,8.6-3.8,8.6-8.6v-34.2c0-14.1-11.6-25.7-25.7-25.7h-11.1c30.5-33.9,37.2-73.2,36.8-102.7   c-0.7-59.1-37.7-91.1-78.6-116.7c-39.7-24.9-82.2-44.6-101.2-74.1v-14.6c31,0,58-20.7,66-50.4c3.4-10.2-7.1-15.9-13.2-10.6   c-7.6,6.3-17.2,9.7-27.1,9.7c-23.7,0-42.8-19.1-42.8-42.9c0-9.9,3.4-19.4,9.7-27.1C261.9,288.5,257.7,279.9,250.4,280.1z    M232,307.5c-1.1,4.5-1.7,9.1-1.7,13.7c0,33,26.9,60,59.9,60c4.7,0,9.3-0.6,13.8-1.7c-9.5,11.5-23.7,18.7-39.5,18.7   c-28.5,0-51.4-22.8-51.4-51.3C213.2,331.2,220.4,317,232,307.5L232,307.5z M93.3,740.7h325.3c4.9,0,8.6,3.7,8.6,8.6v25.6H84.8   v-25.6C84.8,744.4,88.4,740.7,93.3,740.7z\"><\/path><\/g><\/svg>                <\/div>\n            \n            \n        <\/div>\n            <div class=\"infobox-content eael-icon-only\">\n                    <div class=\"infobox-title-section\">\n                <h2 class=\"title\">Community Services<\/h2>            <\/div>\n            <div>We held monthly based community meetings to create a bond and maintain it.<\/div>        <\/div>\n            <\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-207b71a elementor-invisible\" data-id=\"207b71a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-99987ac eael-infobox-icon-bg-shape-circle eael-infobox-content-align--center eael-infobox-icon-hover-bg-shape-none elementor-widget elementor-widget-eael-info-box\" data-id=\"99987ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-info-box.default\">\n\t\t\t\t\t        <div class=\"eael-infobox icon-on-top\">\n\t            <div class=\"infobox-icon eael-icon-only\">\n\n            \n                            <div class=\"infobox-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"Layer_1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 469.3 469.3\" style=\"enable-background:new 0 0 469.3 469.3;\" xml:space=\"preserve\"><style type=\"text\/css\">\t.st0{fill:#FFFFFF;}<\/style><g>\t<g>\t\t<path class=\"st0\" d=\"M377.1,0.7c-1.2-0.5-2.5-0.7-3.8-0.7c-2.3,0-4.7,0.8-6.6,2.3c-0.4,0.3-39.7,30.9-71.3,40.9    c-7.5,2.4-18.1,5.3-30.2,8.7c-57.9,16.2-107.1,30.9-123.5,47.3c-18.2,18.2-30.2,90-34,116.4C46.8,225.3,0,277.7,0,341.3    c0,70.6,57.4,128,128,128s128-57,128-127.5c0-15.5-3-30.6-8.5-45.2c19-10.7,38.5-18,52.2-19.4c3-0.3,5.8-0.4,8.6-0.5    c15.4-0.7,31.3-1.5,60.6-22.8c15.8-11.4,24.8-26.4,34.4-42.2c13.2-21.8,26.8-44.2,60.7-63.9c3.3-1.9,5.3-5.4,5.3-9.2    C469.3,37.2,378.1,1.1,377.1,0.7z M128,448.5c-58.8,0-106.7-47.9-106.7-106.7S69.2,235.1,128,235.1c11.6,0,23.1,2.1,34.1,5.8    c-8.5,6.7-17,14.6-23.9,23.1c-1.2-4.6-5.2-8-10.1-8c-5.9,0-10.7,4.8-10.7,10.7v11.2c-18,2.6-32,18-32,36.8    c0,20.6,16.8,37.3,37.3,37.3h10.7c8.8,0,16,7.2,16,16s-7.2,16-16,16H96c-5.9,0-10.7,4.8-10.7,10.7s4.8,10.7,10.7,10.7h21.3V416    c0,5.9,4.8,10.7,10.7,10.7c5.9,0,10.7-4.8,10.7-10.7v-11.2c18-2.6,32-18,32-36.8c0-20.6-16.8-37.3-37.3-37.3h-10.7    c-8.8,0-16-7.2-16-16s7.2-16,16-16h0.5c0.3,7,2.9,13.2,8,18.2c9.8,9.8,22.1,13.7,35.3,13.7c21.2,0,44.4-10.1,62.6-22.5    c3.7,10.9,5.6,22.2,5.6,33.7C234.7,400.6,186.8,448.5,128,448.5z M385.1,200.7c-8.8,14.5-16.4,27.1-28.7,36    c-24.1,17.6-35.2,18.1-49.1,18.7c-3.1,0.1-6.3,0.3-9.6,0.6c-21.6,2.1-52.9,15.3-79.7,33.8c-23.8,16.5-56.4,27.2-71.7,11.9    c-1.2-1.2-2.3-2.9-1.5-6.8c3.4-16.7,34.5-43.7,51.3-50.5c20.2-8.2,68.5-30.3,80.5-59.1c1.4-3.3,1-7-1-10    c-7.1-10.7-18.2-15.5-26.3-19.1c-2.5-1.1-5.8-2.3-5.8-2.4c-3-4.4-8.9-5.8-13.5-3.5c-6.5,3.2-23.9,8.2-30,9.9    c-3,0.8-5.5,2.9-6.9,5.8l-25.6,54.2c-12.2-3.9-24.9-6.2-37.8-6.4c6-38.8,17.2-89.6,27.3-99.7c13.7-13.7,76.6-31.3,114.1-41.8    c12.4-3.5,23.2-6.5,30.9-8.9c28.3-8.9,60.5-31.4,72.8-40.5c17,8.4,70.3,40.2,73.2,109.7C413.2,154.4,397.7,180,385.1,200.7z     M189.1,224.3l21.1-44.7c5.8-1.6,15.4-4.5,22.9-7.4c2.3,1.3,4.8,2.4,7.5,3.6c4.4,1.9,9.2,4.1,13,7    C242.5,198.5,213.2,214.5,189.1,224.3z\"><\/path>\t<\/g><\/g><\/svg>                <\/div>\n            \n            \n        <\/div>\n            <div class=\"infobox-content eael-icon-only\">\n                    <div class=\"infobox-title-section\">\n                <h2 class=\"title\">Umrah &amp; Hajj<\/h2>            <\/div>\n            <div>We offer information to make Umrah and Hajj easier for the pilgrim.<\/div>        <\/div>\n            <\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-28dd604 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"28dd604\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9e805ff\" data-id=\"9e805ff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e44a44a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"e44a44a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a0643bb\" data-id=\"a0643bb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-718dec6 elementor-widget elementor-widget-heading\" data-id=\"718dec6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Recent Blogs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2450e3e elementor-widget elementor-widget-text-editor\" data-id=\"2450e3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tMay Allah enable you to live a good life and spread the message of Islam. Read our blog posts to enrich your knowledge about Islam.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e2b24d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"e2b24d6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ae38ae6\" data-id=\"ae38ae6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-36d593d elementor-grid-eael-col-3 elementor-grid-tablet-eael-col-3 elementor-grid-mobile-eael-col-1 elementor-widget elementor-widget-eael-post-grid\" data-id=\"36d593d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;eael_post_grid_columns&quot;:&quot;eael-col-3&quot;,&quot;eael_post_grid_columns_tablet&quot;:&quot;eael-col-3&quot;,&quot;eael_post_grid_columns_mobile&quot;:&quot;eael-col-1&quot;}\" data-widget_type=\"eael-post-grid.default\">\n\t\t\t\t\t<div id=\"eael-post-grid-36d593d\" class=\"eael-post-grid-container\">\n            <div class=\"eael-post-grid eael-post-appender eael-post-appender-36d593d eael-post-grid-style-one\" data-layout-mode=\"grid\"><article class=\"eael-grid-post  eael-post-grid-column eael-pg-post-60 category-taqwa\" data-id=\"60\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay zoom-in\"><i class=\"\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/mubarakmosque.codebright.ca\/?p=60\"><\/a><\/div><div class=\"eael-entry-thumbnail \">\n                <img fetchpriority=\"high\" decoding=\"async\" width=\"370\" height=\"230\" src=\"https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2021\/03\/2d9461ef-image-4-1.jpg\" class=\"attachment-full size-full wp-image-16\" alt=\"\" srcset=\"https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2021\/03\/2d9461ef-image-4-1.jpg 370w, https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2021\/03\/2d9461ef-image-4-1-300x186.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n            <\/div>\n        <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h2 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/mubarakmosque.codebright.ca\/?p=60\" title=\"Learn The Meaning Behind The Quran\">Learn The Meaning Behind The Quran<\/a><\/h2><\/header><div class=\"eael-entry-content\">\n                        <div class=\"eael-grid-post-excerpt\"><p>We are again open to give Al- Quran lessons for all...<\/p><\/div>\n                    <\/div><\/div><\/div>\n        <\/div>\n    <\/article><article class=\"eael-grid-post  eael-post-grid-column eael-pg-post-61 category-taqwa\" data-id=\"61\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay zoom-in\"><i class=\"\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/mubarakmosque.codebright.ca\/?p=61\"><\/a><\/div><div class=\"eael-entry-thumbnail \">\n                <img decoding=\"async\" width=\"370\" height=\"230\" src=\"https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2021\/03\/07b16ba7-image-6-1.jpg\" class=\"attachment-full size-full wp-image-18\" alt=\"\" srcset=\"https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2021\/03\/07b16ba7-image-6-1.jpg 370w, https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2021\/03\/07b16ba7-image-6-1-300x186.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n            <\/div>\n        <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h2 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/mubarakmosque.codebright.ca\/?p=61\" title=\"Upcoming 15 Community Gatherings\">Upcoming 15 Community Gatherings<\/a><\/h2><\/header><div class=\"eael-entry-content\">\n                        <div class=\"eael-grid-post-excerpt\"><p>Attend our community meetups near your area.<\/p><\/div>\n                    <\/div><\/div><\/div>\n        <\/div>\n    <\/article><article class=\"eael-grid-post  eael-post-grid-column eael-pg-post-62 category-taqwa\" data-id=\"62\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay zoom-in\"><i class=\"\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/mubarakmosque.codebright.ca\/?p=62\"><\/a><\/div><div class=\"eael-entry-thumbnail \">\n                <img decoding=\"async\" width=\"370\" height=\"230\" src=\"https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2021\/03\/e1b66886-image-5-1.jpg\" class=\"attachment-full size-full wp-image-17\" alt=\"\" srcset=\"https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2021\/03\/e1b66886-image-5-1.jpg 370w, https:\/\/mubarakmosque.codebright.ca\/wp-content\/uploads\/2021\/03\/e1b66886-image-5-1-300x186.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n            <\/div>\n        <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h2 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/mubarakmosque.codebright.ca\/?p=62\" title=\"The Significance Of  Jakat\">The Significance Of  Jakat<\/a><\/h2><\/header><div class=\"eael-entry-content\">\n                        <div class=\"eael-grid-post-excerpt\"><p>Understand the importance of Jakat in our daily lives.<\/p><\/div>\n                    <\/div><\/div><\/div>\n        <\/div>\n    <\/article><\/div>\n            <div class=\"clearfix\"><\/div>\n        <\/div>            <div class=\"eael-load-more-button-wrap eael-force-hide\">\n                <button class=\"eael-load-more-button\" id=\"eael-load-more-btn-36d593d\" data-widget-id=\"36d593d\" data-widget=\"36d593d\" data-page-id=\"35\" data-template=\"{&quot;dir&quot;:&quot;lite&quot;,&quot;file_name&quot;:&quot;one.php&quot;,&quot;name&quot;:&quot;Post-Grid&quot;}\" data-class=\"Essential_Addons_Elementor\\Elements\\Post_Grid\" data-layout=\"grid\" data-page=\"1\" data-args=\"orderby=date&amp;order=desc&amp;ignore_sticky_posts=1&amp;post_status=publish&amp;posts_per_page=3&amp;offset=2&amp;post_type=post&amp;tax_query%5B0%5D%5Btaxonomy%5D=category&amp;tax_query%5B0%5D%5Bfield%5D=term_id&amp;tax_query%5B0%5D%5Bterms%5D%5B0%5D=2&amp;tax_query%5Brelation%5D=AND&amp;author__in%5B0%5D=1\" data-max-page=\"3\">\n                    <span class=\"eael-btn-loader button__loader\"><\/span>\n                    <span class=\"eael_load_more_text\">Load More<\/span>\n                <\/button>\n            <\/div>\n            \t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-677e1dc e-con e-atomic-element e-flexbox-base e-b94ca64 \" data-id=\"677e1dc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"677e1dc\">\n    \t\t<div class=\"elementor-element elementor-element-4399c5e elementor-widget elementor-widget-html\" data-id=\"4399c5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- GLOBAL & WRAPPER STYLES --- *\/\r\n    .mm-full-width-wrapper {\r\n        --mm-bg-main: #fbfbfa;       \r\n        --mm-primary-green: #064e3b; \r\n        --mm-accent-gold: #d97706;    \r\n        \r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background-color: var(--mm-bg-main);\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .mm-full-width-wrapper * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- BOOK A TOUR BANNER STYLES --- *\/\r\n    .mm-tour-section {\r\n        position: relative;\r\n        width: 100vw;\r\n        \/* Swap this URL with your preferred background pattern\/image *\/\r\n        background-image: url('https:\/\/images.unsplash.com\/photo-1584551246679-0daf3d275d0f?auto=format&fit=crop&q=80&w=2000'); \r\n        background-size: cover;\r\n        background-position: center;\r\n        background-attachment: fixed; \/* Creates the parallax effect *\/\r\n        padding: 100px 0;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .mm-tour-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, rgba(217, 119, 6, 0.85) 0%, rgba(180, 83, 9, 0.95) 100%);\r\n        z-index: 1;\r\n    }\r\n\r\n    .mm-tour-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .mm-tour-content h2 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 3.5rem;\r\n        font-weight: 700;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        margin-top: 0;\r\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .mm-tour-content p {\r\n        font-size: 1.15rem;\r\n        line-height: 1.6;\r\n        margin-bottom: 40px;\r\n        font-weight: 400;\r\n        opacity: 0.95;\r\n    }\r\n\r\n    .mm-btn-book {\r\n        display: inline-block;\r\n        background-color: #ffffff;\r\n        color: var(--mm-accent-gold);\r\n        font-weight: 600;\r\n        font-size: 1.05rem;\r\n        padding: 16px 45px;\r\n        border-radius: 4px; \r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .mm-btn-book:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);\r\n        background-color: var(--mm-primary-green);\r\n        color: #ffffff;\r\n    }\r\n\r\n    \/* --- RESPONSIVE BREAKPOINTS --- *\/\r\n    @media (max-width: 768px) {\r\n        .mm-tour-content h2 {\r\n            font-size: 2.5rem;\r\n        }\r\n        .mm-tour-section {\r\n            padding: 80px 0;\r\n            background-attachment: scroll; \/* Disables parallax on mobile to prevent jitter *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<main class=\"mm-full-width-wrapper\">\r\n    <section class=\"mm-tour-section\">\r\n        <div class=\"mm-tour-overlay\"><\/div>\r\n        \r\n        <div class=\"mm-tour-content\">\r\n            <h2>Book A Tour<\/h2>\r\n            <p>Our activities follow local health guidelines so you can focus on enjoying your experience.<\/p>\r\n            <a href=\"#book\" class=\"mm-btn-book\">Book Now<\/a>\r\n        <\/div>\r\n    <\/section>\r\n<\/main>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Masjid Mubarak Mosque Welcoming our fellow Muslim brothers and sisters to join hands with us in prayer at our sacred mosque Al Taqwa Learn More Daily Prayer Timings Loading date&#8230; Fajr &#8211;:&#8211; Zuhr &#8211;:&#8211; Asr &#8211;:&#8211; Maghrib &#8211;:&#8211; Isha &#8211;:&#8211; Friday Prayer &#8211;:&#8211; Welcome to Masjid Mubarak Mubarak Mosque is not just a mosque [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uag_custom_page_level_css":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"_nx_notification_thumb_100_100":false,"_nx_notification_thumb_200_200":false,"_nx_notification_thumb_300_300":false,"_nx_notification_thumb_400_400":false,"_nx_notification_thumb_500_500":false},"uagb_author_info":{"display_name":"user","author_link":"https:\/\/mubarakmosque.codebright.ca\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"The Masjid Mubarak Mosque Welcoming our fellow Muslim brothers and sisters to join hands with us in prayer at our sacred mosque Al Taqwa Learn More Daily Prayer Timings Loading date&#8230; Fajr &#8211;:&#8211; Zuhr &#8211;:&#8211; Asr &#8211;:&#8211; Maghrib &#8211;:&#8211; Isha &#8211;:&#8211; Friday Prayer &#8211;:&#8211; Welcome to Masjid Mubarak Mubarak Mosque is not just a mosque&hellip;","_links":{"self":[{"href":"https:\/\/mubarakmosque.codebright.ca\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mubarakmosque.codebright.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mubarakmosque.codebright.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mubarakmosque.codebright.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mubarakmosque.codebright.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":95,"href":"https:\/\/mubarakmosque.codebright.ca\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":309,"href":"https:\/\/mubarakmosque.codebright.ca\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/309"}],"wp:attachment":[{"href":"https:\/\/mubarakmosque.codebright.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}