{"id":3810,"date":"2026-05-19T19:36:01","date_gmt":"2026-05-19T16:36:01","guid":{"rendered":"https:\/\/ummahacademy.net\/?page_id=3810"},"modified":"2026-08-31T10:34:05","modified_gmt":"2026-08-31T07:34:05","slug":"teachers","status":"publish","type":"page","link":"https:\/\/ummahacademy.net\/ar\/teachers\/","title":{"rendered":"\u0627\u0644\u0645\u0639\u0644\u0645\u0648\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3810\" class=\"elementor elementor-3810\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d3cc4e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"7d3cc4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c3ddc7 elementor-widget elementor-widget-wp-widget-aioseo-breadcrumb-widget\" data-id=\"9c3ddc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-aioseo-breadcrumb-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/ummahacademy.net\/ar\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tTeachers\n\t\t<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52fa04e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"52fa04e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-887f842 elementor-widget elementor-widget-html\" data-id=\"887f842\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\/* ============================================================\r\n   UMMAH ACADEMY \u2014 GLOBAL STYLESHEET\r\n   One stylesheet, enqueued once, shared by every section widget.\r\n   Built incrementally, one homepage section per pass.\r\n   Sections completed so far: Header\/Nav, Hero, Trust Bar, Why Ummah Academy, Comparison, About page, Blog page, FAQ page, Teachers page (v2, expanded).\r\n   IMPORTANT \u2014 WordPress\/Elementor scoping:\r\n   Every base rule below (margins, list-style, colors, fonts) is\r\n   scoped under .ua-homepage rather than applied to bare tags like\r\n   `h1` or `ul`. That's deliberate: this stylesheet is meant to sit\r\n   on a real WordPress site alongside a theme's own header, footer,\r\n   and widgets, and a bare `ul, ol { list-style: none }`-style reset\r\n   would silently break navigation menus and widgets elsewhere on\r\n   the page. Add the class `ua-homepage` once, to whichever Elementor\r\n   Section\/Container wraps all the pasted homepage widgets (Advanced\r\n   tab -> CSS Classes) \u2014 everything below then applies only inside it.\r\n   ============================================================ *\/\r\n\/* ===== Design Tokens ===== *\/\r\n:root {\r\n  \/* ---- Brand palette, read from the client's palette board ----\r\n     Values below are my best visual read of the swatches, not\r\n     values you handed me numerically \u2014 if your Figma\/brand file has\r\n     exact hex\/RGB, swap them in here and nothing else needs to\r\n     change (every rule in this file reads the *role* variables\r\n     further down, never these raw ones, directly). *\/\r\n  --ua-brand-primary:        #2E1D46; \/* Primary \u2014 deep aubergine *\/\r\n  --ua-brand-neutral-dark:   #24393C; \/* Neutrals \u2014 dark slate-teal *\/\r\n  --ua-brand-neutral-light:  #FAFAFA; \/* Neutrals \u2014 paper white *\/\r\n  --ua-brand-blue:           #1D5FA8; \/* Secondary *\/\r\n  --ua-brand-indigo:         #453163; \/* Secondary *\/\r\n  --ua-brand-magenta:        #8F2F9E; \/* Secondary *\/\r\n  --ua-brand-rose:           #C87B80; \/* Secondary *\/\r\n  --ua-brand-blue-tint:      #AFCCEA; \/* Accent *\/\r\n  --ua-brand-lavender-tint:  #ADA7C9; \/* Accent *\/\r\n  --ua-brand-mauve-tint:     #CEB3C1; \/* Accent *\/\r\n  --ua-brand-blush-tint:     #F1E8EC; \/* Accent *\/\r\n  \/* ---- Functional roles (what every component rule below actually\r\n     uses). Only this block needs to change for a future palette\r\n     revision \u2014 components never reference --ua-brand-* directly. ---- *\/\r\n  --ua-ink:          var(--ua-brand-neutral-dark); \/* headings, dark section backgrounds *\/\r\n  --ua-ink-soft:     #34494C; \/* derived: a lighter step of the dark neutral, for cards on dark sections *\/\r\n  --ua-body:         #5C6C6E; \/* derived: body text *\/\r\n  --ua-muted:        #93A2A3; \/* derived: muted\/meta text *\/\r\n  --ua-accent:       var(--ua-brand-primary); \/* primary CTAs, eyebrows, key highlights *\/\r\n  --ua-accent-hover: var(--ua-brand-indigo); \/* derived: a step lighter than Primary for hover states *\/\r\n  --ua-accent-tint:  var(--ua-brand-blush-tint); \/* soft badge backgrounds *\/\r\n  --ua-highlight: var(--ua-brand-magenta); \/* reserved for later sections: category tags, secondary badges *\/\r\n  --ua-verified:      var(--ua-brand-blue); \/* checkmarks \/ verified badges (replaces the old emerald role) *\/\r\n  --ua-verified-tint: var(--ua-brand-blue-tint);\r\n  --ua-bg:      var(--ua-brand-neutral-light);\r\n  --ua-surface: #FFFFFF;\r\n  --ua-line:    #E4E1E6; \/* derived: neutral border tuned to sit with the cooler palette *\/\r\n  --ua-line-dark: rgba(255,255,255,0.14);\r\n  \/* A deeper-darkened step of --ua-brand-primary, for the nav's glass\r\n     background specifically \u2014 plain --ua-accent at reduced opacity\r\n     wasn't dark enough to guarantee contrast for white nav text over\r\n     arbitrary page content scrolling underneath it. *\/\r\n  --ua-nav-glass: rgba(28,17,42,0.92);\r\n  \/* Typography \u2014 no CDN \/ no external font files, so these are the\r\n     best-available system serif\/sans per OS. Prepend a self-hosted\r\n     brand font name here later (Plus Jakarta Sans \/ Instrument Serif,\r\n     per the Website Audit's design system) with zero other changes.\r\n     [2026-08 update] Kept intentionally as-is on this pass \u2014 the\r\n     Teachers-page review suggested Instrument Serif + Plus Jakarta\r\n     Sans, but that's a site-wide font swap across every page sharing\r\n     this stylesheet, and the \"no external font\" choice above was\r\n     deliberate. Revisit when there's a final brand-direction call. *\/\r\n  --ua-font-display: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', Georgia, 'Times New Roman', serif;\r\n  --ua-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, Helvetica, Arial, sans-serif;\r\n  \/* Fluid type scale *\/\r\n  --ua-step--1: clamp(0.8rem, 0.78rem + 0.1vw, 0.875rem);\r\n  --ua-step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.125rem);\r\n  --ua-step-1:  clamp(1.2rem, 1.1rem + 0.5vw, 1.4rem);\r\n  --ua-step-2:  clamp(1.5rem, 1.3rem + 1vw, 1.9rem);\r\n  --ua-step-3:  clamp(1.9rem, 1.6rem + 1.5vw, 2.5rem);\r\n  --ua-step-4:  clamp(2.4rem, 1.9rem + 2.5vw, 3.5rem);\r\n  --ua-step-5:  clamp(3rem, 2.2rem + 4vw, 4.5rem);\r\n  \/* Spacing scale (4px base) *\/\r\n  --ua-sp-1: 0.25rem;  --ua-sp-2: 0.5rem;   --ua-sp-3: 0.75rem;\r\n  --ua-sp-4: 1rem;     --ua-sp-5: 1.5rem;   --ua-sp-6: 2rem;\r\n  --ua-sp-7: 2.5rem;   --ua-sp-8: 3rem;     --ua-sp-9: 4rem;\r\n  --ua-sp-10: 5rem;    --ua-sp-11: 6.5rem;  --ua-sp-12: 8rem;\r\n  \/* Radii, shadows, motion *\/\r\n  --ua-radius-sm: 8px;\r\n  --ua-radius-md: 14px;\r\n  --ua-radius-lg: 24px;\r\n  --ua-radius-pill: 999px;\r\n  \/* Retinted toward the actual brand ink (#2E1D46) rather than a flat\r\n     navy-black \u2014 this is the single highest-leverage change in this\r\n     pass, since every card and button shadow inherits from here. *\/\r\n  --ua-shadow-sm: 0 1px 3px rgba(46,29,70,0.10), 0 1px 2px rgba(46,29,70,0.07);\r\n  --ua-shadow-md: 0 12px 28px rgba(46,29,70,0.12), 0 2px 8px rgba(46,29,70,0.08);\r\n  --ua-shadow-lg: 0 28px 56px rgba(46,29,70,0.18);\r\n  --ua-shadow-glow: 0 12px 32px rgba(46,29,70,0.24);\r\n  --ua-ease: cubic-bezier(0.2, 0.7, 0.3, 1);\r\n  --ua-dur-fast: 160ms;\r\n  --ua-dur-med: 320ms;\r\n  --ua-wrap-max: 1200px;\r\n}\r\n\/* ===== Reset & Base (scoped to .ua-homepage, see note above) ===== *\/\r\n.ua-homepage, .ua-homepage *, .ua-homepage *::before, .ua-homepage *::after {\r\n  box-sizing: border-box;\r\n}\r\n.ua-homepage h1, .ua-homepage h2, .ua-homepage h3, .ua-homepage h4,\r\n.ua-homepage p, .ua-homepage figure, .ua-homepage dl, .ua-homepage dd {\r\n  margin: 0;\r\n}\r\n.ua-homepage ul, .ua-homepage ol { list-style: none; margin: 0; padding: 0; }\r\n.ua-homepage img, .ua-homepage svg { display: block; max-width: 100%; }\r\n.ua-homepage a { color: inherit; text-decoration: none; }\r\n.ua-homepage button {\r\n  font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0;\r\n}\r\n.ua-homepage h1, .ua-homepage h2, .ua-homepage h3, .ua-homepage h4 {\r\n  font-family: var(--ua-font-display); font-weight: 600; line-height: 1.15; color: var(--ua-ink);\r\n}\r\n.ua-homepage {\r\n  font-family: var(--ua-font-body);\r\n  font-size: var(--ua-step-0);\r\n  line-height: 1.6;\r\n  color: var(--ua-body);\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\/* Global, low-risk a11y rule \u2014 safe to apply outside .ua-homepage too,\r\n   since it only affects the visible focus ring and nothing else. *\/\r\n.ua-homepage :focus-visible {\r\n  outline: 3px solid var(--ua-accent);\r\n  outline-offset: 3px;\r\n  border-radius: 4px;\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ua-homepage *, .ua-homepage *::before, .ua-homepage *::after {\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: 0.01ms !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n\/* ===== Utilities ===== *\/\r\n.ua-wrap { max-width: var(--ua-wrap-max); margin-inline: auto; padding-inline: var(--ua-sp-6); }\r\n.ua-visually-hidden {\r\n  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;\r\n  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;\r\n}\r\n.ua-skip-link {\r\n  position: fixed; top: -100%; left: var(--ua-sp-4); z-index: 10000;\r\n  background: var(--ua-ink); color: var(--ua-brand-neutral-light);\r\n  padding: var(--ua-sp-3) var(--ua-sp-5); border-radius: var(--ua-radius-sm);\r\n  transition: top var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-skip-link:focus { top: var(--ua-sp-4); }\r\n.ua-eyebrow {\r\n  display: inline-flex; align-items: center; gap: var(--ua-sp-2);\r\n  font-size: var(--ua-step--1); font-weight: 600; letter-spacing: 0.06em;\r\n  text-transform: uppercase; color: var(--ua-accent); margin-bottom: var(--ua-sp-3);\r\n}\r\n\/* Pill variant \u2014 a rounded, tinted badge instead of bare text. Introduced\r\n   here for the first content section after Hero\/Trust Bar; reusable by\r\n   every later section's header without redefining anything. *\/\r\n.ua-eyebrow--pill {\r\n  background: var(--ua-accent-tint); padding: var(--ua-sp-2) var(--ua-sp-4);\r\n  border-radius: var(--ua-radius-pill); text-transform: none; letter-spacing: 0.02em;\r\n}\r\n.ua-eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ua-verified); flex-shrink: 0; }\r\n.ua-section-head { max-width: 640px; margin-bottom: var(--ua-sp-9); }\r\n.ua-section-head h2 { font-size: var(--ua-step-3); letter-spacing: -0.02em; margin-bottom: var(--ua-sp-4); }\r\n.ua-section-head h2 em { font-style: normal; color: var(--ua-accent); }\r\n.ua-section-head-lede { font-size: var(--ua-step-1); color: var(--ua-body); }\r\n.ua-section-head--center { max-width: 640px; margin-inline: auto; text-align: center; }\r\n.ua-section-head--center .ua-eyebrow--pill { margin-inline: auto; }\r\n.ua-section-head-lede--center { margin-inline: auto; }\r\n\/* Reveal-on-scroll target class \u2014 used by script.js's initAnimations().\r\n   Content stays fully visible (opacity:1) until the .ua-js-ready flag is\r\n   added by script.js, so nothing depends on JavaScript running at all. *\/\r\n.ua-reveal { opacity: 1; transform: none; }\r\n.ua-js-ready .ua-reveal {\r\n  opacity: 0; transform: translateY(18px);\r\n  transition: opacity var(--ua-dur-med) var(--ua-ease), transform var(--ua-dur-med) var(--ua-ease);\r\n}\r\n.ua-js-ready .ua-reveal.ua-is-visible { opacity: 1; transform: none; }\r\n\/* ===== Button System ===== *\/\r\n.ua-btn {\r\n  display: inline-flex; align-items: center; justify-content: center; gap: var(--ua-sp-2);\r\n  font-family: var(--ua-font-body); font-weight: 600; font-size: var(--ua-step-0);\r\n  padding: 0.85em 1.6em; border-radius: var(--ua-radius-pill);\r\n  border: 1px solid transparent;\r\n  transition: transform var(--ua-dur-fast) var(--ua-ease), box-shadow var(--ua-dur-fast) var(--ua-ease),\r\n              background-color var(--ua-dur-fast) var(--ua-ease), color var(--ua-dur-fast) var(--ua-ease);\r\n  white-space: nowrap;\r\n}\r\n.ua-btn svg { flex-shrink: 0; }\r\n.ua-btn:hover { transform: translateY(-2px) scale(1.01); }\r\n.ua-btn:active { transform: translateY(0) scale(1); }\r\n.ua-btn-primary {\r\n  background: var(--ua-accent); color: var(--ua-bg);\r\n  box-shadow: var(--ua-shadow-sm), inset 0 1px 0 rgba(255,255,255,0.14);\r\n}\r\n.ua-btn-primary:hover {\r\n  background: var(--ua-accent-hover);\r\n  box-shadow: var(--ua-shadow-glow), inset 0 1px 0 rgba(255,255,255,0.18);\r\n}\r\n.ua-btn-ghost { background: transparent; color: var(--ua-ink); border-color: var(--ua-line); }\r\n.ua-btn-ghost:hover { border-color: var(--ua-ink); }\r\n.ua-btn-outline { background: transparent; color: var(--ua-ink); border-color: var(--ua-ink); }\r\n.ua-btn-outline:hover { background: var(--ua-ink); color: var(--ua-bg); }\r\n.ua-btn-small { padding: 0.55em 1.2em; font-size: var(--ua-step--1); }\r\n.ua-btn-large { padding: 1em 2em; font-size: var(--ua-step-1); }\r\n.ua-btn-block { width: 100%; }\r\n\/* ===== Hero (cinematic photo variant) =====\r\n   Full-bleed background photo + a left-to-right dark-to-transparent\r\n   gradient, combined in one background-image so no extra DOM layer is\r\n   needed for the scrim. Swap the URL below if the asset moves; nothing\r\n   else in this block depends on the image's exact composition beyond\r\n   \"subject on the right, open space on the left,\" which the gradient\r\n   stops assume. *\/\r\n.ua-hero {\r\n  position: relative;\r\n  min-height: 92vh;\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  background-image:\r\n    linear-gradient(90deg, rgba(21,13,22,0.90) 0%, rgba(21,13,22,0.62) 38%, rgba(21,13,22,0.22) 62%, rgba(21,13,22,0.05) 85%),\r\n    url('https:\/\/ummahacademy.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-23-2026-03_20_04-PM.png');\r\n  background-size: cover;\r\n  background-position: center right;\r\n  background-repeat: no-repeat;\r\n}\r\n.ua-hero-inner { position: relative; z-index: 1; width: 100%; }\r\n.ua-hero-copy { max-width: 640px; }\r\n\/* Same pill language as .ua-eyebrow--pill elsewhere, adapted for a photo\r\n   backdrop: frosted glass instead of a solid tint, since a flat fill\r\n   would look pasted-on over an image. *\/\r\n.ua-eyebrow--on-dark {\r\n  color: var(--ua-brand-mauve-tint);\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\r\n  padding: var(--ua-sp-2) var(--ua-sp-4); border-radius: var(--ua-radius-pill);\r\n  text-transform: none; letter-spacing: 0.02em;\r\n}\r\n.ua-hero-title {\r\n  font-size: var(--ua-step-5); letter-spacing: -0.015em; margin-bottom: var(--ua-sp-5);\r\n  color: var(--ua-brand-neutral-light);\r\n  text-shadow: 0 2px 24px rgba(0,0,0,0.25);\r\n}\r\n.ua-hero-title em { font-style: normal; color: var(--ua-brand-mauve-tint); }\r\n.ua-hero-subtitle {\r\n  font-size: var(--ua-step-1); max-width: 46ch; margin-bottom: var(--ua-sp-7);\r\n  color: rgba(250,250,249,0.82);\r\n}\r\n.ua-hero-actions { display: flex; flex-wrap: wrap; gap: var(--ua-sp-4); }\r\n\/* Buttons need the opposite contrast treatment here vs. the rest of the\r\n   site: light and solid against a dark photo, rather than the site-wide\r\n   dark-on-light default. Applied as an additive modifier so the base\r\n   .ua-btn-primary \/ .ua-btn-ghost rules stay untouched for every other\r\n   section. *\/\r\n.ua-btn--on-dark.ua-btn-primary { background: var(--ua-brand-neutral-light); color: var(--ua-ink); }\r\n.ua-btn--on-dark.ua-btn-primary:hover { background: #FFFFFF; }\r\n.ua-btn--on-dark.ua-btn-ghost { color: var(--ua-brand-neutral-light); border-color: rgba(250,250,249,0.45); }\r\n.ua-btn--on-dark.ua-btn-ghost:hover { border-color: var(--ua-brand-neutral-light); }\r\n\/* ---- Hero responsive ---- *\/\r\n@media (max-width: 860px) {\r\n  .ua-hero { min-height: 78vh; background-position: center 30%; }\r\n  .ua-hero-title { font-size: var(--ua-step-4); }\r\n}\r\n@media (max-width: 560px) {\r\n  .ua-wrap { padding-inline: var(--ua-sp-5); }\r\n  .ua-hero { min-height: 82vh; }\r\n  .ua-hero-copy { max-width: 100%; }\r\n  .ua-hero-actions { flex-direction: column; align-items: stretch; }\r\n  .ua-hero-actions .ua-btn { width: 100%; }\r\n}\r\n\/* ===== Trust Bar (merges the original \"Statistics\" file \u2014 see the\r\n   note at the top of trust-bar.html) =====\r\n   Light background deliberately, to alternate against the dark\r\n   cinematic Hero right above it \u2014 two dark sections back to back\r\n   would flatten the page's rhythm. *\/\r\n.ua-trust-bar {\r\n  background: var(--ua-surface); border-bottom: 1px solid var(--ua-line); padding-block: var(--ua-sp-8);\r\n  box-shadow: 0 32px 48px -36px rgba(46,29,70,0.20);\r\n  position: relative; z-index: 1;\r\n}\r\n.ua-trust-bar-inner {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  flex-wrap: wrap; gap: var(--ua-sp-6);\r\n}\r\n.ua-trust-item { flex: 1 1 160px; text-align: center; transition: transform var(--ua-dur-med) var(--ua-ease); }\r\n.ua-trust-item:hover { transform: translateY(-3px); }\r\n.ua-trust-num {\r\n  font-family: var(--ua-font-display); font-size: var(--ua-step-3); color: var(--ua-accent); line-height: 1;\r\n  margin-bottom: var(--ua-sp-2); transition: color var(--ua-dur-med) var(--ua-ease);\r\n}\r\n.ua-trust-item:hover .ua-trust-num { color: var(--ua-accent-hover); }\r\n.ua-trust-lbl { font-size: var(--ua-step--1); font-weight: 700; color: var(--ua-ink); }\r\n.ua-trust-lbl-sub { font-size: 0.75rem; color: var(--ua-muted); margin-top: 2px; }\r\n\/* Soft fade instead of a hard 1px rule \u2014 a full-strength line at the\r\n   very top\/bottom edge of a divider reads as a stray stroke; fading it\r\n   in and out reads as considered. *\/\r\n.ua-trust-div {\r\n  width: 1px; align-self: stretch;\r\n  background: linear-gradient(180deg, transparent, var(--ua-line) 25%, var(--ua-line) 75%, transparent);\r\n}\r\n@media (max-width: 860px) {\r\n  .ua-trust-div { display: none; }\r\n  .ua-trust-item { flex: 1 1 40%; }\r\n}\r\n@media (max-width: 560px) {\r\n  .ua-trust-bar-inner { gap: var(--ua-sp-5); }\r\n  .ua-trust-num { font-size: var(--ua-step-2); }\r\n}\r\n\/* ===== Why Ummah Academy ===== *\/\r\n\/* --ua-bg (off-white) rather than --ua-surface (pure white) here on\r\n   purpose \u2014 Trust Bar above is pure white, so this needs to read as a\r\n   distinct section rather than a continuation of the same slab. *\/\r\n.ua-why-ummah { padding-block: var(--ua-sp-12); background: var(--ua-bg); }\r\n.ua-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--ua-sp-6); }\r\n.ua-why-card {\r\n  background: var(--ua-surface); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-md);\r\n  padding: var(--ua-sp-7) var(--ua-sp-6); position: relative; overflow: hidden;\r\n  transition: transform var(--ua-dur-med) var(--ua-ease), box-shadow var(--ua-dur-med) var(--ua-ease), border-color var(--ua-dur-med) var(--ua-ease);\r\n}\r\n.ua-why-card::before {\r\n  content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n  background: linear-gradient(90deg, var(--ua-accent), var(--ua-brand-magenta));\r\n  opacity: 0; transition: opacity var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-why-card:hover, .ua-why-card:focus-within {\r\n  transform: translateY(-6px); box-shadow: var(--ua-shadow-glow); border-color: transparent;\r\n}\r\n.ua-why-card:hover::before, .ua-why-card:focus-within::before { opacity: 1; }\r\n.ua-why-icon {\r\n  width: 52px; height: 52px; border-radius: var(--ua-radius-sm);\r\n  background: var(--ua-accent-tint); color: var(--ua-accent);\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: var(--ua-sp-5);\r\n  transition: background-color var(--ua-dur-med) var(--ua-ease), color var(--ua-dur-med) var(--ua-ease), transform var(--ua-dur-med) var(--ua-ease);\r\n}\r\n.ua-why-card:hover .ua-why-icon { background: var(--ua-accent); color: var(--ua-brand-neutral-light); transform: scale(1.08); }\r\n.ua-why-card h3 { font-size: var(--ua-step-1); margin-bottom: var(--ua-sp-3); }\r\n.ua-why-card p { font-size: var(--ua-step--1); color: var(--ua-body); line-height: 1.7; }\r\n.ua-why-card p em { font-style: normal; color: var(--ua-accent); font-weight: 600; }\r\n.ua-why-tag {\r\n  display: inline-flex; align-items: center; gap: var(--ua-sp-2); margin-top: var(--ua-sp-5);\r\n  font-size: 0.72rem; font-weight: 700; color: var(--ua-verified);\r\n  background: var(--ua-verified-tint); padding: var(--ua-sp-2) var(--ua-sp-3); border-radius: var(--ua-radius-pill);\r\n}\r\n\/* Staggered reveal \u2014 same .ua-reveal mechanism as every other section,\r\n   just offset per card via nth-child so they arrive one after another\r\n   instead of all at once. CSS-only, no inline styles, no extra JS. *\/\r\n.ua-why-grid .ua-why-card:nth-child(2) { transition-delay: 80ms; }\r\n.ua-why-grid .ua-why-card:nth-child(3) { transition-delay: 160ms; }\r\n.ua-why-grid .ua-why-card:nth-child(4) { transition-delay: 240ms; }\r\n@media (max-width: 1024px) { .ua-why-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 640px) { .ua-why-grid { grid-template-columns: 1fr; } }\r\n\/* ===== Comparison Table =====\r\n   Real table markup kept for accessibility (see the comment at the\r\n   top of comparison.html), but display is overridden to grid on each\r\n   row so columns align cleanly across the header and every row.\r\n   Deliberately NOT a floating-card treatment \u2014 one unified container,\r\n   rows separated by hairline dividers, tight padding throughout. Think\r\n   Linear's feature-comparison table or an Apple spec sheet: compact,\r\n   quiet, no per-row shadows or gaps. *\/\r\n.ua-comparison { padding-block: var(--ua-sp-10); background: var(--ua-surface); }\r\n.ua-comparison-table {\r\n  width: 100%; border-collapse: separate; border-spacing: 0;\r\n  border-radius: var(--ua-radius-lg); overflow: hidden;\r\n  box-shadow: var(--ua-shadow-sm); border: 1px solid var(--ua-line);\r\n}\r\n.ua-comparison-headrow { display: grid; grid-template-columns: 1fr 1.6fr 1.6fr; }\r\n.ua-comparison-th {\r\n  padding: var(--ua-sp-4) var(--ua-sp-6);\r\n  font-family: var(--ua-font-display); font-size: var(--ua-step--1); font-weight: 700; text-align: left;\r\n}\r\n.ua-comparison-th--aspect { background: var(--ua-bg); color: var(--ua-muted); }\r\n.ua-comparison-th--ummah {\r\n  background: linear-gradient(135deg, var(--ua-accent) 0%, var(--ua-accent-hover) 100%);\r\n  color: var(--ua-brand-neutral-light);\r\n}\r\n.ua-comparison-th--generic { background: var(--ua-ink-soft); color: rgba(250,250,249,0.6); }\r\n.ua-comparison-table tbody { display: block; background: var(--ua-surface); }\r\n.ua-comparison-row {\r\n  display: grid; grid-template-columns: 1fr 1.6fr 1.6fr; align-items: center;\r\n  border-bottom: 1px solid var(--ua-line);\r\n  transition: background-color var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-comparison-row:last-child { border-bottom: 0; }\r\n.ua-comparison-row:hover { background: var(--ua-bg); }\r\n.ua-comparison-aspect {\r\n  padding: var(--ua-sp-4) var(--ua-sp-6);\r\n  font-size: var(--ua-step--1); font-weight: 700; color: var(--ua-ink);\r\n}\r\n.ua-comparison-cell {\r\n  display: flex; align-items: flex-start; gap: var(--ua-sp-2);\r\n  padding: var(--ua-sp-4) var(--ua-sp-6);\r\n  font-size: var(--ua-step--1); font-weight: 500; line-height: 1.5;\r\n}\r\n.ua-comparison-cell--yes { color: var(--ua-ink); }\r\n.ua-comparison-cell--no { color: var(--ua-muted); }\r\n.ua-comparison-icon {\r\n  flex-shrink: 0; width: 18px; height: 18px; border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center; margin-top: 2px;\r\n}\r\n.ua-comparison-icon svg { width: 11px; height: 11px; }\r\n\/* Green\/red aren't in the brand palette, so \"positive\" reuses the same\r\n   blue --ua-verified token every other checkmark on the site already\r\n   uses, and \"negative\" uses the dusty rose secondary \u2014 the closest\r\n   thing to red actually on the palette board, rather than introducing\r\n   an off-brand color for this one component. *\/\r\n.ua-comparison-icon--yes { background: var(--ua-verified); color: var(--ua-brand-neutral-light); }\r\n.ua-comparison-icon--no { background: var(--ua-line); color: var(--ua-brand-rose); }\r\n@media (max-width: 900px) {\r\n  .ua-comparison-headrow { display: none; }\r\n  .ua-comparison-row { grid-template-columns: 1fr; }\r\n  .ua-comparison-aspect {\r\n    font-size: var(--ua-step-0);\r\n    padding: var(--ua-sp-5) var(--ua-sp-6) var(--ua-sp-2);\r\n  }\r\n  .ua-comparison-cell { padding: var(--ua-sp-2) var(--ua-sp-6); }\r\n  .ua-comparison-cell--no { padding-bottom: var(--ua-sp-5); }\r\n  \/* Small \"Ummah Academy\" \/ \"Generic Platforms\" mini-heading above each\r\n     stacked value on mobile, pulled straight from the data-label\r\n     attribute already in the HTML \u2014 no JS, no extra wrapper markup.\r\n     flex-wrap + a full-width ::before forces it onto its own line\r\n     while the icon and text stay side by side beneath it. *\/\r\n  .ua-comparison-cell { flex-wrap: wrap; }\r\n  .ua-comparison-cell[data-label]::before {\r\n    content: attr(data-label); flex-basis: 100%;\r\n    font-size: 0.7rem; font-weight: 700; text-transform: uppercase;\r\n    letter-spacing: 0.06em; color: var(--ua-muted); margin-bottom: var(--ua-sp-1);\r\n  }\r\n}\r\n\/* ===== Header \/ Primary Navigation =====\r\n   Global chrome, not a body section \u2014 see the note at the top of\r\n   header.html for where this actually gets pasted in Elementor.\r\n   Centering approach used throughout this block: every element that\r\n   holds a lone glyph or a short icon+text pair gets explicit\r\n   `display:flex; align-items:center; justify-content:center` (or\r\n   `center` on the cross-axis only, where text needs to stay\r\n   left-aligned) plus `line-height:1` where relevant, rather than\r\n   relying on a parent's height percentage to do the job indirectly. *\/\r\n.ua-header { position: relative; }\r\n.ua-nav-wrap {\r\n  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\r\n  padding: var(--ua-sp-4) clamp(16px, 4vw, 48px) 0;\r\n  pointer-events: none;\r\n  transition: padding var(--ua-dur-med) var(--ua-ease);\r\n}\r\n.ua-nav-wrap.is-scrolled { padding-top: var(--ua-sp-2); }\r\n.ua-nav {\r\n  pointer-events: auto;\r\n  max-width: var(--ua-wrap-max); margin-inline: auto;\r\n  background: var(--ua-nav-glass);\r\n  backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: var(--ua-radius-pill);\r\n  height: 72px; padding-inline: var(--ua-sp-3);\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  position: relative;\r\n  box-shadow: var(--ua-shadow-lg);\r\n  transition: box-shadow var(--ua-dur-med) var(--ua-ease);\r\n}\r\n.ua-nav-wrap.is-scrolled .ua-nav { box-shadow: var(--ua-shadow-glow); }\r\n.ua-nav-logo {\r\n  display: flex; align-items: center; justify-content: center;\r\n  height: 100%; padding-inline: var(--ua-sp-3); flex-shrink: 0; z-index: 1;\r\n}\r\n.ua-nav-logo img { height: 40px; width: auto; }\r\n\/* The actual centering fix: one transform doing both axes against the\r\n   pill's own box, not left+translateX for one axis and a parent\r\n   height for the other. *\/\r\n.ua-nav-center {\r\n  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n  display: flex; align-items: center; gap: var(--ua-sp-1);\r\n  margin: 0;\r\n}\r\n.ua-nav-center a {\r\n  display: flex; align-items: center; gap: var(--ua-sp-1);\r\n  height: 44px; padding-inline: var(--ua-sp-4);\r\n  border-radius: var(--ua-radius-pill);\r\n  font-size: var(--ua-step--1); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;\r\n  line-height: 1;\r\n  color: rgba(255,255,255,0.55);\r\n  transition: color var(--ua-dur-fast) var(--ua-ease), background-color var(--ua-dur-fast) var(--ua-ease);\r\n  white-space: nowrap;\r\n}\r\n.ua-nav-center a:hover, .ua-nav-center a.is-active {\r\n  color: var(--ua-brand-neutral-light); background: rgba(255,255,255,0.08);\r\n}\r\n.ua-nav-center a svg { transition: transform var(--ua-dur-fast) var(--ua-ease); }\r\n.ua-nav-dropdown { position: relative; }\r\n.ua-nav-dropdown-menu {\r\n  position: absolute; top: calc(100% + var(--ua-sp-4)); left: 50%; transform: translateX(-50%);\r\n  background: var(--ua-nav-glass);\r\n  backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px);\r\n  border: 1px solid rgba(255,255,255,0.08); border-radius: var(--ua-radius-md);\r\n  padding: var(--ua-sp-3); min-width: 260px;\r\n  box-shadow: var(--ua-shadow-lg);\r\n  opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(4px);\r\n  transition: opacity var(--ua-dur-fast) var(--ua-ease), visibility var(--ua-dur-fast), transform var(--ua-dur-fast) var(--ua-ease);\r\n  z-index: 10;\r\n}\r\n.ua-nav-dropdown:hover .ua-nav-dropdown-menu,\r\n.ua-nav-dropdown:focus-within .ua-nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }\r\n.ua-nav-dropdown:hover > a svg, .ua-nav-dropdown:focus-within > a svg { transform: rotate(180deg); }\r\n.ua-nav-dgroup { padding-block: var(--ua-sp-2); border-bottom: 1px solid rgba(255,255,255,0.06); }\r\n.ua-nav-dgroup:last-child { border-bottom: 0; }\r\n.ua-nav-dlabel { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.35); padding: var(--ua-sp-2) var(--ua-sp-3); }\r\n.ua-nav-dropdown-menu a {\r\n  display: block; padding: var(--ua-sp-2) var(--ua-sp-3); border-radius: var(--ua-radius-sm);\r\n  font-size: var(--ua-step--1); font-weight: 500; text-transform: none; letter-spacing: normal;\r\n  color: rgba(255,255,255,0.55); height: auto;\r\n}\r\n.ua-nav-dropdown-menu a:hover { background: rgba(255,255,255,0.06); color: var(--ua-brand-neutral-light); }\r\n.ua-nav-right { display: flex; align-items: center; gap: var(--ua-sp-2); flex-shrink: 0; z-index: 1; }\r\n.ua-lang-toggle {\r\n  display: flex; align-items: center; justify-content: center; line-height: 1;\r\n  width: 44px; height: 44px; border-radius: 50%;\r\n  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\r\n  color: rgba(255,255,255,0.5); font-family: var(--ua-font-display); font-size: 1rem;\r\n  transition: color var(--ua-dur-fast) var(--ua-ease), background-color var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-lang-toggle:hover, .ua-lang-toggle[aria-pressed=\"true\"] { color: var(--ua-brand-neutral-light); background: rgba(255,255,255,0.1); }\r\n.ua-nav-toggle {\r\n  display: none; width: 44px; height: 44px; border-radius: var(--ua-radius-sm);\r\n  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\r\n  flex-direction: column; align-items: center; justify-content: center; gap: 5px;\r\n}\r\n.ua-nav-toggle span { width: 18px; height: 2px; background: var(--ua-brand-neutral-light); border-radius: 2px; transition: transform var(--ua-dur-med) var(--ua-ease), opacity var(--ua-dur-med) var(--ua-ease); }\r\n.ua-nav-toggle[aria-expanded=\"true\"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n.ua-nav-toggle[aria-expanded=\"true\"] span:nth-child(2) { opacity: 0; }\r\n.ua-nav-toggle[aria-expanded=\"true\"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n.ua-mobile-overlay {\r\n  position: fixed; inset: 0; z-index: 999;\r\n  background: var(--ua-nav-glass);\r\n  backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px);\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--ua-sp-2);\r\n  padding: var(--ua-sp-9) var(--ua-sp-6);\r\n  opacity: 0; visibility: hidden;\r\n  transition: opacity var(--ua-dur-med) var(--ua-ease), visibility var(--ua-dur-med);\r\n}\r\n.ua-mobile-overlay[data-open=\"true\"] { opacity: 1; visibility: visible; }\r\n.ua-mobile-overlay a:not(.ua-btn) {\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: var(--ua-step-1); font-weight: 600; color: rgba(255,255,255,0.5);\r\n  padding: var(--ua-sp-4); border-radius: var(--ua-radius-md);\r\n  width: 100%; max-width: 340px; text-align: center;\r\n}\r\n.ua-mobile-overlay a:hover, .ua-mobile-overlay a.is-active { color: var(--ua-brand-neutral-light); background: rgba(255,255,255,0.06); }\r\n.ua-mobile-divider { width: 48px; height: 1px; background: rgba(255,255,255,0.1); margin-block: var(--ua-sp-2); }\r\n.ua-mobile-overlay .ua-btn { margin-top: var(--ua-sp-2); }\r\n.ua-mobile-lang {\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-top: var(--ua-sp-3); font-size: var(--ua-step--1); font-weight: 600;\r\n  color: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: var(--ua-radius-pill); padding: var(--ua-sp-3) var(--ua-sp-5);\r\n}\r\n@media (max-width: 960px) { .ua-nav-center a { font-size: 0.72rem; padding-inline: var(--ua-sp-3); } }\r\n@media (max-width: 768px) {\r\n  .ua-nav-wrap { padding: var(--ua-sp-3) var(--ua-sp-3) 0; }\r\n  .ua-nav { height: 60px; }\r\n  .ua-nav-center, .ua-nav-right .ua-btn, .ua-lang-toggle { display: none; }\r\n  .ua-nav-toggle { display: flex; }\r\n  .ua-nav-logo img { height: 32px; }\r\n}\r\n\/* ===== About Page ===== *\/\r\n\/* ---- About Hero ---- *\/\r\n.ua-about-hero {\r\n  position: relative; overflow: hidden;\r\n  padding-block: var(--ua-sp-12) var(--ua-sp-11);\r\n  background: linear-gradient(135deg, var(--ua-ink) 0%, var(--ua-accent) 60%, var(--ua-brand-magenta) 100%);\r\n}\r\n.ua-about-hero-glow {\r\n  position: absolute; top: -120px; right: -120px; width: 560px; height: 560px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);\r\n}\r\n.ua-about-hero-inner {\r\n  position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr 0.9fr;\r\n  gap: var(--ua-sp-10); align-items: center;\r\n}\r\n.ua-about-hero-copy h1 {\r\n  font-size: var(--ua-step-5); color: var(--ua-brand-neutral-light); letter-spacing: -0.015em; margin-block: var(--ua-sp-4);\r\n}\r\n.ua-about-hero-copy h1 em { font-style: normal; color: var(--ua-brand-blue-tint); }\r\n.ua-about-hero-lede { font-size: var(--ua-step-1); color: rgba(255,255,255,0.72); max-width: 52ch; }\r\n.ua-about-hero-card {\r\n  position: relative; border-radius: var(--ua-radius-lg); overflow: hidden;\r\n  aspect-ratio: 4 \/ 5; border: 1px solid rgba(255,255,255,0.14);\r\n  background: rgba(255,255,255,0.05);\r\n}\r\n.ua-about-hero-card img { width: 100%; height: 100%; object-fit: cover; }\r\n.ua-about-hero-card-scrim {\r\n  position: absolute; inset: 0; background: linear-gradient(to top, rgba(28,17,42,0.75) 0%, transparent 55%);\r\n}\r\n.ua-about-hero-card-badge {\r\n  position: absolute; left: var(--ua-sp-5); right: var(--ua-sp-5); bottom: var(--ua-sp-5);\r\n  background: rgba(255,255,255,0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n  border: 1px solid rgba(255,255,255,0.16); border-radius: var(--ua-radius-md); padding: var(--ua-sp-4);\r\n}\r\n.ua-about-hero-card-badge-title { font-weight: 700; color: var(--ua-brand-neutral-light); }\r\n.ua-about-hero-card-badge-sub { font-size: var(--ua-step--1); color: rgba(255,255,255,0.65); margin-top: 2px; }\r\n\/* ---- Mission ---- *\/\r\n.ua-mission { padding-block: var(--ua-sp-12); background: var(--ua-surface); }\r\n.ua-mission-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ua-sp-10); align-items: center; }\r\n.ua-mission-img { position: relative; border-radius: var(--ua-radius-lg); overflow: hidden; aspect-ratio: 4 \/ 3; }\r\n.ua-mission-img img { width: 100%; height: 100%; object-fit: cover; }\r\n.ua-mission-img-badge {\r\n  position: absolute; bottom: var(--ua-sp-5); right: var(--ua-sp-5);\r\n  background: var(--ua-surface); border-radius: var(--ua-radius-md); padding: var(--ua-sp-4) var(--ua-sp-5);\r\n  box-shadow: var(--ua-shadow-md);\r\n}\r\n.ua-mission-img-badge-num { font-family: var(--ua-font-display); font-size: var(--ua-step-2); color: var(--ua-accent); line-height: 1; }\r\n.ua-mission-img-badge-lbl { font-size: var(--ua-step--1); color: var(--ua-muted); margin-top: var(--ua-sp-1); }\r\n.ua-mission-text h2 { font-size: var(--ua-step-3); letter-spacing: -0.02em; margin-block: var(--ua-sp-4); }\r\n.ua-mission-text p { color: var(--ua-body); line-height: 1.8; margin-bottom: var(--ua-sp-4); }\r\n.ua-mission-values { display: flex; flex-direction: column; gap: var(--ua-sp-3); margin-top: var(--ua-sp-5); }\r\n.ua-mission-value {\r\n  display: flex; align-items: flex-start; gap: var(--ua-sp-4);\r\n  background: var(--ua-bg); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-md);\r\n  padding: var(--ua-sp-4) var(--ua-sp-5); transition: border-color var(--ua-dur-fast) var(--ua-ease), box-shadow var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-mission-value:hover { border-color: transparent; box-shadow: var(--ua-shadow-sm); }\r\n.ua-mission-value-icon {\r\n  width: 44px; height: 44px; border-radius: var(--ua-radius-sm); flex-shrink: 0;\r\n  background: linear-gradient(135deg, var(--ua-accent), var(--ua-accent-hover)); color: var(--ua-brand-neutral-light);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.ua-mission-value h3 { font-size: var(--ua-step-0); margin-bottom: 2px; }\r\n.ua-mission-value p { font-size: var(--ua-step--1); color: var(--ua-muted); margin-bottom: 0; }\r\n\/* ---- Timeline ---- *\/\r\n.ua-timeline-section { padding-block: var(--ua-sp-12); background: var(--ua-bg); }\r\n.ua-timeline-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--ua-sp-10); align-items: start; }\r\n.ua-timeline-heading { font-size: var(--ua-step-3); letter-spacing: -0.02em; margin-bottom: var(--ua-sp-8); }\r\n.ua-timeline { position: relative; padding-left: var(--ua-sp-7); list-style: none; }\r\n.ua-timeline::before {\r\n  content: \"\"; position: absolute; left: 0; top: 6px; bottom: 6px; width: 2px;\r\n  background: linear-gradient(to bottom, var(--ua-accent), var(--ua-brand-rose));\r\n}\r\n.ua-timeline-item { position: relative; padding-left: var(--ua-sp-5); margin-bottom: var(--ua-sp-7); }\r\n.ua-timeline-item:last-child { margin-bottom: 0; }\r\n.ua-timeline-item::before {\r\n  content: \"\"; position: absolute; left: calc(-1 * var(--ua-sp-7) + 2px); top: 4px;\r\n  width: 12px; height: 12px; border-radius: 50%; background: var(--ua-accent);\r\n  box-shadow: 0 0 0 4px var(--ua-bg), 0 0 0 5px var(--ua-line);\r\n}\r\n.ua-timeline-year { font-size: var(--ua-step--1); font-weight: 800; color: var(--ua-brand-rose); letter-spacing: 0.04em; margin-bottom: var(--ua-sp-2); }\r\n.ua-timeline-item h3 { font-size: var(--ua-step-1); margin-bottom: var(--ua-sp-2); }\r\n.ua-timeline-item p { font-size: var(--ua-step--1); color: var(--ua-muted); line-height: 1.7; }\r\n.ua-timeline-aside { display: flex; flex-direction: column; gap: var(--ua-sp-5); margin-top: var(--ua-sp-9); }\r\n.ua-name-card {\r\n  background: linear-gradient(135deg, var(--ua-ink) 0%, var(--ua-ink-soft) 100%);\r\n  border-radius: var(--ua-radius-lg); padding: var(--ua-sp-7);\r\n}\r\n.ua-name-card h3 { font-size: var(--ua-step-2); color: var(--ua-brand-neutral-light); margin-block: var(--ua-sp-3); }\r\n.ua-name-card p { font-size: var(--ua-step--1); color: rgba(255,255,255,0.68); line-height: 1.8; }\r\n.ua-stat-card { background: var(--ua-surface); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-lg); padding: var(--ua-sp-7); }\r\n.ua-stat-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ua-sp-5); text-align: center; }\r\n.ua-stat-card-num { font-family: var(--ua-font-display); font-size: var(--ua-step-3); color: var(--ua-accent); line-height: 1; }\r\n.ua-stat-card-lbl { font-size: var(--ua-step--1); color: var(--ua-muted); font-weight: 600; margin-top: var(--ua-sp-1); }\r\n\/* ---- About Page: Teachers ---- *\/\r\n.ua-about-teachers { padding-block: var(--ua-sp-12); background: var(--ua-surface); }\r\n.ua-about-teacher-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ua-sp-6); }\r\n.ua-about-teacher-card {\r\n  background: var(--ua-surface); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-md);\r\n  overflow: hidden; transition: transform var(--ua-dur-med) var(--ua-ease), box-shadow var(--ua-dur-med) var(--ua-ease);\r\n}\r\n.ua-about-teacher-card:hover { transform: translateY(-6px); box-shadow: var(--ua-shadow-glow); border-color: transparent; }\r\n.ua-about-teacher-photo { position: relative; height: 260px; overflow: hidden; }\r\n.ua-about-teacher-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--ua-ease); }\r\n.ua-about-teacher-photo-placeholder {\r\n  width: 100%; height: 100%;\r\n  background: linear-gradient(135deg, var(--ua-accent), var(--ua-brand-magenta));\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.ua-about-teacher-photo-placeholder span {\r\n  font-family: var(--ua-font-display); font-size: var(--ua-step-3); font-weight: 700; color: rgba(255,255,255,0.85);\r\n}\r\n.ua-about-teacher-card:hover .ua-about-teacher-photo img { transform: scale(1.05); }\r\n.ua-about-teacher-photo::after {\r\n  content: \"\"; position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(28,17,42,0.85) 0%, rgba(28,17,42,0.1) 55%, transparent 100%);\r\n}\r\n.ua-about-teacher-badge {\r\n  position: absolute; top: var(--ua-sp-4); left: var(--ua-sp-4); z-index: 1;\r\n  background: var(--ua-accent); color: var(--ua-brand-neutral-light); font-size: 0.68rem; font-weight: 800;\r\n  padding: var(--ua-sp-1) var(--ua-sp-3); border-radius: var(--ua-radius-pill);\r\n}\r\n.ua-about-teacher-name-ovl { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: var(--ua-sp-5); }\r\n.ua-about-teacher-name-ovl h3 { font-size: var(--ua-step-1); color: var(--ua-brand-neutral-light); }\r\n.ua-about-teacher-name-ovl p { font-size: var(--ua-step--1); color: rgba(255,255,255,0.65); margin-top: 2px; }\r\n.ua-about-teacher-body { padding: var(--ua-sp-5); }\r\n.ua-about-teacher-creds { display: flex; flex-direction: column; gap: var(--ua-sp-2); margin-bottom: var(--ua-sp-4); list-style: none; }\r\n.ua-about-teacher-creds li { display: flex; align-items: center; gap: var(--ua-sp-2); font-size: var(--ua-step--1); color: var(--ua-muted); }\r\n.ua-about-teacher-cred-icon {\r\n  width: 22px; height: 22px; border-radius: var(--ua-radius-sm); flex-shrink: 0;\r\n  background: var(--ua-accent-tint); color: var(--ua-accent);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.ua-about-teacher-tags { display: flex; gap: var(--ua-sp-2); flex-wrap: wrap; }\r\n.ua-about-teacher-tag {\r\n  background: var(--ua-bg); color: var(--ua-accent); font-size: 0.68rem; font-weight: 700;\r\n  padding: var(--ua-sp-1) var(--ua-sp-3); border-radius: var(--ua-radius-pill);\r\n}\r\n.ua-about-teachers-cta { text-align: center; margin-top: var(--ua-sp-8); }\r\n\/* ---- About Page: Methodology ---- *\/\r\n.ua-about-methodology { padding-block: var(--ua-sp-12); background: var(--ua-bg); }\r\n.ua-about-methodology-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--ua-sp-10); align-items: start; }\r\n.ua-about-methodology h2 { font-size: var(--ua-step-3); letter-spacing: -0.02em; margin-block: var(--ua-sp-4); }\r\n.ua-about-methodology-lede { color: var(--ua-body); line-height: 1.8; margin-bottom: var(--ua-sp-6); }\r\n.ua-pillar-list { display: flex; flex-direction: column; gap: var(--ua-sp-4); }\r\n.ua-pillar {\r\n  display: flex; gap: var(--ua-sp-4); align-items: flex-start;\r\n  background: var(--ua-surface); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-md);\r\n  padding: var(--ua-sp-5); transition: border-color var(--ua-dur-fast) var(--ua-ease), box-shadow var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-pillar:hover { border-color: transparent; box-shadow: var(--ua-shadow-sm); }\r\n.ua-pillar-icon {\r\n  width: 46px; height: 46px; border-radius: var(--ua-radius-sm); flex-shrink: 0;\r\n  background: linear-gradient(135deg, var(--ua-accent), var(--ua-accent-hover)); color: var(--ua-brand-neutral-light);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.ua-pillar h3 { font-size: var(--ua-step-0); margin-bottom: var(--ua-sp-1); }\r\n.ua-pillar p { font-size: var(--ua-step--1); color: var(--ua-muted); line-height: 1.6; }\r\n.ua-about-methodology-aside { display: flex; flex-direction: column; gap: var(--ua-sp-5); }\r\n.ua-azhar-card {\r\n  background: linear-gradient(135deg, var(--ua-ink), var(--ua-ink-soft));\r\n  border-radius: var(--ua-radius-lg); padding: var(--ua-sp-8); color: var(--ua-brand-neutral-light);\r\n}\r\n.ua-azhar-card-num { font-family: var(--ua-font-display); font-size: var(--ua-step-4); color: var(--ua-brand-mauve-tint); line-height: 1; margin-bottom: var(--ua-sp-2); }\r\n.ua-azhar-card h3 { font-size: var(--ua-step-2); color: var(--ua-brand-neutral-light); margin-bottom: var(--ua-sp-3); }\r\n.ua-azhar-card > p { font-size: var(--ua-step--1); color: rgba(255,255,255,0.65); line-height: 1.75; margin-bottom: var(--ua-sp-5); }\r\n.ua-azhar-certs { display: flex; flex-direction: column; gap: var(--ua-sp-3); list-style: none; }\r\n.ua-azhar-certs li {\r\n  display: flex; align-items: center; gap: var(--ua-sp-3);\r\n  background: rgba(255,255,255,0.08); border-radius: var(--ua-radius-sm);\r\n  padding: var(--ua-sp-3) var(--ua-sp-4); font-size: var(--ua-step--1); font-weight: 600; color: rgba(255,255,255,0.8);\r\n}\r\n.ua-azhar-certs li span { flex-shrink: 0; color: var(--ua-brand-mauve-tint); }\r\n.ua-cert-preview-card { background: var(--ua-surface); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-lg); padding: var(--ua-sp-7); }\r\n.ua-cert-preview-placeholder {\r\n  width: 100%; height: 160px; border-radius: var(--ua-radius-md); margin-bottom: var(--ua-sp-5);\r\n  background: var(--ua-bg); color: var(--ua-accent);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.ua-cert-preview-card h4 { font-size: var(--ua-step-1); margin-bottom: var(--ua-sp-2); }\r\n.ua-cert-preview-card p { font-size: var(--ua-step--1); color: var(--ua-muted); line-height: 1.7; }\r\n\/* ---- About Page: CTA ---- *\/\r\n.ua-about-cta { padding-block: var(--ua-sp-11); background: linear-gradient(135deg, var(--ua-ink), var(--ua-brand-magenta)); }\r\n.ua-about-cta-inner { text-align: center; }\r\n.ua-about-cta h2 { font-size: var(--ua-step-4); color: var(--ua-brand-neutral-light); letter-spacing: -0.02em; margin-block: var(--ua-sp-4); }\r\n.ua-about-cta p { font-size: var(--ua-step-1); color: rgba(255,255,255,0.65); max-width: 46ch; margin-inline: auto; margin-bottom: var(--ua-sp-7); }\r\n.ua-about-cta-actions { display: flex; gap: var(--ua-sp-4); justify-content: center; flex-wrap: wrap; }\r\n\/* ---- About Page: Responsive ---- *\/\r\n@media (max-width: 1024px) {\r\n  .ua-about-hero-inner { grid-template-columns: 1fr; }\r\n  .ua-about-hero-visual { max-width: 380px; margin-inline: auto; width: 100%; }\r\n  .ua-mission-grid, .ua-timeline-grid, .ua-about-methodology-grid { grid-template-columns: 1fr; }\r\n  .ua-timeline-aside { margin-top: 0; }\r\n  .ua-about-teacher-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 640px) {\r\n  .ua-about-teacher-grid { grid-template-columns: 1fr; }\r\n  .ua-about-cta-actions { flex-direction: column; align-items: stretch; }\r\n  .ua-stat-card-grid { gap: var(--ua-sp-4); }\r\n}\r\n\/* ===== Blog Page ===== *\/\r\n.ua-blog-hero { padding-block: var(--ua-sp-11) var(--ua-sp-9); background: var(--ua-bg); }\r\n.ua-blog-listing { padding-block: 0 var(--ua-sp-12); background: var(--ua-bg); }\r\n.ua-blog-toolbar {\r\n  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;\r\n  gap: var(--ua-sp-5); margin-bottom: var(--ua-sp-8);\r\n}\r\n.ua-blog-search {\r\n  display: flex; align-items: center; gap: var(--ua-sp-3);\r\n  background: var(--ua-surface); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-pill);\r\n  padding: var(--ua-sp-3) var(--ua-sp-5); flex: 1 1 280px; max-width: 360px;\r\n  color: var(--ua-muted);\r\n}\r\n.ua-blog-search input {\r\n  border: 0; outline: 0; background: none; font: inherit; color: var(--ua-ink); width: 100%;\r\n}\r\n.ua-blog-search input::placeholder { color: var(--ua-muted); }\r\n.ua-blog-filters { display: flex; gap: var(--ua-sp-2); flex-wrap: wrap; }\r\n.ua-filter-pill {\r\n  padding: 0.55em 1.2em; border-radius: var(--ua-radius-pill); border: 1px solid var(--ua-line);\r\n  font-size: var(--ua-step--1); font-weight: 600; color: var(--ua-muted);\r\n  transition: border-color var(--ua-dur-fast) var(--ua-ease), color var(--ua-dur-fast) var(--ua-ease), background-color var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-filter-pill:hover { border-color: var(--ua-ink); color: var(--ua-ink); }\r\n.ua-filter-pill.is-active { background: var(--ua-ink); border-color: var(--ua-ink); color: var(--ua-brand-neutral-light); }\r\n.ua-blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--ua-sp-6); }\r\n.ua-blog-card {\r\n  background: var(--ua-surface); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-md);\r\n  padding: var(--ua-sp-6); display: flex; flex-direction: column;\r\n  transition: transform var(--ua-dur-fast) var(--ua-ease), box-shadow var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-blog-card:hover { transform: translateY(-4px); box-shadow: var(--ua-shadow-md); }\r\n.ua-blog-card-thumb {\r\n  width: 48px; height: 48px; border-radius: var(--ua-radius-sm);\r\n  background: var(--ua-accent-tint); color: var(--ua-accent);\r\n  display: flex; align-items: center; justify-content: center; margin-bottom: var(--ua-sp-5);\r\n}\r\n.ua-blog-card-cat {\r\n  font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;\r\n  color: var(--ua-accent); margin-bottom: var(--ua-sp-2);\r\n}\r\n.ua-blog-card-title { font-size: var(--ua-step-1); margin-bottom: var(--ua-sp-3); }\r\n.ua-blog-card-excerpt { font-size: var(--ua-step--1); color: var(--ua-body); line-height: 1.7; flex-grow: 1; margin-bottom: var(--ua-sp-4); }\r\n.ua-blog-card-meta { display: flex; align-items: center; gap: var(--ua-sp-2); font-size: 0.75rem; color: var(--ua-muted); margin-bottom: var(--ua-sp-4); }\r\n.ua-blog-card-link {\r\n  display: inline-flex; align-items: center; gap: var(--ua-sp-2);\r\n  font-weight: 600; font-size: var(--ua-step--1); color: var(--ua-ink);\r\n  transition: color var(--ua-dur-fast) var(--ua-ease), gap var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-blog-card-link:hover { color: var(--ua-accent); gap: var(--ua-sp-3); }\r\n@media (max-width: 860px) {\r\n  .ua-blog-grid { grid-template-columns: 1fr; }\r\n  .ua-blog-toolbar { flex-direction: column; align-items: stretch; }\r\n  .ua-blog-search { max-width: 100%; }\r\n}\r\n\/* ===== FAQ Page =====\r\n   .ua-faq-item here uses native <details>\/<summary> \u2014 zero JS needed\r\n   for the accordion, and the \"name\" attribute on each <details> (in\r\n   the HTML) gives native exclusive-open behavior in modern browsers,\r\n   degrading gracefully to \"more than one can be open\" in older ones. *\/\r\n.ua-faq-page-hero { padding-block: var(--ua-sp-11) var(--ua-sp-9); background: var(--ua-bg); }\r\n.ua-faq-page { padding-block: 0 var(--ua-sp-12); background: var(--ua-bg); }\r\n.ua-faq-page-grid { display: grid; grid-template-columns: 220px 1fr; gap: var(--ua-sp-9); align-items: start; }\r\n.ua-faq-page-toc {\r\n  position: sticky; top: calc(72px + var(--ua-sp-6));\r\n  display: flex; flex-direction: column; gap: var(--ua-sp-1);\r\n}\r\n.ua-faq-page-toc a {\r\n  padding: var(--ua-sp-2) var(--ua-sp-4); border-radius: var(--ua-radius-sm);\r\n  font-size: var(--ua-step--1); font-weight: 600; color: var(--ua-muted);\r\n  transition: background-color var(--ua-dur-fast) var(--ua-ease), color var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-faq-page-toc a:hover { background: var(--ua-surface); color: var(--ua-ink); }\r\n.ua-faq-category { margin-bottom: var(--ua-sp-9); scroll-margin-top: calc(72px + var(--ua-sp-5)); }\r\n.ua-faq-category:last-child { margin-bottom: 0; }\r\n.ua-faq-category h2 { font-size: var(--ua-step-2); letter-spacing: -0.01em; margin-bottom: var(--ua-sp-4); }\r\n.ua-faq-item {\r\n  background: var(--ua-surface); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-md);\r\n  padding: var(--ua-sp-5); margin-bottom: var(--ua-sp-3);\r\n}\r\n.ua-faq-item:last-child { margin-bottom: 0; }\r\n.ua-faq-item summary {\r\n  cursor: pointer; list-style: none; font-weight: 600; color: var(--ua-ink); font-size: var(--ua-step-0);\r\n  display: flex; align-items: center; justify-content: space-between; gap: var(--ua-sp-4);\r\n}\r\n.ua-faq-item summary::-webkit-details-marker { display: none; }\r\n.ua-faq-item summary::after {\r\n  content: \"\"; flex-shrink: 0; width: 18px; height: 18px;\r\n  background: currentColor; color: var(--ua-muted);\r\n  -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\r\n  mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\r\n  transition: transform var(--ua-dur-fast) var(--ua-ease);\r\n}\r\n.ua-faq-item[open] summary::after { transform: rotate(180deg); }\r\n.ua-faq-item p { padding-top: var(--ua-sp-4); color: var(--ua-body); line-height: 1.7; max-width: 68ch; }\r\n@media (max-width: 860px) {\r\n  .ua-faq-page-grid { grid-template-columns: 1fr; }\r\n  .ua-faq-page-toc {\r\n    position: static; flex-direction: row; overflow-x: auto; gap: var(--ua-sp-2);\r\n    padding-bottom: var(--ua-sp-2); margin-bottom: var(--ua-sp-2);\r\n  }\r\n  .ua-faq-page-toc a { flex-shrink: 0; white-space: nowrap; }\r\n}\r\n\/* ===== Teachers Page v2 (replaces the earlier simpler grid) ===== *\/\r\n\/* ---- Hero ---- *\/\r\n.ua-teachers-hero {\r\n  position: relative; overflow: hidden; padding-block: var(--ua-sp-12) var(--ua-sp-10);\r\n  background: linear-gradient(160deg, var(--ua-ink) 0%, var(--ua-brand-primary) 62%, var(--ua-brand-indigo) 100%);\r\n}\r\n.ua-teachers-hero-texture {\r\n  position: absolute; inset: 0; opacity: 0.5;\r\n  background-image:\r\n    repeating-linear-gradient(45deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 46px),\r\n    repeating-linear-gradient(-45deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 46px);\r\n}\r\n.ua-teachers-hero-glow {\r\n  position: absolute; top: -140px; right: -100px; width: 520px; height: 520px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(206,179,193,0.16) 0%, transparent 70%);\r\n}\r\n.ua-teachers-hero-grid {\r\n  position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr 0.95fr;\r\n  gap: var(--ua-sp-10); align-items: center;\r\n}\r\n.ua-teachers-hero-copy h1 {\r\n  font-size: var(--ua-step-4); letter-spacing: -0.015em; color: var(--ua-brand-neutral-light);\r\n  text-shadow: 0 2px 24px rgba(0,0,0,0.25); margin-block: var(--ua-sp-5);\r\n}\r\n.ua-teachers-hero-copy h1 em { font-style: normal; color: var(--ua-brand-lavender-tint); }\r\n.ua-teachers-hero-lede { font-size: var(--ua-step-1); color: rgba(250,250,249,0.78); max-width: 48ch; margin-bottom: var(--ua-sp-8); }\r\n.ua-teachers-hero-actions { display: flex; flex-wrap: wrap; gap: var(--ua-sp-4); margin-bottom: var(--ua-sp-9); }\r\n.ua-teachers-hero-stats {\r\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--ua-sp-5);\r\n  border-top: 1px solid rgba(255,255,255,0.14); padding-top: var(--ua-sp-6);\r\n}\r\n\/* Overrides for the reused .ua-trust-item\/.ua-trust-num pattern on this\r\n   dark background \u2014 the base Trust Bar styling assumes a light card. *\/\r\n.ua-teachers-hero-stats .ua-trust-item { text-align: left; }\r\n.ua-trust-num--on-dark { color: var(--ua-brand-neutral-light) !important; }\r\n.ua-teachers-hero-stat-lbl { font-size: 0.78rem; color: rgba(255,255,255,0.55); margin-top: var(--ua-sp-1); }\r\n.ua-teachers-hero-visual { position: relative; }\r\n.ua-teachers-hero-portrait {\r\n  position: relative; aspect-ratio: 4 \/ 5; border-radius: var(--ua-radius-lg); overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 28px 56px rgba(0,0,0,0.28);\r\n  background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.35);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.ua-teachers-hero-portrait img { width: 100%; height: 100%; object-fit: cover; }\r\n.ua-teachers-hero-badge {\r\n  position: absolute; background: rgba(255,255,255,0.1); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n  border: 1px solid rgba(255,255,255,0.18); border-radius: var(--ua-radius-md);\r\n  padding: var(--ua-sp-3) var(--ua-sp-4); box-shadow: 0 16px 32px rgba(0,0,0,0.2);\r\n}\r\n.ua-teachers-hero-badge-eyebrow { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ua-brand-lavender-tint); }\r\n.ua-teachers-hero-badge-title { font-size: var(--ua-step-0); font-weight: 700; color: var(--ua-brand-neutral-light); margin-top: 2px; }\r\n.ua-teachers-hero-badge--top { top: 36px; left: -28px; }\r\n.ua-teachers-hero-badge--bottom { bottom: 44px; right: -24px; }\r\n\/* ---- Why Different ---- *\/\r\n.ua-teachers-why { padding-block: var(--ua-sp-12); background: var(--ua-surface); }\r\n.ua-teachers-why-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--ua-sp-6); }\r\n.ua-teachers-why-feature {\r\n  background: linear-gradient(160deg, var(--ua-ink), var(--ua-ink-soft));\r\n  border-radius: var(--ua-radius-lg); padding: var(--ua-sp-9); color: var(--ua-brand-neutral-light);\r\n}\r\n.ua-teachers-why-feature-eyebrow { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ua-brand-lavender-tint); margin-bottom: var(--ua-sp-5); }\r\n.ua-teachers-why-feature h3 { font-size: var(--ua-step-2); color: var(--ua-brand-neutral-light); margin-bottom: var(--ua-sp-4); max-width: 22ch; }\r\n.ua-teachers-why-feature p { font-size: var(--ua-step-0); color: rgba(255,255,255,0.68); line-height: 1.75; max-width: 44ch; }\r\n\/* Sanad chain visual \u2014 added per review Priority 5: makes \"verified Sanad\"\r\n   an evidence claim instead of a purely textual one, without illustrating\r\n   anything doctrinally specific (just the transmission-chain concept). *\/\r\n.ua-sanad-chain { display: flex; align-items: center; gap: var(--ua-sp-2); margin-top: var(--ua-sp-6); flex-wrap: wrap; }\r\n.ua-sanad-node {\r\n  display: flex; align-items: center; gap: var(--ua-sp-2);\r\n  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.16);\r\n  border-radius: var(--ua-radius-pill); padding: var(--ua-sp-2) var(--ua-sp-4);\r\n  font-size: var(--ua-step--1); font-weight: 600; color: rgba(255,255,255,0.85); white-space: nowrap;\r\n}\r\n.ua-sanad-node--endpoint { background: var(--ua-brand-mauve-tint); border-color: transparent; color: var(--ua-ink); }\r\n.ua-sanad-arrow { color: rgba(255,255,255,0.4); flex-shrink: 0; }\r\n.ua-sanad-caption { font-size: var(--ua-step--1); color: rgba(255,255,255,0.5); margin-top: var(--ua-sp-4); }\r\n.ua-teachers-why-stack { display: flex; flex-direction: column; gap: var(--ua-sp-6); }\r\n.ua-teachers-why-stack .ua-why-card { flex: 1; }\r\n\/* ---- Philosophy ---- *\/\r\n.ua-teachers-philosophy { position: relative; padding-block: var(--ua-sp-12); background: var(--ua-ink); overflow: hidden; }\r\n.ua-teachers-philosophy-texture {\r\n  position: absolute; inset: 0; opacity: 0.4;\r\n  background-image:\r\n    repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 46px),\r\n    repeating-linear-gradient(-45deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 46px);\r\n}\r\n.ua-teachers-philosophy-inner { position: relative; max-width: 880px; text-align: center; }\r\n.ua-teachers-quote-mark { font-family: var(--ua-font-display); font-size: 5rem; line-height: 1; color: var(--ua-brand-magenta); opacity: 0.5; margin-bottom: -8px; }\r\n.ua-teachers-quote { font-family: var(--ua-font-display); font-size: var(--ua-step-3); line-height: 1.5; color: var(--ua-brand-neutral-light); margin-bottom: var(--ua-sp-6); }\r\n.ua-teachers-quote-attr { font-size: var(--ua-step--1); font-weight: 600; color: var(--ua-brand-lavender-tint); letter-spacing: 0.02em; }\r\n.ua-teachers-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ua-sp-6); margin-top: var(--ua-sp-10); text-align: left; }\r\n.ua-teachers-pillar-num { font-family: var(--ua-font-display); font-size: var(--ua-step-1); color: var(--ua-brand-mauve-tint); margin-bottom: var(--ua-sp-3); }\r\n.ua-teachers-pillar h3 { font-size: var(--ua-step-0); color: var(--ua-brand-neutral-light); margin-bottom: var(--ua-sp-2); }\r\n.ua-teachers-pillar p { font-size: 0.92rem; color: rgba(255,255,255,0.6); line-height: 1.7; }\r\n\/* ---- Featured Faculty (alternating split layout) ---- *\/\r\n.ua-teachers-featured { padding-block: var(--ua-sp-12) var(--ua-sp-6); background: var(--ua-surface); }\r\n.ua-teacher-split {\r\n  display: grid; grid-template-columns: 0.85fr 1.15fr; gap: var(--ua-sp-9); align-items: center;\r\n  margin-bottom: var(--ua-sp-11);\r\n}\r\n.ua-teacher-split:last-child { margin-bottom: 0; }\r\n.ua-teacher-split--reverse { grid-template-columns: 1.15fr 0.85fr; }\r\n.ua-teacher-split--reverse .ua-teacher-split-visual { order: 2; }\r\n.ua-teacher-split-portrait {\r\n  position: relative; aspect-ratio: 4 \/ 5; border-radius: var(--ua-radius-lg); overflow: hidden;\r\n  box-shadow: var(--ua-shadow-glow);\r\n  background: linear-gradient(135deg, var(--ua-accent), var(--ua-brand-magenta));\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.ua-teacher-split-portrait span { font-family: var(--ua-font-display); font-size: var(--ua-step-4); font-weight: 700; color: rgba(255,255,255,0.85); }\r\n\/* Real photo, once available \u2014 fills the same box the gradient+initials\r\n   placeholder used, so no other rule (aspect-ratio, radius, shadow) needs\r\n   to change when a teacher's photo replaces their placeholder. *\/\r\n.ua-teacher-split-portrait img { width: 100%; height: 100%; object-fit: cover; }\r\n.ua-teacher-split-portrait--sm { box-shadow: var(--ua-shadow-md); border-radius: var(--ua-radius-md); }\r\n.ua-teacher-split-badge {\r\n  display: inline-block; background: var(--ua-accent-tint); color: var(--ua-accent);\r\n  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;\r\n  padding: var(--ua-sp-2) var(--ua-sp-4); border-radius: var(--ua-radius-pill); margin-bottom: var(--ua-sp-5);\r\n}\r\n.ua-teacher-split-badge--solid { background: var(--ua-accent); color: var(--ua-brand-neutral-light); }\r\n.ua-teacher-split-body h3 { font-size: var(--ua-step-3); margin-bottom: var(--ua-sp-1); }\r\n.ua-teacher-split-subject { font-size: var(--ua-step-0); font-weight: 600; color: var(--ua-accent); margin-bottom: var(--ua-sp-5); }\r\n.ua-teacher-split-bio { font-size: var(--ua-step-0); color: var(--ua-body); line-height: 1.8; margin-bottom: var(--ua-sp-5); }\r\n.ua-teacher-split-tags { display: flex; flex-wrap: wrap; gap: var(--ua-sp-3); list-style: none; margin-bottom: var(--ua-sp-5); }\r\n.ua-teacher-split-tags li {\r\n  display: flex; align-items: center; gap: var(--ua-sp-2); font-size: var(--ua-step--1); font-weight: 600; color: var(--ua-ink);\r\n  background: var(--ua-bg); border: 1px solid var(--ua-line); padding: var(--ua-sp-2) var(--ua-sp-4); border-radius: var(--ua-radius-pill);\r\n}\r\n.ua-teacher-split-tags li svg { color: var(--ua-verified); flex-shrink: 0; }\r\n\/* \"Best for\" block \u2014 added per review Priority 2. Turns a teacher's bio\r\n   from a CV read (credentials only) into a match\/decision aid (who this\r\n   teacher actually suits), which is what a parent scanning three\r\n   profiles is really trying to answer. *\/\r\n.ua-teacher-split-bestfor {\r\n  background: var(--ua-bg); border: 1px solid var(--ua-line); border-radius: var(--ua-radius-md);\r\n  padding: var(--ua-sp-4) var(--ua-sp-5); margin-bottom: var(--ua-sp-6);\r\n}\r\n.ua-teacher-split-bestfor-label { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ua-accent); margin-bottom: var(--ua-sp-2); }\r\n.ua-teacher-split-bestfor-list { display: flex; flex-wrap: wrap; gap: var(--ua-sp-2); list-style: none; margin: 0; }\r\n.ua-teacher-split-bestfor-list li { font-size: var(--ua-step--1); color: var(--ua-ink); font-weight: 500; }\r\n.ua-teacher-split-bestfor-list li:not(:last-child)::after { content: '\u00b7'; margin-left: var(--ua-sp-2); color: var(--ua-line); font-weight: 400; }\r\n\/* ---- Selection Process ---- *\/\r\n.ua-teachers-process { padding-block: var(--ua-sp-12); background: var(--ua-bg); }\r\n.ua-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--ua-sp-6); position: relative; }\r\n.ua-process-line { position: absolute; top: 23px; left: 12%; right: 12%; height: 1px; background: var(--ua-line); display: none; }\r\n.ua-process-step { position: relative; }\r\n.ua-process-num {\r\n  width: 46px; height: 46px; border-radius: 50%; background: var(--ua-surface); border: 1px solid var(--ua-line);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: var(--ua-font-display); font-weight: 700; color: var(--ua-accent); margin-bottom: var(--ua-sp-5);\r\n  position: relative; z-index: 1;\r\n}\r\n.ua-process-step h3 { font-size: var(--ua-step-0); margin-bottom: var(--ua-sp-2); }\r\n.ua-process-step p { font-size: var(--ua-step--1); color: var(--ua-body); line-height: 1.7; }\r\n\/* Proof-transition line between Process and CTA \u2014 review Priority 20:\r\n   bridges \"here's how we vet teachers\" to \"so here's what that gets you\"\r\n   before the ask, instead of jumping straight from process to CTA. *\/\r\n.ua-process-bridge { text-align: center; margin-top: var(--ua-sp-9); padding-top: var(--ua-sp-8); border-top: 1px solid var(--ua-line); }\r\n.ua-process-bridge-eyebrow { font-size: var(--ua-step--1); font-weight: 700; color: var(--ua-accent); margin-bottom: var(--ua-sp-2); }\r\n.ua-process-bridge p { font-size: var(--ua-step-1); color: var(--ua-ink); max-width: 46ch; margin-inline: auto; }\r\n\/* ---- CTA ---- *\/\r\n.ua-teachers-cta { padding-block: var(--ua-sp-11); background: linear-gradient(135deg, var(--ua-ink), var(--ua-brand-magenta)); text-align: center; }\r\n.ua-teachers-cta-inner { max-width: 640px; }\r\n.ua-teachers-cta h2 { font-size: var(--ua-step-4); color: var(--ua-brand-neutral-light); letter-spacing: -0.02em; margin-bottom: var(--ua-sp-5); }\r\n.ua-teachers-cta p { font-size: var(--ua-step-1); color: rgba(255,255,255,0.7); margin-bottom: var(--ua-sp-8); }\r\n.ua-teachers-cta-actions { display: flex; gap: var(--ua-sp-4); justify-content: center; flex-wrap: wrap; }\r\n\/* CTA assurance line \u2014 review Priority 3: carries 2-3 of the strongest\r\n   reassurances already used on the Contact page into this page's final\r\n   ask, right under the button, so the \"wait, is there a catch?\" question\r\n   gets answered before the visitor has to click through to find out. *\/\r\n.ua-teachers-cta-assurance { font-size: var(--ua-step--1); font-weight: 600; color: rgba(255,255,255,0.75); margin-top: var(--ua-sp-5); }\r\n\/* ---- Responsive ---- *\/\r\n@media (min-width: 900px) { .ua-process-line { display: block; } }\r\n@media (max-width: 900px) {\r\n  .ua-teachers-hero-grid { grid-template-columns: 1fr; }\r\n  .ua-teachers-hero-visual { max-width: 420px; margin-inline: auto; width: 100%; }\r\n  .ua-teachers-why-grid { grid-template-columns: 1fr; }\r\n  .ua-teachers-pillars { grid-template-columns: 1fr; gap: var(--ua-sp-7); }\r\n  .ua-teacher-split, .ua-teacher-split--reverse { grid-template-columns: 1fr; }\r\n  .ua-teacher-split--reverse .ua-teacher-split-visual { order: -1; }\r\n  .ua-teacher-split-visual { max-width: 420px; margin-inline: auto; width: 100%; order: -1; }\r\n  .ua-process-grid { grid-template-columns: repeat(2, 1fr); row-gap: var(--ua-sp-7); }\r\n  .ua-sanad-chain { justify-content: center; }\r\n}\r\n@media (max-width: 640px) {\r\n  .ua-teachers-hero-stats { grid-template-columns: repeat(2, 1fr); }\r\n  .ua-process-grid { grid-template-columns: 1fr; }\r\n}<\/style><section class=\"ua-teachers-hero\">\r\n  <div class=\"ua-teachers-hero-texture\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ua-teachers-hero-glow\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ua-wrap ua-teachers-hero-grid\">\r\n    <div class=\"ua-teachers-hero-copy\">\r\n      <p class=\"ua-eyebrow ua-eyebrow--on-dark\"><span class=\"ua-eyebrow-dot\" aria-hidden=\"true\"><\/span> Our Faculty<\/p>\r\n      <h1>Al-Azhar Certified Online Quran Teachers &mdash; <em>Scholars Who've Walked This Path<\/em><\/h1>\r\n      <p class=\"ua-teachers-hero-lede\">Every teacher at Ummah Academy is a personally vetted Al-Azhar graduate and Ijazah holder \u2014 chosen not only for scholarship, but for the patience and warmth it takes to teach the Qur'an well.<\/p>\r\n      <div class=\"ua-teachers-hero-actions\">\r\n        <a href=\"#ua-faculty\" class=\"ua-btn ua-btn-primary ua-btn-large ua-btn--on-dark\">Meet Our Teachers<\/a>\r\n        <a href=\"#ua-process\" class=\"ua-btn ua-btn-ghost ua-btn-large ua-btn--on-dark\">How We Select Them<\/a>\r\n      <\/div>\r\n      <div class=\"ua-teachers-hero-stats\">\r\n        \r\n        <div class=\"ua-trust-item\" data-count=\"100\" data-suffix=\"%\">\r\n          <p class=\"ua-trust-num ua-trust-num--on-dark\"><span class=\"ua-counter\">100<\/span>%<\/p>\r\n          <p class=\"ua-teachers-hero-stat-lbl\">Al-Azhar Certified<\/p>\r\n        <\/div>\r\n        <div class=\"ua-trust-item\" data-count=\"25\" data-suffix=\"+\">\r\n          <p class=\"ua-trust-num ua-trust-num--on-dark\"><span class=\"ua-counter\">25<\/span>+<\/p>\r\n          <p class=\"ua-teachers-hero-stat-lbl\">Years Combined Teaching<\/p>\r\n        <\/div>\r\n        <div class=\"ua-trust-item\" data-count=\"3\">\r\n          <p class=\"ua-trust-num ua-trust-num--on-dark\"><span class=\"ua-counter\">3<\/span><\/p>\r\n          <p class=\"ua-teachers-hero-stat-lbl\">Ijazah-Holding Scholars<\/p>\r\n        <\/div>\r\n        <div class=\"ua-trust-item\" data-count=\"100\" data-suffix=\"%\">\r\n          <p class=\"ua-trust-num ua-trust-num--on-dark\"><span class=\"ua-counter\">100<\/span>%<\/p>\r\n          <p class=\"ua-teachers-hero-stat-lbl\">Personally Vetted<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ua-teachers-hero-visual\">\r\n      <div class=\"ua-teachers-hero-portrait\">\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ummahacademy.net\/wp-content\/uploads\/2026\/08\/ummah-academy-teaching-team-hero.webp\" alt=\"Ummah Academy teaching team\" loading=\"lazy\" width=\"800\" height=\"533\">\r\n      <\/div>\r\n      <div class=\"ua-teachers-hero-badge ua-teachers-hero-badge--top\">\r\n        <p class=\"ua-teachers-hero-badge-eyebrow\">Verified<\/p>\r\n        <p class=\"ua-teachers-hero-badge-title\">Ijazah Certified<\/p>\r\n      <\/div>\r\n      <div class=\"ua-teachers-hero-badge ua-teachers-hero-badge--bottom\">\r\n        <p class=\"ua-teachers-hero-badge-eyebrow\">Al-Azhar<\/p>\r\n        <p class=\"ua-teachers-hero-badge-title\">Faculty Graduate<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<section class=\"ua-teachers-why\">\r\n  <div class=\"ua-wrap\">\r\n    <div class=\"ua-section-head\">\r\n      <p class=\"ua-eyebrow ua-eyebrow--pill\"><span class=\"ua-eyebrow-dot\" aria-hidden=\"true\"><\/span> What Sets Them Apart<\/p>\r\n      <h2>Not just teachers. Verified scholars.<\/h2>\r\n      <p class=\"ua-section-head-lede\">Anyone can teach a Zoom call. Few can trace their knowledge back through an unbroken chain to the Prophet \ufdfa himself.<\/p>\r\n    <\/div>\r\n    <div class=\"ua-teachers-why-grid\">\r\n      <div class=\"ua-teachers-why-feature\">\r\n        <p class=\"ua-teachers-why-feature-eyebrow\">Chain of Transmission<\/p>\r\n        <h3>A verified Sanad, not just a certificate<\/h3>\r\n        <p>Every teacher holds an Ijazah \u2014 formal authorization to teach Qur'anic recitation, carrying a documented chain of transmission back through their own teachers. It's the same standard of scholarly rigor Al-Azhar has upheld for a thousand years, brought to a laptop screen.<\/p>\r\n        \r\n        <div class=\"ua-sanad-chain\" role=\"img\" aria-label=\"A chain of transmission: your teacher, back through their own teachers, to the Prophet Muhammad, peace be upon him\">\r\n          <span class=\"ua-sanad-node\">Your Teacher<\/span>\r\n          <svg class=\"ua-sanad-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <span class=\"ua-sanad-node\">Their Teacher<\/span>\r\n          <svg class=\"ua-sanad-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <span class=\"ua-sanad-node\">\u2026<\/span>\r\n          <svg class=\"ua-sanad-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <span class=\"ua-sanad-node ua-sanad-node--endpoint\">The Prophet \ufdfa<\/span>\r\n        <\/div>\r\n        <p class=\"ua-sanad-caption\">This is what \"Ijazah\" means: not a diploma from a classroom, but a verified place in that chain.<\/p>\r\n      <\/div>\r\n      <div class=\"ua-teachers-why-stack\">\r\n        <div class=\"ua-why-card\">\r\n          <div class=\"ua-why-icon\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <h3>Al-Azhar University Trained<\/h3>\r\n          <p>Graduates of Al-Azhar's Faculties of Sharia, Arabic Language, and Islamic Studies \u2014 the oldest continuously operating seat of Islamic scholarship in the world.<\/p>\r\n        <\/div>\r\n        <div class=\"ua-why-card\">\r\n          <div class=\"ua-why-icon\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"\/><path d=\"M12 7.5V12l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <h3>Chosen for Patience, Too<\/h3>\r\n          <p>Scholarship earns the interview; the ability to teach a nervous seven-year-old or a first-time adult reader with warmth is what earns the seat.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<section class=\"ua-teachers-philosophy\">\r\n  <div class=\"ua-teachers-philosophy-texture\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ua-wrap ua-teachers-philosophy-inner\">\r\n    <p class=\"ua-teachers-quote-mark\" aria-hidden=\"true\">&ldquo;<\/p>\r\n    <p class=\"ua-teachers-quote\">Seeking knowledge is a pursuit towards Allah \u2014 and as knowledge grows, faith increases.<\/p>\r\n    <p class=\"ua-teachers-quote-attr\">Ustadha Omneya Ali, Head of Tajweed Department<\/p>\r\n    <div class=\"ua-teachers-pillars\">\r\n      <div class=\"ua-teachers-pillar\">\r\n        <p class=\"ua-teachers-pillar-num\">01<\/p>\r\n        <h3>One Student at a Time<\/h3>\r\n        <p>Lessons move at the student's own pace \u2014 never rushed toward a curriculum deadline that isn't theirs.<\/p>\r\n      <\/div>\r\n      <div class=\"ua-teachers-pillar\">\r\n        <p class=\"ua-teachers-pillar-num\">02<\/p>\r\n        <h3>Precision Before Speed<\/h3>\r\n        <p>Correct Tajweed comes first; fluency and confidence follow naturally once the foundation is right.<\/p>\r\n      <\/div>\r\n      <div class=\"ua-teachers-pillar\">\r\n        <p class=\"ua-teachers-pillar-num\">03<\/p>\r\n        <h3>Built on Approved Curricula<\/h3>\r\n        <p>Noor Al-Bayan, Al-Qaida Al-Nooraniyyah, and Al-Ajrumiyyah \u2014 proven texts, not improvised lesson plans.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<section class=\"ua-teachers-featured\" id=\"ua-faculty\">\r\n  <div class=\"ua-wrap\">\r\n    <div class=\"ua-section-head\">\r\n      <p class=\"ua-eyebrow ua-eyebrow--pill\"><span class=\"ua-eyebrow-dot\" aria-hidden=\"true\"><\/span> Our Faculty<\/p>\r\n      <h2>Meet the scholars behind every lesson<\/h2>\r\n    <\/div>\r\n    <div class=\"ua-teacher-split\">\r\n      <div class=\"ua-teacher-split-visual\">\r\n        <div class=\"ua-teacher-split-portrait\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ummahacademy.net\/wp-content\/uploads\/2025\/02\/pexels-thirdman-7993953-e1775741714427.jpg\" alt=\"Ustadha Omneya Ali teaching a student\" loading=\"lazy\" width=\"1280\" height=\"1280\"><\/div>\r\n      <\/div>\r\n      <div class=\"ua-teacher-split-body\">\r\n        <p class=\"ua-teacher-split-badge ua-teacher-split-badge--solid\">Head of Tajweed Department<\/p>\r\n        <h3>Omneya Ali<\/h3>\r\n        <p class=\"ua-teacher-split-subject\">Tajweed &amp; Qira'at Specialist<\/p>\r\n        <p class=\"ua-teacher-split-bio\">A graduate of Al-Azhar University's Faculty of Sharia and Law, Omneya memorized the entire Qur'an by age 12 and holds an Ijazah in Hafs 'an 'Asim with a chain of transmission to the Prophet \ufdfa. She specializes in teaching children from age seven and women, using approved curricula including Noor Al-Bayan, Al-Qaida Al-Nooraniyyah, and Al-Ajrumiyyah.<\/p>\r\n        <div class=\"ua-teacher-split-bestfor\">\r\n          <p class=\"ua-teacher-split-bestfor-label\">Best for<\/p>\r\n          <ul class=\"ua-teacher-split-bestfor-list\">\r\n            <li>Tajweed &amp; Qira'at<\/li>\r\n            <li>Children 7+<\/li>\r\n            <li>Women<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <ul class=\"ua-teacher-split-tags\">\r\n          <li><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12l5 5L20 6\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Ijazah in Hafs 'an 'Asim<\/li>\r\n          <li><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"8.5\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"\/><path d=\"M12 7.5V12l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 10+ Years Teaching<\/li>\r\n          <li>Arabic &amp; English<\/li>\r\n        <\/ul>\r\n        <a href=\"https:\/\/ummahacademy.net\/contact\/?teacher=Omneya+Ali\" class=\"ua-btn ua-btn-primary\">Book with Omneya<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ua-teacher-split ua-teacher-split--reverse\">\r\n      <div class=\"ua-teacher-split-body\">\r\n        <p class=\"ua-teacher-split-badge\">Arabic Foundation Specialist<\/p>\r\n        <h3>Sara Ahmed<\/h3>\r\n        <p class=\"ua-teacher-split-subject\">Arabic Language &amp; Noor Al-Bayan<\/p>\r\n        <p class=\"ua-teacher-split-bio\">A graduate of Al-Azhar's Arabic Language Faculty, Sara is certified in Noor Al-Bayan and specializes in absolute beginners and children \u2014 the first steps of connecting letters, short vowels, and building toward confident, independent reading.<\/p>\r\n        <div class=\"ua-teacher-split-bestfor\">\r\n          <p class=\"ua-teacher-split-bestfor-label\">Best for<\/p>\r\n          <ul class=\"ua-teacher-split-bestfor-list\">\r\n            <li>Arabic beginners<\/li>\r\n            <li>Children<\/li>\r\n            <li>Noor Al-Bayan<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <ul class=\"ua-teacher-split-tags\">\r\n          <li><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12l5 5L20 6\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Certified \u2014 Noor Al-Bayan<\/li>\r\n          <li>8 Years Online Teaching<\/li>\r\n          <li>Arabic &amp; English<\/li>\r\n        <\/ul>\r\n        <a href=\"https:\/\/ummahacademy.net\/contact\/?teacher=Sara+Ahmed\" class=\"ua-btn ua-btn-outline\">Book with Sara<\/a>\r\n      <\/div>\r\n      <div class=\"ua-teacher-split-visual\">\r\n        <div class=\"ua-teacher-split-portrait ua-teacher-split-portrait--sm\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ummahacademy.net\/wp-content\/uploads\/2024\/07\/pexels-thirdman-e1775741925290.jpg\" alt=\"Ustadha Sara Ahmed\" loading=\"lazy\" width=\"830\" height=\"830\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ua-teacher-split\">\r\n      <div class=\"ua-teacher-split-visual\">\r\n        <div class=\"ua-teacher-split-portrait ua-teacher-split-portrait--sm\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ummahacademy.net\/wp-content\/uploads\/2025\/02\/pexels-timur-weber-9127735.jpg\" alt=\"Ustadha Nour Hassan teaching a child\" loading=\"lazy\" width=\"1280\" height=\"1920\"><\/div>\r\n      <\/div>\r\n      <div class=\"ua-teacher-split-body\">\r\n        <p class=\"ua-teacher-split-badge\">Ummah Cubs Programme Lead<\/p>\r\n        <h3>Nour Hassan<\/h3>\r\n        <p class=\"ua-teacher-split-subject\">Kids &amp; Islamic Studies<\/p>\r\n        <p class=\"ua-teacher-split-bio\">Certified in Early Islamic Education from Al-Azhar, Nour leads the Ummah Cubs programme \u2014 an expert in gamified Qur'an learning for children ages 5 to 14, keeping first steps with the Qur'an playful and encouraging.<\/p>\r\n        <div class=\"ua-teacher-split-bestfor\">\r\n          <p class=\"ua-teacher-split-bestfor-label\">Best for<\/p>\r\n          <ul class=\"ua-teacher-split-bestfor-list\">\r\n            <li>Ages 5\u201314<\/li>\r\n            <li>First Qur'an steps<\/li>\r\n            <li>Gamified learning<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <ul class=\"ua-teacher-split-tags\">\r\n          <li><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12l5 5L20 6\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Certified \u2014 Early Islamic Education<\/li>\r\n          <li>7 Years With Ages 5\u201314<\/li>\r\n          <li>Arabic &amp; English<\/li>\r\n        <\/ul>\r\n        <a href=\"https:\/\/ummahacademy.net\/contact\/?teacher=Nour+Hassan\" class=\"ua-btn ua-btn-outline\">Book with Nour<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<section class=\"ua-teachers-process\" id=\"ua-process\">\r\n  <div class=\"ua-wrap\">\r\n    <div class=\"ua-section-head\">\r\n      <p class=\"ua-eyebrow ua-eyebrow--pill\"><span class=\"ua-eyebrow-dot\" aria-hidden=\"true\"><\/span> Quality Assurance<\/p>\r\n      <h2>How a teacher earns a place at Ummah Academy<\/h2>\r\n      <p class=\"ua-section-head-lede\">A deliberately narrow path \u2014 most applicants don't make it through.<\/p>\r\n    <\/div>\r\n    <div class=\"ua-process-grid\">\r\n      <div class=\"ua-process-line\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"ua-process-step\">\r\n        <p class=\"ua-process-num\">1<\/p>\r\n        <h3>Application Review<\/h3>\r\n        <p>Academic credentials and Al-Azhar affiliation are verified before any interview is scheduled.<\/p>\r\n      <\/div>\r\n      <div class=\"ua-process-step\">\r\n        <p class=\"ua-process-num\">2<\/p>\r\n        <h3>Ijazah &amp; Sanad Verification<\/h3>\r\n        <p>Each teacher's chain of transmission is checked directly, not taken on their word.<\/p>\r\n      <\/div>\r\n      <div class=\"ua-process-step\">\r\n        <p class=\"ua-process-num\">3<\/p>\r\n        <h3>Live Teaching Demonstration<\/h3>\r\n        <p>Knowledge alone isn't enough \u2014 candidates teach a real trial lesson before being approved.<\/p>\r\n      <\/div>\r\n      <div class=\"ua-process-step\">\r\n        <p class=\"ua-process-num\">4<\/p>\r\n        <h3>Ongoing Evaluation<\/h3>\r\n        <p>Standards don't stop at hiring \u2014 teaching quality is reviewed continuously, not just once.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ua-process-bridge\">\r\n      <p class=\"ua-process-bridge-eyebrow\">The result?<\/p>\r\n      <p>Every teacher you meet on this page has passed the same four-stage standard \u2014 no exceptions.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<section style=\"padding:56px 0;\">\n  <div class=\"ua-wrap\">\n    <p class=\"ua-eyebrow ua-eyebrow--pill\"><span class=\"ua-eyebrow-dot\" aria-hidden=\"true\"><\/span> Our Teachers<\/p>\n    <h2>Al-Azhar Certified Online Quran Teachers<\/h2>\n    <p>Our Al-Azhar certified online Quran teachers are personally vetted for both their Islamic scholarship and their teaching ability, so every family can trust who is teaching their children.<\/p>\n    <p>Every teacher on our platform holds a genuine ijazah, a documented chain of transmission back through generations of scholars, in addition to real classroom teaching experience with students of different ages and levels. We personally interview and evaluate each teacher before they join the platform.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"ua-teachers-cta\" id=\"ua-cta\">\r\n  <div class=\"ua-wrap ua-teachers-cta-inner\">\r\n    <h2>Ready to learn from a certified scholar?<\/h2>\r\n    <p>Book a free trial lesson and get matched with the right teacher for your goals.<\/p>\r\n    <div class=\"ua-teachers-cta-actions\">\r\n      <a href=\"https:\/\/ummahacademy.net\/contact\/\" class=\"ua-btn ua-btn-primary ua-btn-large ua-btn--on-dark\">Book a Free Trial Lesson<\/a>\r\n      <a href=\"https:\/\/wa.me\/971502760242\" class=\"ua-btn ua-btn-ghost ua-btn-large ua-btn--on-dark\" target=\"_blank\" rel=\"noopener noreferrer\">Talk to Us on WhatsApp<\/a>\r\n    <\/div>\r\n    <p class=\"ua-teachers-cta-assurance\">2 free sessions \u00b7 No credit card \u00b7 No commitment<\/p>\r\n  <\/div>\r\n<\/section>\n<script>\n(function(){\n  var toggle = document.querySelector(\".ua-nav-toggle\");\n  var overlay = document.querySelector(\".ua-mobile-overlay\");\n  if (!toggle || !overlay) return;\n  function openMenu(){\n    overlay.removeAttribute(\"hidden\");\n    overlay.setAttribute(\"data-open\", \"true\");\n    toggle.setAttribute(\"aria-expanded\", \"true\");\n    document.body.style.overflow = \"hidden\";\n  }\n  function closeMenu(){\n    overlay.setAttribute(\"data-open\", \"false\");\n    overlay.setAttribute(\"hidden\", \"\");\n    toggle.setAttribute(\"aria-expanded\", \"false\");\n    document.body.style.overflow = \"\";\n  }\n  toggle.addEventListener(\"click\", function(){\n    var isOpen = toggle.getAttribute(\"aria-expanded\") === \"true\";\n    if (isOpen) { closeMenu(); } else { openMenu(); }\n  });\n  Array.prototype.forEach.call(overlay.querySelectorAll(\"a\"), function(link){\n    link.addEventListener(\"click\", closeMenu);\n  });\n  document.addEventListener(\"keydown\", function(e){\n    if (e.key === \"Escape\" && toggle.getAttribute(\"aria-expanded\") === \"true\") closeMenu();\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Faculty Al-Azhar Certified Online Quran Teachers &mdash; Scholars Who&#8217;ve Walked This Path Every teacher at Ummah Academy is a personally vetted Al-Azhar graduate and Ijazah holder \u2014 chosen not only for scholarship, but for the patience and warmth it takes to teach the Qur&#8217;an well. Meet Our Teachers How We Select Them 100% Al-Azhar Certified 25+ Years Combined Teaching 3 Ijazah-Holding Scholars 100% Personally Vetted Verified Ijazah Certified Al-Azhar Faculty Graduate What Sets Them Apart Not just teachers. Verified scholars. Anyone can teach a Zoom call. Few can trace their knowledge back through an unbroken chain to the Prophet \ufdfa himself. Chain of Transmission A verified Sanad, not just a certificate Every teacher holds an Ijazah \u2014 formal authorization to teach Qur&#8217;anic recitation, carrying a documented chain of transmission back through their own teachers. It&#8217;s the same standard of scholarly rigor Al-Azhar has upheld for a thousand years, brought to a laptop screen. Your Teacher Their Teacher \u2026 The Prophet \ufdfa This is what &#8220;Ijazah&#8221; means: not a diploma from a classroom, but a verified place in that chain. Al-Azhar University Trained Graduates of Al-Azhar&#8217;s Faculties of Sharia, Arabic Language, and Islamic Studies \u2014 the oldest continuously operating seat of Islamic scholarship in the world. Chosen for Patience, Too Scholarship earns the interview; the ability to teach a nervous seven-year-old or a first-time adult reader with warmth is what earns the seat. &ldquo; Seeking knowledge is a pursuit towards Allah \u2014 and as knowledge grows, faith increases. Ustadha Omneya Ali, Head of Tajweed Department 01 One Student at a Time Lessons move at the student&#8217;s own pace \u2014 never rushed toward a curriculum deadline that isn&#8217;t theirs. 02 Precision Before Speed Correct Tajweed comes first; fluency and confidence follow naturally once the foundation is right. 03 Built on Approved Curricula Noor Al-Bayan, Al-Qaida Al-Nooraniyyah, and Al-Ajrumiyyah \u2014 proven texts, not improvised lesson plans. Our Faculty Meet the scholars behind every lesson Head of Tajweed Department Omneya Ali Tajweed &amp; Qira&#8217;at Specialist A graduate of Al-Azhar University&#8217;s Faculty of Sharia and Law, Omneya memorized the entire Qur&#8217;an by age 12 and holds an Ijazah in Hafs &#8216;an &#8216;Asim with a chain of transmission to the Prophet \ufdfa. She specializes in teaching children from age seven and women, using approved curricula including Noor Al-Bayan, Al-Qaida Al-Nooraniyyah, and Al-Ajrumiyyah. Best for Tajweed &amp; Qira&#8217;at Children 7+ Women Ijazah in Hafs &#8216;an &#8216;Asim 10+ Years Teaching Arabic &amp; English Book with Omneya Arabic Foundation Specialist Sara Ahmed Arabic Language &amp; Noor Al-Bayan A graduate of Al-Azhar&#8217;s Arabic Language Faculty, Sara is certified in Noor Al-Bayan and specializes in absolute beginners and children \u2014 the first steps of connecting letters, short vowels, and building toward confident, independent reading. Best for Arabic beginners Children Noor Al-Bayan Certified \u2014 Noor Al-Bayan 8 Years Online Teaching Arabic &amp; English Book with Sara Ummah Cubs Programme Lead Nour Hassan Kids &amp; Islamic Studies Certified in Early Islamic Education from Al-Azhar, Nour leads the Ummah Cubs programme \u2014 an expert in gamified Qur&#8217;an learning for children ages 5 to 14, keeping first steps with the Qur&#8217;an playful and encouraging. Best for Ages 5\u201314 First Qur&#8217;an steps Gamified learning Certified \u2014 Early Islamic Education 7 Years With Ages 5\u201314 Arabic &amp; English Book with Nour Quality Assurance How a teacher earns a place at Ummah Academy A deliberately narrow path \u2014 most applicants don&#8217;t make it through. 1 Application Review Academic credentials and Al-Azhar affiliation are verified before any interview is scheduled. 2 Ijazah &amp; Sanad Verification Each teacher&#8217;s chain of transmission is checked directly, not taken on their word. 3 Live Teaching Demonstration Knowledge alone isn&#8217;t enough \u2014 candidates teach a real trial lesson before being approved. 4 Ongoing Evaluation Standards don&#8217;t stop at hiring \u2014 teaching quality is reviewed continuously, not just once. The result? Every teacher you meet on this page has passed the same four-stage standard \u2014 no exceptions. Our Teachers Al-Azhar Certified Online Quran Teachers Our Al-Azhar certified online Quran teachers are personally vetted for both their Islamic scholarship and their teaching ability, so every family can trust who is teaching their children. Every teacher on our platform holds a genuine ijazah, a documented chain of transmission back through generations of scholars, in addition to real classroom teaching experience with students of different ages and levels. We personally interview and evaluate each teacher before they join the platform. Ready to learn from a certified scholar? Book a free trial lesson and get matched with the right teacher for your goals. Book a Free Trial Lesson Talk to Us on WhatsApp 2 free sessions \u00b7 No credit card \u00b7 No commitment<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"content-type":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3810","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Meet Ummah Academy&#039;s personally vetted, Al-Azhar certified teachers with an authentic chain of Islamic scholarship.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/ummahacademy.net\/ar\/teachers\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"ar_AR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Ummah Academy - Authentic Online Quran, Arabic &amp; Islamic Studies\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Al-Azhar Certified Online Quran Teachers | Ummah Academy\" \/>\n\t\t<meta property=\"og:description\" content=\"Meet Ummah Academy&#039;s personally vetted, Al-Azhar certified teachers with an authentic chain of Islamic scholarship.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/ummahacademy.net\/ar\/teachers\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/ummahacademy.net\/wp-content\/uploads\/2025\/04\/Asset-1@2x.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/ummahacademy.net\/wp-content\/uploads\/2025\/04\/Asset-1@2x.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"2646\" \/>\n\t\t<meta property=\"og:image:height\" content=\"2646\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-05-19T16:36:01+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-08-31T07:34:05+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/UmmahACA\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Al-Azhar Certified Online Quran Teachers | Ummah Academy\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Meet Ummah Academy&#039;s personally vetted, Al-Azhar certified teachers with an authentic chain of Islamic scholarship.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/ummahacademy.net\/wp-content\/uploads\/2025\/04\/Asset-1@2x.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/teachers\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ummahacademy.net\\\/ar\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/teachers\\\/#listItem\",\"name\":\"Teachers\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/teachers\\\/#listItem\",\"position\":2,\"name\":\"Teachers\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/#organization\",\"name\":\"Ummah Academy\",\"description\":\"At Ummah Academy, we are committed to providing high-quality, accessible Islamic education to students of all ages, backgrounds, and levels. Our goal is to nurture a deep, meaningful connection with Islam through comprehensive learning experiences in Quranic studies, Arabic language, Islamic history, and much more.\",\"url\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/ummahacademy.net\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Asset-1@2x.png\",\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/teachers\\\/#organizationLogo\",\"width\":2646,\"height\":2646,\"caption\":\"Ummah Academy Logo\"},\"image\":{\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/teachers\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/UmmahACA\",\"https:\\\/\\\/www.instagram.com\\\/ummah.aca\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/teachers\\\/#webpage\",\"url\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/teachers\\\/\",\"name\":\"Al-Azhar Certified Online Quran Teachers | Ummah Academy\",\"description\":\"Meet Ummah Academy's personally vetted, Al-Azhar certified teachers with an authentic chain of Islamic scholarship.\",\"inLanguage\":\"ar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/teachers\\\/#breadcrumblist\"},\"datePublished\":\"2026-05-19T19:36:01+03:00\",\"dateModified\":\"2026-08-31T10:34:05+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/#website\",\"url\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/\",\"name\":\"Ummah Academy\",\"description\":\"Authentic Online Quran, Arabic & Islamic Studies\",\"inLanguage\":\"ar\",\"publisher\":{\"@id\":\"https:\\\/\\\/ummahacademy.net\\\/ar\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Al-Azhar Certified Online Quran Teachers | Ummah Academy","description":"Meet Ummah Academy's personally vetted, Al-Azhar certified teachers with an authentic chain of Islamic scholarship.","canonical_url":"https:\/\/ummahacademy.net\/ar\/teachers\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/ummahacademy.net\/ar\/teachers\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/ummahacademy.net\/ar#listItem","position":1,"name":"Home","item":"https:\/\/ummahacademy.net\/ar","nextItem":{"@type":"ListItem","@id":"https:\/\/ummahacademy.net\/ar\/teachers\/#listItem","name":"Teachers"}},{"@type":"ListItem","@id":"https:\/\/ummahacademy.net\/ar\/teachers\/#listItem","position":2,"name":"Teachers","previousItem":{"@type":"ListItem","@id":"https:\/\/ummahacademy.net\/ar#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/ummahacademy.net\/ar\/#organization","name":"Ummah Academy","description":"At Ummah Academy, we are committed to providing high-quality, accessible Islamic education to students of all ages, backgrounds, and levels. Our goal is to nurture a deep, meaningful connection with Islam through comprehensive learning experiences in Quranic studies, Arabic language, Islamic history, and much more.","url":"https:\/\/ummahacademy.net\/ar\/","logo":{"@type":"ImageObject","url":"https:\/\/ummahacademy.net\/wp-content\/uploads\/2025\/04\/Asset-1@2x.png","@id":"https:\/\/ummahacademy.net\/ar\/teachers\/#organizationLogo","width":2646,"height":2646,"caption":"Ummah Academy Logo"},"image":{"@id":"https:\/\/ummahacademy.net\/ar\/teachers\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/UmmahACA","https:\/\/www.instagram.com\/ummah.aca\/"]},{"@type":"WebPage","@id":"https:\/\/ummahacademy.net\/ar\/teachers\/#webpage","url":"https:\/\/ummahacademy.net\/ar\/teachers\/","name":"Al-Azhar Certified Online Quran Teachers | Ummah Academy","description":"Meet Ummah Academy's personally vetted, Al-Azhar certified teachers with an authentic chain of Islamic scholarship.","inLanguage":"ar","isPartOf":{"@id":"https:\/\/ummahacademy.net\/ar\/#website"},"breadcrumb":{"@id":"https:\/\/ummahacademy.net\/ar\/teachers\/#breadcrumblist"},"datePublished":"2026-05-19T19:36:01+03:00","dateModified":"2026-08-31T10:34:05+03:00"},{"@type":"WebSite","@id":"https:\/\/ummahacademy.net\/ar\/#website","url":"https:\/\/ummahacademy.net\/ar\/","name":"Ummah Academy","description":"Authentic Online Quran, Arabic & Islamic Studies","inLanguage":"ar","publisher":{"@id":"https:\/\/ummahacademy.net\/ar\/#organization"}}]},"og:locale":"ar_AR","og:site_name":"Ummah Academy - Authentic Online Quran, Arabic &amp; Islamic Studies","og:type":"article","og:title":"Al-Azhar Certified Online Quran Teachers | Ummah Academy","og:description":"Meet Ummah Academy's personally vetted, Al-Azhar certified teachers with an authentic chain of Islamic scholarship.","og:url":"https:\/\/ummahacademy.net\/ar\/teachers\/","og:image":"https:\/\/ummahacademy.net\/wp-content\/uploads\/2025\/04\/Asset-1@2x.png","og:image:secure_url":"https:\/\/ummahacademy.net\/wp-content\/uploads\/2025\/04\/Asset-1@2x.png","og:image:width":2646,"og:image:height":2646,"article:published_time":"2026-05-19T16:36:01+00:00","article:modified_time":"2026-08-31T07:34:05+00:00","article:publisher":"https:\/\/www.facebook.com\/UmmahACA","twitter:card":"summary_large_image","twitter:title":"Al-Azhar Certified Online Quran Teachers | Ummah Academy","twitter:description":"Meet Ummah Academy's personally vetted, Al-Azhar certified teachers with an authentic chain of Islamic scholarship.","twitter:image":"https:\/\/ummahacademy.net\/wp-content\/uploads\/2025\/04\/Asset-1@2x.png"},"aioseo_meta_data":{"post_id":"3810","title":"Al-Azhar Certified Online Quran Teachers | Ummah Academy","description":"Meet Ummah Academy's personally vetted, Al-Azhar certified teachers with an authentic chain of Islamic scholarship.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-05-19 16:36:01","updated":"2026-08-31 07:49:11","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/ummahacademy.net\/ar\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tTeachers\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/ummahacademy.net\/ar"},{"label":"Teachers","link":"https:\/\/ummahacademy.net\/ar\/teachers\/"}],"_links":{"self":[{"href":"https:\/\/ummahacademy.net\/ar\/wp-json\/wp\/v2\/pages\/3810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ummahacademy.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ummahacademy.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ummahacademy.net\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ummahacademy.net\/ar\/wp-json\/wp\/v2\/comments?post=3810"}],"version-history":[{"count":56,"href":"https:\/\/ummahacademy.net\/ar\/wp-json\/wp\/v2\/pages\/3810\/revisions"}],"predecessor-version":[{"id":5732,"href":"https:\/\/ummahacademy.net\/ar\/wp-json\/wp\/v2\/pages\/3810\/revisions\/5732"}],"wp:attachment":[{"href":"https:\/\/ummahacademy.net\/ar\/wp-json\/wp\/v2\/media?parent=3810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}