---
title: "Tajweed Rules &amp; Recitation Correction | أكاديمية اقرأ وارتق"
description: "Read the Quran exactly as it was revealed! The Tajweed course is designed for those who wish to beautify their voice with the Quran and rea..."
url: "https://iqraairtqi.com/en/services/tajweed-rules-and-recitation-correction"
date: "2026-09-20T04:15:27+00:00"
---

# Tajweed Rules &amp; Recitation Correction | أكاديمية اقرأ وارتق

<html dir="ltr" lang="en"><head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <link href="https://iqraairtqi.com/storage/133/conversions/1726263439-webp-large.webp" rel="icon" type="image/webp"></link> <link href="https://iqraairtqi.com/storage/133/conversions/1726263439-webp-large.webp" rel="apple-touch-icon"></link> <title>Tajweed Rules &amp; Recitation Correction | أكاديمية اقرأ وارتق</title><meta content="Read the Quran exactly as it was revealed! The Tajweed course is designed for those who wish to beautify their voice with the Quran and rea..." name="description"></meta><meta content="Learn Quran online academy, online Quran academy, Quran memorization, Tajweed, Noorani Qaida, online Arabic classes, Islamic studies, free trial" name="keywords"></meta><meta content="index,follow,max-image-preview:large" name="robots"></meta><link href="https://iqraairtqi.com/en/services/tajweed-rules-and-recitation-correction" rel="canonical"></link><meta content="Tajweed Rules & Recitation Correction | أكاديمية اقرأ وارتق" property="og:title"></meta><meta content="Read the Quran exactly as it was revealed! The Tajweed course is designed for those who wish to beautify their voice with the Quran and rea..." property="og:description"></meta><meta content="https://media.iqraairtqi.com/1980/tajweed.jpg" property="og:image"></meta><meta content="https://iqraairtqi.com/en/services/tajweed-rules-and-recitation-correction" property="og:url"></meta><meta content="website" property="og:type"></meta><meta content="أكاديمية اقرأ وارتق" property="og:site_name"></meta><meta content="en_US" property="og:locale"></meta><meta content="ar_AR" property="og:locale:alternate"></meta><link href="https://iqraairtqi.com/services/%D8%A7%D9%84%D8%AA%D8%AC%D9%88%D9%8A%D8%AF" hreflang="ar" rel="alternate"></link><link href="https://iqraairtqi.com/en/services/tajweed-rules-and-recitation-correction" hreflang="en" rel="alternate"></link><link href="https://iqraairtqi.com/services/tajweed-rules-and-recitation-correction" hreflang="x-default" rel="alternate"></link><meta content="summary_large_image" name="twitter:card"></meta><meta content="Tajweed Rules & Recitation Correction | أكاديمية اقرأ وارتق" name="twitter:title"></meta><meta content="Read the Quran exactly as it was revealed! The Tajweed course is designed for those who wish to beautify their voice with the Quran and rea..." name="twitter:description"></meta><meta content="https://media.iqraairtqi.com/1980/tajweed.jpg" name="twitter:image"></meta><meta content="@IqraaIrtaqii" name="twitter:site"></meta> <link href="https://fonts.googleapis.com" rel="preconnect"></link> <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"></link> <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Outfit:wght@400;500;700&family=Tajawal:wght@400;500;700;800&display=swap" media="print" onload="this.media='all'" rel="stylesheet"></link> <noscript><link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Outfit:wght@400;500;700&family=Tajawal:wght@400;500;700;800&display=swap" rel="stylesheet"></link></noscript> <link as="font" crossorigin="" href="https://iqraairtqi.com/website/assets/fonts/fa-solid-900.woff2" rel="preload" type="font/woff2"></link> <link as="font" crossorigin="" href="https://iqraairtqi.com/website/assets/fonts/fa-light-300.woff2" rel="preload" type="font/woff2"></link> <link as="style" href="https://iqraairtqi.com/website/assets/css/style_v2.css?v=1788187133" rel="preload"></link> <link href="https://iqraairtqi.com/website/assets/css/style_v2.css?v=1788187133" rel="stylesheet"></link> <link as="style" href="https://iqraairtqi.com/website/assets/css/vendor/fontawesome-all.min.css?v=1785943869" rel="preload"></link> <link href="https://iqraairtqi.com/website/assets/css/vendor/fontawesome-all.min.css?v=1785943869" media="print" onload="this.media='all'" rel="stylesheet"></link> <noscript><link href="https://iqraairtqi.com/website/assets/css/vendor/fontawesome-all.min.css?v=1785943869" rel="stylesheet"></link></noscript> <meta content="GYuDdgrKALaGnk2GbPgWENnIW3AzY26KETjQdJIh" name="csrf-token"></meta> <link as="image" fetchpriority="high" href="https://media.iqraairtqi.com/1995/conversions/1785611632-webp-large.webp" rel="preload"></link> </head><body :class="mobileMenuOpen ? 'overflow-hidden' : ''" class="font-outfit text-dark bg-light antialiased" x-data="{ mobileMenuOpen: false }">  [ <svg class="w-8 h-8" fill="currentColor" viewbox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"></path> </svg> ](https://wa.me/97466657295)  <div class="fixed inset-0 bg-black/50 lg:hidden" false="" style="display:none; z-index: 10005;" x-show="mobileMenuOpen" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-end="opacity-100" x-transition:enter-start="opacity-0" x-transition:leave="transition-opacity ease-in duration-200" x-transition:leave-end="opacity-0" x-transition:leave-start="opacity-100"></div> <div class="fixed inset-y-0 left-0 w-[280px] bg-white shadow-2xl lg:hidden flex flex-col" style="display:none; z-index: 10006;" x-show="mobileMenuOpen" x-transition:enter="transition transform ease-out duration-300" x-transition:enter-end="translate-x-0" x-transition:enter-start="-translate-x-full" x-transition:leave="transition transform ease-in duration-200" x-transition:leave-end="-translate-x-full" x-transition:leave-start="translate-x-0"><div class="flex items-center justify-between p-4 border-b border-gray-100"> <span class="font-bold text-lg text-primary">Menu</span> <button aria-label="Close Menu" class="p-2 text-gray-500 hover:text-dark" false=""> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path d="M6 18L18 6M6 6l12 12" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> </svg> </button> </div><div class="flex-1 overflow-y-auto p-6 space-y-5 font-semibold text-gray-700"> [Home](https://iqraairtqi.com) [About](https://iqraairtqi.com/en/about-us) [Services](https://iqraairtqi.com/en/services) [Courses](https://iqraairtqi.com/en/courses) [Articles](https://iqraairtqi.com/en/blogs) [Contact](https://iqraairtqi.com/en/contact-us)---

 [ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm font-bold">AR</span> العربية ](https://iqraairtqi.com/switch-language/ar) <div class="flex items-center gap-3 mt-6 pt-6 border-t border-gray-100 justify-center"> [  ](https://www.facebook.com/iqraairtqi) [  ](https://x.com/iqraairtqi) [  ](https://www.instagram.com/iqraairtqi) [  ](https://www.youtube.com/@iqraairtqi) </div> </div> </div> <main> <section style="background: linear-gradient(135deg, #0f402e 0%, #14533c 100%); padding: 120px 0 60px; position:relative; overflow:hidden;"><div style="position:absolute;inset:0;z-index:0;"> ![](https://media.iqraairtqi.com/1995/conversions/1785611632-webp-large.webp) </div><div style="position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:rgba(197,160,64,0.08);pointer-events:none;"></div><div style="max-width:900px;margin:0 auto;padding:0 20px;text-align:center;position:relative;z-index:1;"><div style="display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:16px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);margin-bottom:24px;color:white;"><div style="width:36px;height:36px;"><svg class="w-full h-full" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></div> </div> Tajweed Rules &amp; Recitation Correction 
===========================================

<div style="color:rgba(255,255,255,0.5);font-size:0.9rem;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;"> [Home](https://iqraairtqi.com/en) <span>›</span> [Services](https://iqraairtqi.com/en/services) <span>›</span> <span style="color:#c5a040;">Tajweed Rules &amp; Recitation Correction</span> </div> </div> </section> <section style="background:#f5f7f5;padding:60px 0;"><div dir="ltr" style="max-width:800px;margin:0 auto;padding:0 20px;"><div style="text-align:center;margin-bottom:40px;"> <span style="color:#c5a040;font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:10px;"> Service Details </span> What will you find? 
---------------------

 </div><div dir="auto" style="background:white;border-radius:24px;padding:40px;box-shadow:0 2px 20px rgba(0,0,0,0.06);line-height:1.9;color:#4b5563;font-size:1rem;">Read the Quran exactly as it was revealed! The Tajweed course is designed for those who wish to beautify their voice with the Quran and read it perfectly without hidden or apparent errors.

**💪 What Does This Course Offer?**

- Detailed study of Tajweed rules (Noon Sakinah, Tanween, Madd, etc.).
- Practical application and direct recitation correction in every class.
- Granting authentic Ijazah (Sanad) for those who master it after passing exams.
- Dedicated classes for adults (men and women) with highly qualified teachers.
 
 </div> </div> </section> <section style="background:white;padding:70px 0;"><div dir="ltr" style="max-width:1100px;margin:0 auto;padding:0 20px;"><div style="text-align:center;margin-bottom:50px;"> <span style="color:#c5a040;font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:10px;"> Why Choose Us? </span> Benefits of Studying with Us 
------------------------------

 An exceptional learning environment combining authentic scholarship with modern tools

 </div><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;"><div onmouseout="this.style.boxShadow='none';this.style.transform='translateY(0)';" onmouseover="this.style.boxShadow='0 8px 30px rgba(0,0,0,0.1)';this.style.transform='translateY(-4px)';" style="background:#f5f7f5;border-radius:20px;padding:28px;border:1px solid #e5e7eb;transition:all 0.3s;"><div style="width:52px;height:52px;border-radius:14px;background:rgba(20,83,60,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg fill="none" height="26" stroke="#14533c" viewbox="0 0 24 24" width="26"><path d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </div>### Certified Teachers with Isnad

Elite teachers holding high-level Ijazahs in the Holy Quran and Arabic with connected chains of transmission.

 </div><div onmouseout="this.style.boxShadow='none';this.style.transform='translateY(0)';" onmouseover="this.style.boxShadow='0 8px 30px rgba(0,0,0,0.1)';this.style.transform='translateY(-4px)';" style="background:#f5f7f5;border-radius:20px;padding:28px;border:1px solid #e5e7eb;transition:all 0.3s;"><div style="width:52px;height:52px;border-radius:14px;background:rgba(197,160,64,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg fill="none" height="26" stroke="#c5a040" viewbox="0 0 24 24" width="26"><path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </div>### Continuous Supervision

A specialized team monitors session quality and student progress, sending periodic reports to parents.

 </div><div onmouseout="this.style.boxShadow='none';this.style.transform='translateY(0)';" onmouseover="this.style.boxShadow='0 8px 30px rgba(0,0,0,0.1)';this.style.transform='translateY(-4px)';" style="background:#f5f7f5;border-radius:20px;padding:28px;border:1px solid #e5e7eb;transition:all 0.3s;"><div style="width:52px;height:52px;border-radius:14px;background:rgba(15,64,46,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg fill="none" height="26" stroke="#0f402e" viewbox="0 0 24 24" width="26"><path d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </div>### Flexible Schedules

Choose the time that perfectly suits you, with the flexibility to modify anytime without restrictions.

 </div><div onmouseout="this.style.boxShadow='none';this.style.transform='translateY(0)';" onmouseover="this.style.boxShadow='0 8px 30px rgba(0,0,0,0.1)';this.style.transform='translateY(-4px)';" style="background:#f5f7f5;border-radius:20px;padding:28px;border:1px solid #e5e7eb;transition:all 0.3s;"><div style="width:52px;height:52px;border-radius:14px;background:rgba(20,83,60,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg fill="none" height="26" stroke="#14533c" viewbox="0 0 24 24" width="26"><path d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </div>### Direct Teacher Communication

Connect with your teacher anytime for questions, follow-up, and resolving any challenges.

 </div><div onmouseout="this.style.boxShadow='none';this.style.transform='translateY(0)';" onmouseover="this.style.boxShadow='0 8px 30px rgba(0,0,0,0.1)';this.style.transform='translateY(-4px)';" style="background:#f5f7f5;border-radius:20px;padding:28px;border:1px solid #e5e7eb;transition:all 0.3s;"><div style="width:52px;height:52px;border-radius:14px;background:rgba(197,160,64,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg fill="none" height="26" stroke="#c5a040" viewbox="0 0 24 24" width="26"><path d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </div>### Competitive &amp; Flexible Pricing

Affordable prices for all budgets with multiple payment options to ease your learning journey.

 </div><div onmouseout="this.style.boxShadow='none';this.style.transform='translateY(0)';" onmouseover="this.style.boxShadow='0 8px 30px rgba(0,0,0,0.1)';this.style.transform='translateY(-4px)';" style="background:#f5f7f5;border-radius:20px;padding:28px;border:1px solid #e5e7eb;transition:all 0.3s;"><div style="width:52px;height:52px;border-radius:14px;background:rgba(15,64,46,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg fill="none" height="26" stroke="#0f402e" viewbox="0 0 24 24" width="26"><path d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </div>### For Arabs &amp; Non-Arabs Worldwide

We welcome students from around the world and communicate in their language.

 </div> </div> </div> </section> <section style="background:#f5f7f5;padding:70px 0;"><div dir="ltr" style="max-width:900px;margin:0 auto;padding:0 20px;"><div style="text-align:center;margin-bottom:50px;"> <span style="color:#c5a040;font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:10px;"> How to Start? </span> 3 Simple Steps to Begin 
-------------------------

 </div><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;direction:ltr;"><div style="text-align:center;"><div onmouseout="this.style.transform='scale(1)'" onmouseover="this.style.transform='scale(1.1)'" style="width:80px;height:80px;border-radius:50%;background:#14533c;color:white;font-size:2rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px rgba(20,83,60,0.25);transition:transform 0.3s;">1</div>### Contact Us

Contact us via WhatsApp and our support team will respond within minutes.

 </div><div style="text-align:center;"><div onmouseout="this.style.transform='scale(1)'" onmouseover="this.style.transform='scale(1.1)'" style="width:80px;height:80px;border-radius:50%;background:#c5a040;color:white;font-size:2rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px rgba(197,160,64,0.25);transition:transform 0.3s;">2</div>### Book a Trial Session

Book your free trial session to discover the teaching style and assess your level.

 </div><div style="text-align:center;"><div onmouseout="this.style.transform='scale(1)'" onmouseover="this.style.transform='scale(1.1)'" style="width:80px;height:80px;border-radius:50%;background:#0f402e;color:white;font-size:2rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px rgba(15,64,46,0.25);transition:transform 0.3s;">3</div>### Start Your Journey!

Enroll in the right program and begin your journey with your chosen teacher.

 </div> </div> </div> </section> <section style="background:linear-gradient(135deg,#0f402e 0%,#14533c 100%);padding:80px 0;position:relative;overflow:hidden;"><div style="position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:rgba(197,160,64,0.1);pointer-events:none;"></div><div style="position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,0.04);pointer-events:none;"></div><div dir="ltr" style="max-width:700px;margin:0 auto;padding:0 20px;text-align:center;position:relative;z-index:1;"><div style="color:#c5a040;font-size:1.4rem;margin-bottom:20px;">★★★★★</div> Start Your Journey with Iqraa Irtaqii Today 
---------------------------------------------

 Join thousands of students. Don't delay your journey with the Book of Allah.

<div style="display:flex;flex-wrap:wrap;gap:16px;justify-content:center;"> [  Book Your Free Trial Session Now ](https://wa.me/97466657295) </div> </div> </section> </main> <div aria-label="Bottom Navigation" class="mobile-bottom-nav"><div class="nav-grid"> [ <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Home</span> ](https://iqraairtqi.com) [ <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Services</span> ](https://iqraairtqi.com/en/services) [<div class="circle-btn"> <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5"></path></svg> </div> <span>Free Trial</span> ](https://iqraairtqi.com/en/contact-us "Free Trial") [ <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Blog</span> ](https://iqraairtqi.com/en/blogs) [ <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Login</span> ](https://iqraairtqi.com/login) </div> </div><div class="fixed inset-0 z-[100] flex items-center justify-center bg-black/60 backdrop-blur-sm hidden opacity-0 transition-opacity duration-300" id="airport-popup"><div class="bg-white rounded-3xl shadow-2xl p-6 max-w-sm w-full mx-4 relative transform scale-95 transition-transform duration-300" id="airport-modal"> <button aria-label="Close" class="absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition" id="airport-close">  </button><div class="text-center mb-5"><div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-4 text-3xl" id="airport-flag"> 🌍 </div>###  Welcome! 

 Browsing from .   
 Would you like to see your local pricing?

 </div><div class="flex flex-col gap-2"> [ Yes, go to my country page ](#) <button class="w-full py-2.5 px-4 bg-gray-100 text-gray-600 text-sm font-bold rounded-xl hover:bg-gray-200 transition" id="airport-btn-no"> No, stay here </button> </div> </div></div><div aria-labelledby="modal-title" aria-modal="true" class="fixed inset-0 z-[100] overflow-y-auto overflow-x-hidden" role="dialog" style="display:none;" x-data="blogSearch()" x-on:keydown.window="handleGlobalKey($event)" x-on:keydown.window.escape="close()" x-on:open-search.window="open()" x-show="isOpen"><div class="fixed inset-0 bg-gray-900/60 backdrop-blur-sm transition-opacity" x-show="isOpen" x-transition:enter="ease-out duration-300" x-transition:enter-end="opacity-100" x-transition:enter-start="opacity-0" x-transition:leave="ease-in duration-200" x-transition:leave-end="opacity-0" x-transition:leave-start="opacity-100"></div><div class="flex min-h-full items-center justify-center p-4 text-center sm:p-0"><div class="relative transform overflow-hidden rounded-3xl bg-white text-left shadow-2xl transition-all w-full max-w-2xl sm:my-8" x-show="isOpen" x-transition:enter="ease-out duration-300" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:leave="ease-in duration-200" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"><div class="bg-gray-50/50 px-4 py-5 sm:p-6 sm:pb-5 border-b border-gray-100"><div class="sm:flex sm:items-start"><div class="mx-auto flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-full bg-primary/10 sm:mx-0 sm:h-12 sm:w-12">  </div><div class="mt-4 sm:mt-0 sm:ms-4 text-center sm:text-start flex-1">###  Search Articles 

<div class="mt-2 relative"> <input autocomplete="off" class="w-full border-0 border-b-2 border-gray-200 bg-transparent px-0 py-3 text-xl focus:border-primary focus:ring-0 transition-colors" placeholder="Search for Quran, Tajweed, etc..." type="search" x-model.debounce.300ms="query" x-ref="searchInput"></input> </div> </div> </div> </div><div class="max-h-[50vh] overflow-y-auto bg-white"><div class="flex justify-center items-center py-12" x-show="loading"><div class="animate-spin rounded-full h-10 w-10 border-4 border-primary/20 border-t-primary"></div> </div><div class="text-center py-12 px-6" x-show="!loading && query.length >= 2 && results.length === 0"><div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-50 mb-4">  </div>### No results found

Try searching with different keywords or check spelling.

 </div><div class="text-center py-10" x-show="!loading && query.length < 2"> Type at least 2 characters to start searching...

 </div><div class="divide-y divide-gray-100" x-show="!loading && results.length > 0"> <template :key="i" x-for="(item, i) in results"> <a :href="item.url" class="group flex items-center gap-4 px-6 py-4 hover:bg-gray-50 transition-colors"><div class="h-16 w-16 flex-shrink-0 overflow-hidden rounded-xl bg-gray-100"> ![]() </div><div class="flex-1 min-w-0"> <span :style="'background-color:' + item.color + '15; color:' + item.color" class="inline-flex items-center rounded-full px-2.5 py-0.5 mt-1 text-xs font-semibold" x-text="item.category"> </span> </div><div class="text-gray-400 group-hover:text-primary transition-colors rtl:rotate-180">  </div> </a> </template> </div> </div><div class="bg-gray-50 px-6 py-3 flex items-center justify-between text-xs text-gray-500"><div class="flex items-center gap-4"> <span class="flex items-center gap-1"><kbd class="bg-white border border-gray-200 rounded px-1.5 py-0.5 font-sans">Esc</kbd> Close</span> <span class="flex items-center gap-1"><kbd class="bg-white border border-gray-200 rounded px-1.5 py-0.5 font-sans">Enter</kbd> Open</span> </div><div class="flex items-center gap-1 font-semibold text-gray-400"> Powered by Meilisearch  </div> </div> </div> </div> </div> 