{"id":8,"date":"2026-01-24T00:58:08","date_gmt":"2026-01-24T00:58:08","guid":{"rendered":"http:\/\/muslimacademy.online\/?page_id=8"},"modified":"2026-03-25T23:19:01","modified_gmt":"2026-03-25T23:19:01","slug":"8-2","status":"publish","type":"page","link":"https:\/\/muslimacademy.online\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- \u2705 Updated Brand: Muslim Academy | TRUE Full-Width (Full-Bleed) + New Identity Colors + HTTPS Assets -->\n<!-- \u2705 NOTE: Same content + same colors (no deletions, no color changes). Style only upgraded. -->\n\n<!-- \u2705 Improved GEO\/SEO Structured Data (JSON-LD) -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"EducationalOrganization\",\n  \"@id\": \"https:\/\/muslimacademy.online\/#organization\",\n  \"name\": \"Muslim Academy\",\n  \"url\": \"https:\/\/muslimacademy.online\/\",\n  \"logo\": \"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/logo-white.png\",\n  \"description\": \"Live online Quran, Tajweed, Hifz, and Arabic classes for English speakers\u20141-on-1 lessons with certified Al-Azhar tutors, flexible scheduling, and a free trial to start with confidence.\",\n  \"inLanguage\": [\"en\", \"ar\"],\n  \"areaServed\": [\"US\",\"GB\",\"CA\",\"AU\",\"Europe\",\"Middle East\"],\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"addressLocality\": \"Cairo\",\n    \"addressCountry\": \"EG\"\n  },\n  \"contactPoint\": [\n    {\n      \"@type\": \"ContactPoint\",\n      \"telephone\": \"+201070289182\",\n      \"contactType\": \"customer support\",\n      \"availableLanguage\": [\"en\",\"ar\"]\n    }\n  ],\n  \"email\": \"support@ayatonline.com\",\n  \"sameAs\": [\n    \"#\",\n    \"#\",\n    \"#\"\n  ]\n}\n<\/script>\n\n<div class=\"ayat-fluid-container\">\n\n<style>\n  \/* \u2705 TRUE Full-Bleed inside WordPress containers (fills the whole screen width) *\/\n  .ayat-fluid-container{\n    width: 100vw !important;\n    max-width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    overflow-x: hidden !important;\n  }\n\n  \/* \u2705 Safety: avoid images causing overflow *\/\n  .ayat-fluid-container img{ max-width: 100%; height: auto; }\n\n  \/* \u2705 Hide WP page title on this page (scoped) *\/\n  .ayat-fluid-container .wp-block-post-title,\n  .ayat-fluid-container .entry-title,\n  .ayat-fluid-container .page-title {\n    display: none !important;\n  }\n\n  \/* \u2705 (3) Hide any side scrollspy \/ one-page nav on THIS page only *\/\n  body.page-id-8 .onepage-pagination,\n  body.page-id-8 #fp-nav,\n  body.page-id-8 .fp-nav,\n  body.page-id-8 .pp-nav,\n  body.page-id-8 .pagepiling .pp-nav {\n    display: none !important;\n  }\n\n  \/* \u2705 Accessibility: Respect Reduced Motion *\/\n  @media (prefers-reduced-motion: reduce) {\n    .ayat-fluid-container * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }\n  }\n\n  \/* ================================\n     \u2705 PRO Scroll-Reveal System\n     - Works for cards, text, media\n     - One class: .reveal-item\n     - Auto presets via JS\n  ================================= *\/\n  .ayat-fluid-container .reveal-item{\n    opacity: 0;\n    transform:\n      translate3d(var(--rv-x, 0px), var(--rv-y, 22px), 0)\n      scale(var(--rv-s, 0.985))\n      rotate(var(--rv-r, 0deg));\n    filter: blur(var(--rv-b, 10px));\n    transition:\n      opacity 900ms cubic-bezier(.2,.8,.2,1),\n      transform 1100ms cubic-bezier(.2,.8,.2,1),\n      filter 1100ms cubic-bezier(.2,.8,.2,1);\n    transition-delay: var(--rv-d, 0ms);\n    will-change: transform, opacity, filter;\n  }\n  .ayat-fluid-container .reveal-item.visible{\n    opacity: 1;\n    transform: translate3d(0,0,0) scale(1) rotate(0deg);\n    filter: blur(0);\n  }\n\n  \/* Presets (applied automatically by JS) *\/\n  .ayat-fluid-container .rv-text{ --rv-y: 18px; --rv-s: 0.995; --rv-b: 14px; }\n  .ayat-fluid-container .rv-card{ --rv-y: 28px; --rv-s: 0.975; --rv-b: 12px; }\n  .ayat-fluid-container .rv-media{ --rv-y: 16px; --rv-s: 0.99; --rv-b: 10px; }\n  .ayat-fluid-container .rv-left{ --rv-x: -28px; --rv-y: 10px; }\n  .ayat-fluid-container .rv-right{ --rv-x: 28px; --rv-y: 10px; }\n  .ayat-fluid-container .rv-text.visible{ letter-spacing: -0.01em; }\n\n  \/* ======================================\n     \u2705 v11 STYLE UPGRADE (NO content changes)\n     - Same palette values\n     - New spacing, radii, shadows, layout polish\n  ======================================= *\/\n\n  \/* --- 1. Scoped Settings + \u2705 Identity Colors (unchanged values) --- *\/\n  .ayat-fluid-container .ayat-full-wrapper {\n    \/* \u2705 Brand Palette (DO NOT CHANGE) *\/\n    --c-primary: #1EA2E0;\n    --c-primary-dark: #0B63A7;\n    --c-sky: #28C1FC;\n    --c-blue: #127EC0;\n    --c-ice: #93D4F1;\n    --c-gold: #FFB300;\n\n    --c-dark: #0F172A;\n    --c-white: #FFFFFF;\n    --c-cream: #FFFFFF;\n\n    \/* \u2705 UI tokens (no color changes) *\/\n    --r-16: 16px;\n    --r-20: 20px;\n    --r-22: 22px;\n    --r-28: 28px;\n\n    --shadow-sm: 0 10px 22px rgba(0,0,0,0.06);\n    --shadow-md: 0 18px 44px rgba(11, 99, 167, 0.10);\n    --shadow-lg: 0 26px 70px rgba(11, 99, 167, 0.14);\n\n    --line: rgba(0,0,0,0.06);\n    --line-strong: rgba(30, 162, 224, 0.22);\n\n    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    position: relative;\n\n    margin-top: -40px;\n\n    direction: ltr;\n    text-align: left;\n    background-color: var(--c-cream);\n    color: var(--c-dark);\n    line-height: 1.6;\n    overflow-x: hidden;\n  }\n  .ayat-fluid-container .ayat-full-wrapper * { box-sizing: border-box; }\n\n  \/* --- 2. Visibility Classes --- *\/\n  .ayat-fluid-container .hide-on-mobile { display: flex; }\n  .ayat-fluid-container .show-on-mobile { display: none; }\n\n  \/* --- 3. HERO load animations (keep) --- *\/\n  @keyframes blurInUp {\n    0% { opacity: 0; transform: translateY(30px); filter: blur(10px); }\n    100% { opacity: 1; transform: translateY(0); filter: blur(0); }\n  }\n  @keyframes elasticSlide {\n    0% { opacity: 0; transform: translateX(50px) scale(0.9); }\n    70% { opacity: 1; transform: translateX(-10px) scale(1.02); }\n    100% { opacity: 1; transform: translateX(0) scale(1); }\n  }\n  @keyframes morph {\n    0% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\n    50% { border-radius: 30% 60% 70% 40% \/ 50% 60% 30% 60%; }\n    100% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\n  }\n\n  .ayat-fluid-container .anim-blur { opacity: 0; animation: blurInUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }\n  .ayat-fluid-container .d-1 { animation-delay: 0.1s; }\n  .ayat-fluid-container .d-2 { animation-delay: 0.3s; }\n  .ayat-fluid-container .d-3 { animation-delay: 0.5s; }\n  .ayat-fluid-container .d-4 { animation-delay: 0.7s; }\n  .ayat-fluid-container .anim-img { opacity: 0; animation: elasticSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; animation-delay: 0.4s; }\n\n  \/* --- 4. Layout: Hero (\u2705 Full width) --- *\/\n  .ayat-fluid-container .v10-hero {\n    width: 100%;\n    margin: 0 auto;\n    max-width: 1240px;\n    padding: 44px clamp(16px, 4vw, 56px) 44px;\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: clamp(28px, 4vw, 56px);\n    align-items: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* v11: soft background layers (same colors via rgba) *\/\n  .ayat-fluid-container .ayat-full-wrapper::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background:\n      radial-gradient(900px 520px at 10% 10%, rgba(147, 212, 241, 0.35), transparent 60%),\n      radial-gradient(800px 520px at 90% 20%, rgba(40, 193, 252, 0.18), transparent 62%),\n      radial-gradient(700px 520px at 50% 90%, rgba(255, 179, 0, 0.10), transparent 60%);\n    z-index:0;\n  }\n\n  \/* --- 5. Content Styling --- *\/\n  .ayat-fluid-container .v10-bg-pattern {\n    position: absolute; inset: 0;\n    background-image: radial-gradient(var(--c-ice) 0.6px, transparent 0.6px);\n    background-size: 24px 24px;\n    opacity: 0.16; pointer-events: none;\n  }\n\n  .ayat-fluid-container .v10-content{\n    position: relative;\n    z-index: 3;\n  }\n\n  .ayat-fluid-container .v10-badge {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding: 9px 16px;\n    background: rgba(30, 162, 224, 0.10);\n    color: var(--c-blue);\n    border-radius: 999px;\n    font-size: 13px; font-weight: 900;\n    margin-bottom: 22px;\n    border: 1px solid rgba(18, 126, 192, 0.22);\n    box-shadow: 0 10px 24px rgba(0,0,0,0.03);\n  }\n\n  .ayat-fluid-container .v10-title {\n    font-family: Georgia, serif;\n    font-size: clamp(42px, 5vw, 72px);\n    line-height: 1.03; margin: 0 0 18px;\n    color: var(--c-primary-dark);\n    letter-spacing: -0.02em;\n  }\n  .ayat-fluid-container .v10-title span {\n    color: var(--c-primary);\n    font-style: italic;\n    padding-right: 10px;\n    background: none;\n    -webkit-text-fill-color: initial;\n  }\n\n  .ayat-fluid-container .v10-desc {\n    font-size: 1.15rem; color: #475569; margin-bottom: 34px;\n    max-width: 760px;\n  }\n\n  \/* --- 6. Buttons --- *\/\n  .ayat-fluid-container .v10-btns { display: flex; gap: 14px; margin-bottom: 38px; flex-wrap: wrap; }\n  .ayat-fluid-container .v10-btn {\n    position: relative;\n    padding: 16px 34px;\n    border-radius: 16px;\n    font-weight: 900;\n    text-decoration: none;\n    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    overflow: hidden;\n    outline: none;\n    transform: translateZ(0);\n  }\n  .ayat-fluid-container .v10-btn:focus-visible{\n    box-shadow:\n      0 0 0 3px rgba(147, 212, 241, 0.55),\n      0 18px 44px rgba(11, 99, 167, 0.10);\n  }\n  .ayat-fluid-container .btn-fill {\n    background: var(--c-primary); color: white;\n    box-shadow: 0 14px 30px -10px rgba(30, 162, 224, 0.48);\n  }\n  .ayat-fluid-container .btn-fill:hover {\n    transform: translateY(-4px) scale(1.02);\n    box-shadow: 0 24px 52px -18px rgba(11, 99, 167, 0.45);\n    background: var(--c-primary-dark);\n  }\n  .ayat-fluid-container .btn-fill::after {\n    content: '';\n    position: absolute; top: 0; left: -120%;\n    width: 120%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);\n    transition: 0.55s;\n  }\n  .ayat-fluid-container .btn-fill:hover::after { left: 120%; }\n\n  .ayat-fluid-container .btn-line {\n    background: rgba(255,255,255,0.70);\n    color: var(--c-dark);\n    border: 1px solid #E5E7EB;\n    box-shadow: 0 10px 22px rgba(0,0,0,0.03);\n  }\n  .ayat-fluid-container .btn-line:hover {\n    border-color: rgba(30, 162, 224, 0.65);\n    background: white;\n    transform: translateY(-2px);\n  }\n\n  \/* --- 7. Social Proof & Scroll Link --- *\/\n  .ayat-fluid-container .v10-trust {\n    display: flex; align-items: center; gap: 18px;\n    padding-top: 22px;\n    border-top: 1px solid var(--line);\n  }\n  .ayat-fluid-container .v10-trust.mobile-ver {\n    border-top: none; padding-top: 10px; margin-top: 30px;\n    justify-content: center;\n  }\n\n  .ayat-fluid-container .v10-avatars img {\n    width: 48px; height: 48px; border-radius: 50%;\n    border: 3px solid var(--c-cream); margin-left: -16px;\n    transition: transform 0.3s;\n    box-shadow: 0 12px 22px rgba(0,0,0,0.08);\n  }\n  .ayat-fluid-container .v10-avatars img:hover { transform: translateY(-5px) scale(1.1); z-index: 10; }\n\n  .ayat-fluid-container .trust-scroll-link {\n    text-decoration: none; color: inherit; cursor: pointer;\n    transition: opacity 0.3s;\n  }\n  .ayat-fluid-container .trust-scroll-link:hover { opacity: 0.75; }\n\n  .ayat-fluid-container .v10-rate strong { display: block; font-size: 15px; color: var(--c-dark); }\n  .ayat-fluid-container .v10-rate span { font-size: 13px; color: #64748B; }\n  .ayat-fluid-container .v10-stars { color: var(--c-gold); letter-spacing: 2px; font-size: 12px; }\n\n  \/* --- 8. Visual Area --- *\/\n  .ayat-fluid-container .v10-visual {\n    position: relative;\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\n    min-height: 540px;\n    z-index: 3;\n  }\n  .ayat-fluid-container .v10-blob {\n    position: absolute;\n    width: 540px; height: 540px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(\n      135deg,\n      rgba(147, 212, 241, 0.75) 0%,\n      rgba(40, 193, 252, 0.25) 50%,\n      rgba(255, 179, 0, 0.18) 100%\n    );\n    z-index: 0;\n    animation: morph 8s ease-in-out infinite;\n    opacity: 0.95;\n    filter: drop-shadow(0 26px 70px rgba(11, 99, 167, 0.14));\n  }\n  .ayat-fluid-container .v10-img {\n    position: relative; z-index: 2;\n    width: 100%;\n    max-width: 520px;\n    height: auto;\n    filter: drop-shadow(0 30px 50px rgba(0,0,0,0.12));\n    transition: transform 0.3s ease-out;\n    border-radius: 18px;\n  }\n\n  \/* Glass Cards *\/\n  .ayat-fluid-container .v10-card {\n    position: absolute; z-index: 3;\n    background: rgba(255, 255, 255, 0.72);\n    backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);\n    padding: 14px 18px;\n    border-radius: 18px;\n    border: 1px solid rgba(255, 255, 255, 0.55);\n    box-shadow: 0 18px 44px rgba(0,0,0,0.08);\n    display: flex; align-items: center; gap: 12px;\n  }\n\n  .ayat-fluid-container .float-1 { top: 16%; right: 18px; animation: floatY 6s ease-in-out infinite; }\n  .ayat-fluid-container .float-2 { bottom: 56px; left: 14px; animation: floatY 7s ease-in-out infinite reverse; }\n\n  .ayat-fluid-container .icon-holder {\n    width: 42px; height: 42px;\n    background: var(--c-primary);\n    color: white;\n    border-radius: 12px;\n    display: flex; align-items: center; justify-content: center;\n    box-shadow: 0 14px 28px rgba(30, 162, 224, 0.20);\n  }\n  @keyframes floatY { 0%, 100% {transform: translateY(0);} 50% {transform: translateY(-15px);} }\n\n  \/* --- 9. STATS SECTION (\u2705 Full width) --- *\/\n  .ayat-fluid-container .ayat-stats-bar {\n    width: 100%;\n    margin: 0 auto 72px;\n    max-width: 1240px;\n    padding: 34px clamp(14px, 3vw, 52px);\n    background: white;\n    border-radius: 24px;\n    box-shadow: var(--shadow-md);\n    border: 1px solid rgba(30, 162, 224, 0.22);\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    position: relative;\n    z-index: 5;\n    overflow: hidden;\n  }\n\n  \/* subtle top highlight line (same primary via rgba) *\/\n  .ayat-fluid-container .ayat-stats-bar::before{\n    content:\"\";\n    position:absolute;\n    top:0; left:0; right:0;\n    height: 4px;\n    background: rgba(30, 162, 224, 0.55);\n    opacity: 0.35;\n  }\n\n  .ayat-fluid-container .stat-item { text-align: center; position: relative; }\n  .ayat-fluid-container .stat-item:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    right: -15px;\n    top: 20%;\n    height: 60%;\n    width: 1px;\n    background: #E2E8F0;\n  }\n\n  .ayat-fluid-container .stat-num {\n    display: block;\n    font-size: 2.6rem;\n    font-weight: 900;\n    color: var(--c-primary);\n    line-height: 1;\n    margin-bottom: 6px;\n    font-variant-numeric: tabular-nums;\n    letter-spacing: -0.02em;\n  }\n  .ayat-fluid-container .stat-label {\n    font-size: 0.95rem;\n    color: #64748B;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 900px) {\n    .ayat-fluid-container .ayat-full-wrapper { margin-top: -20px; }\n    .ayat-fluid-container .v10-hero {\n      grid-template-columns: 1fr;\n      text-align: center;\n      gap: 40px;\n      padding-bottom: 20px;\n    }\n    .ayat-fluid-container .v10-btns { justify-content: center; }\n    .ayat-fluid-container .v10-desc { margin: 0 auto 30px; max-width: 680px; }\n\n    .ayat-fluid-container .hide-on-mobile { display: none !important; }\n    .ayat-fluid-container .show-on-mobile { display: flex !important; }\n\n    .ayat-fluid-container .v10-visual{ min-height: 420px; }\n    .ayat-fluid-container .v10-blob { width: 340px; height: 340px; top: 44%; }\n    .ayat-fluid-container .v10-img { max-width: 88%; }\n    .ayat-fluid-container .float-1 { right: 10px; top: 6%; padding: 10px 14px; font-size: 12px; }\n    .ayat-fluid-container .float-2 { left: 10px; bottom: 80px; padding: 10px 14px; font-size: 12px; }\n\n    .ayat-fluid-container .ayat-stats-bar {\n      grid-template-columns: repeat(4, 1fr);\n      gap: 6px;\n      padding: 16px 10px;\n      width: 96%;\n      border-radius: 20px;\n    }\n    .ayat-fluid-container .stat-item:not(:last-child)::after { display: none; }\n    .ayat-fluid-container .stat-num { font-size: 1.15rem; margin-bottom: 2px; }\n    .ayat-fluid-container .stat-label { font-size: 0.55rem; line-height: 1.1; display: block; }\n  }\n<\/style>\n\n<div class=\"ayat-full-wrapper\">\n  <div class=\"v10-bg-pattern\"><\/div>\n\n  <section class=\"v10-hero\">\n    <div class=\"v10-content\">\n      <div class=\"v10-badge anim-blur d-1\">\u2605 &nbsp; Trusted Worldwide for Quran &#038; Arabic<\/div>\n\n      <h1 class=\"v10-title anim-blur d-2\">Learn Quran &#038; <br>Arabic <span>Step by Step<\/span><\/h1>\n\n      <p class=\"v10-desc anim-blur d-3\">Build real confidence with live 1-on-1 classes for kids and adults. Our Al-Azhar certified tutors guide you through reading, Tajweed, memorization, and Arabic\u2014using a clear plan that fits your level and schedule.<\/p>\n\n      <div class=\"v10-btns anim-blur d-4\">\n        <a href=\"https:\/\/wa.me\/201070289182\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"v10-btn btn-fill\">\n          Claim Your Free Trial\n          <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n        <a href=\"https:\/\/muslimacademy.online\/?page_id=32\" class=\"v10-btn btn-line\">Browse Programs<\/a>\n      <\/div>\n\n      <div class=\"v10-trust hide-on-mobile anim-blur d-4\">\n        <div class=\"v10-avatars\">\n          <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/zainab-usa.jpg\" alt=\"Zainab A. - Quran student (USA)\" width=\"48\" height=\"48\" loading=\"eager\" decoding=\"async\">\n          <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/yusuf-uk.jpg\" alt=\"Yusuf K. - Quran student (UK)\" width=\"48\" height=\"48\" loading=\"eager\" decoding=\"async\">\n          <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/omar-canada.jpg\" alt=\"Omar - student (Canada)\" width=\"48\" height=\"48\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <div class=\"v10-rate\">\n          <div class=\"v10-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <a href=\"#success-stories\" class=\"trust-scroll-link\">\n            <strong>Loved by Families Worldwide<\/strong>\n          <\/a>\n          <span>USA, UK, Canada, Europe &#038; beyond<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"v10-visual\">\n      <div class=\"v10-blob\"><\/div>\n\n      <img fetchpriority=\"high\" src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/hero-person.png\" alt=\"Muslim Academy student learning online\" class=\"v10-img anim-img\" width=\"520\" height=\"520\" loading=\"eager\" decoding=\"async\">\n\n      <div class=\"v10-trust mobile-ver show-on-mobile anim-blur d-4\">\n        <div class=\"v10-avatars\">\n          <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/zainab-usa.jpg\" alt=\"Zainab A. - Quran student (USA)\" width=\"48\" height=\"48\" loading=\"eager\" decoding=\"async\">\n          <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/yusuf-uk.jpg\" alt=\"Yusuf K. - Quran student (UK)\" width=\"48\" height=\"48\" loading=\"eager\" decoding=\"async\">\n          <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/omar-canada.jpg\" alt=\"Omar - student (Canada)\" width=\"48\" height=\"48\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <div class=\"v10-rate\">\n          <div class=\"v10-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <a href=\"#success-stories\" class=\"trust-scroll-link\">\n             <strong>Real Results, Real Support<\/strong>\n          <\/a>\n          <span>Global Muslim Community<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"v10-card float-1\">\n        <div class=\"icon-holder\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg><\/div>\n        <div><strong style=\"display:block; font-size:14px; color:#0F172A\">Al-Azhar Standard<\/strong><span style=\"font-size:12px; color:#64748B\">Qualified Tutors<\/span><\/div>\n      <\/div>\n\n      <div class=\"v10-card float-2\">\n        <div class=\"icon-holder\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n        <div><strong style=\"display:block; font-size:14px; color:#0F172A\">Schedule-Friendly<\/strong><span style=\"font-size:12px; color:#64748B\">Fits Your Time Zone<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2705 Stats -->\n  <div class=\"ayat-stats-bar reveal-item\">\n    <div class=\"stat-item reveal-item\">\n      <span class=\"stat-num\" data-target=\"2665\">2665<\/span>\n      <span class=\"stat-label\">Learners<br>Enrolled<\/span>\n    <\/div>\n    <div class=\"stat-item reveal-item\">\n      <span class=\"stat-num\" data-target=\"550\">550<\/span>\n      <span class=\"stat-label\">Tutors<br>Available<\/span>\n    <\/div>\n    <div class=\"stat-item reveal-item\">\n      <span class=\"stat-num\" data-target=\"258\">258<\/span>\n      <span class=\"stat-label\">Milestones<br>Reached<\/span>\n    <\/div>\n    <div class=\"stat-item reveal-item\">\n      <span class=\"stat-num\" data-target=\"300\">300<\/span>\n      <span class=\"stat-label\">Ijazah<br>Paths<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  \/* ================================\n     \u2705 Pro Scroll Reveal + Slow Counter\n  ================================= *\/\n\n  (function () {\n    const prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    \/\/ \u2705 Scope everything to this page block only\n    const root = document.querySelector('.ayat-fluid-container') || document;\n\n    \/\/ Auto assign presets based on element type\n    function applyRevealPreset(el){\n      if (!el.classList.contains('reveal-item')) return;\n\n      if (el.classList.contains('rv-text') || el.classList.contains('rv-card') || el.classList.contains('rv-media')) return;\n\n      if (el.matches('.slide-card, .why-item, .price-card, .trial-bene-card, .review-card, .ayat-about-brief, .ayat-stats-bar')) {\n        el.classList.add('rv-card');\n        return;\n      }\n\n      if (el.matches('h1,h2,h3,h4,p,.sec-head,.rev-head,.v10-desc,.v10-title,.why-title,.card-title,.rev-text,.pricing-note')) {\n        el.classList.add('rv-text');\n        return;\n      }\n\n      if (el.matches('img, .card-img, .v10-visual')) {\n        el.classList.add('rv-media');\n        return;\n      }\n\n      el.classList.add('rv-card');\n    }\n\n    function applyAutoDelay(el, i){\n      const hasDelay = (el.style.getPropertyValue('--rv-d') || '').trim().length > 0;\n      if (hasDelay) return;\n      const d = Math.min(240, i * 60);\n      el.style.setProperty('--rv-d', d + 'ms');\n    }\n\n    function initReveal(){\n      const items = Array.from(root.querySelectorAll('.reveal-item'));\n      items.forEach((el, i) => {\n        applyRevealPreset(el);\n        applyAutoDelay(el, i);\n      });\n\n      if (prefersReducedMotion) {\n        items.forEach(el => el.classList.add('visible'));\n        return;\n      }\n\n      const io = new IntersectionObserver((entries, obs) => {\n        entries.forEach(entry => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add('visible');\n          obs.unobserve(entry.target);\n        });\n      }, { threshold: 0.14, rootMargin: '0px 0px -8% 0px' });\n\n      items.forEach(el => io.observe(el));\n    }\n\n    function animateCount(el, target, durationMs){\n      const nf = new Intl.NumberFormat('en-US');\n\n      if (prefersReducedMotion) {\n        el.textContent = nf.format(target);\n        return;\n      }\n\n      const startValue = 1;\n\n      if (!Number.isFinite(target) || target <= 1) {\n        el.textContent = nf.format(Math.max(0, target || 0));\n        return;\n      }\n\n      el.textContent = nf.format(startValue);\n\n      const startTime = performance.now();\n      const from = startValue;\n      const to = target;\n\n      const ease = (t) => 1 - Math.pow(1 - t, 3);\n\n      function tick(now){\n        const elapsed = now - startTime;\n        const t = Math.min(1, elapsed \/ durationMs);\n        const v = Math.floor(from + (to - from) * ease(t));\n        el.textContent = nf.format(v);\n        if (t < 1) requestAnimationFrame(tick);\n        else el.textContent = nf.format(to);\n      }\n\n      requestAnimationFrame(tick);\n    }\n\n    function initCounters(){\n      const counters = Array.from(root.querySelectorAll('.stat-num'));\n      if (!counters.length) return;\n\n      if (prefersReducedMotion) {\n        counters.forEach(el => {\n          const target = Number(el.getAttribute('data-target')) || 0;\n          el.textContent = String(target);\n        });\n        return;\n      }\n\n      const seen = new WeakSet();\n\n      const io = new IntersectionObserver((entries, obs) => {\n        entries.forEach(entry => {\n          if (!entry.isIntersecting) return;\n          const el = entry.target;\n          if (seen.has(el)) return;\n\n          const target = Number(el.getAttribute('data-target')) || 0;\n\n          const base = 2600;\n          const extra = Math.min(1200, Math.floor(target \/ 1500) * 350);\n          const duration = base + extra;\n\n          seen.add(el);\n          animateCount(el, target, duration);\n          obs.unobserve(el);\n        });\n      }, { threshold: 0.45, rootMargin: '0px 0px -10% 0px' });\n\n      counters.forEach(el => io.observe(el));\n    }\n\n    document.addEventListener('DOMContentLoaded', () => {\n      initReveal();\n      initCounters();\n    });\n  })();\n<\/script>\n\n<!-- =============================\n     REST OF YOUR CODE (UNCHANGED structure)\n============================= -->\n\n<style>\n  \/* --- 1. Global Settings & Identity Color (\u2705 same colors, upgraded spacing\/shadows only) --- *\/\n  .ayat-fluid-container .ayat-content-wrapper {\n    --brand-primary: #1EA2E0;\n    --brand-dark: #0F172A;\n    --brand-bg: #FFFFFF;\n    --brand-ice: #93D4F1;\n    --brand-gold: #FFB300;\n\n    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    background: var(--brand-bg);\n    padding: 86px 0;\n    overflow: hidden;\n    direction: ltr;\n    width: 100%;\n    position: relative;\n  }\n  .ayat-fluid-container .ayat-content-wrapper * { box-sizing: border-box; }\n\n  \/* subtle section background (same palette via rgba) *\/\n  .ayat-fluid-container .ayat-content-wrapper::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background:\n      radial-gradient(700px 520px at 12% 10%, rgba(147, 212, 241, 0.28), transparent 60%),\n      radial-gradient(900px 620px at 92% 30%, rgba(30, 162, 224, 0.12), transparent 62%);\n    opacity: 1;\n  }\n\n  \/* \u2705 (2)(6) Cohesive content width *\/\n  .ayat-fluid-container .sec-container {\n    width: 100%;\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 0 clamp(16px, 4vw, 56px);\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* \u2705 (6) Limit paragraph widths site-like *\/\n  .ayat-fluid-container .ayat-about-brief p,\n  .ayat-fluid-container .sec-head p,\n  .ayat-fluid-container .pricing-note {\n    max-width: 760px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* Headings *\/\n  .ayat-fluid-container .sec-head { text-align: center; margin-bottom: 54px; }\n  .ayat-fluid-container .sec-head h2 {\n    font-family: Georgia, serif;\n    font-size: 2.8rem;\n    color: var(--brand-primary);\n    margin: 0 0 14px;\n    letter-spacing: -0.02em;\n  }\n  .ayat-fluid-container .sec-head span {\n    display: inline-block;\n    width: 86px;\n    height: 3px;\n    background: var(--brand-primary);\n    opacity: 0.6;\n    border-radius: 999px;\n  }\n  .ayat-fluid-container .sec-head p { color: #64748b; margin-top: 15px; font-size: 1.1rem; }\n\n  \/* =========================================\n     2. ABOUT US (With Logo)\n  ========================================= *\/\n  .ayat-fluid-container .ayat-about-brief {\n    text-align: center;\n    width: 100%;\n    margin: 0 auto 104px;\n    background: white;\n    padding: clamp(26px, 4vw, 56px);\n    border-radius: 22px;\n    box-shadow: 0 22px 60px rgba(11, 99, 167, 0.10);\n    border: 1px solid rgba(30, 162, 224, 0.18);\n    position: relative;\n    overflow: hidden;\n  }\n  .ayat-fluid-container .ayat-about-brief::before{\n    content:\"\";\n    position:absolute;\n    inset:-2px;\n    pointer-events:none;\n    background:\n      radial-gradient(520px 240px at 20% 10%, rgba(147, 212, 241, 0.34), transparent 60%),\n      radial-gradient(520px 240px at 80% 0%, rgba(30, 162, 224, 0.10), transparent 62%);\n    opacity: 1;\n  }\n  .ayat-fluid-container .about-logo-img {\n    width: 150px;\n    height: auto;\n    display: block;\n    margin: 0 auto 20px auto;\n    position: relative;\n    z-index: 2;\n  }\n  .ayat-fluid-container .ayat-about-brief h3 {\n    color: var(--brand-dark);\n    margin-top: 0;\n    font-size: 2rem;\n    margin-bottom: 18px;\n    position: relative;\n    z-index: 2;\n  }\n  .ayat-fluid-container .ayat-about-brief p {\n    color: #475569;\n    line-height: 1.9;\n    font-size: 1.15rem;\n    font-weight: 600;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* =========================================\n     3. COURSES SLIDER\n  ========================================= *\/\n  .ayat-fluid-container .slider-wrapper { position: relative; padding: 22px 0 8px; }\n  .ayat-fluid-container .slider-track {\n    display: flex; gap: 30px; overflow-x: auto; scroll-snap-type: x mandatory;\n    padding-bottom: 16px;\n    -ms-overflow-style: none; scrollbar-width: none;\n    padding-left: 10px; padding-right: 10px; scroll-behavior: smooth;\n  }\n  .ayat-fluid-container .slider-track::-webkit-scrollbar { display: none; }\n\n  \/* \u2705 (4) Restore desktop nav buttons *\/\n  .ayat-fluid-container .slider-nav-btn{\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 48px;\n    height: 48px;\n    border-radius: 999px;\n    border: 1px solid rgba(30, 162, 224, 0.25);\n    background: rgba(255, 255, 255, 0.92);\n    color: var(--brand-primary);\n    box-shadow: 0 16px 34px rgba(0,0,0,0.10);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    font-weight: 900;\n    z-index: 10;\n    transition: 0.25s ease;\n    user-select: none;\n  }\n  .ayat-fluid-container .slider-nav-btn:hover{\n    background: var(--brand-primary);\n    color: #fff;\n    transform: translateY(-50%) scale(1.06);\n  }\n  .ayat-fluid-container .slider-nav-btn.prev{ left: -10px; }\n  .ayat-fluid-container .slider-nav-btn.next{ right: -10px; }\n\n  \/* \u2705 (5) Swipe hint *\/\n  .ayat-fluid-container .swipe-hint{\n    position: absolute;\n    top: -10px;\n    right: 10px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.88);\n    border: 1px solid rgba(30, 162, 224, 0.20);\n    box-shadow: 0 12px 28px rgba(0,0,0,0.06);\n    color: var(--brand-primary);\n    font-weight: 900;\n    font-size: 12px;\n    z-index: 12;\n    user-select: none;\n  }\n  .ayat-fluid-container .swipe-hint svg{ width: 18px; height: 18px; stroke: currentColor; }\n\n  @media (max-width: 900px) {\n    .ayat-fluid-container .slider-nav-btn{ display: none; }\n    .ayat-fluid-container .swipe-hint{ top: -12px; right: 12px; }\n  }\n\n  .ayat-fluid-container .slide-card {\n    flex: 0 0 340px; scroll-snap-align: center;\n    background: white;\n    border-radius: 20px;\n    border: 1px solid #f0f0f0;\n    overflow: hidden;\n    transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;\n    position: relative;\n    display: flex; flex-direction: column;\n    box-shadow: 0 12px 26px rgba(0,0,0,0.03);\n  }\n  .ayat-fluid-container .slide-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 22px 56px rgba(30, 162, 224, 0.16);\n    border-color: rgba(30, 162, 224, 0.55);\n  }\n\n  .ayat-fluid-container .card-img { height: 200px; background: #eee; position: relative; }\n  .ayat-fluid-container .card-img img { width: 100%; height: 100%; object-fit: cover; }\n\n  .ayat-fluid-container .course-badge {\n    position: absolute; top: 15px; left: 15px;\n    background: rgba(11, 99, 167, 0.92); color: white;\n    padding: 6px 12px; border-radius: 999px;\n    font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5px;\n    box-shadow: 0 10px 24px rgba(0,0,0,0.10);\n  }\n\n  .ayat-fluid-container .card-body { padding: 26px; flex-grow: 1; display: flex; flex-direction: column; }\n  .ayat-fluid-container .card-title { font-size: 1.4rem; font-weight: 900; color: var(--brand-primary); margin: 0 0 10px; }\n  .ayat-fluid-container .card-meta { font-size: 0.95rem; color: #64748b; margin-bottom: 20px; font-weight: 700; }\n\n  .ayat-fluid-container .view-details-btn {\n    margin-top: auto; width: 100%; padding: 14px;\n    background: #f8fafc; color: var(--brand-primary);\n    border: 1px solid rgba(30, 162, 224, 0.22);\n    border-radius: 14px;\n    font-weight: 900;\n    cursor: pointer;\n    display: flex; align-items: center; justify-content: center; gap: 8px;\n    transition: 0.3s;\n    outline: none;\n  }\n  .ayat-fluid-container .view-details-btn:focus-visible{\n    box-shadow: 0 0 0 3px rgba(147, 212, 241, 0.55);\n  }\n  .ayat-fluid-container .view-details-btn:hover { background: var(--brand-primary); color: white; }\n  .ayat-fluid-container .view-details-btn::after { content: '\u25bc'; font-size: 10px; transition: transform 0.3s; }\n\n  .ayat-fluid-container .slide-card.active .view-details-btn { background: var(--brand-primary); color: white; }\n  .ayat-fluid-container .slide-card.active .view-details-btn::after { transform: rotate(180deg); }\n\n  .ayat-fluid-container .details-list {\n    max-height: 0; overflow: hidden;\n    transition: max-height 0.6s cubic-bezier(0.5, 0, 0, 1);\n    background: #fafafa;\n  }\n  .ayat-fluid-container .slide-card.active .details-list { max-height: 700px; border-top: 1px solid #eee; }\n  .ayat-fluid-container .details-list ul { list-style: none; padding: 26px; margin: 0; }\n  .ayat-fluid-container .details-list li {\n    font-size: 0.95rem; color: #475569; margin-bottom: 10px;\n    display: flex; align-items: center; gap: 10px;\n    font-weight: 700;\n  }\n  .ayat-fluid-container .details-list li::before {\n    content: '\u2713';\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 20px; height: 20px;\n    background: rgba(30, 162, 224, 0.14);\n    color: var(--brand-primary);\n    border-radius: 50%;\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  \/* =========================================\n     4. WHY CHOOSE US\n  ========================================= *\/\n  .ayat-fluid-container .why-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 54px;\n  }\n  .ayat-fluid-container .why-item {\n    background: white;\n    padding: 36px;\n    border-radius: 22px;\n    border: 1px solid #f1f1f1;\n    transition: 0.3s;\n    display: flex; flex-direction: column; align-items: center; text-align: center;\n    box-shadow: 0 12px 26px rgba(0,0,0,0.03);\n    position: relative;\n    overflow: hidden;\n  }\n  .ayat-fluid-container .why-item::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background: radial-gradient(520px 260px at 50% 0%, rgba(147, 212, 241, 0.22), transparent 60%);\n    opacity: 1;\n  }\n  .ayat-fluid-container .why-item:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 22px 56px rgba(11, 99, 167, 0.12);\n    border-color: rgba(30, 162, 224, 0.45);\n  }\n\n  .ayat-fluid-container .why-icon {\n    width: 72px; height: 72px;\n    background: transparent;\n    border: 2px solid var(--brand-primary);\n    color: var(--brand-primary);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 24px;\n    margin-bottom: 22px;\n    transition: 0.3s;\n    position: relative;\n    z-index: 2;\n  }\n  .ayat-fluid-container .why-item:hover .why-icon { background: var(--brand-primary); color: white; }\n\n  .ayat-fluid-container .why-title {\n    font-size: 1.4rem;\n    font-weight: 900;\n    color: var(--brand-primary);\n    margin: 0 0 15px;\n    position: relative;\n    z-index: 2;\n  }\n  .ayat-fluid-container .why-points { list-style: none; padding: 0; margin: 0; width: 100%; text-align: center; position: relative; z-index: 2; }\n  .ayat-fluid-container .why-points li {\n    font-size: 1rem; color: #64748b; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px dashed #eee;\n    font-weight: 700;\n  }\n  .ayat-fluid-container .why-points li:last-child { border: none; }\n\n  \/* =========================================\n     5. TRIAL SECTION\n  ========================================= *\/\n  .ayat-fluid-container .price-card {\n    background: white;\n    border-radius: 22px;\n    padding: 0;\n    overflow: hidden;\n    text-align: center;\n    position: relative;\n    transition: 0.4s;\n    display: flex;\n    flex-direction: column;\n    border: 1px solid #eee;\n    box-shadow: 0 12px 28px rgba(0,0,0,0.03);\n    width: 100%;\n  }\n  .ayat-fluid-container .price-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 26px 70px rgba(30, 162, 224, 0.16);\n    border-color: rgba(30, 162, 224, 0.38);\n  }\n\n  .ayat-fluid-container .price-head-sec {\n    background: #ffffff;\n    padding: 30px 20px;\n    border-bottom: 2px dashed #e5e5e5;\n    position: relative;\n  }\n  .ayat-fluid-container .price-head-sec::before, .ayat-fluid-container .price-head-sec::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    width: 20px; height: 20px;\n    background: var(--brand-bg);\n    border-radius: 50%;\n  }\n  .ayat-fluid-container .price-head-sec::before { left: -10px; }\n  .ayat-fluid-container .price-head-sec::after { right: -10px; }\n\n  .ayat-fluid-container .price-head-sec h3 { font-size: 1.55rem; color: var(--brand-dark); margin: 0 0 6px; font-weight: 900; }\n  .ayat-fluid-container .price-head-sec span { font-size: 0.95rem; color: #64748b; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; }\n\n  .ayat-fluid-container .price-body-sec { padding: 30px 25px; }\n\n  .ayat-fluid-container .trial-kpi {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin: 18px 0 6px;\n  }\n  .ayat-fluid-container .trial-pill {\n    background: rgba(147, 212, 241, 0.35);\n    border: 1px solid rgba(30, 162, 224, 0.22);\n    color: var(--brand-dark);\n    border-radius: 16px;\n    padding: 12px 10px;\n    font-weight: 900;\n    font-size: 0.95rem;\n  }\n  .ayat-fluid-container .trial-pill small {\n    display: block;\n    font-weight: 800;\n    color: #64748b;\n    margin-top: 3px;\n    font-size: 0.78rem;\n  }\n\n  .ayat-fluid-container .wa-btn {\n    display: flex; align-items: center; justify-content: center; gap: 10px;\n    width: 100%; padding: 16px; border-radius: 16px;\n    background: var(--brand-primary); color: white;\n    font-weight: 900; text-decoration: none;\n    transition: 0.3s; margin-top: 18px;\n    outline: none;\n  }\n  .ayat-fluid-container .wa-btn:focus-visible{\n    box-shadow: 0 0 0 3px rgba(147, 212, 241, 0.55);\n  }\n  .ayat-fluid-container .wa-btn:hover { background: #0B63A7; box-shadow: 0 14px 28px rgba(11, 99, 167, 0.28); }\n  .ayat-fluid-container .wa-btn svg { width: 20px; height: 20px; fill: currentColor; }\n\n  .ayat-fluid-container .free-card .price-head-sec { background: rgba(147, 212, 241, 0.22); }\n  .ayat-fluid-container .free-badge {\n    position: absolute; top: 15px; right: 15px;\n    background: var(--brand-gold);\n    color: #0F172A;\n    padding: 4px 10px;\n    border-radius: 8px;\n    font-size: 10px;\n    font-weight: 900;\n    text-transform: uppercase;\n    box-shadow: 0 12px 24px rgba(0,0,0,0.08);\n  }\n\n  .ayat-fluid-container .trial-benefits {\n    margin-top: 25px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n  .ayat-fluid-container .trial-bene-card{\n    background: white;\n    border: 1px solid #f1f1f1;\n    border-radius: 18px;\n    padding: 18px 16px;\n    box-shadow: 0 12px 26px rgba(0,0,0,0.02);\n    transition: 0.3s;\n    text-align: left;\n  }\n  .ayat-fluid-container .trial-bene-card:hover{\n    transform: translateY(-6px);\n    border-color: rgba(30, 162, 224, 0.40);\n    box-shadow: 0 22px 56px rgba(30, 162, 224, 0.12);\n  }\n  .ayat-fluid-container .trial-bene-ico{\n    width: 44px; height: 44px;\n    border-radius: 14px;\n    background: rgba(147, 212, 241, 0.38);\n    border: 1px solid rgba(30, 162, 224, 0.18);\n    display:flex; align-items:center; justify-content:center;\n    color: var(--brand-primary);\n    margin-bottom: 10px;\n  }\n  .ayat-fluid-container .trial-bene-card h4{\n    margin: 0 0 6px;\n    color: var(--brand-dark);\n    font-size: 1.05rem;\n    font-weight: 900;\n  }\n  .ayat-fluid-container .trial-bene-card p{\n    margin: 0;\n    color: #64748b;\n    line-height: 1.6;\n    font-weight: 700;\n    font-size: 0.95rem;\n  }\n\n  .ayat-fluid-container .pricing-note {\n    text-align: center;\n    margin-top: 26px;\n    padding: 18px 20px;\n    background: white;\n    border: 1px dashed rgba(30, 162, 224, 0.55);\n    border-radius: 14px;\n    color: var(--brand-primary);\n    font-weight: 900;\n    width: 100%;\n    margin-left: auto;\n    margin-right: auto;\n    box-shadow: 0 12px 24px rgba(0,0,0,0.03);\n  }\n\n  @media (max-width: 768px) {\n    .ayat-fluid-container .ayat-content-wrapper { padding: 56px 0; }\n    .ayat-fluid-container .sec-head h2 { font-size: 2.2rem; }\n    .ayat-fluid-container .slide-card { flex: 0 0 290px; }\n    .ayat-fluid-container .why-grid { grid-template-columns: 1fr; }\n    .ayat-fluid-container .trial-kpi { grid-template-columns: 1fr; }\n    .ayat-fluid-container .trial-benefits { grid-template-columns: 1fr; }\n    .ayat-fluid-container .trial-bene-card { text-align: left; }\n  }\n<\/style>\n\n<div class=\"ayat-content-wrapper\">\n\n  <div class=\"sec-container reveal-item\">\n    <div class=\"ayat-about-brief reveal-item\">\n      <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/\u0622\u064a\u0627\u062a-1.png\" alt=\"Muslim Academy logo\" class=\"about-logo-img reveal-item\" width=\"150\" height=\"150\" loading=\"lazy\" decoding=\"async\">\n      <h3 class=\"reveal-item\">A Smarter Way to Learn Online<\/h3>\n      <p class=\"reveal-item\">Muslim Academy is an online learning home for families who want clear progress\u2014not random lessons. We connect you with experienced Al-Azhar tutors and a structured curriculum that makes Quran reading, Tajweed, Hifz, and Arabic easier to understand, easier to follow, and easier to keep consistent.<\/p>\n    <\/div>\n  <\/div>\n\n  <section class=\"sec-container reveal-item\" style=\"margin-bottom: 120px;\">\n    <div class=\"sec-head reveal-item\">\n      <h2 class=\"reveal-item\">Choose Your Learning Path<\/h2>\n      <span class=\"reveal-item\"><\/span>\n      <p class=\"reveal-item\">Practical programs designed for beginners, kids, adults, and advanced learners.<\/p>\n    <\/div>\n\n    <div class=\"slider-wrapper reveal-item\">\n      <!-- \u2705 (4) Desktop arrows back -->\n      <button class=\"slider-nav-btn prev\" type=\"button\" aria-label=\"Previous courses\" onclick=\"scrollSlider('courses-track', -380)\">\u2039<\/button>\n      <button class=\"slider-nav-btn next\" type=\"button\" aria-label=\"Next courses\" onclick=\"scrollSlider('courses-track', 380)\">\u203a<\/button>\n\n      <!-- \u2705 (5) Swipe hint -->\n      <div class=\"swipe-hint\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n          <path d=\"M12 19v-7\" stroke=\"currentColor\" stroke-linecap=\"round\"\/>\n          <path d=\"M9 12l3-3 3 3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M5 20c0-2 2-3 4-2l2 1V9c0-1 1-2 2-2s2 1 2 2v6l1-.5c2-1 4 0 4 2v3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        Swipe to see more\n      <\/div>\n\n      <div class=\"slider-track\" id=\"courses-track\">\n\n        <div class=\"slide-card reveal-item\">\n          <div class=\"card-img\">\n            <span class=\"course-badge\">Beginners<\/span>\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/quran-reading.jpg\" alt=\"Quran Reading course cover\" loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"200\">\n          <\/div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title\">Quran Reading<\/h3>\n            <div class=\"card-meta\">Start from the basics<\/div>\n            <button class=\"view-details-btn\" onclick=\"toggleDetails(this)\">View Details<\/button>\n          <\/div>\n          <div class=\"details-list\"><ul><li>Arabic Letters &#038; Sounds<\/li><li>Makharij Foundations<\/li><li>Joining Letters Smoothly<\/li><li>Reading with Confidence<\/li><li>Short Surahs Practice<\/li><li>Live Corrections 1-on-1<\/li><\/ul><\/div>\n        <\/div>\n\n        <div class=\"slide-card reveal-item\">\n          <div class=\"card-img\">\n            <span class=\"course-badge\">Advanced<\/span>\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/tajweed-rules.jpg\" alt=\"Tajweed Rules course cover\" loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"200\">\n          <\/div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title\">Tajweed Rules<\/h3>\n            <div class=\"card-meta\">Recite correctly &#038; beautifully<\/div>\n            <button class=\"view-details-btn\" onclick=\"toggleDetails(this)\">View Details<\/button>\n          <\/div>\n          <div class=\"details-list\"><ul><li>Noon &#038; Tanween Rules<\/li><li>Meem Rules<\/li><li>Madd Types &#038; Timing<\/li><li>Qalqalah Practice<\/li><li>Waqf &#038; Ibtida&#8217;<\/li><li>Applied Recitation Drills<\/li><\/ul><\/div>\n        <\/div>\n\n        <div class=\"slide-card reveal-item\">\n          <div class=\"card-img\">\n            <span class=\"course-badge\">Most Popular<\/span>\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/quran-memorization-2.jpg\" alt=\"Quran Memorization (Hifz) program cover\" loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"200\">\n          <\/div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title\">Quran Memorization<\/h3>\n            <div class=\"card-meta\">Hifz with strong revision<\/div>\n            <button class=\"view-details-btn\" onclick=\"toggleDetails(this)\">View Details<\/button>\n          <\/div>\n          <div class=\"details-list\"><ul><li>Personalized Hifz Targets<\/li><li>Revision System (Muraja&#8217;ah)<\/li><li>Tajweed While Memorizing<\/li><li>Similar Ayat Strategies<\/li><li>Weekly Progress Tracking<\/li><li>Ijazah Readiness Support<\/li><\/ul><\/div>\n        <\/div>\n\n        <div class=\"slide-card reveal-item\">\n          <div class=\"card-img\">\n            <span class=\"course-badge\">For Kids<\/span>\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/arabic-for-kids.jpg\" alt=\"Arabic for Kids course cover\" loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"200\">\n          <\/div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title\">Arabic for Kids<\/h3>\n            <div class=\"card-meta\">Fun, gentle, consistent<\/div>\n            <button class=\"view-details-btn\" onclick=\"toggleDetails(this)\">View Details<\/button>\n          <\/div>\n          <div class=\"details-list\"><ul><li>Kid-Friendly Activities<\/li><li>Everyday Vocabulary<\/li><li>Simple Speaking Practice<\/li><li>Short Sentences &#038; Stories<\/li><li>Listening &#038; Repetition<\/li><li>Confidence Building<\/li><\/ul><\/div>\n        <\/div>\n\n        <div class=\"slide-card reveal-item\">\n          <div class=\"card-img\">\n            <span class=\"course-badge\">Kids Friendly<\/span>\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/islamic-studies-kids.jpg\" alt=\"Islamic Studies for Kids course cover\" loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"200\">\n          <\/div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title\">Islamic Studies<\/h3>\n            <div class=\"card-meta\">Akhlaq, Seerah &#038; basics<\/div>\n            <button class=\"view-details-btn\" onclick=\"toggleDetails(this)\">View Details<\/button>\n          <\/div>\n          <div class=\"details-list\"><ul><li>Five Pillars Explained<\/li><li>Seerah &#038; Role Models<\/li><li>Daily Duas &#038; Meanings<\/li><li>Wudu &#038; Salah Practice<\/li><li>Islamic Manners (Akhlaq)<\/li><li>Interactive Discussions<\/li><\/ul><\/div>\n        <\/div>\n\n        <div class=\"slide-card reveal-item\">\n          <div class=\"card-img\">\n            <span class=\"course-badge\">Certified<\/span>\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/ijazah-program-1.jpg\" alt=\"Online Ijazah program cover\" loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"200\">\n          <\/div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title\">Online Ijazah<\/h3>\n            <div class=\"card-meta\">For serious learners<\/div>\n            <button class=\"view-details-btn\" onclick=\"toggleDetails(this)\">View Details<\/button>\n          <\/div>\n          <div class=\"details-list\"><ul><li>Sanad-Focused Training<\/li><li>Precision in Recitation<\/li><li>Advanced Makharij Work<\/li><li>Hafs\/Warsh Support<\/li><li>Oral Examination Prep<\/li><li>Completion Certification<\/li><\/ul><\/div>\n        <\/div>\n\n        <div class=\"slide-card reveal-item\">\n          <div class=\"card-img\">\n            <span class=\"course-badge\">Foundation<\/span>\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/top-view-quran-books-table-1.jpg\" alt=\"Norani Qaida foundation course cover\" loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"200\">\n          <\/div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title\">Norani Qaida<\/h3>\n            <div class=\"card-meta\">Strong reading foundation<\/div>\n            <button class=\"view-details-btn\" onclick=\"toggleDetails(this)\">View Details<\/button>\n          <\/div>\n          <div class=\"details-list\"><ul><li>Letter Recognition<\/li><li>Blending &#038; Joining<\/li><li>Harakat Practice<\/li><li>Tanween &#038; Sukoon<\/li><li>Shaddah Mastery<\/li><li>Daily Reading Exercises<\/li><\/ul><\/div>\n        <\/div>\n\n        <div class=\"slide-card reveal-item\">\n          <div class=\"card-img\">\n            <span class=\"course-badge\">For Adults<\/span>\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/quran-tafseer.jpg\" alt=\"Quran Tafseer course cover\" loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"200\">\n          <\/div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title\">Quran Tafseer<\/h3>\n            <div class=\"card-meta\">Understand what you recite<\/div>\n            <button class=\"view-details-btn\" onclick=\"toggleDetails(this)\">View Details<\/button>\n          <\/div>\n          <div class=\"details-list\"><ul><li>Key Meanings &#038; Vocabulary<\/li><li>Context of Revelation<\/li><li>Major Themes of Surahs<\/li><li>Practical Life Lessons<\/li><li>Reflection &#038; Discussion<\/li><li>Clear English Explanation<\/li><\/ul><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"sec-container reveal-item\" style=\"margin-bottom: 120px;\">\n    <div class=\"sec-head reveal-item\">\n      <h2 class=\"reveal-item\">Why Families Choose Muslim Academy<\/h2>\n      <span class=\"reveal-item\"><\/span>\n    <\/div>\n\n    <div class=\"why-grid\">\n      <div class=\"why-item reveal-item\">\n        <div class=\"why-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n        <\/div>\n        <h4 class=\"why-title\">Qualified Teaching<\/h4>\n        <ul class=\"why-points\"><li>Al-Azhar background<\/li><li>Clear English explanations<\/li><li>Patient, structured guidance<\/li><\/ul>\n      <\/div>\n\n      <div class=\"why-item reveal-item\">\n        <div class=\"why-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <\/div>\n        <h4 class=\"why-title\">Flexible Scheduling<\/h4>\n        <ul class=\"why-points\"><li>Fits your time zone<\/li><li>Easy rescheduling<\/li><li>Weekends available<\/li><\/ul>\n      <\/div>\n\n      <div class=\"why-item reveal-item\">\n        <div class=\"why-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n        <\/div>\n        <h4 class=\"why-title\">1-on-1 Attention<\/h4>\n        <ul class=\"why-points\"><li>Personal learning plan<\/li><li>Comfortable pace<\/li><li>More speaking &#038; practice<\/li><\/ul>\n      <\/div>\n\n      <div class=\"why-item reveal-item\">\n        <div class=\"why-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n        <\/div>\n        <h4 class=\"why-title\">Comfort &#038; Privacy<\/h4>\n        <ul class=\"why-points\"><li>Female tutors available<\/li><li>Kid-friendly environment<\/li><li>Respectful learning space<\/li><\/ul>\n      <\/div>\n\n      <div class=\"why-item reveal-item\">\n        <div class=\"why-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n        <\/div>\n        <h4 class=\"why-title\">Global Experience<\/h4>\n        <ul class=\"why-points\"><li>Built for English speakers<\/li><li>International community<\/li><li>Support across regions<\/li><\/ul>\n      <\/div>\n\n      <div class=\"why-item reveal-item\">\n        <div class=\"why-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\n        <\/div>\n        <h4 class=\"why-title\">Clear Progress<\/h4>\n        <ul class=\"why-points\"><li>Milestone-based learning<\/li><li>Completion certificates<\/li><li>Optional Ijazah pathway<\/li><\/ul>\n      <\/div>\n\n      <div class=\"why-item reveal-item\">\n        <div class=\"why-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12c.5.5 1 1.2 1 2h6c0-.8.5-1.5 1-2A7 7 0 0 0 12 2z\"\/><\/svg>\n        <\/div>\n        <h4 class=\"why-title\">Structured Curriculum<\/h4>\n        <ul class=\"why-points\"><li>Step-by-step roadmap<\/li><li>Goals every session<\/li><li>Consistent weekly plan<\/li><\/ul>\n      <\/div>\n\n      <div class=\"why-item reveal-item\">\n        <div class=\"why-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M17 11a4 4 0 0 1 0 8\"\/><path d=\"M7 11a4 4 0 0 0 0 8\"\/><path d=\"M12 2a5 5 0 0 1 5 5v2a3 3 0 0 1-3 3H10a3 3 0 0 1-3-3V7a5 5 0 0 1 5-5z\"\/><\/svg>\n        <\/div>\n        <h4 class=\"why-title\">Friendly Support<\/h4>\n        <ul class=\"why-points\"><li>Fast WhatsApp replies<\/li><li>Help choosing the right course<\/li><li>Guidance for parents too<\/li><\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2705 Trial Section -->\n  <section class=\"sec-container reveal-item\">\n    <div class=\"sec-head reveal-item\">\n      <h2 class=\"reveal-item\">Start With a Free Trial<\/h2>\n      <span class=\"reveal-item\"><\/span>\n      <p class=\"reveal-item\">Meet your tutor, confirm your level, and get a simple plan you can stick to\u2014before you commit.<\/p>\n    <\/div>\n\n    <div class=\"price-card free-card reveal-item\" style=\"margin: 0 auto 18px; max-width: 100%; border: 2px solid rgba(30, 162, 224, 0.65);\">\n      <div class=\"free-badge\">Best Start<\/div>\n\n      <div class=\"price-head-sec\">\n        <h3>2 Free Trial Classes<\/h3>\n        <span>Try the teaching style first<\/span>\n      <\/div>\n\n      <div class=\"price-body-sec\">\n        <div class=\"trial-kpi\">\n          <div class=\"trial-pill\">1-on-1<small>Personal focus<\/small><\/div>\n          <div class=\"trial-pill\">Flexible Time<small>Your schedule<\/small><\/div>\n          <div class=\"trial-pill\">Azhar Tutors<small>Expert guidance<\/small><\/div>\n        <\/div>\n\n        <a href=\"javascript:void(0)\" onclick=\"openWA('I want a Free Trial')\" class=\"wa-btn\" rel=\"noopener noreferrer\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\n          Book Free Trial\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"trial-benefits\">\n      <div class=\"trial-bene-card reveal-item\">\n        <div class=\"trial-bene-ico\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <\/div>\n        <h4>Schedule in Minutes<\/h4>\n        <p>Pick a time that works for your family\u2014then adjust anytime as life changes.<\/p>\n      <\/div>\n\n      <div class=\"trial-bene-card reveal-item\">\n        <div class=\"trial-bene-ico\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/><\/svg>\n        <\/div>\n        <h4>Real WhatsApp Help<\/h4>\n        <p>We guide you to the right course and answer questions fast\u2014before and after you start.<\/p>\n      <\/div>\n\n      <div class=\"trial-bene-card reveal-item\">\n        <div class=\"trial-bene-ico\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\n        <\/div>\n        <h4>Clear Lesson Plan<\/h4>\n        <p>Step-by-step structure with gentle correction\u2014so progress stays steady for all ages.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"pricing-note reveal-item\">\n      \u2728 After your trial, we\u2019ll suggest the best plan for your level and goals\u2014simple, honest guidance with zero pressure.\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n  function scrollSlider(id, val) {\n    const slider = document.getElementById(id);\n    if(slider) slider.scrollBy({ left: val, behavior: 'smooth' });\n  }\n\n  function toggleDetails(btn) {\n    const card = btn.closest('.slide-card');\n    card.classList.toggle('active');\n    btn.innerText = card.classList.contains('active') ? 'Close Details' : 'View Details';\n  }\n\n  function openWA(planName) {\n    var phone = \"201070289182\";\n    var text = \"Hello Muslim Academy, I am interested in: \" + planName;\n    var url = \"https:\/\/wa.me\/\" + phone + \"?text=\" + encodeURIComponent(text);\n    window.open(url, '_blank', 'noopener');\n  }\n<\/script>\n\n<style>\n  \/* --- REVIEWS SPECIFIC STYLES (\u2705 same colors, style upgraded only) --- *\/\n  .ayat-fluid-container .ayat-reviews-wrapper {\n    --brand-primary: #1EA2E0;\n    --brand-dark: #0F172A;\n    --brand-bg: #FFFFFF;\n\n    font-family: system-ui, -apple-system, sans-serif;\n    background: var(--brand-bg);\n    padding: 64px 0 104px;\n    direction: ltr;\n    overflow: hidden;\n    width: 100%;\n    position: relative;\n  }\n  .ayat-fluid-container .ayat-reviews-wrapper::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background:\n      radial-gradient(720px 520px at 15% 10%, rgba(147, 212, 241, 0.26), transparent 60%),\n      radial-gradient(820px 620px at 90% 20%, rgba(30, 162, 224, 0.12), transparent 62%);\n  }\n  .ayat-fluid-container .ayat-reviews-wrapper * { box-sizing: border-box; }\n\n  .ayat-fluid-container .rev-container {\n    width: 100%;\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 0 clamp(16px, 4vw, 56px);\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* \u2705 (6) limit text width *\/\n  .ayat-fluid-container .rev-head p,\n  .ayat-fluid-container .rev-text {\n    max-width: 760px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ayat-fluid-container .rev-head { text-align: center; margin-bottom: 54px; }\n  .ayat-fluid-container .rev-head h2 {\n    font-family: Georgia, serif;\n    font-size: 2.8rem;\n    color: var(--brand-primary);\n    margin: 0 0 10px;\n    letter-spacing: -0.02em;\n  }\n  .ayat-fluid-container .rev-head span {\n    display: inline-block;\n    width: 86px;\n    height: 3px;\n    background: var(--brand-primary);\n    opacity: 0.6;\n    border-radius: 999px;\n  }\n  .ayat-fluid-container .rev-head p { color: #64748b; margin-top: 15px; font-size: 1.1rem; font-weight: 700; }\n\n  .ayat-fluid-container .rev-slider-wrapper { position: relative; }\n  .ayat-fluid-container .rev-track {\n    display: flex; gap: 25px; overflow-x: auto; scroll-snap-type: x mandatory;\n    padding-bottom: 16px;\n    -ms-overflow-style: none; scrollbar-width: none;\n    padding-left: 10px; padding-right: 10px; scroll-behavior: smooth;\n  }\n  .ayat-fluid-container .rev-track::-webkit-scrollbar { display: none; }\n\n  \/* \u2705 (4) Restore desktop nav buttons *\/\n  .ayat-fluid-container .rev-nav-btn{\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 48px;\n    height: 48px;\n    border-radius: 999px;\n    border: 1px solid rgba(30, 162, 224, 0.25);\n    background: rgba(255, 255, 255, 0.92);\n    color: var(--brand-primary);\n    box-shadow: 0 16px 34px rgba(0,0,0,0.10);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    font-weight: 900;\n    z-index: 10;\n    transition: 0.25s ease;\n    user-select: none;\n  }\n  .ayat-fluid-container .rev-nav-btn:hover{\n    background: var(--brand-primary);\n    color: #fff;\n    transform: translateY(-50%) scale(1.06);\n  }\n  .ayat-fluid-container .rev-nav-btn.prev{ left: -10px; }\n  .ayat-fluid-container .rev-nav-btn.next{ right: -10px; }\n\n  \/* \u2705 (5) Swipe hint *\/\n  .ayat-fluid-container .rev-swipe-hint{\n    position: absolute;\n    top: -10px;\n    right: 10px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.88);\n    border: 1px solid rgba(30, 162, 224, 0.20);\n    box-shadow: 0 12px 28px rgba(0,0,0,0.06);\n    color: var(--brand-primary);\n    font-weight: 900;\n    font-size: 12px;\n    z-index: 12;\n    user-select: none;\n  }\n  .ayat-fluid-container .rev-swipe-hint svg{ width: 18px; height: 18px; stroke: currentColor; }\n\n  .ayat-fluid-container .review-card {\n    flex: 0 0 350px; scroll-snap-align: center;\n    background: white;\n    border-radius: 22px;\n    border: 1px solid #f0f0f0;\n    padding: 36px 30px;\n    position: relative;\n    transition: 0.3s;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 12px 26px rgba(0,0,0,0.03);\n    overflow: hidden;\n  }\n  .ayat-fluid-container .review-card::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background: radial-gradient(520px 260px at 50% 0%, rgba(147, 212, 241, 0.22), transparent 60%);\n  }\n  .ayat-fluid-container .review-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 26px 70px rgba(30, 162, 224, 0.16);\n    border-color: rgba(30, 162, 224, 0.55);\n  }\n\n  .ayat-fluid-container .quote-icon {\n    position: absolute; top: 20px; right: 20px;\n    font-size: 60px; line-height: 1; opacity: 0.15;\n    color: var(--brand-primary); font-family: serif; pointer-events: none;\n    z-index: 2;\n  }\n\n  .ayat-fluid-container .reviewer { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; position: relative; z-index: 2; }\n  .ayat-fluid-container .reviewer img {\n    width: 65px; height: 65px; border-radius: 50%; object-fit: cover;\n    border: 2px solid var(--brand-primary); padding: 3px;\n    box-shadow: 0 14px 28px rgba(0,0,0,0.10);\n  }\n  .ayat-fluid-container .reviewer-info h4 { margin: 0; font-size: 1.1rem; color: var(--brand-dark); font-weight: 900; }\n  .ayat-fluid-container .reviewer-info span { font-size: 0.85rem; color: #64748b; display: block; margin-top: 2px; font-weight: 800; }\n\n  .ayat-fluid-container .rev-stars { color: #FFB300; font-size: 16px; margin-bottom: 15px; letter-spacing: 2px; position: relative; z-index: 2; }\n  .ayat-fluid-container .rev-text { font-size: 1rem; color: #475569; line-height: 1.7; font-style: italic; font-weight: 700; position: relative; z-index: 2; }\n\n  @media (max-width: 768px) {\n    .ayat-fluid-container .rev-nav-btn { display: none; }\n    .ayat-fluid-container .rev-swipe-hint{ top: -12px; right: 12px; }\n    .ayat-fluid-container .review-card { flex: 0 0 300px; }\n  }\n<\/style>\n\n<div class=\"ayat-reviews-wrapper\" id=\"success-stories\">\n  <div class=\"rev-container\">\n\n    <div class=\"rev-head reveal-item\">\n      <h2 class=\"reveal-item\">Success Stories<\/h2>\n      <span class=\"reveal-item\"><\/span>\n      <p class=\"reveal-item\">Families share how consistency and structure changed their learning journey.<\/p>\n    <\/div>\n\n    <div class=\"rev-slider-wrapper reveal-item\">\n      <!-- \u2705 (4) Desktop arrows back -->\n      <button class=\"rev-nav-btn prev\" type=\"button\" aria-label=\"Previous reviews\" onclick=\"scrollReviews(-380)\">\u2039<\/button>\n      <button class=\"rev-nav-btn next\" type=\"button\" aria-label=\"Next reviews\" onclick=\"scrollReviews(380)\">\u203a<\/button>\n\n      <!-- \u2705 (5) Swipe hint -->\n      <div class=\"rev-swipe-hint\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n          <path d=\"M12 19v-7\" stroke=\"currentColor\" stroke-linecap=\"round\"\/>\n          <path d=\"M9 12l3-3 3 3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M5 20c0-2 2-3 4-2l2 1V9c0-1 1-2 2-2s2 1 2 2v6l1-.5c2-1 4 0 4 2v3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        Swipe to see more\n      <\/div>\n\n      <div class=\"rev-track\" id=\"reviewsTrack\">\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/zainab-usa.jpg\" alt=\"Amina H. - Student (USA)\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\">\n            <div class=\"reviewer-info\"><h4>Amina H.<\/h4><span>Student &#8211; USA \ud83c\uddfa\ud83c\uddf8<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;Muslim Academy made learning feel easy and organized. My tutor is patient, and every class has a clear goal. I\u2019m finally progressing with confidence.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/yusuf-uk.jpg\" alt=\"Hassan M. - Student (UK)\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\">\n            <div class=\"reviewer-info\"><h4>Hassan M.<\/h4><span>Student &#8211; UK \ud83c\uddec\ud83c\udde7<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;The Tajweed lessons at Muslim Academy are practical and clear. I get corrections kindly, and I can hear the improvement in my recitation every week.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/omar-canada.jpg\" alt=\"Parent of Adam - Canada\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\">\n            <div class=\"reviewer-info\"><h4>Adam\u2019s Parent<\/h4><span>Parent &#8211; Canada \ud83c\udde8\ud83c\udde6<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;My child is excited for class time now. Muslim Academy\u2019s tutor is gentle and consistent, and we can actually see progress week after week.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/maryam-france.jpg\" alt=\"Salma R. - Student (France)\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\">\n            <div class=\"reviewer-info\"><h4>Salma R.<\/h4><span>Student &#8211; France \ud83c\uddeb\ud83c\uddf7<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;I love how respectful and detailed the corrections are. Muslim Academy helped me stay consistent for the first time\u2014Alhamdulillah.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/khadijah-usa.png\" alt=\"Huda S. - Student (USA)\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\">\n            <div class=\"reviewer-info\"><h4>Huda S.<\/h4><span>Student &#8211; USA \ud83c\uddfa\ud83c\uddf8<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;Arabic felt difficult before, but Muslim Academy made it step-by-step. I\u2019m learning vocabulary and understanding more of what I recite in Salah.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/iqbal-canada.jpg\" alt=\"Br. Kareem - Student (Canada)\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\">\n            <div class=\"reviewer-info\"><h4>Br. Kareem<\/h4><span>Student &#8211; Canada \ud83c\udde8\ud83c\udde6<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;WhatsApp support is fast, and scheduling is smooth. Muslim Academy matched me with the right tutor from day one, and the plan is very clear.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/fatima-usa.jpg\" alt=\"Layla N. - Parent (USA)\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\">\n            <div class=\"reviewer-info\"><h4>Layla N.<\/h4><span>Parent &#8211; USA \ud83c\uddfa\ud83c\uddf8<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;The Hifz routine became consistent in our home. Muslim Academy balances new memorization with revision so my child doesn\u2019t forget.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/aisha-germany.jpg\" alt=\"Nour A. - Student (Germany)\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\">\n            <div class=\"reviewer-info\"><h4>Nour A.<\/h4><span>Student &#8211; Germany \ud83c\udde9\ud83c\uddea<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;Tafseer sessions are clear and practical. Muslim Academy explains in a way that helps me apply lessons in daily life, not just listen and forget.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/abdullah-sweden.jpg\" alt=\"Omar F. - Student (Sweden)\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\">\n            <div class=\"reviewer-info\"><h4>Omar F.<\/h4><span>Student &#8211; Sweden \ud83c\uddf8\ud83c\uddea<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;Perfect for my work hours. Muslim Academy keeps classes focused, and my tutor helps me stay accountable with clear weekly targets.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"review-card reveal-item\">\n          <div class=\"quote-icon\">\u275d<\/div>\n          <div class=\"reviewer\">\n            <img src=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/hero-person.png\" alt=\"Bilal T. - Student (Australia)\" loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"65\" style=\"background:#eee;\">\n            <div class=\"reviewer-info\"><h4>Bilal T.<\/h4><span>Student &#8211; Australia \ud83c\udde6\ud83c\uddfa<\/span><\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">&#8220;Muslim Academy feels like a real academy, not random tutoring. The structure, follow-up, and supportive tutors made a big difference for my family.&#8221;<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  function scrollReviews(val) {\n    const track = document.getElementById('reviewsTrack');\n    if(track) track.scrollBy({ left: val, behavior: 'smooth' });\n  }\n<\/script>\n\n<!-- \u2705 FAQ SECTION (kept) -->\n<style>\n  .ayat-fluid-container .ayat-faq-wrap{\n    background: #FFFFFF;\n    padding: 70px 0 30px;\n    direction: ltr;\n    overflow: hidden;\n    width: 100%;\n    position: relative;\n  }\n  .ayat-fluid-container .ayat-faq-wrap::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background:\n      radial-gradient(720px 520px at 20% 10%, rgba(147, 212, 241, 0.26), transparent 60%),\n      radial-gradient(820px 620px at 90% 20%, rgba(30, 162, 224, 0.12), transparent 62%);\n  }\n  .ayat-fluid-container .faq-box{\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0 clamp(16px, 4vw, 56px);\n    position: relative;\n    z-index: 2;\n  }\n  .ayat-fluid-container .faq-card{\n    background: #fff;\n    border: 1px solid rgba(30, 162, 224, 0.22);\n    border-radius: 20px;\n    box-shadow: 0 18px 56px rgba(11, 99, 167, 0.08);\n    padding: 28px 24px;\n  }\n  .ayat-fluid-container .faq-head{\n    text-align: center;\n    margin-bottom: 22px;\n  }\n  .ayat-fluid-container .faq-head h2{\n    font-family: Georgia, serif;\n    color: #1EA2E0;\n    font-size: 2.2rem;\n    margin: 0 0 10px;\n    letter-spacing: -0.02em;\n  }\n  .ayat-fluid-container .faq-head p{\n    margin: 0;\n    color: #64748b;\n    font-weight: 700;\n    line-height: 1.7;\n  }\n  .ayat-fluid-container .faq-list{\n    margin-top: 18px;\n    display: grid;\n    gap: 12px;\n  }\n  .ayat-fluid-container .faq-item{\n    border: 1px solid #eee;\n    border-radius: 16px;\n    overflow: hidden;\n    background: #fff;\n    box-shadow: 0 10px 22px rgba(0,0,0,0.03);\n  }\n  .ayat-fluid-container .faq-item summary{\n    cursor: pointer;\n    list-style: none;\n    padding: 16px 16px;\n    font-weight: 900;\n    color: #0F172A;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    outline: none;\n  }\n  .ayat-fluid-container .faq-item summary:focus-visible{\n    box-shadow: inset 0 0 0 3px rgba(147, 212, 241, 0.55);\n  }\n  .ayat-fluid-container .faq-item summary::-webkit-details-marker{ display:none; }\n  .ayat-fluid-container .faq-item summary .q-ico{\n    width: 34px;\n    height: 34px;\n    border-radius: 12px;\n    background: rgba(147, 212, 241, 0.38);\n    border: 1px solid rgba(30, 162, 224, 0.22);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: #127EC0;\n    flex: 0 0 auto;\n    font-weight: 900;\n  }\n  .ayat-fluid-container .faq-item summary .q-txt{ flex: 1 1 auto; }\n  .ayat-fluid-container .faq-item summary .chev{\n    width: 34px;\n    height: 34px;\n    border-radius: 12px;\n    background: #f8f9fa;\n    border: 1px solid #eee;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.25s ease;\n    flex: 0 0 auto;\n  }\n  .ayat-fluid-container .faq-item[open] summary .chev{ transform: rotate(180deg); }\n  .ayat-fluid-container .faq-item .a{\n    padding: 0 16px 16px 16px;\n    color: #475569;\n    font-weight: 700;\n    line-height: 1.8;\n  }\n<\/style>\n\n<div class=\"ayat-faq-wrap reveal-item\" id=\"faq\">\n  <div class=\"faq-box\">\n    <div class=\"faq-card reveal-item\">\n      <div class=\"faq-head reveal-item\">\n        <h2 class=\"reveal-item\">Frequently Asked Questions<\/h2>\n        <p class=\"reveal-item\">Everything you need to know before starting your Quran &#038; Arabic journey online.<\/p>\n      <\/div>\n      <div class=\"faq-list\">\n        <details class=\"faq-item reveal-item\">\n          <summary>\n            <span class=\"q-ico\">?<\/span>\n            <span class=\"q-txt\">What happens in the free trial classes?<\/span>\n            <span class=\"chev\">\u2304<\/span>\n          <\/summary>\n          <div class=\"a\">You\u2019ll get 2 private 1-on-1 sessions. We check your level, understand your goals, and recommend the best learning path\u2014so you start with clarity and confidence.<\/div>\n        <\/details>\n        <details class=\"faq-item reveal-item\">\n          <summary>\n            <span class=\"q-ico\">?<\/span>\n            <span class=\"q-txt\">Do you teach complete beginners?<\/span>\n            <span class=\"chev\">\u2304<\/span>\n          <\/summary>\n          <div class=\"a\">Yes. If you\u2019re starting from the Arabic letters, we guide you step by step until you can read comfortably and progress into Tajweed or memorization when ready.<\/div>\n        <\/details>\n        <details class=\"faq-item reveal-item\">\n          <summary>\n            <span class=\"q-ico\">?<\/span>\n            <span class=\"q-txt\">Can I request a female tutor?<\/span>\n            <span class=\"chev\">\u2304<\/span>\n          <\/summary>\n          <div class=\"a\">Yes. Female tutors are available for sisters and children, depending on your preference and the available time slots.<\/div>\n        <\/details>\n        <details class=\"faq-item reveal-item\">\n          <summary>\n            <span class=\"q-ico\">?<\/span>\n            <span class=\"q-txt\">Are lessons suitable for kids and adults?<\/span>\n            <span class=\"chev\">\u2304<\/span>\n          <\/summary>\n          <div class=\"a\">Absolutely. We teach kids, teens, and adults with age-appropriate methods, flexible pacing, and clear milestones to track progress.<\/div>\n        <\/details>\n        <details class=\"faq-item reveal-item\">\n          <summary>\n            <span class=\"q-ico\">?<\/span>\n            <span class=\"q-txt\">Do you support different time zones?<\/span>\n            <span class=\"chev\">\u2304<\/span>\n          <\/summary>\n          <div class=\"a\">Yes. We schedule classes to match families in the USA, UK, Canada, Europe, the Middle East, and other regions\u2014so you can learn comfortably.<\/div>\n        <\/details>\n        <details class=\"faq-item reveal-item\">\n          <summary>\n            <span class=\"q-ico\">?<\/span>\n            <span class=\"q-txt\">How can I book quickly?<\/span>\n            <span class=\"chev\">\u2304<\/span>\n          <\/summary>\n          <div class=\"a\">Click any \u201cStart Free Trial\u201d or \u201cBook Free Trial\u201d button to message us on WhatsApp. We\u2019ll confirm your preferred time and set everything up fast.<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2705 FAQ Structured Data (FAQPage JSON-LD) -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What happens in the free trial classes?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"You\u2019ll get 2 private 1-on-1 sessions. We check your level, understand your goals, and recommend the best learning path so you start with clarity and confidence.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do you teach complete beginners?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. If you\u2019re starting from the Arabic letters, we guide you step by step until you can read comfortably and progress into Tajweed or memorization when ready.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I request a female tutor?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. Female tutors are available for sisters and children, depending on your preference and the available time slots.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Are lessons suitable for kids and adults?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Absolutely. We teach kids, teens, and adults with age-appropriate methods, flexible pacing, and clear milestones to track progress.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do you support different time zones?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. We schedule classes to match families in the USA, UK, Canada, Europe, the Middle East, and other regions so you can learn comfortably.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How can I book quickly?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Click any Start Free Trial or Book Free Trial button to message us on WhatsApp and we\u2019ll confirm your preferred time and set everything up fast.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<\/div>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2605 &nbsp; Trusted Worldwide for Quran &#038; Arabic Learn Quran &#038; Arabic Step by Step Build real confidence with live 1-on-1 classes for kids and adults. Our Al-Azhar certified tutors guide you through reading, Tajweed, memorization, and Arabic\u2014using a clear plan that fits your level and schedule. Claim Your Free Trial Browse Programs \u2605\u2605\u2605\u2605\u2605 Loved [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":68,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Muslim Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/muslimacademy.online\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Muslim Academy\" \/>\n<meta property=\"og:description\" content=\"\u2605 &nbsp; Trusted Worldwide for Quran &#038; Arabic Learn Quran &#038; Arabic Step by Step Build real confidence with live 1-on-1 classes for kids and adults. Our Al-Azhar certified tutors guide you through reading, Tajweed, memorization, and Arabic\u2014using a clear plan that fits your level and schedule. Claim Your Free Trial Browse Programs \u2605\u2605\u2605\u2605\u2605 Loved [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/muslimacademy.online\/\" \/>\n<meta property=\"og:site_name\" content=\"Muslim Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-25T23:19:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/\u0622\u064a\u0627\u062a-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1534\" \/>\n\t<meta property=\"og:image:height\" content=\"1059\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/muslimacademy.online\/\",\"url\":\"https:\/\/muslimacademy.online\/\",\"name\":\"Home - Muslim Academy\",\"isPartOf\":{\"@id\":\"https:\/\/muslimacademy.online\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/muslimacademy.online\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/muslimacademy.online\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/\u0622\u064a\u0627\u062a-1.png\",\"datePublished\":\"2026-01-24T00:58:08+00:00\",\"dateModified\":\"2026-03-25T23:19:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/muslimacademy.online\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/muslimacademy.online\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/muslimacademy.online\/#primaryimage\",\"url\":\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/\u0622\u064a\u0627\u062a-1.png\",\"contentUrl\":\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/\u0622\u064a\u0627\u062a-1.png\",\"width\":1534,\"height\":1059},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/muslimacademy.online\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/muslimacademy.online\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/muslimacademy.online\/#website\",\"url\":\"https:\/\/muslimacademy.online\/\",\"name\":\"Muslim Academy\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/muslimacademy.online\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/muslimacademy.online\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/muslimacademy.online\/#organization\",\"name\":\"Muslim Academy\",\"url\":\"https:\/\/muslimacademy.online\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/muslimacademy.online\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/logo-white-scaled.png\",\"contentUrl\":\"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/logo-white-scaled.png\",\"width\":2560,\"height\":2560,\"caption\":\"Muslim Academy\"},\"image\":{\"@id\":\"https:\/\/muslimacademy.online\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Muslim Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/muslimacademy.online\/","og_locale":"en_US","og_type":"article","og_title":"Home - Muslim Academy","og_description":"\u2605 &nbsp; Trusted Worldwide for Quran &#038; Arabic Learn Quran &#038; Arabic Step by Step Build real confidence with live 1-on-1 classes for kids and adults. Our Al-Azhar certified tutors guide you through reading, Tajweed, memorization, and Arabic\u2014using a clear plan that fits your level and schedule. Claim Your Free Trial Browse Programs \u2605\u2605\u2605\u2605\u2605 Loved [&hellip;]","og_url":"https:\/\/muslimacademy.online\/","og_site_name":"Muslim Academy","article_modified_time":"2026-03-25T23:19:01+00:00","og_image":[{"width":1534,"height":1059,"url":"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/\u0622\u064a\u0627\u062a-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/muslimacademy.online\/","url":"https:\/\/muslimacademy.online\/","name":"Home - Muslim Academy","isPartOf":{"@id":"https:\/\/muslimacademy.online\/#website"},"primaryImageOfPage":{"@id":"https:\/\/muslimacademy.online\/#primaryimage"},"image":{"@id":"https:\/\/muslimacademy.online\/#primaryimage"},"thumbnailUrl":"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/\u0622\u064a\u0627\u062a-1.png","datePublished":"2026-01-24T00:58:08+00:00","dateModified":"2026-03-25T23:19:01+00:00","breadcrumb":{"@id":"https:\/\/muslimacademy.online\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/muslimacademy.online\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/muslimacademy.online\/#primaryimage","url":"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/\u0622\u064a\u0627\u062a-1.png","contentUrl":"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/\u0622\u064a\u0627\u062a-1.png","width":1534,"height":1059},{"@type":"BreadcrumbList","@id":"https:\/\/muslimacademy.online\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/muslimacademy.online\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/muslimacademy.online\/#website","url":"https:\/\/muslimacademy.online\/","name":"Muslim Academy","description":"","publisher":{"@id":"https:\/\/muslimacademy.online\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/muslimacademy.online\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/muslimacademy.online\/#organization","name":"Muslim Academy","url":"https:\/\/muslimacademy.online\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/muslimacademy.online\/#\/schema\/logo\/image\/","url":"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/logo-white-scaled.png","contentUrl":"https:\/\/muslimacademy.online\/wp-content\/uploads\/2026\/01\/logo-white-scaled.png","width":2560,"height":2560,"caption":"Muslim Academy"},"image":{"@id":"https:\/\/muslimacademy.online\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/muslimacademy.online\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/muslimacademy.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muslimacademy.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muslimacademy.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muslimacademy.online\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":40,"href":"https:\/\/muslimacademy.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":233,"href":"https:\/\/muslimacademy.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/233"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/muslimacademy.online\/index.php\/wp-json\/wp\/v2\/media\/68"}],"wp:attachment":[{"href":"https:\/\/muslimacademy.online\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}