{"id":13,"date":"2026-07-20T07:13:29","date_gmt":"2026-07-20T07:13:29","guid":{"rendered":"https:\/\/markaznoorulquraan.com\/?page_id=13"},"modified":"2026-07-25T17:50:38","modified_gmt":"2026-07-25T17:50:38","slug":"home","status":"publish","type":"page","link":"https:\/\/markaznoorulquraan.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf901fd e-con e-atomic-element e-flexbox-base e-b84d1e6 \" data-id=\"bf901fd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bf901fd\" data-e-type=\"e-flexbox\" data-id=\"bf901fd\">\n    <div class=\"elementor-element elementor-element-6bc4d01 e-con-full e-flex e-con e-parent\" data-id=\"6bc4d01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f285929 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f285929\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        colors: {\n          primary: '#064e3b',\n          primaryContainer: '#0f6b4d',\n          secondary: '#d4af37',\n          secondaryContainer: '#f1e2a0',\n          ink: '#0b1f16',\n          surface: '#f9f9f7',\n          mint: '#e6f4ee'\n        },\n        fontFamily: {\n          display: ['Poppins', 'sans-serif'],\n          heading: ['Poppins', 'sans-serif'],\n          body: ['Noto Serif', 'serif']\n        },\n        keyframes: {\n          fadeUp: { '0%': { opacity: 0, transform: 'translateY(24px)' }, '100%': { opacity: 1, transform: 'translateY(0)' } },\n          float: { '0%,100%': { transform: 'translateY(0)' }, '50%': { transform: 'translateY(-10px)' } },\n          sway: { '0%,100%': { transform: 'rotate(-4deg)' }, '50%': { transform: 'rotate(4deg)' } },\n          twinkle: { '0%,100%': { transform: 'scale(1)', opacity: 1 }, '50%': { transform: 'scale(1.25)', opacity: 0.7 } },\n          blob: { '0%,100%': { transform: 'translate(0,0) scale(1)' }, '50%': { transform: 'translate(15px,-15px) scale(1.08)' } }\n        },\n        animation: {\n          fadeUp: 'fadeUp 0.8s ease forwards',\n          float: 'float 4s ease-in-out infinite',\n          floatSlow: 'float 6s ease-in-out infinite',\n          sway: 'sway 3.5s ease-in-out infinite',\n          swaySlow: 'sway 4.5s ease-in-out infinite',\n          twinkle: 'twinkle 2s ease-in-out infinite',\n          blob: 'blob 9s ease-in-out infinite'\n        }\n      }\n    }\n  }\n<\/script>\n<style>\n  .opacity-0-init{opacity:0;}\n  .arch{ border-radius: 46% 46% 8% 8% \/ 30% 30% 8% 8%; }\n<\/style>\n<\/head>\n<body class=\"font-body bg-surface text-ink antialiased\">\n\n<!-- ============ HERO SECTION ============ -->\n<section class=\"relative overflow-hidden bg-green-700 \">\n  <!-- decorative background blobs -->\n  <div class=\"absolute -top-4 -left-24 w-96 h-96 bg-mint rounded-full blur-3xl animate-blob\"><\/div>\n  <div class=\"absolute top-40 right-0 w-80 h-80 bg-secondaryContainer\/30 rounded-full blur-3xl animate-blob\" style=\"animation-delay:2s\"><\/div>\n\n  <!-- faint mosque skyline watermark -->\n  <svg class=\"absolute left-[28%] top-10 h-[520px] w-auto opacity-[0.06] text-primary pointer-events-none\" viewBox=\"0 0 400 300\" fill=\"currentColor\">\n    <path d=\"M20 300V180l15-10V150l10-8 10 8v20l15 10v120M120 300V140a60 60 0 01120 0v160M270 300V200l12-9V172l9-7 9 7v19l12 9v100\"\/>\n  <\/svg>\n\n  <div class=\"relative max-w-7xl mx-auto px-6 md:px-10 pt-16 md:pt-24 pb-10\">\n    <div class=\"grid lg:grid-cols-2 gap-14 items-center\">\n\n      <!-- ================= LEFT: COPY ================= -->\n      <div>\n        <div class=\"opacity-0-init animate-fadeUp inline-flex items-center gap-2 px-4 py-2 rounded-full bg-mint text-primary font-heading font-semibold text-sm\">\n          <svg class=\"w-4 h-4 text-primary animate-twinkle\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M10 1.5l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6-4.6-4.1 6.1-.6z\"\/><\/svg>\n          Trusted by Families Worldwide\n        <\/div>\n\n        <h1 class=\"font-heading font-black leading-[1.08] mt-6 text-4xl sm:text-5xl lg:text-[3.4rem] tracking-tight\">\n          <span class=\"block opacity-0-init animate-fadeUp text-ink\" style=\"animation-delay:.1s\">Learn <span class=\"text-primary\">Quran<\/span><\/span>\n          <span class=\"block opacity-0-init animate-fadeUp text-ink\" style=\"animation-delay:.22s\">Online With<\/span>\n          <span class=\"block opacity-0-init animate-fadeUp text-primary\" style=\"animation-delay:.34s\">Certified Teachers<\/span>\n        <\/h1>\n\n        <div class=\"opacity-0-init animate-fadeUp mt-5 flex items-center gap-2\" style=\"animation-delay:.42s\">\n          <span class=\"w-8 h-px bg-primary\"><\/span>\n          <span class=\"w-1.5 h-1.5 rotate-45 bg-primary\"><\/span>\n        <\/div>\n\n        <p class=\"opacity-0-init animate-fadeUp mt-5 text-onSurfaceVariant text-white text-base sm:text-lg max-w-lg leading-relaxed\" style=\"animation-delay:.5s\">\n          Join thousands of students worldwide and learn the Holy Quran with qualified male and female teachers through interactive one-to-one classes.\n        <\/p>\n\n        <div class=\"opacity-0-init animate-fadeUp mt-8 flex flex-wrap gap-4\" style=\"animation-delay:.58s\">\n          <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\" class=\"group inline-flex items-center gap-2 bg-primary text-white font-heading font-semibold px-6 py-3.5 rounded-full shadow-lg shadow-primary\/20 hover:bg-secondary hover:text-black hover:-translate-y-0.5 hover:shadow-xl transition-all duration-300\">\n            <svg class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path stroke-linecap=\"round\" d=\"M8 3v4M16 3v4M3 10h18\"\/><\/svg>\n            Book Free Trial\n          <\/a>\n          <a href=\"https:\/\/markaznoorulquraan.com\/courses\/\" class=\"group inline-flex items-center gap-2 border-2 border-primary text-primary font-heading font-semibold px-6 py-3.5 rounded-full hover:bg-primary hover:text-white hover:-translate-y-0.5 transition-all duration-300\">\n            <svg class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.3C10.5 4.9 8.3 4 6 4c-1 0-2 .1-3 .4v13.2c1-.3 2-.4 3-.4 2.3 0 4.5.9 6 2.3m0-13.2c1.5-1.4 3.7-2.3 6-2.3 1 0 2 .1 3 .4v13.2c-1-.3-2-.4-3-.4-2.3 0-4.5.9-6 2.3m0-13.2v13.2 \"\/><\/svg>\n            Explore Courses\n          <\/a>\n        <\/div>\n\n        <!-- feature row -->\n<div class=\"opacity-0-init animate-fadeUp mt-10 flex flex-wrap gap-x-8 gap-y-5\" style=\"animation-delay:.68s\">\n  <div class=\"flex items-center gap-3\">\n    <span class=\"w-11 h-11 shrink-0 rounded-full bg-mint flex items-center justify-center text-primary\">\n      <svg class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n        <circle cx=\"9\" cy=\"8\" r=\"3\"\/>\n        <path stroke-linecap=\"round\" d=\"M3 20c0-3 2.7-5 6-5s6 2 6 5M17 8a3 3 0 100-6M21 20c0-2.5-2-4.3-4.5-4.9\"\/>\n      <\/svg>\n    <\/span>\n    <div>\n      <p class=\"font-heading font-semibold text-sm text-white\">1-to-1 Live Classes<\/p>\n      <p class=\"text-xs text-gray-200\">Personalized Learning<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"flex items-center gap-3\">\n    <span class=\"w-11 h-11 shrink-0 rounded-full bg-mint flex items-center justify-center text-primary\">\n      <svg class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.3C10.5 4.9 8.3 4 6 4c-1 0-2 .1-3 .4v13.2c1-.3 2-.4 3-.4 2.3 0 4.5.9 6 2.3m0-13.2c1.5-1.4 3.7-2.3 6-2.3 1 0 2 .1 3 .4v13.2c-1-.3-2-.4-3-.4-2.3 0-4.5.9-6 2.3m0-13.2v13.2\"\/>\n      <\/svg>\n    <\/span>\n    <div>\n      <p class=\"font-heading font-semibold text-sm text-white\">Male &amp; Female Teachers<\/p>\n      <p class=\"text-xs text-gray-200\">Qualified &amp; Experienced<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"flex items-center gap-3\">\n    <span class=\"w-11 h-11 shrink-0 rounded-full bg-mint flex items-center justify-center text-primary\">\n      <svg class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3z\"\/>\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4\"\/>\n      <\/svg>\n    <\/span>\n    <div>\n      <p class=\"font-heading font-semibold text-sm text-white\">Safe &amp; Secure<\/p>\n      <p class=\"text-xs text-gray-200\">100% Privacy<\/p>\n    <\/div>\n  <\/div>\n<\/div> \n      <\/div>\n\n      <!-- ================= RIGHT: IMAGE ================= -->\n      <div class=\"relative opacity-0-init animate-fadeUp\" style=\"animation-delay:.3s\">\n\n        <!-- hanging lanterns -->\n        <div class=\"absolute -top-6 right-10 hidden sm:block z-20\">\n          <div class=\"w-px h-16 bg-secondary\/50 mx-auto\"><\/div>\n          <div class=\"w-6 h-8 bg-secondary\/80 rounded-md origin-top animate-sway shadow-lg\"><\/div>\n        <\/div>\n        <div class=\"absolute top-10 right-0 hidden sm:block z-20\">\n          <div class=\"w-px h-24 bg-secondary\/50 mx-auto\"><\/div>\n          <div class=\"w-7 h-9 bg-secondary rounded-md origin-top animate-swaySlow shadow-lg shadow-secondary\/40\"><\/div>\n        <\/div>\n\n        <!-- arch frame + photo -->\n        <div class=\"relative max-w-md mx-auto\">\n          <div class=\"absolute inset-0 arch bg-gradient-to-b from-secondary to-secondary\/70 translate-x-3 translate-y-3 -z-10\"><\/div>\n          <div class=\"arch relative overflow-hidden border-[6px] border-primary shadow-2xl\">\n            <img decoding=\"async\" src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/side.png\"\n                 alt=\"Female Quran teacher smiling, holding a copy of the Quran\"\n                 class=\"w-full h-[520px] object-cover\">\n            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/10 via-transparent to-transparent\"><\/div>\n          <\/div>\n\n          <!-- floating info card -->\n         <div class=\"animate-float absolute top-1\/3 -right-2 sm:-right-6 lg:-right-10\n            bg-white rounded-xl sm:rounded-2xl shadow-xl\n            p-2 sm:p-4\n            w-40 sm:w-52 lg:w-56\n            flex gap-2 sm:gap-3 items-start\">\n\n    <span class=\"w-8 h-8 sm:w-10 sm:h-10 shrink-0 rounded-full bg-primary flex items-center justify-center text-white\">\n        <svg class=\"w-4 h-4 sm:w-5 sm:h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                d=\"M12 14l9-5-9-5-9 5 9 5zm0 0v7m-9-5v3c0 1 4 3 9 3s9-2 9-3v-3\"\/>\n        <\/svg>\n    <\/span>\n\n    <div>\n        <p class=\"font-heading font-semibold text-xs sm:text-sm text-ink leading-snug\">\n            Learn Anytime Anywhere\n        <\/p>\n\n       \n    <\/div>\n\n<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ================= STATS BAR ================= -->\n  <!-- ================= Statistics ================= -->\n<div class=\"relative z-10 mt-16 bg-white rounded-3xl shadow-2xl p-5 sm:p-8 lg:p-10\" id=\"hero-counter\">\n\n    <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-5 lg:gap-8\">\n\n        <!-- Card 1 -->\n        <div class=\"group flex flex-col sm:flex-row items-center sm:items-center gap-4 p-5 rounded-2xl hover:bg-emerald-50 transition-all duration-300 hover:-translate-y-2\">\n\n            <span class=\"w-14 h-14 sm:w-16 sm:h-16 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 group-hover:bg-emerald-600 group-hover:text-white transition-all duration-300\">\n\n                <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.3C10.5 4.9 8.3 4 6 4c-1 0-2 .1-3 .4v13.2c1-.3 2-.4 3-.4 2.3 0 4.5.9 6 2.3m0-13.2c1.5-1.4 3.7-2.3 6-2.3 1 0 2 .1 3 .4v13.2c-1-.3-2-.4-3-.4-2.3 0-4.5.9-6 2.3m0-13.2v13.2\"\/>\n                <\/svg>\n\n            <\/span>\n\n            <div class=\"text-center sm:text-left\">\n\n                <h3 class=\"counter text-3xl sm:text-4xl font-black text-emerald-600\"\n                    data-target=\"1500\"\n                    data-suffix=\"+\">0<\/h3>\n\n                <p class=\"text-sm text-gray-500 mt-1\">\n                    Happy Students\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"group flex flex-col sm:flex-row items-center gap-4 p-5 rounded-2xl hover:bg-emerald-50 transition-all duration-300 hover:-translate-y-2\">\n\n            <span class=\"w-14 h-14 sm:w-16 sm:h-16 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 group-hover:bg-emerald-600 group-hover:text-white transition-all duration-300\">\n\n                <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\n                    <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                    <path stroke-linecap=\"round\" d=\"M3 12h18M12 3a14 14 0 010 18 14 14 0 010-18z\"\/>\n                <\/svg>\n\n            <\/span>\n\n            <div class=\"text-center sm:text-left\">\n\n                <h3 class=\"counter text-3xl sm:text-4xl font-black text-emerald-600\"\n                    data-target=\"35\"\n                    data-suffix=\"+\">0<\/h3>\n\n                <p class=\"text-sm text-gray-500 mt-1\">\n                    Countries\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"group flex flex-col sm:flex-row items-center gap-4 p-5 rounded-2xl hover:bg-emerald-50 transition-all duration-300 hover:-translate-y-2\">\n\n            <span class=\"w-14 h-14 sm:w-16 sm:h-16 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 group-hover:bg-emerald-600 group-hover:text-white transition-all duration-300\">\n\n                <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\n                    <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\n                    <path stroke-linecap=\"round\" d=\"M4 20c0-3.3 3.6-6 8-6s8 2.7 8 6\"\/>\n                <\/svg>\n\n            <\/span>\n\n            <div class=\"text-center sm:text-left\">\n\n                <h3 class=\"counter text-3xl sm:text-4xl font-black text-emerald-600\"\n                    data-target=\"20\"\n                    data-suffix=\"+\">0<\/h3>\n\n                <p class=\"text-sm text-gray-500 mt-1\">\n                    Expert Teachers\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- Card 4 -->\n        <div class=\"group flex flex-col sm:flex-row items-center gap-4 p-5 rounded-2xl hover:bg-emerald-50 transition-all duration-300 hover:-translate-y-2\">\n\n            <span class=\"w-14 h-14 sm:w-16 sm:h-16 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 group-hover:bg-emerald-600 group-hover:text-white transition-all duration-300\">\n\n                <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\n                    <circle cx=\"12\" cy=\"9\" r=\"5\"\/>\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.5 13.5L7 21l5-3 5 3-1.5-7.5\"\/>\n                <\/svg>\n\n            <\/span>\n\n            <div class=\"text-center sm:text-left\">\n\n                <h3 class=\"counter text-3xl sm:text-4xl font-black text-emerald-600\"\n                    data-target=\"14\"\n                    data-suffix=\"+\">0<\/h3>\n\n                <p class=\"text-sm text-gray-500 mt-1\">\n                    Years Experience\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n  <\/div>\n<\/section>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n    const section=document.getElementById(\"hero-counter\");\n\n    if(!section) return;\n\n    let started=false;\n\n    const observer=new IntersectionObserver(function(entries){\n\n        entries.forEach(function(entry){\n\n            if(entry.isIntersecting && !started){\n\n                started=true;\n\n                section.querySelectorAll(\".counter\").forEach(function(counter){\n\n                    const target=parseInt(counter.dataset.target);\n                    const suffix=counter.dataset.suffix || \"\";\n\n                    const duration=2000;\n                    const startTime=performance.now();\n\n                    function animate(now){\n\n                        const progress=Math.min((now-startTime)\/duration,1);\n                        const value=Math.floor(progress*target);\n\n                        counter.innerHTML=value.toLocaleString()+suffix;\n\n                        if(progress<1){\n                            requestAnimationFrame(animate);\n                        }else{\n                            counter.innerHTML=target.toLocaleString()+suffix;\n                        }\n\n                    }\n\n                    requestAnimationFrame(animate);\n\n                });\n\n                observer.unobserve(section);\n\n            }\n\n        });\n\n    },{threshold:.4});\n\n    observer.observe(section);\n\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99ec8c3 e-con-full e-flex e-con e-parent\" data-id=\"99ec8c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-365c1bb elementor-widget elementor-widget-html\" data-id=\"365c1bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Why Choose Us -->\r\n<section class=\"relative py-4 bg-gradient-to-b from-white via-emerald-50\/30 to-white overflow-hidden\">\r\n\r\n    <!-- Background Blur -->\r\n    <div class=\"absolute -top-32 -left-32 w-80 h-80 bg-emerald-200 rounded-full blur-3xl opacity-30\"><\/div>\r\n    <div class=\"absolute -bottom-32 -right-32 w-96 h-96 bg-yellow-200 rounded-full blur-3xl opacity-20\"><\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto px-6 lg:px-8 relative z-10\">\r\n\r\n        <!-- Heading -->\r\n\r\n        <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n\r\n            <span\r\n                class=\"inline-flex items-center px-5 py-2 rounded-full bg-emerald-100 text-emerald-700 font-semibold tracking-wide mb-5\">\r\n\r\n                Why Choose Markaz Noor-ul-Quraan\r\n\r\n            <\/span>\r\n\r\n            <h2 class=\"text-4xl lg:text-5xl font-extrabold text-gray-900 leading-tight\">\r\n\r\n                Excellence in\r\n                <span class=\"text-emerald-600\">\r\n                    Online Quran Education\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n            <p class=\"mt-6 text-lg text-gray-600 leading-8\">\r\n\r\n                We are committed to providing high-quality Quranic education with\r\n                experienced teachers, personalized learning, and a spiritually\r\n                enriching environment for students around the world.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- Cards -->\r\n\r\n        <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n            <!-- Card -->\r\n\r\n            <div\r\n                class=\"group bg-white\/70 backdrop-blur-xl rounded-3xl p-8 border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500\">\r\n\r\n                <div\r\n                    class=\"w-16 h-16 rounded-2xl bg-emerald-100 flex items-center justify-center text-3xl group-hover:rotate-12 transition\">\r\n\r\n                    \ud83d\udcd6\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n\r\n                    Certified Scholars\r\n\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7\">\r\n\r\n                    Learn from qualified Hafiz, Alim, Mufti, and Qaria teachers with\r\n                    years of professional teaching experience.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card -->\r\n\r\n            <div\r\n                class=\"group bg-white\/70 backdrop-blur-xl rounded-3xl p-8 border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500\">\r\n\r\n                <div\r\n                    class=\"w-16 h-16 rounded-2xl bg-yellow-100 flex items-center justify-center text-3xl group-hover:rotate-12 transition\">\r\n\r\n                    \ud83d\udc68\u200d\ud83c\udfeb\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n\r\n                    Male & Female Teachers\r\n\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7\">\r\n\r\n                    Dedicated male and female instructors ensure a comfortable,\r\n                    respectful, and effective learning environment.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card -->\r\n\r\n            <div\r\n                class=\"group bg-white\/70 backdrop-blur-xl rounded-3xl p-8 border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500\">\r\n\r\n                <div\r\n                    class=\"w-16 h-16 rounded-2xl bg-emerald-100 flex items-center justify-center text-3xl group-hover:rotate-12 transition\">\r\n\r\n                    \ud83c\udf0d\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n\r\n                    Worldwide Classes\r\n\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7\">\r\n\r\n                    Students from different countries can attend live online classes\r\n                    according to their local time zone.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card -->\r\n\r\n            <div\r\n                class=\"group bg-white\/70 backdrop-blur-xl rounded-3xl p-8 border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500\">\r\n\r\n                <div\r\n                    class=\"w-16 h-16 rounded-2xl bg-yellow-100 flex items-center justify-center text-3xl group-hover:rotate-12 transition\">\r\n\r\n                    \ud83d\udcbb\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n\r\n                    One-to-One Live Classes\r\n\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7\">\r\n\r\n                    Personalized Zoom sessions designed to help every student progress\r\n                    at their own pace.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card -->\r\n\r\n            <div\r\n                class=\"group bg-white\/70 backdrop-blur-xl rounded-3xl p-8 border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500\">\r\n\r\n                <div\r\n                    class=\"w-16 h-16 rounded-2xl bg-emerald-100 flex items-center justify-center text-3xl group-hover:rotate-12 transition\">\r\n\r\n                    \ud83d\udd52\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n\r\n                    Flexible Timings\r\n\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7\">\r\n\r\n                    Morning, evening, and weekend classes are available to suit your\r\n                    busy schedule.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card -->\r\n\r\n            <div\r\n                class=\"group bg-gradient-to-br from-emerald-600 to-emerald-800 text-white rounded-3xl p-8 shadow-2xl hover:-translate-y-3 transition duration-500\">\r\n\r\n                <div\r\n                    class=\"w-16 h-16 rounded-2xl bg-white\/20 flex items-center justify-center text-3xl\">\r\n\r\n                    \u2b50\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold\r\n                text-white\">\r\n\r\n                    Free Trial Class\r\n\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 leading-7 text-emerald-100\">\r\n\r\n                    Experience our teaching methodology before enrolling. Book your\r\n                    complimentary trial class today.\r\n\r\n                <\/p>\r\n\r\n                <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n                    class=\"inline-flex items-center mt-8 px-6 py-3 rounded-xl bg-white text-emerald-700 font-semibold hover:bg-yellow-300 transition\">\r\n\r\n                    Book Free Trial \u2192\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b13b646 e-con-full e-flex e-con e-parent\" data-id=\"b13b646\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05b339f elementor-widget elementor-widget-html\" data-id=\"05b339f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= About Academy ================= -->\r\n<section class=\"relative py-4 bg-gradient-to-b from-white via-emerald-50\/30 to-white overflow-hidden\">\r\n\r\n    <!-- Background Decoration -->\r\n    <div class=\"absolute top-0 left-0 w-72 h-72 bg-emerald-200\/30 rounded-full blur-3xl\"><\/div>\r\n    <div class=\"absolute bottom-0 right-0 w-96 h-96 bg-yellow-200\/20 rounded-full blur-3xl\"><\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto px-6 lg:px-8 relative z-10\">\r\n\r\n        <div class=\"grid lg:grid-cols-2 gap-20 items-center\">\r\n\r\n            <!-- Left Images -->\r\n            <div class=\"relative\">\r\n\r\n                <!-- Main Image -->\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/265f3216-e272-4c00-91fa-c2914552a87e.png\"\r\n                    class=\"rounded-[35px] shadow-2xl w-full object-cover h-[650px]\">\r\n\r\n                \r\n\r\n\r\n            <\/div>\r\n\r\n            <!-- Right Content -->\r\n\r\n            <div>\r\n\r\n                <span class=\"inline-flex items-center px-5 py-2 rounded-full bg-emerald-100 text-emerald-700 font-semibold tracking-wide mb-6\">\r\n\r\n                    About Markaz Noor-ul-Quraan\r\n\r\n                <\/span>\r\n\r\n                <h2 class=\"text-4xl lg:text-5xl font-extrabold text-gray-900 leading-tight\">\r\n\r\n                    Inspiring Hearts Through\r\n                    <span class=\"text-emerald-600\">\r\n\r\n                        Quranic Education\r\n\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n                <p class=\"mt-8 text-lg text-gray-600 leading-8\">\r\n\r\n                    Markaz Noor-ul-Quraan is dedicated to providing authentic,\r\n                    high-quality online Quran education for children, adults,\r\n                    and families across the world. Our qualified male and female\r\n                    teachers focus on proper Tajweed, understanding of Islam,\r\n                    character building, and lifelong spiritual growth through\r\n                    personalized online classes.\r\n\r\n                <\/p>\r\n\r\n                <!-- Feature List -->\r\n\r\n                <div class=\"grid sm:grid-cols-2 gap-5 mt-10\">\r\n\r\n                    <div class=\"flex items-start gap-4\">\r\n\r\n                        <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600\">\r\n\r\n                            \u2713\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <h4 class=\"font-semibold text-gray-900\">\r\n\r\n                                Certified Scholars\r\n\r\n                            <\/h4>\r\n\r\n                            <p class=\"text-gray-600 text-sm mt-1\">\r\n\r\n                                Qualified Hafiz, Alim & Qaria Teachers.\r\n\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-start gap-4\">\r\n\r\n                        <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600\">\r\n\r\n                            \u2713\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <h4 class=\"font-semibold text-gray-900\">\r\n\r\n                                Live One-to-One Classes\r\n\r\n                            <\/h4>\r\n\r\n                            <p class=\"text-gray-600 text-sm mt-1\">\r\n\r\n                                Personalized learning experience.\r\n\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-start gap-4\">\r\n\r\n                        <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600\">\r\n\r\n                            \u2713\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <h4 class=\"font-semibold text-gray-900\">\r\n\r\n                                Flexible Timings\r\n\r\n                            <\/h4>\r\n\r\n                            <p class=\"text-gray-600 text-sm mt-1\">\r\n\r\n                                Morning, evening & weekend schedules.\r\n\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-start gap-4\">\r\n\r\n                        <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600\">\r\n\r\n                            \u2713\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <h4 class=\"font-semibold text-gray-900\">\r\n\r\n                                Worldwide Students\r\n\r\n                            <\/h4>\r\n\r\n                            <p class=\"text-gray-600 text-sm mt-1\">\r\n\r\n                                Serving learners from multiple countries.\r\n\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Statistics -->\r\n<!-- Statistics -->\r\n<div class=\"grid grid-cols-3 gap-6 mt-12\" id=\"academy-stats\">\r\n\r\n    <div class=\"text-center\">\r\n        <h3 class=\"counter text-4xl font-extrabold text-emerald-600\"\r\n            data-target=\"1500\">0<\/h3>\r\n        <p class=\"text-gray-600 mt-2\">\r\n            Students\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"text-center\">\r\n        <h3 class=\"counter text-4xl font-extrabold text-emerald-600\"\r\n            data-target=\"35\">0<\/h3>\r\n        <p class=\"text-gray-600 mt-2\">\r\n            Countries\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"text-center\">\r\n        <h3 class=\"counter text-4xl font-extrabold text-emerald-600\"\r\n            data-target=\"20\">0<\/h3>\r\n        <p class=\"text-gray-600 mt-2\">\r\n            Teachers\r\n        <\/p>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n                <!-- Buttons -->\r\n\r\n                <div class=\"flex flex-wrap gap-5 mt-12\">\r\n<a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n   class=\"px-8 py-4 bg-emerald-600 hover:bg-[#D4AF37] hover:text-black text-white rounded-xl font-semibold transition duration-300 shadow-lg\">\r\n    Enroll Now\r\n<\/a>\r\n\r\n                    <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n\r\n                        class=\"px-8 py-4 border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-600 hover:text-white rounded-xl font-semibold transition duration-300\">\r\n\r\n                        Book Free Trial\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const section = document.querySelector(\"#academy-stats\");\r\n\r\n    if (!section) return;\r\n\r\n    let started = false;\r\n\r\n    function animateCounter(counter) {\r\n\r\n        const target = parseInt(counter.getAttribute(\"data-target\"));\r\n        const duration = 2000;\r\n        const start = 0;\r\n        const startTime = performance.now();\r\n\r\n        function update(currentTime) {\r\n\r\n            const progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n\r\n            const value = Math.floor(progress * (target - start) + start);\r\n\r\n            counter.innerHTML = value + \"+\";\r\n\r\n            if (progress < 1) {\r\n                requestAnimationFrame(update);\r\n            } else {\r\n                counter.innerHTML = target + \"+\";\r\n            }\r\n\r\n        }\r\n\r\n        requestAnimationFrame(update);\r\n\r\n    }\r\n\r\n    const observer = new IntersectionObserver(function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting && !started){\r\n\r\n                started = true;\r\n\r\n                document.querySelectorAll(\".counter\").forEach(function(counter){\r\n                    animateCounter(counter);\r\n                });\r\n\r\n            }\r\n\r\n        });\r\n\r\n    }, {\r\n        threshold: 0.35\r\n    });\r\n\r\n    observer.observe(section);\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8493bd5 e-con-full e-flex e-con e-parent\" data-id=\"8493bd5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c849fae elementor-widget elementor-widget-html\" data-id=\"c849fae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--================ OUR COURSES =================-->\r\n<section class=\"relative py-4 overflow-hidden bg-green-300\">\r\n\r\n    <!-- Background -->\r\n    <div class=\"absolute -top-32 left-0 w-96 h-96 bg-emerald-200\/30 rounded-full blur-3xl\"><\/div>\r\n    <div class=\"absolute -bottom-32 right-0 w-96 h-96 bg-yellow-200\/30 rounded-full blur-3xl\"><\/div>\r\n\r\n    <div class=\"relative z-10 max-w-7xl mx-auto px-6\">\r\n\r\n        <!-- Heading -->\r\n        <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n\r\n            <span class=\"inline-flex items-center gap-2 px-5 py-2 rounded-full bg-emerald-100 text-emerald-700 font-semibold\">\r\n                \ud83d\udcda Our Courses\r\n            <\/span>\r\n\r\n            <h2 class=\"mt-6 text-4xl lg:text-5xl font-extrabold text-gray-900\">\r\n                Learn The Quran With\r\n                <span class=\"text-emerald-600\">\r\n                    Expert Teachers\r\n                <\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"mt-6 text-lg text-gray-600 leading-8\">\r\n                Choose from our carefully designed Quran and Islamic Studies\r\n                programs for children, adults, beginners, and advanced learners.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- Courses Grid -->\r\n\r\n        <div class=\"grid md:grid-cols-2 xl:grid-cols-3 gap-8\">\r\n\r\n            <!-- Card 1 -->\r\n\r\n            <div class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500 p-8 flex flex-col h-full\">\r\n\r\n                <div class=\"flex justify-between items-start\">\r\n\r\n                    <div class=\"w-16 h-16 rounded-2xl bg-emerald-100 flex items-center justify-center text-3xl\">\r\n                        \ud83d\udcd6\r\n                    <\/div>\r\n\r\n                    <span class=\"px-3 py-1 rounded-full bg-emerald-50 text-emerald-700 text-xs font-semibold\">\r\n                        Beginner\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n                    Noorani Qaida\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n                    Learn Arabic letters, pronunciation and Quran reading with proper Tajweed.\r\n                <\/p>\r\n\r\n                <div class=\"flex justify-between mt-6 text-sm text-gray-500\">\r\n                    <span>\ud83d\udcc5 Flexible<\/span>\r\n                    <span>\ud83d\udc68\u200d\ud83c\udf93 Kids & Adults<\/span>\r\n                <\/div>\r\n\r\n<div class=\"mt-8 flex flex-col sm:flex-row gap-4\">\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n       class=\"w-full sm:flex-1 text-center bg-emerald-600 hover:bg-emerald-700 text-white hover:text-black py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Enroll Now\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n       class=\"w-full sm:flex-1 text-center border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-600 hover:text-white py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Book Free Trial\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card 2 -->\r\n\r\n            <div class=\"relative group bg-white rounded-3xl border border-emerald-200 shadow-xl hover:shadow-2xl hover:-translate-y-3 transition duration-500 p-8 flex flex-col h-full\">\r\n\r\n                <span class=\"absolute top-5 right-5 bg-yellow-400 text-black px-3 py-1 rounded-full text-xs font-bold\">\r\n                    MOST POPULAR\r\n                <\/span>\r\n\r\n                <div class=\"w-16 h-16 rounded-2xl bg-emerald-100 flex items-center justify-center text-3xl\">\r\n                    \ud83d\udd4c\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n                    Nazra Quran\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n                    Read the Holy Quran fluently with Tajweed, Tarteel and proper pronunciation.\r\n                <\/p>\r\n\r\n                <div class=\"flex justify-between mt-6 text-sm text-gray-500\">\r\n                    <span>\ud83d\udcc5 Flexible<\/span>\r\n                    <span>\ud83c\udf0d Online<\/span>\r\n                <\/div>\r\n\r\n             <div class=\"mt-8 flex flex-col sm:flex-row gap-4\">\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n       class=\"w-full sm:flex-1 text-center bg-emerald-600 hover:bg-emerald-700 text-white hover:text-black py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Enroll Now\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n       class=\"w-full sm:flex-1 text-center border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-600 hover:text-white py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Book Free Trial\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card 3 -->\r\n\r\n            <div class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500 p-8 flex flex-col h-full\">\r\n\r\n                <div class=\"w-16 h-16 rounded-2xl bg-yellow-100 flex items-center justify-center text-3xl\">\r\n                    \ud83e\udde0\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n                    Quran Memorization\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n                    Memorize the Holy Quran through structured lessons and daily revision.\r\n                <\/p>\r\n\r\n                <div class=\"flex justify-between mt-6 text-sm text-gray-500\">\r\n                    <span>\ud83d\udcc5 Daily<\/span>\r\n                    <span>\u2b50 Advanced<\/span>\r\n                <\/div>\r\n\r\n              <div class=\"mt-8 flex flex-col sm:flex-row gap-4\">\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n       class=\"w-full sm:flex-1 text-center bg-emerald-600 hover:bg-emerald-700 text-white hover:text-black py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Enroll Now\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n       class=\"w-full sm:flex-1 text-center border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-600 hover:text-white py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Book Free Trial\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card 4 -->\r\n\r\n            <div class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500 p-8 flex flex-col h-full\">\r\n\r\n                <div class=\"w-16 h-16 rounded-2xl bg-emerald-100 flex items-center justify-center text-3xl\">\r\n                    \ud83d\udcdc\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n                    Tarjuma & Tafseer\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n                    Understand the meanings, wisdom and practical teachings of the Holy Quran.\r\n                <\/p>\r\n\r\n                <div class=\"flex justify-between mt-6 text-sm text-gray-500\">\r\n                    <span>\ud83d\udcd6 Quran<\/span>\r\n                    <span>\ud83c\udf0d Online<\/span>\r\n                <\/div>\r\n\r\n               <div class=\"mt-8 flex flex-col sm:flex-row gap-4\">\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n       class=\"w-full sm:flex-1 text-center bg-emerald-600 hover:bg-emerald-700 text-white hover:text-black py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Enroll Now\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n       class=\"w-full sm:flex-1 text-center border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-600 hover:text-white py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Book Free Trial\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card 5 -->\r\n\r\n            <div class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500 p-8 flex flex-col h-full\">\r\n\r\n                <div class=\"w-16 h-16 rounded-2xl bg-yellow-100 flex items-center justify-center text-3xl\">\r\n                    \u2728\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n                    Basic & Advanced Tajweed\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n                    Master Makharij, pronunciation and Tajweed rules with expert guidance.\r\n                <\/p>\r\n\r\n                <div class=\"flex justify-between mt-6 text-sm text-gray-500\">\r\n                    <span>\ud83c\udfaf All Levels<\/span>\r\n                    <span>\ud83c\udf0d Online<\/span>\r\n                <\/div>\r\n\r\n              <div class=\"mt-8 flex flex-col sm:flex-row gap-4\">\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n       class=\"w-full sm:flex-1 text-center bg-emerald-600 hover:bg-emerald-700 text-white hover:text-black py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Enroll Now\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n       class=\"w-full sm:flex-1 text-center border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-600 hover:text-white py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Book Free Trial\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Card 6 -->\r\n\r\n            <div class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg hover:shadow-2xl hover:-translate-y-3 transition duration-500 p-8 flex flex-col h-full\">\r\n\r\n                <div class=\"w-16 h-16 rounded-2xl bg-gray-100 flex items-center justify-center text-3xl\">\r\n                    \ud83c\udf19\r\n                <\/div>\r\n\r\n                <h3 class=\"mt-6 text-2xl font-bold text-gray-900\">\r\n                    Deeniyat & Short Courses\r\n                <\/h3>\r\n\r\n                <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n                    Learn Namaz, Kalmas, Masnoon Duas, Islamic manners and short Islamic courses.\r\n                <\/p>\r\n\r\n                <div class=\"flex justify-between mt-6 text-sm text-gray-500\">\r\n                    <span>\u23f1 10\u201315 Days<\/span>\r\n                    <span>\ud83d\udcda Beginner<\/span>\r\n                <\/div>\r\n\r\n           <div class=\"mt-8 flex flex-col sm:flex-row gap-4\">\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n       class=\"w-full sm:flex-1 text-center bg-emerald-600 hover:bg-emerald-700 text-white hover:text-black py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Enroll Now\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n       class=\"w-full sm:flex-1 text-center border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-600 hover:text-white py-3 sm:py-4 px-6 rounded-xl font-semibold transition-all duration-300 ease-in-out shadow-md hover:shadow-lg\">\r\n        Book Free Trial\r\n    <\/a>\r\n\r\n<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9da53a1 e-con-full e-flex e-con e-parent\" data-id=\"9da53a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6722ba8 elementor-widget elementor-widget-html\" data-id=\"6722ba8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--==================== OUR FACULTY ====================-->\r\n<section class=\"relative py-10 overflow-hidden bg-gradient-to-b from-white via-emerald-50\/40 to-white\">\r\n\r\n    <!-- Background -->\r\n    <div class=\"absolute -top-32 left-0 w-96 h-96 bg-emerald-200\/30 rounded-full blur-3xl\"><\/div>\r\n    <div class=\"absolute -bottom-32 right-0 w-96 h-96 bg-yellow-200\/30 rounded-full blur-3xl\"><\/div>\r\n\r\n    <div class=\"relative z-10 max-w-7xl mx-auto px-6\">\r\n\r\n        <!-- Heading -->\r\n        <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n            <span class=\"inline-flex items-center gap-2 px-5 py-2 rounded-full bg-emerald-100 text-emerald-700 font-semibold\">\r\n                \ud83d\udc68\u200d\ud83c\udfeb Meet Our Teachers\r\n            <\/span>\r\n            <h2 class=\"mt-6 text-4xl lg:text-5xl font-extrabold text-gray-900\">\r\n                Learn From\r\n                <span class=\"text-emerald-600\">Qualified Quran Scholars<\/span>\r\n            <\/h2>\r\n            <p class=\"mt-6 text-lg text-gray-600 leading-8\">\r\n                Our certified male and female Quran teachers are dedicated to providing\r\n                authentic Islamic education through personalized one-to-one online classes.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Teachers -->\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n            <!-- Teacher 1 -->\r\n            <div class=\"group bg-white rounded-[30px] overflow-hidden border border-gray-100 shadow-xl hover:shadow-2xl hover:-translate-y-3 transition-all duration-500 flex flex-col h-full\">\r\n                <div class=\"relative overflow-hidden\">\r\n                    <img decoding=\"async\" src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/f6d20754-e329-4702-877e-84100bf75ffb.png\"\r\n                        alt=\"Qaria Sidra Abdul Waheed, Female Faculty Head\"\r\n                        class=\"w-full h-80 object-cover group-hover:scale-110 transition duration-700\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 via-transparent to-transparent\"><\/div>\r\n                    <div class=\"absolute bottom-5 left-5\">\r\n                        <span class=\"bg-white px-4 py-2 rounded-full text-sm font-semibold text-emerald-700 shadow-lg\">\r\n                            14+ Years Experience\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-7 flex flex-col flex-grow\">\r\n                    <span class=\"text-sm font-semibold text-emerald-600\">Female Faculty Head<\/span>\r\n                    <h3 class=\"mt-2 text-2xl font-bold text-gray-900\">Qaria Sidra Abdul Waheed<\/h3>\r\n                    <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n                        Hafiza-e-Quran, Alima and Tajweed Specialist with extensive\r\n                        experience teaching students of all ages worldwide.\r\n                    <\/p>\r\n                    <div class=\"flex flex-wrap gap-2 mt-6\">\r\n                        <span class=\"px-3 py-2 rounded-full bg-emerald-100 text-emerald-700 text-xs font-semibold\">Tajweed<\/span>\r\n                        <span class=\"px-3 py-2 rounded-full bg-yellow-100 text-yellow-700 text-xs font-semibold\">Hifz<\/span>\r\n                        <span class=\"px-3 py-2 rounded-full bg-blue-100 text-blue-700 text-xs font-semibold\">Deeniyat<\/span>\r\n                    <\/div>\r\n                   \r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Teacher 2 -->\r\n   <div class=\"group bg-white rounded-[30px] overflow-hidden border border-gray-100 shadow-xl hover:shadow-2xl hover:-translate-y-3 transition-all duration-500 flex flex-col h-full\">\r\n    <div class=\"relative overflow-hidden\">\r\n        <img decoding=\"async\" src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/27533ac2-2ac3-4b98-b90a-0e76ea7eff47.png\"\r\n            alt=\"Hafiz Qari Mufti Mujeeb ur Rahman\"\r\n            class=\"w-full h-80 object-cover group-hover:scale-110 transition duration-700\">\r\n\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 via-transparent to-transparent\"><\/div>\r\n\r\n        <div class=\"absolute bottom-5 left-5\">\r\n            <span class=\"bg-white px-4 py-2 rounded-full text-sm font-semibold text-emerald-700 shadow-lg\">\r\n                14+ Years Experience\r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"p-7 flex flex-col flex-grow\">\r\n\r\n        <span class=\"text-sm font-semibold text-emerald-600\">\r\n            Arabic Language &amp; Islamic Studies Instructor\r\n        <\/span>\r\n\r\n        <h3 class=\"mt-2 text-2xl font-bold text-gray-900\">\r\n            Hafiz Qari Mufti Mujeeb ur Rahman\r\n        <\/h3>\r\n\r\n        <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n            Hafiz Qari Mufti Mujeeb ur Rahman is a highly qualified scholar at\r\n            Markaz Noor-ul-Quran with over <strong>14 years of professional\r\n            teaching experience<\/strong>. He specializes in teaching Arabic\r\n            Language, Quran, Tajweed and Islamic Studies in a simple,\r\n            practical and engaging way for students of all ages.\r\n        <\/p>\r\n\r\n        <div class=\"flex flex-wrap gap-2 mt-6\">\r\n            <span class=\"px-3 py-2 rounded-full bg-emerald-100 text-emerald-700 text-xs font-semibold\">\r\n                Hafiz-e-Quran\r\n            <\/span>\r\n\r\n            <span class=\"px-3 py-2 rounded-full bg-yellow-100 text-yellow-700 text-xs font-semibold\">\r\n                Mufti\r\n            <\/span>\r\n\r\n            <span class=\"px-3 py-2 rounded-full bg-blue-100 text-blue-700 text-xs font-semibold\">\r\n                M.A. Arabic\r\n            <\/span>\r\n\r\n            <span class=\"px-3 py-2 rounded-full bg-purple-100 text-purple-700 text-xs font-semibold\">\r\n                Dars-e-Nizami\r\n            <\/span>\r\n\r\n            <span class=\"px-3 py-2 rounded-full bg-red-100 text-red-700 text-xs font-semibold\">\r\n                Quran &amp; Tajweed\r\n            <\/span>\r\n\r\n            <span class=\"px-3 py-2 rounded-full bg-indigo-100 text-indigo-700 text-xs font-semibold\">\r\n                Hadith &amp; Fiqh\r\n            <\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n            <!-- Teacher 3 -->\r\n            <div class=\"group bg-white rounded-[30px] overflow-hidden border border-gray-100 shadow-xl hover:shadow-2xl hover:-translate-y-3 transition-all duration-500 flex flex-col h-full\">\r\n                <div class=\"relative overflow-hidden\">\r\n                    <img decoding=\"async\" src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/27533ac2-2ac3-4b98-b90a-0e76ea7eff47.png\"\r\n                        alt=\"Qari Atta Ur Rehman Shafiq, International Scholar\"\r\n                        class=\"w-full h-80 object-cover group-hover:scale-110 transition duration-700\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 via-transparent to-transparent\"><\/div>\r\n                    <div class=\"absolute bottom-5 left-5\">\r\n                        <span class=\"bg-white px-4 py-2 rounded-full text-sm font-semibold text-emerald-700 shadow-lg\">\r\n                            International Scholar\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-7 flex flex-col flex-grow\">\r\n                    <span class=\"text-sm font-semibold text-emerald-600\">Quran &amp; Islamic Studies Teacher<\/span>\r\n                    <h3 class=\"mt-2 text-2xl font-bold text-gray-900\">Qari Atta Ur Rehman Shafiq<\/h3>\r\n                    <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n                        Expert Quran instructor specializing in Tajweed, Tafseer,\r\n                        Hadith, Hifz and Islamic character development with years\r\n                        of teaching experience.\r\n                    <\/p>\r\n\r\n                    <!-- Skills -->\r\n                    <div class=\"flex flex-wrap gap-2 mt-6\">\r\n                        <span class=\"px-3 py-2 rounded-full bg-emerald-100 text-emerald-700 text-xs font-semibold\">Tajweed<\/span>\r\n                        <span class=\"px-3 py-2 rounded-full bg-yellow-100 text-yellow-700 text-xs font-semibold\">Tafseer<\/span>\r\n                        <span class=\"px-3 py-2 rounded-full bg-blue-100 text-blue-700 text-xs font-semibold\">Hifz<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Buttons -->\r\n                    <div class=\"flex gap-3 mt-8\">\r\n                       \r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n<!-- Teacher 4 -->\r\n<div class=\"group bg-white rounded-[30px] overflow-hidden border border-gray-100 shadow-xl hover:shadow-2xl hover:-translate-y-3 transition-all duration-500 flex flex-col h-full\">\r\n\r\n    <div class=\"relative overflow-hidden\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/f6d20754-e329-4702-877e-84100bf75ffb.png\"\r\n            alt=\"Muallima Qaria Hina Mohsin\"\r\n            class=\"w-full h-80 object-cover group-hover:scale-110 transition duration-700\">\r\n\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 via-transparent to-transparent\"><\/div>\r\n\r\n        <div class=\"absolute bottom-5 left-5\">\r\n            <span class=\"bg-white px-4 py-2 rounded-full text-sm font-semibold text-emerald-700 shadow-lg\">\r\n                Tajweed Specialist\r\n            <\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"p-7 flex flex-col flex-grow\">\r\n\r\n        <span class=\"text-sm font-semibold text-emerald-600\">\r\n            Islamic Studies &amp; Tajweed Instructor\r\n        <\/span>\r\n\r\n        <h3 class=\"mt-2 text-2xl font-bold text-gray-900\">\r\n            Muallima Qaria Hina Mohsin\r\n        <\/h3>\r\n\r\n        <p class=\"text-sm text-emerald-600 mt-1\">\r\n            \r\n        <\/p>\r\n\r\n        <p class=\"mt-4 text-gray-600 leading-7 flex-grow\">\r\n            Qualified Islamic Studies and Tajweed instructor with extensive academic\r\n            and professional training in Dars-e-Nizami, Tajweed, and Qirat.\r\n            Dedicated to helping students build strong Quran recitation skills\r\n            while understanding Islamic teachings with confidence.\r\n        <\/p>\r\n\r\n        <!-- Qualifications -->\r\n        <div class=\"mt-6 space-y-3 text-sm text-gray-600\">\r\n\r\n            <div class=\"flex items-start gap-2\">\r\n                <i class=\"fa-solid fa-graduation-cap text-emerald-600 mt-1\"><\/i>\r\n                <span>B.A. (Higher Education)<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"flex items-start gap-2\">\r\n                <i class=\"fa-solid fa-book-open text-emerald-600 mt-1\"><\/i>\r\n                <span>Dars-e-Nizami \/ Dirasat-e-Diniya (2-Year Diploma)<br>Jamia Madrasat-us-Suda Lil-Banat<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"flex items-start gap-2\">\r\n                <i class=\"fa-solid fa-certificate text-emerald-600 mt-1\"><\/i>\r\n                <span>2-Year Advanced Tajweed Course<br>Madrasa Ummahat-ul-Momineen (2013)<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"flex items-start gap-2\">\r\n                <i class=\"fa-solid fa-award text-emerald-600 mt-1\"><\/i>\r\n                <span>6-Month Tajweed Teacher Training Course<br>Jamiat Ta'leem-ul-Quran (2023)<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"flex items-start gap-2\">\r\n                <i class=\"fa-solid fa-laptop text-emerald-600 mt-1\"><\/i>\r\n                <span>3-Month Online Tajweed Certification<br>Markaz-ul-Amaan Online Academy (2023)<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Skills -->\r\n        <div class=\"flex flex-wrap gap-2 mt-6\">\r\n\r\n            <span class=\"px-3 py-2 rounded-full bg-emerald-100 text-emerald-700 text-xs font-semibold\">\r\n                Tajweed\r\n            <\/span>\r\n\r\n            <span class=\"px-3 py-2 rounded-full bg-yellow-100 text-yellow-700 text-xs font-semibold\">\r\n                Qirat\r\n            <\/span>\r\n\r\n            <span class=\"px-3 py-2 rounded-full bg-blue-100 text-blue-700 text-xs font-semibold\">\r\n                Islamic Studies\r\n            <\/span>\r\n\r\n            <span class=\"px-3 py-2 rounded-full bg-purple-100 text-purple-700 text-xs font-semibold\">\r\n                Dars-e-Nizami\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23cd06b e-con-full e-flex e-con e-parent\" data-id=\"23cd06b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13fbf12 elementor-widget elementor-widget-html\" data-id=\"13fbf12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"relative py-4 overflow-hidden bg-green-300\">\r\n    <!-- Decorative Blur -->\r\n    <div class=\"absolute -top-40 -left-40 w-96 h-96 bg-emerald-200\/30 rounded-full blur-3xl\"><\/div>\r\n    <div class=\"absolute -bottom-40 -right-40 w-96 h-96 bg-yellow-200\/20 rounded-full blur-3xl\"><\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\r\n\r\n        <!-- Heading -->\r\n        <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n\r\n            <span class=\"inline-flex items-center gap-2 px-5 py-2 rounded-full bg-emerald-100 text-emerald-700 font-semibold\">\r\n                \ud83d\udcda Simple Learning Process\r\n            <\/span>\r\n\r\n            <h2 class=\"mt-6 text-4xl lg:text-5xl font-extrabold text-gray-900\">\r\n\r\n                How Our\r\n                <span class=\"text-emerald-600\">\r\n                    Online Classes Work\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n            <p class=\"mt-6 text-lg text-gray-600 leading-8\">\r\n\r\n                Getting started is quick and simple. Follow these four easy steps\r\n                to begin your personalized Quran learning journey from anywhere\r\n                in the world.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- Timeline -->\r\n        <div class=\"relative\">\r\n\r\n            <!-- Connecting Line -->\r\n            <div class=\"hidden lg:block absolute top-12 left-0 right-0 h-1 bg-gradient-to-r from-emerald-200 via-yellow-300 to-emerald-200\"><\/div>\r\n\r\n            <div class=\"grid lg:grid-cols-4 md:grid-cols-2 gap-8 relative\">\r\n\r\n                <!-- STEP 1 -->\r\n                <div class=\"group relative\">\r\n\r\n                    <div class=\"bg-white rounded-[30px] p-8 shadow-lg border border-gray-100 hover:-translate-y-3 hover:shadow-2xl transition duration-500\">\r\n\r\n                        <div class=\"relative mb-8\">\r\n\r\n                            <div class=\"w-24 h-24 mx-auto rounded-full bg-emerald-600 flex items-center justify-center text-white text-5xl shadow-xl\">\r\n                                \ud83d\udcdd\r\n                            <\/div>\r\n\r\n                            <div class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 w-9 h-9 rounded-full bg-yellow-400 text-gray-900 font-bold flex items-center justify-center shadow-lg\">\r\n                                1\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-2xl font-bold text-center text-gray-900\">\r\n                            Register Online\r\n                        <\/h3>\r\n\r\n                        <p class=\"text-gray-600 text-center mt-5 leading-7\">\r\n\r\n                            Complete our online registration form and choose your\r\n                            desired Quran course and preferred class timings.\r\n\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- STEP 2 -->\r\n                <div class=\"group relative\">\r\n\r\n                    <div class=\"bg-white rounded-[30px] p-8 shadow-lg border border-gray-100 hover:-translate-y-3 hover:shadow-2xl transition duration-500\">\r\n\r\n                        <div class=\"relative mb-8\">\r\n\r\n                            <div class=\"w-24 h-24 mx-auto rounded-full bg-yellow-400 flex items-center justify-center text-5xl shadow-xl\">\r\n                                \ud83c\udfaf\r\n                            <\/div>\r\n\r\n                            <div class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 w-9 h-9 rounded-full bg-emerald-600 text-white font-bold flex items-center justify-center shadow-lg\">\r\n                                2\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-2xl font-bold text-center text-gray-900\">\r\n                            Free Assessment\r\n                        <\/h3>\r\n\r\n                        <p class=\"text-gray-600 text-center mt-5 leading-7\">\r\n\r\n                            We assess your current level and learning goals to\r\n                            recommend the most suitable teacher and course.\r\n\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- STEP 3 -->\r\n                <div class=\"group relative\">\r\n\r\n                    <div class=\"bg-white rounded-[30px] p-8 shadow-lg border border-gray-100 hover:-translate-y-3 hover:shadow-2xl transition duration-500\">\r\n\r\n                        <div class=\"relative mb-8\">\r\n\r\n                            <div class=\"w-24 h-24 mx-auto rounded-full bg-emerald-600 flex items-center justify-center text-white text-5xl shadow-xl\">\r\n                                \ud83d\udc68\u200d\ud83c\udfeb\r\n                            <\/div>\r\n\r\n                            <div class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 w-9 h-9 rounded-full bg-yellow-400 text-gray-900 font-bold flex items-center justify-center shadow-lg\">\r\n                                3\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-2xl font-bold text-center text-gray-900\">\r\n                            Meet Your Teacher\r\n                        <\/h3>\r\n\r\n                        <p class=\"text-gray-600 text-center mt-5 leading-7\">\r\n\r\n                            Get matched with an experienced male or female Quran\r\n                            teacher according to your schedule and preferences.\r\n\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- STEP 4 -->\r\n                <div class=\"group relative\">\r\n\r\n                    <div class=\"bg-white rounded-[30px] p-8 shadow-lg border border-gray-100 hover:-translate-y-3 hover:shadow-2xl transition duration-500\">\r\n\r\n                        <div class=\"relative mb-8\">\r\n\r\n                            <div class=\"w-24 h-24 mx-auto rounded-full bg-yellow-400 flex items-center justify-center text-5xl shadow-xl\">\r\n                                \ud83d\udcd6\r\n                            <\/div>\r\n\r\n                            <div class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 w-9 h-9 rounded-full bg-emerald-600 text-white font-bold flex items-center justify-center shadow-lg\">\r\n                                4\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-2xl font-bold text-center text-gray-900\">\r\n                            Start Learning\r\n                        <\/h3>\r\n\r\n                        <p class=\"text-gray-600 text-center mt-5 leading-7\">\r\n\r\n                            Begin your live one-to-one online Quran classes and\r\n                            receive continuous progress reports from your teacher.\r\n\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Bottom CTA -->\r\n\r\n        <div class=\"mt-20 rounded-[35px] bg-gradient-to-r from-emerald-700 to-emerald-900 p-10 lg:p-14 shadow-2xl\">\r\n\r\n            <div class=\"flex flex-col lg:flex-row items-center justify-between gap-8\">\r\n\r\n                <div>\r\n\r\n                    <h3 class=\"text-3xl lg:text-4xl font-bold text-white\">\r\n\r\n                        Ready to Begin Your Quran Learning Journey?\r\n\r\n                    <\/h3>\r\n\r\n                    <p class=\"mt-4 text-emerald-100 text-lg\">\r\n\r\n                        Book your FREE trial class today and experience personalized\r\n                        online Quran education with our certified teachers.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"flex flex-wrap gap-4\">\r\n\r\n                    <a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n                       class=\"px-8 py-4 rounded-xl bg-white text-emerald-700 font-semibold hover:bg-yellow-300 transition\">\r\n\r\n                        Book Free Trial\r\n\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n   class=\"inline-flex items-center justify-center px-8 py-4 rounded-xl bg-[#059669] text-white font-semibold shadow-lg transition-all duration-300 ease-in-out hover:bg-[#D4AF37] hover:text-black hover:shadow-2xl hover:-translate-y-1\">\r\n\r\n    Contact Us\r\n\r\n<\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bfa720 e-con-full e-flex e-con e-parent\" data-id=\"5bfa720\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d0bff4 elementor-widget elementor-widget-html\" data-id=\"3d0bff4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     TESTIMONIALS SECTION\r\n========================== -->\r\n<section class=\"relative py-4 overflow-hidden bg-gradient-to-b from-white via-emerald-50\/30 to-white\">\r\n\r\n    <!-- Background Blur -->\r\n    <div class=\"absolute top-0 left-0 w-72 h-72 bg-emerald-200 rounded-full blur-[120px] opacity-30\"><\/div>\r\n    <div class=\"absolute bottom-0 right-0 w-80 h-80 bg-teal-200 rounded-full blur-[120px] opacity-30\"><\/div>\r\n\r\n    <div class=\"relative max-w-7xl mx-auto px-6\">\r\n\r\n        <!-- Heading -->\r\n\r\n        <div class=\"text-center\">\r\n\r\n            <span class=\"inline-flex items-center gap-2 bg-emerald-100 text-emerald-700 px-6 py-2 rounded-full font-semibold text-sm\">\r\n                \u2b50 Student Testimonials\r\n            <\/span>\r\n\r\n            <h2 class=\"mt-6 text-5xl font-black text-gray-900 leading-tight\">\r\n                Trusted By Families\r\n                <span class=\"text-emerald-600\">\r\n                    Around The World\r\n                <\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"mt-6 max-w-3xl mx-auto text-lg text-gray-600 leading-8\">\r\n                Hear from parents and students who have transformed their Quran learning journey through our experienced teachers and personalized online classes.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- Stats -->\r\n\r\n        <div class=\"mt-16 bg-gradient-to-r from-emerald-700 to-emerald-600 rounded-[35px] p-10 text-white shadow-2xl\">\r\n\r\n           <div class=\"grid lg:grid-cols-4 md:grid-cols-2 gap-10 items-center\" id=\"stats-counter\">\r\n\r\n    <div>\r\n        <div class=\"text-yellow-300 text-2xl mb-3\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n        <\/div>\r\n\r\n        <h3 class=\"counter-decimal text-6xl font-black text-white\"\r\n            data-target=\"4.9\"\r\n            data-suffix=\"\/5\">\r\n            0\r\n        <\/h3>\r\n\r\n        <p class=\"mt-2 text-emerald-100\">\r\n            Average rating from our students worldwide\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"text-center\">\r\n        <h3 class=\"counter text-5xl font-black text-white\"\r\n            data-target=\"1500\"\r\n            data-suffix=\"+\">\r\n            0\r\n        <\/h3>\r\n\r\n        <p class=\"text-emerald-100\">\r\n            Students\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"text-center\">\r\n        <h3 class=\"counter text-5xl font-black text-white\"\r\n            data-target=\"35\"\r\n            data-suffix=\"+\">\r\n            0\r\n        <\/h3>\r\n\r\n        <p class=\"text-emerald-100\">\r\n            Countries\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"text-center\">\r\n        <h3 class=\"counter text-5xl font-black text-white\"\r\n            data-target=\"98\"\r\n            data-suffix=\"%\">\r\n            0\r\n        <\/h3>\r\n\r\n        <p class=\"text-emerald-100\">\r\n            Satisfaction\r\n        <\/p>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Gallery -->\r\n\r\n        <div class=\"mt-20\">\r\n\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n                <!-- Review 1 -->\r\n\r\n                <div class=\"group overflow-hidden rounded-3xl shadow-xl bg-white hover:-translate-y-2 duration-500\">\r\n\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/ali2.png\"\r\n                    class=\"w-full object-cover transition duration-700 group-hover:scale-105\"\r\n                    alt=\"Review\">\r\n\r\n                <\/div>\r\n\r\n                <!-- Review 2 -->\r\n\r\n                <div class=\"group overflow-hidden rounded-3xl shadow-xl bg-white hover:-translate-y-2 duration-500\">\r\n\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/hello2.png\"\r\n                    class=\"w-full object-cover transition duration-700 group-hover:scale-105\"\r\n                    alt=\"Review\">\r\n\r\n                <\/div>\r\n\r\n                <!-- Review 3 -->\r\n\r\n                <div class=\"group overflow-hidden rounded-3xl shadow-xl bg-white hover:-translate-y-2 duration-500\">\r\n\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/hello3.png\"\r\n                    class=\"w-full object-cover transition duration-700 group-hover:scale-105\"\r\n                    alt=\"Review\">\r\n\r\n                <\/div>\r\n\r\n                <!-- Review 4 -->\r\n\r\n                <div class=\"group overflow-hidden rounded-3xl shadow-xl bg-white hover:-translate-y-2 duration-500\">\r\n\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/alia.png\"\r\n                    class=\"w-full object-cover transition duration-700 group-hover:scale-105\"\r\n                    alt=\"Review\">\r\n\r\n                <\/div>\r\n\r\n                <!-- Review 5 -->\r\n\r\n                <div class=\"group overflow-hidden rounded-3xl shadow-xl bg-white hover:-translate-y-2 duration-500\">\r\n\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/alia1.png\"\r\n                    class=\"w-full object-cover transition duration-700 group-hover:scale-105\"\r\n                    alt=\"Review\">\r\n\r\n                <\/div>\r\n\r\n                <!-- Review 6 -->\r\n\r\n                <div class=\"group overflow-hidden rounded-3xl shadow-xl bg-white hover:-translate-y-2 duration-500\">\r\n\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/markaznoorulquraan.com\/wp-content\/uploads\/2026\/07\/hello1.png\"\r\n                    class=\"w-full object-cover transition duration-700 group-hover:scale-105\"\r\n                    alt=\"Review\">\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const section = document.getElementById(\"stats-counter\");\r\n\r\n    if (!section) return;\r\n\r\n    let started = false;\r\n\r\n    const observer = new IntersectionObserver(function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting && !started){\r\n\r\n                started = true;\r\n\r\n                \/\/ Integer counters\r\n                document.querySelectorAll(\"#stats-counter .counter\").forEach(function(counter){\r\n\r\n                    const target = parseInt(counter.dataset.target);\r\n                    const suffix = counter.dataset.suffix || \"\";\r\n                    const duration = 2000;\r\n                    const startTime = performance.now();\r\n\r\n                    function update(now){\r\n\r\n                        const progress = Math.min((now - startTime) \/ duration, 1);\r\n                        const value = Math.floor(progress * target);\r\n\r\n                        counter.innerHTML = value.toLocaleString() + suffix;\r\n\r\n                        if(progress < 1){\r\n                            requestAnimationFrame(update);\r\n                        }else{\r\n                            counter.innerHTML = target.toLocaleString() + suffix;\r\n                        }\r\n\r\n                    }\r\n\r\n                    requestAnimationFrame(update);\r\n\r\n                });\r\n\r\n                \/\/ Decimal counter (4.9\/5)\r\n                document.querySelectorAll(\"#stats-counter .counter-decimal\").forEach(function(counter){\r\n\r\n                    const target = parseFloat(counter.dataset.target);\r\n                    const suffix = counter.dataset.suffix || \"\";\r\n                    const duration = 2000;\r\n                    const startTime = performance.now();\r\n\r\n                    function update(now){\r\n\r\n                        const progress = Math.min((now - startTime) \/ duration, 1);\r\n                        const value = (progress * target).toFixed(1);\r\n\r\n                        counter.innerHTML = value + suffix;\r\n\r\n                        if(progress < 1){\r\n                            requestAnimationFrame(update);\r\n                        }else{\r\n                            counter.innerHTML = target.toFixed(1) + suffix;\r\n                        }\r\n\r\n                    }\r\n\r\n                    requestAnimationFrame(update);\r\n\r\n                });\r\n\r\n            }\r\n\r\n        });\r\n\r\n    }, { threshold: 0.4 });\r\n\r\n    observer.observe(section);\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1440aa e-con-full e-flex e-con e-parent\" data-id=\"f1440aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbc88fe elementor-widget elementor-widget-html\" data-id=\"dbc88fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"relative py-10 lg:py-8 overflow-hidden bg-gradient-to-b from-white via-emerald-50\/40 to-white\">\r\n\r\n  <!-- Background -->\r\n  <div class=\"hidden lg:block absolute -top-40 -left-40 w-96 h-96 bg-emerald-200\/30 rounded-full blur-3xl\"><\/div>\r\n  <div class=\"hidden lg:block absolute -bottom-40 -right-40 w-[450px] h-[450px] bg-yellow-200\/20 rounded-full blur-3xl\"><\/div>\r\n\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-6 lg:px-8 relative z-10\">\r\n\r\n    <div class=\"grid lg:grid-cols-2 gap-10 lg:gap-20 items-center\">\r\n\r\n      <!-- Left -->\r\n      <div>\r\n\r\n        <span class=\"inline-flex items-center gap-2 px-4 sm:px-5 py-2 rounded-full bg-emerald-100 text-emerald-700 font-semibold text-sm sm:text-base\">\r\n          \ud83c\udf0d Worldwide Students\r\n        <\/span>\r\n\r\n        <h2 class=\"mt-6 text-3xl sm:text-4xl lg:text-5xl font-extrabold text-gray-900 leading-tight\">\r\n          Teaching Students\r\n          <span class=\"text-emerald-600\">Across The Globe<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-gray-600\">\r\n          Markaz Noor-ul-Quran proudly serves students around the world through\r\n          live one-to-one Quran classes with experienced male and female teachers.\r\n        <\/p>\r\n\r\n        <div class=\"mt-8 space-y-5\">\r\n\r\n          <div class=\"flex gap-4\">\r\n            <div class=\"w-12 h-12 rounded-xl bg-emerald-100 flex items-center justify-center text-2xl\">\ud83c\udf0e<\/div>\r\n            <div>\r\n              <h4 class=\"font-bold text-lg\">Students in 35+ Countries<\/h4>\r\n              <p class=\"text-gray-600\">Join learners from every continent.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"flex gap-4\">\r\n            <div class=\"w-12 h-12 rounded-xl bg-yellow-100 flex items-center justify-center text-2xl\">\ud83d\udd52<\/div>\r\n            <div>\r\n              <h4 class=\"font-bold text-lg\">Flexible Time Zones<\/h4>\r\n              <p class=\"text-gray-600\">Classes according to your local time.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"flex gap-4\">\r\n            <div class=\"w-12 h-12 rounded-xl bg-emerald-100 flex items-center justify-center text-2xl\">\ud83d\udcbb<\/div>\r\n            <div>\r\n              <h4 class=\"font-bold text-lg\">Live One-to-One Sessions<\/h4>\r\n              <p class=\"text-gray-600\">Interactive online classes with certified teachers.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mt-10 flex flex-col sm:flex-row gap-4\">\r\n\r\n          <a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n             class=\"w-full sm:w-auto text-center px-8 py-4 rounded-xl bg-emerald-600 text-white font-semibold shadow-lg hover:bg-[#D4AF37] hover:text-black transition-all duration-300\">\r\n            Join From Anywhere\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n             class=\"w-full sm:w-auto text-center px-8 py-4 rounded-xl border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-600 hover:text-white transition-all duration-300\">\r\n            Free Trial Class\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Right -->\r\n      <div class=\"relative mt-10 lg:mt-0\">\r\n\r\n        <div class=\"bg-white rounded-3xl lg:rounded-[35px] p-4 sm:p-6 lg:p-10 shadow-2xl border border-gray-100\">\r\n          <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/80\/World_map_-_low_resolution.svg\"\r\n               class=\"w-full h-auto object-contain\"\r\n               alt=\"World Map\">\r\n        <\/div>\r\n\r\n        <div class=\"absolute top-2 sm:top-5 left-2 bg-white rounded-xl px-3 sm:px-5 py-2 shadow-lg border text-xs sm:text-sm\">\ud83c\uddf5\ud83c\uddf0 Pakistan<\/div>\r\n        <div class=\"absolute top-12 sm:top-16 right-2 bg-white rounded-xl px-3 sm:px-5 py-2 shadow-lg border text-xs sm:text-sm\">\ud83c\uddec\ud83c\udde7 United Kingdom<\/div>\r\n        <div class=\"absolute bottom-20 sm:bottom-24 left-2 sm:left-5 bg-white rounded-xl px-3 sm:px-5 py-2 shadow-lg border text-xs sm:text-sm\">\ud83c\uddfa\ud83c\uddf8 USA<\/div>\r\n        <div class=\"absolute bottom-4 sm:bottom-10 right-2 sm:right-10 bg-white rounded-xl px-3 sm:px-5 py-2 shadow-lg border text-xs sm:text-sm\">\ud83c\udde8\ud83c\udde6 Canada<\/div>\r\n        <div class=\"absolute top-1\/2 left-0 sm:-left-5 bg-white rounded-xl px-3 sm:px-5 py-2 shadow-lg border text-xs sm:text-sm\">\ud83c\udde6\ud83c\uddea UAE<\/div>\r\n        <div class=\"absolute top-1\/2 right-0 sm:-right-6 bg-white rounded-xl px-3 sm:px-5 py-2 shadow-lg border text-xs sm:text-sm\">\ud83c\udde6\ud83c\uddfa Australia<\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n<!-- ================= Statistics ================= -->\r\n<div class=\"mt-16 lg:mt-24\" id=\"academy-counter\">\r\n\r\n    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8\">\r\n\r\n        <!-- Students -->\r\n        <div class=\"bg-white rounded-3xl p-6 sm:p-8 text-center shadow-lg border border-gray-100 hover:-translate-y-2 hover:shadow-2xl transition-all duration-300\">\r\n\r\n            <h3 class=\"counter text-4xl sm:text-5xl font-extrabold text-emerald-600\"\r\n                data-target=\"1500\"\r\n                data-suffix=\"+\">\r\n                0\r\n            <\/h3>\r\n\r\n            <p class=\"mt-3 text-gray-600 font-medium\">\r\n                Active Students\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- Countries -->\r\n        <div class=\"bg-white rounded-3xl p-6 sm:p-8 text-center shadow-lg border border-gray-100 hover:-translate-y-2 hover:shadow-2xl transition-all duration-300\">\r\n\r\n            <h3 class=\"counter text-4xl sm:text-5xl font-extrabold text-emerald-600\"\r\n                data-target=\"35\"\r\n                data-suffix=\"+\">\r\n                0\r\n            <\/h3>\r\n\r\n            <p class=\"mt-3 text-gray-600 font-medium\">\r\n                Countries\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- Teachers -->\r\n        <div class=\"bg-white rounded-3xl p-6 sm:p-8 text-center shadow-lg border border-gray-100 hover:-translate-y-2 hover:shadow-2xl transition-all duration-300\">\r\n\r\n            <h3 class=\"counter text-4xl sm:text-5xl font-extrabold text-emerald-600\"\r\n                data-target=\"20\"\r\n                data-suffix=\"+\">\r\n                0\r\n            <\/h3>\r\n\r\n            <p class=\"mt-3 text-gray-600 font-medium\">\r\n                Certified Teachers\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- Satisfaction -->\r\n        <div class=\"bg-gradient-to-br from-emerald-600 to-emerald-800 rounded-3xl p-6 sm:p-8 text-center shadow-2xl hover:-translate-y-2 transition-all duration-300\">\r\n\r\n            <h3 class=\"counter text-4xl sm:text-5xl font-extrabold text-white\"\r\n                data-target=\"98\"\r\n                data-suffix=\"%\">\r\n                0\r\n            <\/h3>\r\n\r\n            <p class=\"mt-3 text-emerald-100 font-medium\">\r\n                Student Satisfaction\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const section = document.getElementById(\"academy-counter\");\r\n\r\n    if (!section) return;\r\n\r\n    let started = false;\r\n\r\n    const observer = new IntersectionObserver(function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting && !started){\r\n\r\n                started = true;\r\n\r\n                section.querySelectorAll(\".counter\").forEach(function(counter){\r\n\r\n                    const target = parseInt(counter.dataset.target);\r\n                    const suffix = counter.dataset.suffix || \"\";\r\n                    const duration = 2000;\r\n                    const startTime = performance.now();\r\n\r\n                    function update(now){\r\n\r\n                        const progress = Math.min((now-startTime)\/duration,1);\r\n\r\n                        const value = Math.floor(progress * target);\r\n\r\n                        counter.innerHTML = value.toLocaleString() + suffix;\r\n\r\n                        if(progress < 1){\r\n\r\n                            requestAnimationFrame(update);\r\n\r\n                        }else{\r\n\r\n                            counter.innerHTML = target.toLocaleString() + suffix;\r\n\r\n                        }\r\n\r\n                    }\r\n\r\n                    requestAnimationFrame(update);\r\n\r\n                });\r\n\r\n                observer.unobserve(section);\r\n\r\n            }\r\n\r\n        });\r\n\r\n    },{\r\n\r\n        threshold:0.35\r\n\r\n    });\r\n\r\n    observer.observe(section);\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b0bc9d e-con-full e-flex e-con e-parent\" data-id=\"0b0bc9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fde0ec3 elementor-widget elementor-widget-html\" data-id=\"fde0ec3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--==================== ADMISSION & HIRING ====================-->\r\n<section class=\"relative py-10 overflow-hidden bg-gradient-to-b from-white via-emerald-50\/40 to-white\">\r\n\r\n    <!-- Decorative Background -->\r\n    <div class=\"absolute -top-40 -left-40 w-96 h-96 bg-emerald-200\/30 rounded-full blur-3xl\"><\/div>\r\n    <div class=\"absolute -bottom-40 -right-40 w-[450px] h-[450px] bg-yellow-200\/20 rounded-full blur-3xl\"><\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\r\n\r\n        <!-- Heading -->\r\n\r\n        <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n\r\n            <span class=\"inline-flex items-center px-5 py-2 rounded-full bg-emerald-100 text-emerald-700 font-semibold\">\r\n\r\n                \ud83c\udf93 Join Markaz Noor-ul-Quraan\r\n\r\n            <\/span>\r\n\r\n            <h2 class=\"mt-6 text-4xl lg:text-5xl font-extrabold text-gray-900\">\r\n\r\n                Admissions &\r\n                <span class=\"text-emerald-600\">\r\n\r\n                    Teacher Hiring\r\n\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n            <p class=\"mt-6 text-lg text-gray-600 leading-8\">\r\n\r\n                Whether you want to begin your Quran learning journey or become\r\n                part of our qualified teaching team, we welcome you to join\r\n                Markaz Noor-ul-Quraan.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- Cards -->\r\n\r\n        <div class=\"grid lg:grid-cols-2 gap-10\">\r\n\r\n            <!-- ================= STUDENT ================= -->\r\n\r\n            <div\r\n                class=\"group relative overflow-hidden rounded-[35px] bg-white border border-gray-100 shadow-xl hover:-translate-y-3 hover:shadow-2xl transition duration-500\">\r\n\r\n                <div class=\"absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-emerald-500 to-green-700\"><\/div>\r\n\r\n                <div class=\"p-10\">\r\n\r\n                    <div\r\n                        class=\"w-20 h-20 rounded-3xl bg-emerald-100 flex items-center justify-center text-5xl\">\r\n\r\n                        \ud83c\udf93\r\n\r\n                    <\/div>\r\n\r\n                    <h3 class=\"mt-8 text-3xl font-bold text-gray-900\">\r\n\r\n                        Student Admission\r\n\r\n                    <\/h3>\r\n\r\n                    <p class=\"mt-5 text-gray-600 leading-8\">\r\n\r\n                        Enroll today and start learning the Holy Quran through\r\n                        personalized live online classes with certified male and\r\n                        female teachers.\r\n\r\n                    <\/p>\r\n\r\n                    <div class=\"mt-8 space-y-5\">\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-emerald-600 text-xl\">\u2713<\/div>\r\n\r\n                            <span>Free Trial Class<\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-emerald-600 text-xl\">\u2713<\/div>\r\n\r\n                            <span>One-to-One Live Classes<\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-emerald-600 text-xl\">\u2713<\/div>\r\n\r\n                            <span>Male & Female Teachers<\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-emerald-600 text-xl\">\u2713<\/div>\r\n\r\n                            <span>Flexible Class Timings<\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-emerald-600 text-xl\">\u2713<\/div>\r\n\r\n                            <span>Monthly Progress Reports<\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mt-10 flex gap-4\">\r\n\r\n                        <a href=\"https:\/\/markaznoorulquraan.com\/student-registration\/\"\r\n   class=\"inline-flex items-center justify-center px-8 py-4 rounded-xl bg-[#059669] text-white font-semibold shadow-lg transition-all duration-300 ease-in-out hover:bg-[#D4AF37] hover:text-black hover:shadow-2xl hover:-translate-y-1\">\r\n\r\n     Enroll Now\r\n\r\n                        <\/a>\r\n\r\n                        <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n                            class=\"px-8 py-4 rounded-xl border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-600 hover:text-white transition\">\r\n\r\n                            Free Trial\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- ================= TEACHER ================= -->\r\n\r\n            <div\r\n                class=\"group relative overflow-hidden rounded-[35px] bg-gradient-to-br from-emerald-700 to-emerald-900 text-white shadow-2xl hover:-translate-y-3 transition duration-500\">\r\n\r\n                <div class=\"absolute top-0 left-0 w-full h-2 bg-yellow-400\"><\/div>\r\n\r\n                <div class=\"p-10\">\r\n\r\n                    <div\r\n                        class=\"w-20 h-20 rounded-3xl bg-white\/20 flex items-center justify-center text-5xl\">\r\n\r\n                        \ud83d\udc68\u200d\ud83c\udfeb\r\n\r\n                    <\/div>\r\n\r\n                    <h3 class=\"mt-8 text-3xl font-bold text-white\">\r\n\r\n                        Become Our Teacher\r\n\r\n                    <\/h3>\r\n\r\n                    <p class=\"mt-5 text-emerald-100 leading-8\">\r\n\r\n                        We are always looking for passionate and qualified Quran\r\n                        teachers to join our growing international academy.\r\n\r\n                    <\/p>\r\n\r\n                    <div class=\"mt-8 space-y-5\">\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-yellow-300 text-xl\">\u2713<\/div>\r\n\r\n                            <span>Flexible Working Hours<\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-yellow-300 text-xl\">\u2713<\/div>\r\n\r\n                            <span>Teach International Students<\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-yellow-300 text-xl\">\u2713<\/div>\r\n\r\n                            <span>Professional Digital Agreement<\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-yellow-300 text-xl\">\u2713<\/div>\r\n\r\n                            <span>Upload Resume & Certificates<\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n\r\n                            <div class=\"text-yellow-300 text-xl\">\u2713<\/div>\r\n\r\n                            <span>Digital Signature Support<\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mt-10 flex gap-4\">\r\n\r\n                        <a href=\"https:\/\/markaznoorulquraan.com\/teacher-registration\/\"\r\n                            class=\"px-8 py-4 rounded-xl bg-white text-emerald-700 font-semibold hover:bg-yellow-300 transition\">\r\n\r\n                            Apply Now\r\n\r\n                        <\/a>\r\n\r\n                      \r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Bottom Trust Bar -->\r\n\r\n     \r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bdffe4 e-con-full e-flex e-con e-parent\" data-id=\"8bdffe4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78a9cb6 elementor-widget elementor-widget-html\" data-id=\"78a9cb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--==================== FAQ SECTION ====================-->\r\n<section class=\"relative py-10 overflow-hidden bg-gradient-to-b from-white via-emerald-50\/40 to-white\">\r\n\r\n    <!-- Background Decoration -->\r\n    <div class=\"absolute -top-40 -left-40 w-96 h-96 bg-emerald-200\/30 rounded-full blur-3xl\"><\/div>\r\n    <div class=\"absolute -bottom-40 -right-40 w-[450px] h-[450px] bg-yellow-200\/20 rounded-full blur-3xl\"><\/div>\r\n\r\n    <div class=\"max-w-5xl mx-auto px-6 relative z-10\">\r\n\r\n        <!-- Heading -->\r\n\r\n        <div class=\"text-center mb-16\">\r\n\r\n            <span class=\"inline-flex items-center gap-2 px-5 py-2 rounded-full bg-emerald-100 text-emerald-700 font-semibold\">\r\n\r\n                \u2753 Frequently Asked Questions\r\n\r\n            <\/span>\r\n\r\n            <h2 class=\"mt-6 text-4xl lg:text-5xl font-extrabold text-gray-900\">\r\n\r\n                Everything You Need To\r\n\r\n                <span class=\"text-emerald-600\">\r\n\r\n                    Know\r\n\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n            <p class=\"mt-6 text-lg text-gray-600 leading-8\">\r\n\r\n                Find answers to the most common questions about our online Quran\r\n                classes, admissions, schedules, and teachers.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- FAQ Items -->\r\n\r\n        <div class=\"space-y-5\">\r\n\r\n            <!-- FAQ -->\r\n\r\n            <details class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg overflow-hidden\">\r\n\r\n                <summary class=\"flex justify-between items-center cursor-pointer px-8 py-6 font-semibold text-lg list-none\">\r\n\r\n                    Do you offer a free trial class?\r\n\r\n                    <span class=\"text-3xl text-emerald-600 group-open:rotate-45 transition-transform\">\r\n\r\n                        +\r\n\r\n                    <\/span>\r\n\r\n                <\/summary>\r\n\r\n                <div class=\"px-8 pb-6 text-gray-600 leading-8\">\r\n\r\n                    Yes! Every new student can book a free trial class to meet\r\n                    the teacher, understand our teaching style, and experience\r\n                    the online learning environment before enrolling.\r\n\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n            <!-- FAQ -->\r\n\r\n            <details class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg overflow-hidden\">\r\n\r\n                <summary class=\"flex justify-between items-center cursor-pointer px-8 py-6 font-semibold text-lg list-none\">\r\n\r\n                    Which Quran courses do you offer?\r\n\r\n                    <span class=\"text-3xl text-emerald-600 group-open:rotate-45 transition-transform\">\r\n\r\n                        +\r\n\r\n                    <\/span>\r\n\r\n                <\/summary>\r\n\r\n                <div class=\"px-8 pb-6 text-gray-600 leading-8\">\r\n\r\n                    We offer Noorani Qaida, Nazra Quran, Hifz-ul-Quran,\r\n                    Tajweed, Tafseer, Islamic Studies (Deeniyat), and special\r\n                    short courses for children and adults.\r\n\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n            <!-- FAQ -->\r\n\r\n            <details class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg overflow-hidden\">\r\n\r\n                <summary class=\"flex justify-between items-center cursor-pointer px-8 py-6 font-semibold text-lg list-none\">\r\n\r\n                    Are male and female teachers available?\r\n\r\n                    <span class=\"text-3xl text-emerald-600 group-open:rotate-45 transition-transform\">\r\n\r\n                        +\r\n\r\n                    <\/span>\r\n\r\n                <\/summary>\r\n\r\n                <div class=\"px-8 pb-6 text-gray-600 leading-8\">\r\n\r\n                    Yes. We have experienced and certified male and female\r\n                    teachers so students can choose according to their\r\n                    preference.\r\n\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n            <!-- FAQ -->\r\n\r\n            <details class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg overflow-hidden\">\r\n\r\n                <summary class=\"flex justify-between items-center cursor-pointer px-8 py-6 font-semibold text-lg list-none\">\r\n\r\n                    What age groups can join?\r\n\r\n                    <span class=\"text-3xl text-emerald-600 group-open:rotate-45 transition-transform\">\r\n\r\n                        +\r\n\r\n                    <\/span>\r\n\r\n                <\/summary>\r\n\r\n                <div class=\"px-8 pb-6 text-gray-600 leading-8\">\r\n\r\n                    Our classes are suitable for children, teenagers, adults,\r\n                    and senior learners. Each lesson is personalized according\r\n                    to the student's age and learning level.\r\n\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n            <!-- FAQ -->\r\n\r\n            <details class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg overflow-hidden\">\r\n\r\n                <summary class=\"flex justify-between items-center cursor-pointer px-8 py-6 font-semibold text-lg list-none\">\r\n\r\n                    Which countries do you teach?\r\n\r\n                    <span class=\"text-3xl text-emerald-600 group-open:rotate-45 transition-transform\">\r\n\r\n                        +\r\n\r\n                    <\/span>\r\n\r\n                <\/summary>\r\n\r\n                <div class=\"px-8 pb-6 text-gray-600 leading-8\">\r\n\r\n                    We provide live online Quran classes for students in the UK,\r\n                    USA, Canada, Australia, UAE, Saudi Arabia, Pakistan, and\r\n                    many other countries worldwide.\r\n\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n            <!-- FAQ -->\r\n\r\n            <details class=\"group bg-white rounded-3xl border border-gray-100 shadow-lg overflow-hidden\">\r\n\r\n                <summary class=\"flex justify-between items-center cursor-pointer px-8 py-6 font-semibold text-lg list-none\">\r\n\r\n                    What payment methods do you accept?\r\n\r\n                    <span class=\"text-3xl text-emerald-600 group-open:rotate-45 transition-transform\">\r\n\r\n                        +\r\n\r\n                    <\/span>\r\n\r\n                <\/summary>\r\n\r\n                <div class=\"px-8 pb-6 text-gray-600 leading-8\">\r\n\r\n                    We accept secure online payments through bank transfer,\r\n                    debit\/credit cards, and other internationally supported\r\n                    payment methods.\r\n\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n        <\/div>\r\n\r\n        <!-- Bottom CTA -->\r\n\r\n        <div class=\"mt-20 rounded-[35px] bg-gradient-to-r from-emerald-700 to-emerald-900 p-10 lg:p-14 text-center shadow-2xl\">\r\n\r\n            <div class=\"text-5xl mb-5\">\r\n\r\n                \ud83d\udcac\r\n\r\n            <\/div>\r\n\r\n            <h3 class=\"text-3xl lg:text-4xl font-bold text-white\">\r\n\r\n                Still Have Questions?\r\n\r\n            <\/h3>\r\n\r\n            <p class=\"mt-5 text-lg text-emerald-100 max-w-2xl mx-auto leading-8\">\r\n\r\n                Our friendly support team is available to answer your questions\r\n                and help you choose the right Quran course for you or your\r\n                family.\r\n\r\n            <\/p>\r\n\r\n            <div class=\"mt-10 flex flex-wrap justify-center gap-5\">\r\n\r\n                <a href=\"https:\/\/wa.me\/923022905630\"\r\n                    class=\"px-8 py-4 rounded-xl bg-white text-emerald-700 font-semibold hover:bg-yellow-300 transition\">\r\n\r\n                    WhatsApp Us\r\n\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/markaznoorulquraan.com\/contact-us\/\"\r\n                    class=\"px-8 py-4 rounded-xl border border-white text-white hover:bg-white hover:text-emerald-700 transition\">\r\n\r\n                    Contact Us\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Trusted by Families Worldwide Learn Quran Online With Certified Teachers Join thousands of students worldwide and learn the Holy Quran [&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":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/markaznoorulquraan.com\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markaznoorulquraan.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markaznoorulquraan.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markaznoorulquraan.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/markaznoorulquraan.com\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":101,"href":"https:\/\/markaznoorulquraan.com\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":850,"href":"https:\/\/markaznoorulquraan.com\/wp-json\/wp\/v2\/pages\/13\/revisions\/850"}],"wp:attachment":[{"href":"https:\/\/markaznoorulquraan.com\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}