{"id":8,"date":"2026-02-07T22:00:13","date_gmt":"2026-02-07T22:00:13","guid":{"rendered":"https:\/\/rouhrehanonline.com\/?page_id=8"},"modified":"2026-04-08T00:18:54","modified_gmt":"2026-04-08T00:18:54","slug":"home","status":"publish","type":"page","link":"https:\/\/rouhrehanonline.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Learn Quran, Arabic &#038; Islamic Studies Online | Rouh &#038; Rehan Academy<\/title>\n  <meta name=\"description\" content=\"Join Rouh &#038; Rehan Academy for online Quran, Arabic Language Mastery, and Islamic Studies with expert Arab tutors. Friendly for kids and adults in USA, Canada, UK, and Europe.\">\n  <meta name=\"keywords\" content=\"online Quran classes, Quran reading and tajweed, Arabic language mastery, Islamic studies online, Quran for kids, learn Quran online, Arabic classes online, Muslim families USA, Quran tutors\">\n  <meta name=\"author\" content=\"Rouh &#038; Rehan Academy\">\n  <meta name=\"robots\" content=\"index, follow\">\n  <meta name=\"theme-color\" content=\"#12A319\">\n  <link rel=\"canonical\" href=\"https:\/\/rouhrehanonline.com\/\">\n\n  <meta property=\"og:type\" content=\"website\">\n  <meta property=\"og:title\" content=\"Rouh &#038; Rehan Academy | Learn Quran &#038; Arabic Online\">\n  <meta property=\"og:description\" content=\"Expert online Quran, Arabic, and Islamic Studies for Muslims in USA, Canada, UK, and Europe.\">\n  <meta property=\"og:url\" content=\"https:\/\/rouhrehanonline.com\/\">\n  <meta property=\"og:image\" content=\"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/hero-bg.png\">\n\n  <meta name=\"twitter:card\" content=\"summary_large_image\">\n  <meta name=\"twitter:title\" content=\"Rouh &#038; Rehan Academy | Learn Quran &#038; Arabic Online\">\n  <meta name=\"twitter:description\" content=\"Online Quran, Arabic, and Islamic Studies with expert Arab tutors.\">\n\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"EducationalOrganization\",\n    \"name\": \"Rouh & Rehan Academy\",\n    \"description\": \"Online Quran, Arabic Language, and Islamic Studies academy for kids and adults.\",\n    \"url\": \"https:\/\/rouhrehanonline.com\/\",\n    \"logo\": \"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/02\/logo-light-scaled.png\",\n    \"areaServed\": [\"US\", \"CA\", \"GB\", \"EU\"],\n    \"contactPoint\": {\n      \"@type\": \"ContactPoint\",\n      \"telephone\": \"+20-106-452-0450\",\n      \"contactType\": \"customer service\",\n      \"availableLanguage\": [\"English\", \"Arabic\"]\n    },\n    \"sameAs\": [\n      \"https:\/\/wa.me\/201064520450\"\n    ]\n  }\n  <\/script>\n\n  <style>\n    :root {\n      --primary-green: #12A319;\n      --primary-green-dark: #0d8613;\n      --primary-pink: #FF004F;\n      --primary-pink-dark: #d90043;\n      --accent-blue: #2FA7D9;\n      --accent-orange: #F49A2F;\n      --accent-coral: #EF6B43;\n      --accent-purple: #9B6BE8;\n      --bg-light: #FFFFFF;\n      --bg-beige: #FAF8F5;\n      --bg-soft: #F4FBF5;\n      --text-dark: #22313f;\n      --text-gray: #5b6670;\n      --border-soft: #e8ecef;\n      --shadow-soft: 0 10px 30px rgba(0,0,0,0.06);\n      --shadow-hover: 0 16px 38px rgba(0,0,0,0.12);\n      --radius-lg: 22px;\n      --radius-md: 16px;\n      --radius-sm: 12px;\n\n      --rr-green: #5ea55a;\n      --rr-green-soft: #dcecd8;\n      --rr-orange: #f49a2f;\n      --rr-orange-soft: #f6eadb;\n      --rr-blue: #1f7fa0;\n      --rr-blue-soft: #d9eef6;\n      --rr-coral: #ef6b43;\n      --rr-coral-soft: #f8ddd6;\n\n      --carousel-gap: 24px;\n      --motion-ease: cubic-bezier(.2,.8,.2,1);\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      background-color: var(--bg-light);\n      color: var(--text-dark);\n      overflow-x: hidden;\n      line-height: 1.7;\n    }\n\n    img, iframe {\n      max-width: 100%;\n      display: block;\n    }\n\n    a {\n      text-decoration: none;\n    }\n\n    section {\n      position: relative;\n    }\n\n    .container {\n      width: calc(100% - 48px);\n      max-width: 1700px;\n      margin: 0 auto;\n    }\n\n    h1, h2, h3, h4 {\n      font-weight: 800;\n      line-height: 1.2;\n    }\n\n    p {\n      color: var(--text-gray);\n    }\n\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 13px 22px;\n      min-height: 46px;\n      border-radius: 999px;\n      border: 1px solid transparent;\n      font-size: 0.95rem;\n      font-weight: 700;\n      line-height: 1;\n      transition: 0.3s ease;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 25px rgba(0,0,0,0.1);\n    }\n\n    .btn-primary {\n      background: var(--primary-pink);\n      color: #fff;\n      box-shadow: 0 10px 22px rgba(255, 0, 79, 0.20);\n    }\n\n    .btn-primary:hover {\n      background: var(--primary-pink-dark);\n    }\n\n    .btn-outline {\n      background: #fff;\n      color: var(--primary-green);\n      border-color: rgba(18, 163, 25, 0.22);\n    }\n\n    .btn-outline:hover {\n      background: var(--bg-soft);\n    }\n\n    \/* Motion-graphics-like scroll system *\/\n    .motion-layer {\n      will-change: transform, opacity;\n      transform: translate3d(0, 40px, 0) scale(.98);\n      opacity: 0;\n      transition:\n        transform 1.1s var(--motion-ease),\n        opacity 1.1s var(--motion-ease),\n        filter 1.1s var(--motion-ease);\n      filter: blur(4px);\n      backface-visibility: hidden;\n      transform-style: preserve-3d;\n    }\n\n    .motion-layer.active {\n      transform: translate3d(0,0,0) scale(1);\n      opacity: 1;\n      filter: blur(0);\n    }\n\n    .motion-left {\n      transform: translate3d(-70px, 30px, 0) rotateY(-10deg);\n    }\n\n    .motion-right {\n      transform: translate3d(70px, 30px, 0) rotateY(10deg);\n    }\n\n    .motion-up {\n      transform: translate3d(0, 80px, 0) rotateX(10deg);\n    }\n\n    .motion-scale {\n      transform: translate3d(0, 30px, 0) scale(.9);\n    }\n\n    .motion-delay-1 { transition-delay: .08s; }\n    .motion-delay-2 { transition-delay: .16s; }\n    .motion-delay-3 { transition-delay: .24s; }\n    .motion-delay-4 { transition-delay: .32s; }\n    .motion-delay-5 { transition-delay: .40s; }\n    .motion-delay-6 { transition-delay: .48s; }\n\n    [data-parallax] {\n      will-change: transform;\n      transform: translate3d(0,0,0);\n    }\n\n    \/* Hero *\/\n    .hero {\n      background: linear-gradient(135deg, var(--bg-beige) 0%, #ffffff 55%, #f7fff8 100%);\n      padding: 56px 0 70px;\n      overflow: hidden;\n    }\n\n    .hero::before,\n    .hero::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 50%;\n      opacity: 0.07;\n      pointer-events: none;\n    }\n\n    .hero::before {\n      width: 360px;\n      height: 360px;\n      background: var(--primary-green);\n      top: -110px;\n      right: -90px;\n    }\n\n    .hero::after {\n      width: 260px;\n      height: 260px;\n      background: var(--accent-blue);\n      left: -70px;\n      bottom: -70px;\n    }\n\n    .hero .container {\n      display: grid;\n      grid-template-columns: 0.95fr 1.35fr;\n      gap: 42px;\n      align-items: center;\n    }\n\n    .hero-text h1 {\n      font-size: clamp(2.5rem, 4.6vw, 4.9rem);\n      color: var(--primary-green);\n      margin-bottom: 22px;\n    }\n\n    .hero-text h1 span {\n      color: var(--primary-pink);\n    }\n\n    .hero-text p {\n      font-size: 1.08rem;\n      max-width: 760px;\n      margin-bottom: 28px;\n      line-height: 1.95;\n    }\n\n    .hero-cta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n\n    .hero-image {\n      position: relative;\n    }\n\n    .hero-image::before {\n      content: \"\";\n      position: absolute;\n      inset: -14px -14px auto auto;\n      width: 180px;\n      height: 180px;\n      border-radius: 32px;\n      background: linear-gradient(135deg, rgba(18,163,25,0.10), rgba(47,167,217,0.10));\n      z-index: 0;\n    }\n\n    .hero-image img {\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      min-height: 660px;\n      max-height: 760px;\n      object-fit: cover;\n      border-radius: 34px;\n      box-shadow: 0 28px 60px rgba(0,0,0,0.14);\n      border: 10px solid rgba(255,255,255,0.85);\n    }\n\n    \/* About *\/\n    .about-section {\n      padding: 92px 0;\n      background: linear-gradient(180deg, #ffffff 0%, #f9fcf9 100%);\n      overflow: hidden;\n    }\n\n    .about-wrap {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 44px;\n      align-items: center;\n    }\n\n    .about-video {\n      position: relative;\n      width: 100%;\n      border-radius: 30px;\n      overflow: hidden;\n      box-shadow: 0 24px 50px rgba(0,0,0,0.12);\n      background: #000;\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .about-video iframe {\n      width: 100%;\n      height: 100%;\n      border: 0;\n    }\n\n    .about-content h2 {\n      font-size: clamp(2rem, 3vw, 3rem);\n      color: var(--text-dark);\n      margin-bottom: 16px;\n    }\n\n    .about-content h2 span {\n      color: var(--primary-green);\n    }\n\n    .about-content p {\n      font-size: 1.02rem;\n      line-height: 1.95;\n      margin-bottom: 14px;\n    }\n\n    .about-stats {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 14px;\n      margin-top: 24px;\n    }\n\n    .about-stat {\n      background: #fff;\n      border: 1px solid rgba(18,163,25,0.10);\n      border-radius: 18px;\n      padding: 18px 14px;\n      text-align: center;\n      box-shadow: 0 10px 24px rgba(0,0,0,0.05);\n    }\n\n    .about-stat strong {\n      display: block;\n      font-size: 1.35rem;\n      color: var(--primary-green);\n      margin-bottom: 6px;\n    }\n\n    .about-stat span {\n      font-size: 0.92rem;\n      color: var(--text-gray);\n    }\n\n    \/* Programs *\/\n    .programs {\n      padding: 68px 0 100px;\n      background: linear-gradient(180deg, #f6f4ef 0%, #ffffff 100%);\n      overflow: hidden;\n    }\n\n    .programs-heading {\n      text-align: center;\n      max-width: 960px;\n      margin: 0 auto 24px;\n    }\n\n    .programs-heading h2 {\n      margin: 0 0 12px;\n      font-size: clamp(2rem, 3vw, 3.1rem);\n      line-height: 1.2;\n      color: var(--text-dark);\n      font-weight: 800;\n    }\n\n    .programs-heading p {\n      margin: 0;\n      font-size: 1.05rem;\n      line-height: 1.95;\n    }\n\n    .swipe-hint {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin: 18px auto 26px;\n      padding: 10px 16px;\n      background: #fff;\n      border: 1px solid rgba(18,163,25,0.15);\n      color: var(--primary-green-dark);\n      border-radius: 999px;\n      box-shadow: var(--shadow-soft);\n      font-size: .95rem;\n      font-weight: 700;\n      position: relative;\n      left: 50%;\n      transform: translateX(-50%);\n      transition: .35s ease;\n    }\n\n    .swipe-hint.hidden {\n      opacity: 0;\n      transform: translateX(-50%) translateY(-10px);\n      pointer-events: none;\n    }\n\n    .swipe-hint .arrow {\n      color: var(--primary-pink);\n      font-size: 1.1rem;\n      animation: nudge 1.2s ease-in-out infinite;\n    }\n\n    @keyframes nudge {\n      0%,100% { transform: translateX(0); }\n      50% { transform: translateX(-7px); }\n    }\n\n    .programs-slider {\n      position: relative;\n      margin-top: 10px;\n    }\n\n    .programs-viewport {\n      overflow: hidden;\n      padding: 10px 0 44px;\n      cursor: grab;\n      user-select: none;\n    }\n\n    .programs-viewport.dragging {\n      cursor: grabbing;\n    }\n\n    .programs-track {\n      display: flex;\n      gap: var(--carousel-gap);\n      will-change: transform;\n      transition: transform .55s cubic-bezier(.22,1,.36,1);\n    }\n\n    .program-slide {\n      flex: 0 0 calc((100% - (var(--carousel-gap) * 2)) \/ 3);\n      min-width: 0;\n    }\n\n    .program-fancy-card {\n      position: relative;\n      border-radius: 42px 42px 34px 34px;\n      min-height: 100%;\n      padding: 18px 18px 70px;\n      box-shadow: 0 18px 36px rgba(0,0,0,.08);\n      transition: transform .28s ease, box-shadow .28s ease;\n      height: 100%;\n    }\n\n    .program-fancy-card:hover {\n      transform: translateY(-10px) scale(1.02);\n      box-shadow: 0 25px 50px rgba(0,0,0,.15);\n    }\n\n    .program-fancy-card::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n      bottom: -30px;\n      width: 92px;\n      height: 92px;\n      border-radius: 50%;\n      background: inherit;\n    }\n\n    .program-fancy-dot {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n      bottom: -12px;\n      width: 38px;\n      height: 38px;\n      border-radius: 50%;\n      background: #fff;\n      border: 8px solid currentColor;\n      z-index: 2;\n      box-shadow: 0 6px 14px rgba(0,0,0,.08);\n    }\n\n    .program-fancy-green { background: var(--rr-green-soft); color: var(--rr-green); }\n    .program-fancy-beige { background: var(--rr-orange-soft); color: var(--rr-orange); }\n    .program-fancy-blue { background: var(--rr-blue-soft); color: var(--rr-blue); }\n    .program-fancy-coral { background: var(--rr-coral-soft); color: var(--rr-coral); }\n\n    .program-fancy-inner {\n      position: relative;\n      z-index: 1;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .program-fancy-card h3 {\n      margin: 8px 0 18px;\n      text-align: center;\n      color: currentColor;\n      font-size: 1.55rem;\n      line-height: 1.25;\n      font-weight: 800;\n      min-height: 78px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .program-fancy-image {\n      margin: 0 auto 18px;\n      width: 100%;\n      border-radius: 30px;\n      overflow: hidden;\n      background: rgba(255,255,255,.45);\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);\n    }\n\n    .program-fancy-image img {\n      width: 100%;\n      height: 250px;\n      object-fit: cover;\n      display: block;\n    }\n\n    .program-fancy-card p {\n      margin: 0 0 16px;\n      color: var(--text-dark);\n      font-size: 0.98rem;\n      line-height: 1.9;\n      text-align: left;\n    }\n\n    .program-fancy-card ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 22px;\n    }\n\n    .program-fancy-card ul li {\n      position: relative;\n      padding-left: 24px;\n      margin-bottom: 10px;\n      color: var(--text-dark);\n      line-height: 1.8;\n      font-size: .95rem;\n    }\n\n    .program-fancy-card ul li::before {\n      content: \"\u2022\";\n      position: absolute;\n      left: 6px;\n      top: 0;\n      color: currentColor;\n      font-weight: 900;\n      font-size: 1.2rem;\n      line-height: 1.5;\n    }\n\n    .program-fancy-actions {\n      margin-top: auto;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .program-fancy-actions .btn {\n      width: 100%;\n    }\n\n    .program-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 6px;\n    }\n\n    .program-arrow {\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      border: 1px solid rgba(18,163,25,0.16);\n      background: #fff;\n      color: var(--primary-green);\n      box-shadow: var(--shadow-soft);\n      cursor: pointer;\n      font-size: 1.1rem;\n      font-weight: 900;\n      transition: .25s ease;\n    }\n\n    .program-arrow:hover {\n      transform: translateY(-2px);\n      background: var(--bg-soft);\n    }\n\n    .program-dots {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .program-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: rgba(18,163,25,.18);\n      transition: .25s ease;\n      border: none;\n      cursor: pointer;\n    }\n\n    .program-dot.active {\n      width: 28px;\n      border-radius: 999px;\n      background: var(--primary-pink);\n    }\n\n    \/* Mindmaps *\/\n    .mindmap-section,\n    .academy-map-section {\n      padding: 90px 0;\n      background: #fbfbfb;\n      overflow: hidden;\n    }\n\n    .academy-map-section {\n      background: linear-gradient(180deg, #ffffff 0%, #f9fcf9 100%);\n      padding-top: 40px;\n    }\n\n    .mindmap-wrap,\n    .academy-map-wrap {\n      display: grid;\n      grid-template-columns: 1fr 1.1fr;\n      gap: 40px;\n      align-items: center;\n    }\n\n    .mindmap-text h2,\n    .academy-map-text h2 {\n      font-size: clamp(2rem, 3vw, 3.2rem);\n      color: var(--text-dark);\n      margin-bottom: 18px;\n    }\n\n    .mindmap-text h2 span,\n    .academy-map-text h2 span {\n      color: var(--primary-green);\n    }\n\n    .mindmap-text p,\n    .academy-map-text p {\n      font-size: 1.03rem;\n      line-height: 1.95;\n      margin-bottom: 16px;\n    }\n\n    .mindmap-points,\n    .academy-points {\n      list-style: none;\n      margin: 18px 0 26px;\n      padding: 0;\n    }\n\n    .mindmap-points li,\n    .academy-points li {\n      position: relative;\n      padding-left: 28px;\n      margin-bottom: 12px;\n      color: var(--text-dark);\n      line-height: 1.8;\n    }\n\n    .mindmap-points li::before,\n    .academy-points li::before {\n      content: \"\u2726\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--primary-pink);\n      font-weight: 800;\n    }\n\n    .fixed-map {\n      position: relative;\n      width: min(100%, 980px);\n      margin: 0 auto;\n      aspect-ratio: 16 \/ 10;\n      min-height: 620px;\n    }\n\n    .fixed-center {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: 27%;\n      min-width: 210px;\n      min-height: 170px;\n      border-radius: 34px;\n      background: linear-gradient(135deg, #fff8ef 0%, #ffffff 100%);\n      border: 8px solid #f2d7a1;\n      box-shadow: 0 18px 40px rgba(0,0,0,0.10);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 24px;\n      z-index: 3;\n    }\n\n    .fixed-center h3 {\n      font-size: clamp(1rem, 1.8vw, 1.55rem);\n      color: var(--text-dark);\n      line-height: 1.4;\n    }\n\n    .fixed-node {\n      position: absolute;\n      width: 21%;\n      min-width: 150px;\n      min-height: 150px;\n      border-radius: 26px;\n      padding: 18px 14px;\n      box-shadow: 0 14px 30px rgba(0,0,0,0.08);\n      text-align: center;\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      background: #fff;\n    }\n\n    .fixed-node .node-icon {\n      width: 52px;\n      height: 52px;\n      margin: 0 auto 10px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.35rem;\n      color: #fff;\n      font-weight: 800;\n    }\n\n    .fixed-node h4 {\n      font-size: clamp(.86rem, 1.1vw, 1.05rem);\n      margin-bottom: 6px;\n      color: var(--text-dark);\n      line-height: 1.35;\n    }\n\n    .fixed-node p {\n      font-size: clamp(.68rem, .95vw, .9rem);\n      line-height: 1.55;\n      color: var(--text-gray);\n    }\n\n    .fixed-line {\n      position: absolute;\n      background: #d9d9d9;\n      z-index: 1;\n    }\n\n    \/* Student Growth map positions *\/\n    .sg-center { }\n    .sg-1 { top: 4%; left: 39.5%; background: #fff0ea; }\n    .sg-1 .node-icon { background: var(--accent-coral); }\n\n    .sg-2 { top: 20%; right: 0; background: #fff6ea; }\n    .sg-2 .node-icon { background: var(--accent-orange); }\n\n    .sg-3 { bottom: 16%; right: 3%; background: #f3ecff; }\n    .sg-3 .node-icon { background: var(--accent-purple); }\n\n    .sg-4 { bottom: 3%; left: 39.5%; background: #eef9ef; }\n    .sg-4 .node-icon { background: var(--primary-green); }\n\n    .sg-5 { bottom: 18%; left: 2%; background: #eaf8f9; }\n    .sg-5 .node-icon { background: #4c9d97; }\n\n    .sg-6 { top: 20%; left: 0; background: #edf7fd; }\n    .sg-6 .node-icon { background: var(--accent-blue); }\n\n    .sg-line-1 { width: 2px; height: 11%; top: 22%; left: 50%; transform: translateX(-50%); }\n    .sg-line-2 { width: 10%; height: 2px; top: 38%; right: 21%; }\n    .sg-line-3 { width: 11%; height: 2px; bottom: 30%; right: 22%; }\n    .sg-line-4 { width: 2px; height: 11%; bottom: 21%; left: 50%; transform: translateX(-50%); }\n    .sg-line-5 { width: 11%; height: 2px; bottom: 30%; left: 21%; }\n    .sg-line-6 { width: 10%; height: 2px; top: 38%; left: 21%; }\n\n    \/* Academy excellence map positions *\/\n    .ac-center {\n      background: linear-gradient(135deg, #eef9ef 0%, #ffffff 100%);\n      border-color: rgba(18,163,25,.18);\n    }\n\n    .ac-1 { top: 4%; left: 39.5%; background: #eef9ef; }\n    .ac-1 .node-icon { background: var(--primary-green); }\n\n    .ac-2 { top: 20%; right: 0; background: #edf7fd; }\n    .ac-2 .node-icon { background: var(--accent-blue); }\n\n    .ac-3 { bottom: 16%; right: 3%; background: #fff6ea; }\n    .ac-3 .node-icon { background: var(--accent-orange); }\n\n    .ac-4 { bottom: 3%; left: 39.5%; background: #f3ecff; }\n    .ac-4 .node-icon { background: var(--accent-purple); }\n\n    .ac-5 { bottom: 18%; left: 2%; background: #fff0ea; }\n    .ac-5 .node-icon { background: var(--accent-coral); }\n\n    .ac-6 { top: 20%; left: 0; background: #eaf8f9; }\n    .ac-6 .node-icon { background: #4c9d97; }\n\n    .ac-line-1 { width: 2px; height: 11%; top: 22%; left: 50%; transform: translateX(-50%); }\n    .ac-line-2 { width: 10%; height: 2px; top: 38%; right: 21%; }\n    .ac-line-3 { width: 11%; height: 2px; bottom: 30%; right: 22%; }\n    .ac-line-4 { width: 2px; height: 11%; bottom: 21%; left: 50%; transform: translateX(-50%); }\n    .ac-line-5 { width: 11%; height: 2px; bottom: 30%; left: 21%; }\n    .ac-line-6 { width: 10%; height: 2px; top: 38%; left: 21%; }\n\n    \/* CTA *\/\n    .cta-section {\n      padding: 64px 0 0;\n      background:\n        radial-gradient(circle at top right, rgba(18,163,25,0.06), transparent 28%),\n        radial-gradient(circle at bottom left, rgba(255,0,79,0.06), transparent 28%),\n        #fff;\n    }\n\n    .cta-box {\n      max-width: 980px;\n      margin: 0 auto;\n      background: linear-gradient(180deg, #ffffff 0%, #fbfffb 100%);\n      padding: 52px 38px;\n      border-radius: 24px;\n      box-shadow: 0 22px 50px rgba(0,0,0,0.08);\n      border: 1px solid rgba(18,163,25,0.08);\n      text-align: center;\n    }\n\n    .cta-box h2 {\n      font-size: clamp(1.9rem, 3vw, 3.1rem);\n      color: var(--text-dark);\n      margin-bottom: 16px;\n    }\n\n    .cta-box .highlight {\n      display: inline-block;\n      color: var(--primary-pink);\n    }\n\n    .cta-box p {\n      max-width: 760px;\n      margin: 0 auto 22px;\n      font-size: 1.05rem;\n      line-height: 1.9;\n    }\n\n    .cta-offer {\n      margin: 24px auto 22px;\n      padding: 20px 18px;\n      max-width: 580px;\n      background: var(--bg-soft);\n      border: 1px solid rgba(18,163,25,0.10);\n      border-radius: 18px;\n    }\n\n    .cta-offer h3 {\n      color: var(--primary-green);\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n\n    .cta-offer p { margin: 0; font-size: 0.95rem; }\n\n    .cta-actions {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 22px;\n    }\n\n    \/* Why choose *\/\n    .features {\n      padding: 88px 0;\n      background: #fff;\n    }\n\n    .section-header {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto 52px;\n    }\n\n    .section-header h2 {\n      font-size: clamp(2rem, 2.8vw, 3rem);\n      color: var(--primary-green);\n      margin-bottom: 16px;\n    }\n\n    .section-header p {\n      font-size: 1.05rem;\n      line-height: 1.9;\n    }\n\n    .grid-3 {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n    }\n\n    .feature-card {\n      background: #faf8f5;\n      padding: 30px;\n      border-radius: 24px;\n      text-align: center;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .feature-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    }\n\n    .feature-card .feature-icon {\n      width: 60px;\n      height: 60px;\n      border-radius: 50%;\n      background: rgba(18, 163, 25, 0.10);\n      color: var(--primary-green);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.5rem;\n      font-weight: bold;\n      margin: 0 auto 20px;\n    }\n\n    @media (max-width: 1250px) {\n      .mindmap-wrap,\n      .academy-map-wrap,\n      .about-wrap {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 1100px) {\n      .program-slide {\n        flex: 0 0 calc((100% - var(--carousel-gap)) \/ 2);\n      }\n    }\n\n    @media (max-width: 991px) {\n      .hero .container {\n        grid-template-columns: 1fr;\n      }\n\n      .hero {\n        padding-top: 28px;\n      }\n\n      .hero-text {\n        text-align: center;\n        order: 2;\n      }\n\n      .hero-image {\n        order: 1;\n      }\n\n      .hero-text p {\n        margin-inline: auto;\n      }\n\n      .hero-cta {\n        justify-content: center;\n      }\n\n      .hero-image img {\n        min-height: 430px;\n        max-height: 560px;\n      }\n\n      .about-stats {\n        grid-template-columns: 1fr 1fr 1fr;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .container {\n        width: calc(100% - 20px);\n      }\n\n      .features,\n      .mindmap-section,\n      .academy-map-section,\n      .about-section {\n        padding: 50px 0;\n      }\n\n      .programs {\n        padding: 46px 0 78px;\n      }\n\n      .cta-section {\n        padding: 36px 0 0;\n      }\n\n      .grid-3 {\n        grid-template-columns: 1fr;\n        gap: 18px;\n      }\n\n      .hero {\n        padding: 18px 0 28px;\n      }\n\n      .hero-text h1 {\n        font-size: 2rem;\n      }\n\n      .hero-text p {\n        font-size: 0.98rem;\n      }\n\n      .hero-image img {\n        min-height: 320px;\n        max-height: 420px;\n        border-radius: 24px;\n      }\n\n      .cta-box {\n        padding: 28px 16px;\n        border-radius: 20px;\n      }\n\n      .cta-offer {\n        padding: 16px 14px;\n      }\n\n      .hero-cta .btn,\n      .cta-actions .btn {\n        width: 100%;\n      }\n\n      .about-wrap {\n        gap: 24px;\n      }\n\n      .about-stats {\n        grid-template-columns: 1fr;\n      }\n\n      .program-slide {\n        flex: 0 0 100%;\n      }\n\n      .program-fancy-card {\n        padding: 16px 16px 68px;\n        border-radius: 34px 34px 28px 28px;\n      }\n\n      .program-fancy-card h3 {\n        font-size: 1.35rem;\n        min-height: auto;\n        margin-bottom: 14px;\n      }\n\n      .program-fancy-image img {\n        height: 210px;\n      }\n\n      .program-fancy-card p,\n      .program-fancy-card ul li {\n        font-size: .95rem;\n      }\n\n      .fixed-map {\n        aspect-ratio: 1 \/ 1.16;\n        min-height: 560px;\n      }\n\n      .fixed-center {\n        min-width: 150px;\n        width: 32%;\n        padding: 16px;\n        border-width: 6px;\n      }\n\n      .fixed-node {\n        width: 28%;\n        min-width: auto;\n        min-height: 132px;\n        padding: 12px 10px;\n        border-radius: 18px;\n      }\n\n      .fixed-node .node-icon {\n        width: 42px;\n        height: 42px;\n        font-size: 1.1rem;\n        margin-bottom: 8px;\n      }\n    }\n\n    @media (max-width: 560px) {\n      .hero-stats {\n        grid-template-columns: 1fr;\n      }\n\n      .fixed-map {\n        aspect-ratio: 1 \/ 1.22;\n        min-height: 520px;\n      }\n\n      .fixed-center {\n        width: 34%;\n      }\n\n      .fixed-center h3 {\n        font-size: .82rem;\n      }\n\n      .fixed-node {\n        width: 29%;\n        min-height: 120px;\n        padding: 10px 8px;\n      }\n\n      .fixed-node h4 {\n        font-size: .66rem;\n      }\n\n      .fixed-node p {\n        font-size: .52rem;\n        line-height: 1.35;\n      }\n\n      .sg-1, .ac-1 { top: 3%; left: 39%; }\n      .sg-2, .ac-2 { top: 18%; right: 0; }\n      .sg-3, .ac-3 { bottom: 17%; right: 2%; }\n      .sg-4, .ac-4 { bottom: 2%; left: 39%; }\n      .sg-5, .ac-5 { bottom: 18%; left: 1%; }\n      .sg-6, .ac-6 { top: 18%; left: 0; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      html { scroll-behavior: auto; }\n\n      * {\n        animation: none !important;\n        transition: none !important;\n      }\n\n      .motion-layer,\n      .motion-layer.active {\n        opacity: 1 !important;\n        transform: none !important;\n        filter: none !important;\n      }\n\n      [data-parallax] {\n        transform: none !important;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <main>\n    <section class=\"hero\">\n      <div class=\"container\">\n        <div class=\"hero-text motion-layer motion-left\" data-parallax=\"0.08\">\n          <h1>Nurture Your Soul with the <span>Light of the Quran<\/span><\/h1>\n          <p>Join Rouh &#038; Rehan Academy for expert-led online Quran, Arabic, and Islamic Studies classes designed for kids, adults, and Muslim families across the USA, Canada, UK, and Europe.<\/p>\n\n          <div class=\"hero-cta\">\n            <a href=\"https:\/\/wa.me\/201064520450?text=I%20want%20to%20book%20my%202%20Free%20Trial%20Classes!\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Claim Your 2 Free Trial Classes<\/a>\n            <a href=\"https:\/\/rouhrehanonline.com\/index.php\/explore-programs\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Explore Programs<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"hero-image motion-layer motion-right\" data-parallax=\"0.14\">\n          <img decoding=\"async\" src=\"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/hero-bg.png\" alt=\"Online Quran and Arabic learning for Muslim families\">\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"about-section\" id=\"about-us\">\n      <div class=\"container\">\n        <div class=\"about-wrap\">\n          <div class=\"about-video motion-layer motion-left\" data-parallax=\"0.07\">\n            <iframe\n              src=\"https:\/\/www.youtube.com\/embed\/e2FKXPzsT7E\"\n              title=\"About Rouh and Rehan Academy\"\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n              referrerpolicy=\"strict-origin-when-cross-origin\"\n              allowfullscreen>\n            <\/iframe>\n          <\/div>\n\n          <div class=\"about-content motion-layer motion-right\" data-parallax=\"0.05\">\n            <h2>About <span>Rouh &#038; Rehan Academy<\/span><\/h2>\n            <p>\n              Rouh &#038; Rehan Academy is an online learning space dedicated to helping Muslim families\n              access high-quality Quran, Arabic, and Islamic Studies education in a warm, structured,\n              and encouraging environment.\n            <\/p>\n            <p>\n              Our goal is to make learning meaningful for every age. We combine qualified native Arab\n              tutors, flexible online timing, and engaging teaching methods to create a journey that is\n              both spiritually enriching and academically effective.\n            <\/p>\n            <p>\n              Whether the student is taking first steps in Noorani Qaida, improving Tajweed, building\n              Arabic fluency, or learning Islamic values, our academy is designed to support growth\n              with clarity, consistency, and care.\n            <\/p>\n\n            <div class=\"about-stats\">\n              <div class=\"about-stat motion-layer motion-up motion-delay-1\">\n                <strong>8+<\/strong>\n                <span>Specialized Programs<\/span>\n              <\/div>\n              <div class=\"about-stat motion-layer motion-up motion-delay-2\">\n                <strong>Kids &#038; Adults<\/strong>\n                <span>For All Ages<\/span>\n              <\/div>\n              <div class=\"about-stat motion-layer motion-up motion-delay-3\">\n                <strong>USA \u2022 UK \u2022 CA \u2022 EU<\/strong>\n                <span>Flexible Online Access<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"programs\" id=\"programs\">\n      <div class=\"container\">\n        <div class=\"programs-heading motion-layer motion-scale\">\n          <h2>Our Exceptional Programs<\/h2>\n          <p>\n            Designed for kids, teens, adults, and Muslim families with a clear path\n            to Quran learning, Arabic mastery, and strong Islamic understanding.\n          <\/p>\n        <\/div>\n\n        <div class=\"swipe-hint\" id=\"swipeHint\">\n          <span class=\"arrow\">\u2190<\/span>\n          <span>\u0644\u0648 \u0639\u0627\u064a\u0632 \u062a\u0634\u0648\u0641 \u0628\u0627\u0642\u064a \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0633\u062d\u0628 \u0644\u0644\u064a\u0633\u0627\u0631<\/span>\n        <\/div>\n\n        <div class=\"programs-slider motion-layer motion-up\" id=\"programsSlider\">\n          <div class=\"programs-viewport\" id=\"programsViewport\">\n            <div class=\"programs-track\" id=\"programsTrack\">\n\n              <div class=\"program-slide\">\n                <article class=\"program-fancy-card program-fancy-green\">\n                  <div class=\"program-fancy-inner\">\n                    <h3>Quran Reading &#038; Tajweed<\/h3>\n                    <div class=\"program-fancy-image\">\n                      <img decoding=\"async\" src=\"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/quran-class.jpg\" alt=\"Quran Reading and Tajweed online classes\">\n                    <\/div>\n                    <p>Master Quran recitation step by step, from Noorani Qaida to advanced Tajweed and memorization support.<\/p>\n                    <ul>\n                      <li>Step-by-step Noorani Qaida for kids<\/li>\n                      <li>Advanced Tajweed rules for adults<\/li>\n                      <li>Quran Memorization (Hifz) with tracking<\/li>\n                      <li>Ijazah track for qualified students<\/li>\n                    <\/ul>\n                    <div class=\"program-fancy-actions\">\n                      <a href=\"https:\/\/wa.me\/201064520450?text=I%20am%20interested%20in%20the%20Quran%20Program\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Start Quran Journey<\/a>\n                      <a href=\"https:\/\/rouhrehanonline.com\/index.php\/2026\/04\/05\/quran-reading-tajweed\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>\n                    <\/div>\n                  <\/div>\n                  <span class=\"program-fancy-dot\"><\/span>\n                <\/article>\n              <\/div>\n\n              <div class=\"program-slide\">\n                <article class=\"program-fancy-card program-fancy-beige\">\n                  <div class=\"program-fancy-inner\">\n                    <h3>Arabic Language Mastery<\/h3>\n                    <div class=\"program-fancy-image\">\n                      <img decoding=\"async\" src=\"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/arabic-learning.jpg\" alt=\"Arabic Language Mastery online program\">\n                    <\/div>\n                    <p>Build confidence in reading, writing, speaking, and understanding Arabic in a practical and friendly way.<\/p>\n                    <ul>\n                      <li>Modern Standard Arabic (Fusha)<\/li>\n                      <li>Conversational Arabic<\/li>\n                      <li>Quranic Arabic to understand the verses<\/li>\n                      <li>Interactive vocabulary building<\/li>\n                    <\/ul>\n                    <div class=\"program-fancy-actions\">\n                      <a href=\"https:\/\/wa.me\/201064520450?text=I%20am%20interested%20in%20the%20Arabic%20Program\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Start Arabic Journey<\/a>\n                      <a href=\"https:\/\/rouhrehanonline.com\/index.php\/2026\/04\/05\/arabic-language-mastery\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>\n                    <\/div>\n                  <\/div>\n                  <span class=\"program-fancy-dot\"><\/span>\n                <\/article>\n              <\/div>\n\n              <div class=\"program-slide\">\n                <article class=\"program-fancy-card program-fancy-blue\">\n                  <div class=\"program-fancy-inner\">\n                    <h3>Islamic Studies<\/h3>\n                    <div class=\"program-fancy-image\">\n                      <img decoding=\"async\" src=\"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/islamic-studies.jpg\" alt=\"Islamic Studies online program for kids and adults\">\n                    <\/div>\n                    <p>Build a stronger Islamic foundation with lessons that are simple, relevant, and suitable for daily life.<\/p>\n                    <ul>\n                      <li>Aqeedah (Islamic Creed)<\/li>\n                      <li>Fiqh (Daily Worship Rules)<\/li>\n                      <li>Seerah (Life of Prophet Muhammad \ufdfa)<\/li>\n                      <li>Tafseer (Meaning of Quranic Verses)<\/li>\n                    <\/ul>\n                    <div class=\"program-fancy-actions\">\n                      <a href=\"https:\/\/wa.me\/201064520450?text=I%20am%20interested%20in%20Islamic%20Studies\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Start Islamic Studies<\/a>\n                      <a href=\"https:\/\/rouhrehanonline.com\/index.php\/2026\/04\/05\/islamic-studies\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>\n                    <\/div>\n                  <\/div>\n                  <span class=\"program-fancy-dot\"><\/span>\n                <\/article>\n              <\/div>\n\n              <div class=\"program-slide\">\n                <article class=\"program-fancy-card program-fancy-coral\">\n                  <div class=\"program-fancy-inner\">\n                    <h3>Quran Memorization (Hifz)<\/h3>\n                    <div class=\"program-fancy-image\">\n                      <img decoding=\"async\" src=\"http:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/quran-memorization-hifz.jpg\" alt=\"Quran Memorization Hifz program\">\n                    <\/div>\n                    <p>A focused memorization track designed to help students memorize the Quran with consistency, revision plans, and close teacher guidance.<\/p>\n                    <ul>\n                      <li>Structured memorization plan<\/li>\n                      <li>Daily and weekly revision support<\/li>\n                      <li>One-to-one teacher supervision<\/li>\n                      <li>Steady progress tracking<\/li>\n                    <\/ul>\n                    <div class=\"program-fancy-actions\">\n                      <a href=\"https:\/\/wa.me\/201064520450?text=I%20am%20interested%20in%20the%20Quran%20Memorization%20Program\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Start Hifz Journey<\/a>\n                      <a href=\"https:\/\/rouhrehanonline.com\/index.php\/2026\/04\/05\/quran-memorization-hifz\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>\n                    <\/div>\n                  <\/div>\n                  <span class=\"program-fancy-dot\"><\/span>\n                <\/article>\n              <\/div>\n\n              <div class=\"program-slide\">\n                <article class=\"program-fancy-card program-fancy-green\">\n                  <div class=\"program-fancy-inner\">\n                    <h3>Noorani Qaida for Kids<\/h3>\n                    <div class=\"program-fancy-image\">\n                      <img decoding=\"async\" src=\"http:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/noorani-qaida-kids.jpg\" alt=\"Noorani Qaida for kids online program\">\n                    <\/div>\n                    <p>A gentle and engaging beginner program that helps children learn Arabic letters, pronunciation, and their first Quran reading steps.<\/p>\n                    <ul>\n                      <li>Arabic letters recognition<\/li>\n                      <li>Harakat and sound practice<\/li>\n                      <li>Reading short words and verses<\/li>\n                      <li>Fun child-friendly lessons<\/li>\n                    <\/ul>\n                    <div class=\"program-fancy-actions\">\n                      <a href=\"https:\/\/wa.me\/201064520450?text=I%20am%20interested%20in%20the%20Noorani%20Qaida%20Program\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Start Qaida Journey<\/a>\n                      <a href=\"https:\/\/rouhrehanonline.com\/index.php\/2026\/04\/05\/noorani-qaida-for-kids\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>\n                    <\/div>\n                  <\/div>\n                  <span class=\"program-fancy-dot\"><\/span>\n                <\/article>\n              <\/div>\n\n              <div class=\"program-slide\">\n                <article class=\"program-fancy-card program-fancy-beige\">\n                  <div class=\"program-fancy-inner\">\n                    <h3>Advanced Tajweed for Adults<\/h3>\n                    <div class=\"program-fancy-image\">\n                      <img decoding=\"async\" src=\"http:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/tajweed-for-adults-scaled.jpg\" alt=\"Advanced Tajweed for adults online program\">\n                    <\/div>\n                    <p>A specialized course for adults who want to improve pronunciation, master Tajweed rules, and read the Quran with confidence and beauty.<\/p>\n                    <ul>\n                      <li>Makharij and Sifaat practice<\/li>\n                      <li>Detailed Tajweed explanations<\/li>\n                      <li>Correction of recitation mistakes<\/li>\n                      <li>Personalized teacher feedback<\/li>\n                    <\/ul>\n                    <div class=\"program-fancy-actions\">\n                      <a href=\"https:\/\/wa.me\/201064520450?text=I%20am%20interested%20in%20the%20Advanced%20Tajweed%20Program\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Start Tajweed Journey<\/a>\n                      <a href=\"https:\/\/rouhrehanonline.com\/index.php\/2026\/04\/05\/advanced-tajweed-for-adults\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>\n                    <\/div>\n                  <\/div>\n                  <span class=\"program-fancy-dot\"><\/span>\n                <\/article>\n              <\/div>\n\n              <div class=\"program-slide\">\n                <article class=\"program-fancy-card program-fancy-blue\">\n                  <div class=\"program-fancy-inner\">\n                    <h3>Islamic Manners &#038; Values<\/h3>\n                    <div class=\"program-fancy-image\">\n                      <img decoding=\"async\" src=\"http:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/islamic-manners-values.jpg\" alt=\"Islamic manners and values program\">\n                    <\/div>\n                    <p>Help children and young learners build strong Islamic character through adab, daily duas, good manners, and practical sunnah habits.<\/p>\n                    <ul>\n                      <li>Daily duas and sunnah habits<\/li>\n                      <li>Respect, honesty, and kindness<\/li>\n                      <li>Islamic identity building<\/li>\n                      <li>Age-appropriate practical lessons<\/li>\n                    <\/ul>\n                    <div class=\"program-fancy-actions\">\n                      <a href=\"https:\/\/wa.me\/201064520450?text=I%20am%20interested%20in%20the%20Islamic%20Manners%20%26%20Values%20Program\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Start Values Journey<\/a>\n                      <a href=\"https:\/\/rouhrehanonline.com\/index.php\/2026\/04\/05\/islamic-manners-values\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>\n                    <\/div>\n                  <\/div>\n                  <span class=\"program-fancy-dot\"><\/span>\n                <\/article>\n              <\/div>\n\n              <div class=\"program-slide\">\n                <article class=\"program-fancy-card program-fancy-coral\">\n                  <div class=\"program-fancy-inner\">\n                    <h3>Arabic Conversation Club<\/h3>\n                    <div class=\"program-fancy-image\">\n                      <img decoding=\"async\" src=\"http:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/arabic-conversation-club.jpg\" alt=\"Arabic Conversation Club program\">\n                    <\/div>\n                    <p>A lively speaking-focused program that helps learners practice real Arabic conversation with confidence, fluency, and everyday expressions.<\/p>\n                    <ul>\n                      <li>Speaking practice with live tutors<\/li>\n                      <li>Real-life Arabic conversation topics<\/li>\n                      <li>Pronunciation and fluency improvement<\/li>\n                      <li>Confidence building for kids and adults<\/li>\n                    <\/ul>\n                    <div class=\"program-fancy-actions\">\n                      <a href=\"https:\/\/wa.me\/201064520450?text=I%20am%20interested%20in%20the%20Arabic%20Conversation%20Club\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Join Conversation Club<\/a>\n                      <a href=\"https:\/\/rouhrehanonline.com\/index.php\/2026\/04\/05\/arabic-conversation-club\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>\n                    <\/div>\n                  <\/div>\n                  <span class=\"program-fancy-dot\"><\/span>\n                <\/article>\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n          <div class=\"program-nav\">\n            <button class=\"program-arrow\" id=\"programPrev\" aria-label=\"Previous program\">\u2039<\/button>\n            <div class=\"program-dots\" id=\"programDots\"><\/div>\n            <button class=\"program-arrow\" id=\"programNext\" aria-label=\"Next program\">\u203a<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"academy-map-section\" id=\"academy-excellence\">\n      <div class=\"container\">\n        <div class=\"academy-map-wrap\">\n          <div class=\"academy-map-text motion-layer motion-left\" data-parallax=\"0.05\">\n            <h2>Why Our <span>Teachers Stand Out<\/span><\/h2>\n            <p>\n              Rouh &#038; Rehan Academy is built around qualified teachers who combine authentic Islamic learning with clear online teaching methods. Our teaching approach is designed to give students both strong knowledge and a comfortable learning experience.\n            <\/p>\n            <p>\n              We highlight our academic roots, language support, and specialization because families need more than a tutor \u2014 they need a trusted guide who can teach with clarity, patience, and depth.\n            <\/p>\n            <ul class=\"academy-points\">\n              <li>Teachers with strong foundations connected to Al-Azhar learning tradition<\/li>\n              <li>Specialized instructors for Quran, Tajweed, Arabic, and Islamic Studies<\/li>\n              <li>Supportive teaching in Arabic and English, with student-friendly communication<\/li>\n              <li>Experience teaching kids, teens, adults, and international Muslim families<\/li>\n            <\/ul>\n            <a href=\"https:\/\/wa.me\/201064520450?text=I%20want%20to%20know%20more%20about%20Rouh%20%26%20Rehan%20teachers\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Ask About Our Teachers<\/a>\n          <\/div>\n\n          <div class=\"fixed-map motion-layer motion-right\" data-parallax=\"0.03\">\n            <div class=\"fixed-line ac-line-1\"><\/div>\n            <div class=\"fixed-line ac-line-2\"><\/div>\n            <div class=\"fixed-line ac-line-3\"><\/div>\n            <div class=\"fixed-line ac-line-4\"><\/div>\n            <div class=\"fixed-line ac-line-5\"><\/div>\n            <div class=\"fixed-line ac-line-6\"><\/div>\n\n            <div class=\"fixed-center ac-center\">\n              <h3>Rouh &#038; Rehan Academy Teachers<\/h3>\n            <\/div>\n\n            <div class=\"fixed-node ac-1 motion-layer motion-up motion-delay-1\">\n              <div class=\"node-icon\">\ud83c\udf93<\/div>\n              <h4>Al-Azhar Background<\/h4>\n              <p>Teachers with strong academic roots and trusted Islamic learning foundations connected to Al-Azhar tradition.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node ac-2 motion-layer motion-up motion-delay-2\">\n              <div class=\"node-icon\">\ud83c\udf0d<\/div>\n              <h4>Teaching in More Than One Language<\/h4>\n              <p>Clear support in Arabic and English with flexible explanation for international students and families.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node ac-3 motion-layer motion-up motion-delay-3\">\n              <div class=\"node-icon\">\ud83d\udcd6<\/div>\n              <h4>Quran &#038; Tajweed Specialists<\/h4>\n              <p>Focused teachers for recitation, memorization, Makharij, correction, and step-by-step Tajweed mastery.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node ac-4 motion-layer motion-up motion-delay-4\">\n              <div class=\"node-icon\">\ud83d\udde3\ufe0f<\/div>\n              <h4>Arabic Language Experts<\/h4>\n              <p>Specialized teachers for Arabic reading, speaking, grammar, conversation, and Quranic understanding.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node ac-5 motion-layer motion-up motion-delay-5\">\n              <div class=\"node-icon\">\ud83d\udd4c<\/div>\n              <h4>Islamic Studies Depth<\/h4>\n              <p>Qualified educators in Aqeedah, Fiqh, Seerah, manners, and Islamic identity building for all ages.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node ac-6 motion-layer motion-up motion-delay-6\">\n              <div class=\"node-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/div>\n              <h4>Family-Friendly Teaching<\/h4>\n              <p>Experienced with kids, adults, and Muslim families in the USA, Canada, UK, and Europe.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"mindmap-section\">\n      <div class=\"container\">\n        <div class=\"mindmap-wrap\">\n          <div class=\"mindmap-text motion-layer motion-left\" data-parallax=\"0.05\">\n            <h2>A Learning <span>Journey Map<\/span> for Every Student<\/h2>\n            <p>\n              At Rouh &#038; Rehan Academy, learning is not just a class schedule. It is a connected journey\n              that helps each student grow in recitation, understanding, confidence, and Islamic identity.\n            <\/p>\n            <p>\n              We designed our experience so every child, teen, or adult can move through a clear and\n              balanced path with engaging lessons, supportive teachers, and practical outcomes that matter.\n            <\/p>\n            <ul class=\"mindmap-points\">\n              <li>Clear steps from beginner to advanced levels<\/li>\n              <li>Balanced focus on Quran, Arabic, and Islamic values<\/li>\n              <li>Interactive learning that keeps students engaged<\/li>\n              <li>Supportive live teachers and flexible online access<\/li>\n            <\/ul>\n            <a href=\"https:\/\/rouhrehanonline.com\/index.php\/explore-programs\/\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Discover the Full Learning Path<\/a>\n          <\/div>\n\n          <div class=\"fixed-map motion-layer motion-right\" data-parallax=\"0.03\">\n            <div class=\"fixed-line sg-line-1\"><\/div>\n            <div class=\"fixed-line sg-line-2\"><\/div>\n            <div class=\"fixed-line sg-line-3\"><\/div>\n            <div class=\"fixed-line sg-line-4\"><\/div>\n            <div class=\"fixed-line sg-line-5\"><\/div>\n            <div class=\"fixed-line sg-line-6\"><\/div>\n\n            <div class=\"fixed-center sg-center\">\n              <h3>Student Growth &#038; Islamic Confidence<\/h3>\n            <\/div>\n\n            <div class=\"fixed-node sg-1 motion-layer motion-up motion-delay-1\">\n              <div class=\"node-icon\">\ud83d\udcd6<\/div>\n              <h4>Quran Skills<\/h4>\n              <p>Build strong recitation, Tajweed, and memorization step by step.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node sg-2 motion-layer motion-up motion-delay-2\">\n              <div class=\"node-icon\">\ud83d\udde3<\/div>\n              <h4>Arabic Fluency<\/h4>\n              <p>Develop reading, speaking, and understanding in practical ways.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node sg-3 motion-layer motion-up motion-delay-3\">\n              <div class=\"node-icon\">\ud83c\udfa8<\/div>\n              <h4>Interactive Learning<\/h4>\n              <p>Fun activities, visual tools, and engaging lessons for better retention.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node sg-4 motion-layer motion-up motion-delay-4\">\n              <div class=\"node-icon\">\ud83c\udf31<\/div>\n              <h4>Character Building<\/h4>\n              <p>Help students grow in adab, discipline, and Islamic identity.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node sg-5 motion-layer motion-up motion-delay-5\">\n              <div class=\"node-icon\">\ud83c\udfa5<\/div>\n              <h4>Live Support<\/h4>\n              <p>Friendly teachers, clear guidance, and flexible online access.<\/p>\n            <\/div>\n\n            <div class=\"fixed-node sg-6 motion-layer motion-up motion-delay-6\">\n              <div class=\"node-icon\">\ud83c\udfc6<\/div>\n              <h4>Real Progress<\/h4>\n              <p>Track development with meaningful goals and visible improvement.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cta-section\">\n      <div class=\"container\">\n        <div class=\"cta-box motion-layer motion-scale\" data-parallax=\"0.02\">\n          <h2>Begin Your Journey Today, <span class=\"highlight\">Completely Risk-Free!<\/span><\/h2>\n          <p>Start with confidence. Experience our teaching quality before paying anything, and see the difference for yourself.<\/p>\n\n          <div class=\"cta-offer\">\n            <h3>\ud83c\udf81 Get 2 FREE Trial Classes<\/h3>\n            <p>No credit card required. Cancel anytime.<\/p>\n          <\/div>\n\n          <div class=\"cta-actions\">\n            <a href=\"https:\/\/wa.me\/201064520450?text=Hello!%20I%20am%20ready%20to%20start%20my%202%20Free%20Trial%20Classes.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Message Us on WhatsApp Now<\/a>\n            <a href=\"https:\/\/rouhrehanonline.com\/index.php\/explore-programs\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">View Our Programs<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"features\" id=\"why-us\">\n      <div class=\"container\">\n        <div class=\"section-header motion-layer motion-up\">\n          <h2>Why Choose Rouh &#038; Rehan?<\/h2>\n          <p>Designed to give Muslim families a trusted, comfortable, and effective online learning experience.<\/p>\n        <\/div>\n\n        <div class=\"grid-3\">\n          <div class=\"feature-card motion-layer motion-up motion-delay-1\" data-parallax=\"0.04\">\n            <div class=\"feature-icon\">A<\/div>\n            <h3>Native Arab Tutors<\/h3>\n            <p>Learn proper pronunciation, Tajweed, and Arabic from qualified tutors with authentic native fluency.<\/p>\n          <\/div>\n\n          <div class=\"feature-card motion-layer motion-up motion-delay-2\" data-parallax=\"0.05\">\n            <div class=\"feature-icon\" style=\"color: var(--primary-pink); background: rgba(255, 0, 79, 0.10);\">\u23f1<\/div>\n            <h3>Flexible Western Timing<\/h3>\n            <p>Book classes at suitable times for families living in the USA, Canada, the UK, and Europe.<\/p>\n          <\/div>\n\n          <div class=\"feature-card motion-layer motion-up motion-delay-3\" data-parallax=\"0.06\">\n            <div class=\"feature-icon\" style=\"color: var(--primary-green); background: rgba(18, 163, 25, 0.10);\">\ud83d\udc66<\/div>\n            <h3>Engaging for Kids<\/h3>\n            <p>Interactive and gentle methods help children enjoy learning Quran, Arabic, and Islamic values.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function () {\n      const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n      \/* --------------------------------------------------\n         Motion graphic-like reveal\n      -------------------------------------------------- *\/\n      const animatedElements = document.querySelectorAll('.motion-layer');\n\n      if (!reduceMotion && 'IntersectionObserver' in window) {\n        const observer = new IntersectionObserver((entries, obs) => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('active');\n              obs.unobserve(entry.target);\n            }\n          });\n        }, {\n          root: null,\n          rootMargin: '0px 0px -12% 0px',\n          threshold: 0.08\n        });\n\n        animatedElements.forEach(el => observer.observe(el));\n      } else {\n        animatedElements.forEach(el => el.classList.add('active'));\n      }\n\n      \/* --------------------------------------------------\n         Scroll parallax layers\n      -------------------------------------------------- *\/\n      if (!reduceMotion) {\n        const parallaxEls = document.querySelectorAll('[data-parallax]');\n        let ticking = false;\n\n        function runParallax() {\n          const vh = window.innerHeight;\n          parallaxEls.forEach(el => {\n            const speed = parseFloat(el.getAttribute('data-parallax')) || 0;\n            const rect = el.getBoundingClientRect();\n            const center = rect.top + rect.height \/ 2;\n            const distance = center - vh \/ 2;\n            const translate = distance * speed * -1;\n            el.style.transform = 'translate3d(0,' + translate.toFixed(2) + 'px,0)';\n          });\n          ticking = false;\n        }\n\n        function requestParallax() {\n          if (!ticking) {\n            window.requestAnimationFrame(runParallax);\n            ticking = true;\n          }\n        }\n\n        window.addEventListener('scroll', requestParallax, { passive: true });\n        window.addEventListener('resize', requestParallax);\n        requestParallax();\n      }\n\n      \/* --------------------------------------------------\n         Circular \/ infinite programs slider with swipe\n      -------------------------------------------------- *\/\n      const slider = document.getElementById('programsSlider');\n      const viewport = document.getElementById('programsViewport');\n      const track = document.getElementById('programsTrack');\n      const prevBtn = document.getElementById('programPrev');\n      const nextBtn = document.getElementById('programNext');\n      const dotsWrap = document.getElementById('programDots');\n      const swipeHint = document.getElementById('swipeHint');\n\n      if (slider && viewport && track) {\n        const originalSlides = Array.from(track.children);\n        const totalSlides = originalSlides.length;\n        let currentIndex = 1;\n        let perView = 3;\n        let slideWidth = 0;\n        let isDragging = false;\n        let startX = 0;\n        let currentTranslate = 0;\n        let prevTranslate = 0;\n        let hintDismissed = false;\n\n        function getPerView() {\n          if (window.innerWidth <= 768) return 1;\n          if (window.innerWidth <= 1100) return 2;\n          return 3;\n        }\n\n        function dismissHint() {\n          if (!hintDismissed &#038;&#038; swipeHint) {\n            swipeHint.classList.add('hidden');\n            hintDismissed = true;\n          }\n        }\n\n        function cloneSlides() {\n          track.innerHTML = '';\n          const firstClone = originalSlides[0].cloneNode(true);\n          const lastClone = originalSlides[originalSlides.length - 1].cloneNode(true);\n          firstClone.classList.add('clone');\n          lastClone.classList.add('clone');\n          track.appendChild(lastClone);\n          originalSlides.forEach(slide => track.appendChild(slide));\n          track.appendChild(firstClone);\n        }\n\n        function buildDots() {\n          dotsWrap.innerHTML = '';\n          originalSlides.forEach((_, i) => {\n            const dot = document.createElement('button');\n            dot.className = 'program-dot' + (i === 0 ? ' active' : '');\n            dot.setAttribute('aria-label', 'Go to program ' + (i + 1));\n            dot.addEventListener('click', () => {\n              currentIndex = i + 1;\n              moveToCurrent(true);\n              dismissHint();\n            });\n            dotsWrap.appendChild(dot);\n          });\n        }\n\n        function updateDots() {\n          const dots = Array.from(dotsWrap.children);\n          dots.forEach(dot => dot.classList.remove('active'));\n          const realIndex = ((currentIndex - 1) % totalSlides + totalSlides) % totalSlides;\n          if (dots[realIndex]) dots[realIndex].classList.add('active');\n        }\n\n        function calculate() {\n          perView = getPerView();\n          const gap = parseFloat(getComputedStyle(track).gap) || 24;\n          slideWidth = (viewport.clientWidth - gap * (perView - 1)) \/ perView + gap;\n          moveToCurrent(false);\n        }\n\n        function setTranslate(value, withTransition = true) {\n          track.style.transition = withTransition ? 'transform .55s cubic-bezier(.22,1,.36,1)' : 'none';\n          track.style.transform = 'translate3d(' + value + 'px,0,0)';\n        }\n\n        function moveToCurrent(withTransition = true) {\n          currentTranslate = -(currentIndex * slideWidth);\n          prevTranslate = currentTranslate;\n          setTranslate(currentTranslate, withTransition);\n          updateDots();\n        }\n\n        function nextSlide() {\n          currentIndex++;\n          moveToCurrent(true);\n          dismissHint();\n        }\n\n        function prevSlide() {\n          currentIndex--;\n          moveToCurrent(true);\n          dismissHint();\n        }\n\n        track.addEventListener('transitionend', () => {\n          if (track.children[currentIndex] && track.children[currentIndex].classList.contains('clone')) {\n            if (currentIndex === 0) {\n              currentIndex = totalSlides;\n            } else if (currentIndex === totalSlides + 1) {\n              currentIndex = 1;\n            }\n            moveToCurrent(false);\n          }\n        });\n\n        prevBtn.addEventListener('click', prevSlide);\n        nextBtn.addEventListener('click', nextSlide);\n\n        function pointerDown(clientX) {\n          isDragging = true;\n          startX = clientX;\n          viewport.classList.add('dragging');\n          track.style.transition = 'none';\n          dismissHint();\n        }\n\n        function pointerMove(clientX) {\n          if (!isDragging) return;\n          const delta = clientX - startX;\n          currentTranslate = prevTranslate + delta;\n          setTranslate(currentTranslate, false);\n        }\n\n        function pointerUp(clientX) {\n          if (!isDragging) return;\n          isDragging = false;\n          viewport.classList.remove('dragging');\n          const movedBy = clientX - startX;\n\n          if (movedBy < -60) {\n            currentIndex++;\n          } else if (movedBy > 60) {\n            currentIndex--;\n          }\n          moveToCurrent(true);\n        }\n\n        viewport.addEventListener('mousedown', e => pointerDown(e.clientX));\n        window.addEventListener('mousemove', e => pointerMove(e.clientX));\n        window.addEventListener('mouseup', e => pointerUp(e.clientX));\n\n        viewport.addEventListener('touchstart', e => pointerDown(e.touches[0].clientX), { passive: true });\n        viewport.addEventListener('touchmove', e => pointerMove(e.touches[0].clientX), { passive: true });\n        viewport.addEventListener('touchend', e => {\n          const touch = e.changedTouches[0];\n          pointerUp(touch ? touch.clientX : startX);\n        });\n\n        cloneSlides();\n        buildDots();\n        calculate();\n\n        window.addEventListener('resize', calculate);\n\n        \/* hint auto-hide after first small timeout if user interacted *\/\n        setTimeout(() => {\n          if (!hintDismissed && window.innerWidth <= 768) {\n            swipeHint.classList.remove('hidden');\n          }\n        }, 500);\n      }\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn Quran, Arabic &#038; Islamic Studies Online | Rouh &#038; Rehan Academy Nurture Your Soul with the Light of the Quran Join Rouh &#038; Rehan Academy for expert-led online Quran, Arabic, and Islamic Studies classes designed for kids, adults, and Muslim families across the USA, Canada, UK, and Europe. Claim Your 2 Free Trial Classes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":185,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Rouh Rehan Online<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rouhrehanonline.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Rouh Rehan Online\" \/>\n<meta property=\"og:description\" content=\"Learn Quran, Arabic &#038; Islamic Studies Online | Rouh &#038; Rehan Academy Nurture Your Soul with the Light of the Quran Join Rouh &#038; Rehan Academy for expert-led online Quran, Arabic, and Islamic Studies classes designed for kids, adults, and Muslim families across the USA, Canada, UK, and Europe. Claim Your 2 Free Trial Classes [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rouhrehanonline.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Rouh Rehan Online\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-08T00:18:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/hero-bg.png\" \/>\n\t<meta property=\"og:image:width\" content=\"832\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/\",\"url\":\"https:\\\/\\\/rouhrehanonline.com\\\/\",\"name\":\"Home - Rouh Rehan Online\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rouhrehanonline.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/hero-bg.png\",\"datePublished\":\"2026-02-07T22:00:13+00:00\",\"dateModified\":\"2026-04-08T00:18:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rouhrehanonline.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rouhrehanonline.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/hero-bg.png\",\"contentUrl\":\"https:\\\/\\\/rouhrehanonline.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/hero-bg.png\",\"width\":832,\"height\":832},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rouhrehanonline.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#website\",\"url\":\"https:\\\/\\\/rouhrehanonline.com\\\/\",\"name\":\"Rouh Rehan Online\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rouhrehanonline.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#organization\",\"name\":\"Rouh Rehan Online\",\"url\":\"https:\\\/\\\/rouhrehanonline.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/rouhrehanonline.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/cropped-logo-light-scaled-1.png\",\"contentUrl\":\"https:\\\/\\\/rouhrehanonline.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/cropped-logo-light-scaled-1.png\",\"width\":512,\"height\":512,\"caption\":\"Rouh Rehan Online\"},\"image\":{\"@id\":\"https:\\\/\\\/rouhrehanonline.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Rouh Rehan Online","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rouhrehanonline.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - Rouh Rehan Online","og_description":"Learn Quran, Arabic &#038; Islamic Studies Online | Rouh &#038; Rehan Academy Nurture Your Soul with the Light of the Quran Join Rouh &#038; Rehan Academy for expert-led online Quran, Arabic, and Islamic Studies classes designed for kids, adults, and Muslim families across the USA, Canada, UK, and Europe. Claim Your 2 Free Trial Classes [&hellip;]","og_url":"https:\/\/rouhrehanonline.com\/","og_site_name":"Rouh Rehan Online","article_modified_time":"2026-04-08T00:18:54+00:00","og_image":[{"width":832,"height":832,"url":"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/hero-bg.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rouhrehanonline.com\/","url":"https:\/\/rouhrehanonline.com\/","name":"Home - Rouh Rehan Online","isPartOf":{"@id":"https:\/\/rouhrehanonline.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rouhrehanonline.com\/#primaryimage"},"image":{"@id":"https:\/\/rouhrehanonline.com\/#primaryimage"},"thumbnailUrl":"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/hero-bg.png","datePublished":"2026-02-07T22:00:13+00:00","dateModified":"2026-04-08T00:18:54+00:00","breadcrumb":{"@id":"https:\/\/rouhrehanonline.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rouhrehanonline.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rouhrehanonline.com\/#primaryimage","url":"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/hero-bg.png","contentUrl":"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/04\/hero-bg.png","width":832,"height":832},{"@type":"BreadcrumbList","@id":"https:\/\/rouhrehanonline.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rouhrehanonline.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/rouhrehanonline.com\/#website","url":"https:\/\/rouhrehanonline.com\/","name":"Rouh Rehan Online","description":"","publisher":{"@id":"https:\/\/rouhrehanonline.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rouhrehanonline.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rouhrehanonline.com\/#organization","name":"Rouh Rehan Online","url":"https:\/\/rouhrehanonline.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rouhrehanonline.com\/#\/schema\/logo\/image\/","url":"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/02\/cropped-logo-light-scaled-1.png","contentUrl":"https:\/\/rouhrehanonline.com\/wp-content\/uploads\/2026\/02\/cropped-logo-light-scaled-1.png","width":512,"height":512,"caption":"Rouh Rehan Online"},"image":{"@id":"https:\/\/rouhrehanonline.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/rouhrehanonline.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rouhrehanonline.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rouhrehanonline.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rouhrehanonline.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rouhrehanonline.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":12,"href":"https:\/\/rouhrehanonline.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":340,"href":"https:\/\/rouhrehanonline.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/340"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rouhrehanonline.com\/index.php\/wp-json\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/rouhrehanonline.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}