Arab Arabic \u2014 \u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Tajawal:wght@300;400;500;700;800&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\"\/>\n<style>\n:root {\n --ink: #1a1410;\n --sand: #f5ede0;\n --sand2: #ecdcca;\n --amber: #c8832a;\n --amber2: #e8a23a;\n --green: #2d6a4f;\n --green2: #40916c;\n --cream: #fdf8f2;\n --white: #ffffff;\n --gray: #7a6e65;\n --border: rgba(200,131,42,.18);\n}\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Tajawal',sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\nheader{\n position:fixed;top:0;width:100%;z-index:100;\n background:rgba(253,248,242,.92);\n backdrop-filter:blur(12px);\n border-bottom:1px solid var(--border);\n padding:14px 5%;\n display:flex;align-items:center;justify-content:space-between;\n}\n.logo{display:flex;align-items:center;gap:10px}\n.logo-icon{width:40px;height:40px;background:var(--green);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Amiri',serif;color:#fff;font-size:20px;font-weight:700}\n.logo-text{font-family:'Amiri',serif;font-size:18px;font-weight:700;color:var(--ink)}\n.logo-text span{color:var(--amber);display:block;font-size:11px;font-weight:400;margin-top:-2px}\nnav{display:flex;align-items:center;gap:28px}\nnav a{font-size:13px;font-weight:500;color:var(--gray);text-decoration:none;transition:color .2s}\nnav a:hover{color:var(--amber)}\n.nav-cta{background:var(--green);color:#fff !important;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600}\n.nav-cta:hover{background:var(--green2);color:#fff !important}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{\n min-height:100vh;\n padding:120px 5% 80px;\n display:grid;grid-template-columns:1fr 1fr;\n align-items:center;gap:60px;\n position:relative;overflow:hidden;\n}\n.hero::before{\n content:'';position:absolute;inset:0;\n background:radial-gradient(ellipse 70% 60% at 80% 50%,rgba(200,131,42,.08) 0%,transparent 70%),\n radial-gradient(ellipse 50% 50% at 10% 80%,rgba(45,106,79,.07) 0%,transparent 60%);\n pointer-events:none;\n}\n.hero-badge{\n display:inline-flex;align-items:center;gap:6px;\n background:rgba(200,131,42,.12);border:1px solid rgba(200,131,42,.3);\n color:var(--amber);font-size:12px;font-weight:600;\n padding:5px 14px;border-radius:20px;margin-bottom:20px;\n}\n.hero-badge::before{content:'\u2605';font-size:11px}\n.hero h1{\n font-family:'Amiri',serif;\n font-size:clamp(2.4rem,4.5vw,3.8rem);\n line-height:1.2;color:var(--ink);margin-bottom:8px;\n}\n.hero h1 em{font-style:normal;color:var(--amber)}\n.hero-sub{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--gray);font-weight:300;margin-bottom:28px;line-height:1.7}\n.hero-en{font-family:'Playfair Display',serif;font-size:clamp(.9rem,1.4vw,1.1rem);color:var(--green);margin-bottom:32px;font-style:italic}\n.hero-actions{display:flex;gap:14px;flex-wrap:wrap}\n.btn-primary{\n display:inline-flex;align-items:center;gap:8px;\n background:var(--green);color:#fff;font-size:15px;font-weight:600;\n padding:14px 28px;border-radius:12px;text-decoration:none;\n box-shadow:0 4px 20px rgba(45,106,79,.3);transition:all .25s;\n}\n.btn-primary:hover{background:var(--green2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(45,106,79,.35)}\n.btn-secondary{\n display:inline-flex;align-items:center;gap:8px;\n background:transparent;color:var(--amber);font-size:15px;font-weight:600;\n padding:14px 28px;border-radius:12px;text-decoration:none;\n border:2px solid var(--amber);transition:all .25s;\n}\n.btn-secondary:hover{background:rgba(200,131,42,.08)}\n.hero-stats{display:flex;gap:32px;margin-top:40px;padding-top:28px;border-top:1px solid var(--border)}\n.stat-item .stat-num{font-family:'Amiri',serif;font-size:2rem;font-weight:700;color:var(--amber)}\n.stat-item .stat-lbl{font-size:12px;color:var(--gray);margin-top:2px}\n\n\/* hero visual *\/\n.hero-visual{position:relative}\n.book-stack{\n width:100%;max-width:440px;margin:0 auto;\n display:grid;grid-template-columns:1fr 1fr;gap:14px;\n}\n.book-card{\n border-radius:16px;padding:24px 18px;text-align:center;\n box-shadow:0 6px 30px rgba(0,0,0,.09);\n transition:transform .3s;cursor:pointer;position:relative;overflow:hidden;\n}\n.book-card:hover{transform:translateY(-6px)}\n.book-card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--green) 0%,var(--green2) 100%);color:#fff}\n.book-card.amber{background:linear-gradient(135deg,var(--amber) 0%,var(--amber2) 100%);color:#fff}\n.book-card.light{background:var(--sand);color:var(--ink)}\n.book-card.white{background:var(--white);color:var(--ink);border:1px solid var(--border)}\n.book-emoji{font-size:2.4rem;margin-bottom:10px}\n.book-title{font-family:'Amiri',serif;font-size:14px;font-weight:700;margin-bottom:4px}\n.book-price{font-size:12px;opacity:.8}\n.book-badge{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.25);font-size:10px;padding:2px 8px;border-radius:20px;font-weight:600}\n\n\/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\nsection{padding:80px 5%}\n.section-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin-bottom:10px}\n.section-title{font-family:'Amiri',serif;font-size:clamp(1.8rem,3vw,2.6rem);color:var(--ink);margin-bottom:12px;line-height:1.3}\n.section-sub{font-size:15px;color:var(--gray);max-width:520px;line-height:1.7}\n.section-header{margin-bottom:50px}\n.grid-center{display:flex;flex-direction:column;align-items:center;text-align:center}\n.grid-center .section-sub{text-align:center}\n\n\/* \u2500\u2500 BOOKS SECTION \u2500\u2500 *\/\n.books-section{background:var(--white)}\n.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}\n.product-card{\n background:var(--cream);border-radius:16px;overflow:hidden;\n border:1px solid var(--border);transition:all .3s;\n}\n.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.1)}\n.product-cover{\n height:180px;display:flex;align-items:center;justify-content:center;\n font-size:4rem;position:relative;\n}\n.product-cover.g1{background:linear-gradient(135deg,#2d6a4f,#52b788)}\n.product-cover.g2{background:linear-gradient(135deg,#c8832a,#e8a23a)}\n.product-cover.g3{background:linear-gradient(135deg,#5a4fcf,#8b80f9)}\n.product-cover.g4{background:linear-gradient(135deg,#c9184a,#ff4d6d)}\n.product-cover.g5{background:linear-gradient(135deg,#023e8a,#0096c7)}\n.product-cover.g6{background:linear-gradient(135deg,#6a4c2d,#c8832a)}\n.product-tag{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.9);color:var(--ink);font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px}\n.product-body{padding:18px}\n.product-name{font-family:'Amiri',serif;font-size:16px;font-weight:700;margin-bottom:4px;color:var(--ink)}\n.product-name-en{font-size:11px;color:var(--gray);margin-bottom:10px;font-style:italic}\n.product-desc{font-size:12px;color:var(--gray);line-height:1.6;margin-bottom:14px}\n.product-footer{display:flex;align-items:center;justify-content:space-between}\n.product-price{font-size:18px;font-weight:700;color:var(--amber);font-family:'Amiri',serif}\n.product-price small{font-size:11px;color:var(--gray);font-weight:400;font-family:'Tajawal',sans-serif}\n.btn-buy{background:var(--green);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Tajawal',sans-serif;transition:background .2s}\n.btn-buy:hover{background:var(--green2)}\n\n\/* \u2500\u2500 COURSES \u2500\u2500 *\/\n.courses-section{background:var(--sand)}\n.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}\n.course-card{\n background:var(--white);border-radius:16px;padding:26px;\n border:1px solid var(--border);transition:all .3s;position:relative;overflow:hidden;\n}\n.course-card::before{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:var(--green)}\n.course-card.amber::before{background:var(--amber)}\n.course-card.purple::before{background:#5a4fcf}\n.course-card:hover{transform:translateY(-4px);box-shadow:0 10px 36px rgba(0,0,0,.09)}\n.course-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}\n.course-icon.green-bg{background:rgba(45,106,79,.1)}\n.course-icon.amber-bg{background:rgba(200,131,42,.1)}\n.course-icon.purple-bg{background:rgba(90,79,207,.1)}\n.course-name{font-family:'Amiri',serif;font-size:18px;font-weight:700;margin-bottom:6px}\n.course-name-en{font-size:11px;color:var(--gray);margin-bottom:12px;font-style:italic}\n.course-desc{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:18px}\n.course-meta{display:flex;gap:14px;margin-bottom:18px}\n.course-meta span{font-size:11px;color:var(--gray);display:flex;align-items:center;gap:4px}\n.course-meta span::before{content:'\u2713';color:var(--green);font-weight:700}\n.course-footer{display:flex;align-items:center;justify-content:space-between}\n.course-price{font-size:22px;font-weight:700;color:var(--ink);font-family:'Amiri',serif}\n.btn-enroll{background:transparent;color:var(--green);border:2px solid var(--green);border-radius:8px;padding:8px 18px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .2s}\n.btn-enroll:hover{background:var(--green);color:#fff}\n.course-tag{position:absolute;top:18px;left:18px;background:rgba(200,131,42,.15);color:var(--amber);font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px}\n\n\/* \u2500\u2500 FREE DOWNLOADS \u2500\u2500 *\/\n.downloads-section{background:var(--green);color:#fff;position:relative;overflow:hidden}\n.downloads-section::before{content:'';position:absolute;inset:0;background:url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");pointer-events:none}\n.downloads-section .section-title{color:#fff}\n.downloads-section .section-sub{color:rgba(255,255,255,.75)}\n.downloads-section .section-label{color:rgba(255,255,255,.6)}\n.downloads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}\n.download-card{\n background:rgba(255,255,255,.1);backdrop-filter:blur(8px);\n border:1px solid rgba(255,255,255,.15);border-radius:14px;\n padding:22px;display:flex;gap:16px;align-items:flex-start;\n transition:all .3s;cursor:pointer;\n}\n.download-card:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}\n.download-icon{width:46px;height:46px;border-radius:10px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}\n.download-info .dl-name{font-family:'Amiri',serif;font-size:15px;font-weight:700;margin-bottom:3px}\n.download-info .dl-desc{font-size:12px;opacity:.75;line-height:1.5;margin-bottom:8px}\n.download-info .dl-btn{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;cursor:pointer;transition:background .2s;border:none;font-family:'Tajawal',sans-serif}\n.download-info .dl-btn:hover{background:rgba(255,255,255,.3)}\n\n\/* \u2500\u2500 WHY US \u2500\u2500 *\/\n.why-section{background:var(--cream)}\n.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;margin-top:50px}\n.why-card{text-align:center;padding:30px 20px}\n.why-icon{width:64px;height:64px;border-radius:16px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:26px}\n.why-icon.g{background:rgba(45,106,79,.1)}\n.why-icon.a{background:rgba(200,131,42,.1)}\n.why-icon.p{background:rgba(90,79,207,.1)}\n.why-icon.r{background:rgba(201,24,74,.1)}\n.why-title{font-family:'Amiri',serif;font-size:17px;font-weight:700;margin-bottom:8px}\n.why-desc{font-size:13px;color:var(--gray);line-height:1.7}\n\n\/* \u2500\u2500 TRIAL CTA \u2500\u2500 *\/\n.trial-section{\n background:linear-gradient(135deg,var(--amber) 0%,var(--amber2) 50%,#e8be7a 100%);\n padding:80px 5%;text-align:center;\n}\n.trial-section h2{font-family:'Amiri',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);color:#fff;margin-bottom:14px}\n.trial-section p{font-size:16px;color:rgba(255,255,255,.88);margin-bottom:32px;line-height:1.7}\n.trial-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:600px;margin:0 auto}\n.trial-form input{\n flex:1;min-width:200px;padding:13px 18px;border-radius:10px;border:none;\n font-size:14px;font-family:'Tajawal',sans-serif;color:var(--ink);\n background:#fff;outline:none;\n}\n.trial-form input::placeholder{color:#aaa}\n.btn-trial{background:var(--green);color:#fff;border:none;border-radius:10px;padding:13px 28px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif;white-space:nowrap;transition:all .2s}\n.btn-trial:hover{background:var(--green2);transform:translateY(-2px)}\n.trial-note{font-size:12px;color:rgba(255,255,255,.7);margin-top:14px}\n\n\/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n.testi-section{background:var(--white)}\n.testi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}\n.testi-card{\n background:var(--cream);border-radius:16px;padding:26px;\n border:1px solid var(--border);\n}\n.testi-stars{color:var(--amber);font-size:14px;margin-bottom:14px}\n.testi-text{font-size:14px;color:var(--ink);line-height:1.75;margin-bottom:18px;font-style:italic}\n.testi-author{display:flex;align-items:center;gap:12px}\n.testi-avatar{width:40px;height:40px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-family:'Amiri',serif;font-weight:700}\n.testi-name{font-size:13px;font-weight:700;color:var(--ink)}\n.testi-location{font-size:11px;color:var(--gray)}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter{background:var(--ink);color:#fff;padding:60px 5% 30px}\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}\n.footer-brand .logo-text{color:#fff;font-size:20px}\n.footer-brand p{font-size:13px;color:rgba(255,255,255,.55);margin-top:14px;line-height:1.7;max-width:260px}\n.footer-col h4{font-size:13px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}\n.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.7);text-decoration:none;margin-bottom:10px;transition:color .2s}\n.footer-col a:hover{color:var(--amber)}\n.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}\n.footer-bottom p{font-size:12px;color:rgba(255,255,255,.4)}\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n.hero-content{animation:fadeUp .7s ease both}\n.hero-visual{animation:fadeUp .7s .15s ease both}\n.book-card{animation:float 4s ease-in-out infinite}\n.book-card:nth-child(2){animation-delay:.5s}\n.book-card:nth-child(3){animation-delay:1s}\n.book-card:nth-child(4){animation-delay:1.5s}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:768px){\n header{padding:12px 4%}\n nav a:not(.nav-cta){display:none}\n .hero{grid-template-columns:1fr;padding:100px 4% 60px;gap:40px}\n .hero-visual{order:-1}\n .book-stack{max-width:320px}\n .footer-grid{grid-template-columns:1fr 1fr}\n .footer-brand{grid-column:span 2}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header>\n <div class=\"logo\">\n <div class=\"logo-icon\">\u0639<\/div>\n <div class=\"logo-text\">\n Arab Arabic\n <span>\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/span>\n <\/div>\n <\/div>\n <nav>\n <a href=\"#books\">\u0627\u0644\u0643\u062a\u0628<\/a>\n <a href=\"#courses\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a<\/a>\n <a href=\"#downloads\">\u062a\u0646\u0632\u064a\u0644\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n <a href=\"#trial\" class=\"nav-cta\">\u062d\u0635\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n <\/nav>\n<\/header>\n\n\n<section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0643\u0628\u0627\u0631<\/div>\n <h1>\u062a\u0639\u0644\u0645 <em>\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/em><br\/>\u0628\u0637\u0631\u064a\u0642\u0629 \u0633\u0647\u0644\u0629 \u0648\u0645\u0645\u062a\u0639\u0629<\/h1>\n <p class=\"hero-sub\">\u0643\u062a\u0628 \u062a\u0639\u0644\u064a\u0645\u064a\u0629\u060c \u062f\u0648\u0631\u0627\u062a \u0623\u0648\u0646\u0644\u0627\u064a\u0646\u060c \u0648\u0645\u0648\u0627\u0631\u062f \u0645\u062c\u0627\u0646\u064a\u0629<br\/>\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0644\u0646\u0627\u0637\u0642\u064a\u0646 \u0628\u063a\u064a\u0631 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/p>\n <p class=\"hero-en\">Learn Arabic \u2014 from letters to fluency, at your own pace<\/p>\n <div class=\"hero-actions\">\n <a href=\"#books\" class=\"btn-primary\">\ud83d\uded2 \u062a\u0635\u0641\u062d \u0627\u0644\u0643\u062a\u0628<\/a>\n <a href=\"#trial\" class=\"btn-secondary\">\ud83c\udfaf \u062d\u0635\u0629 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-num\">500+<\/div>\n <div class=\"stat-lbl\">\u0637\u0627\u0644\u0628 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">12+<\/div>\n <div class=\"stat-lbl\">\u0643\u062a\u0627\u0628 \u062a\u0639\u0644\u064a\u0645\u064a<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">4.9<\/div>\n <div class=\"stat-lbl\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062a\u0639\u0644\u0645\u064a\u0646<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"book-stack\">\n <div class=\"book-card featured\">\n <div class=\"book-badge\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u0627\u064b<\/div>\n <div class=\"book-emoji\">\ud83d\udcd6<\/div>\n <div class=\"book-title\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0623\u0648\u0644<\/div>\n <div class=\"book-price\">$19 \u00b7 PDF + Audio<\/div>\n <\/div>\n <div class=\"book-card amber\">\n <div class=\"book-emoji\">\u270d\ufe0f<\/div>\n <div class=\"book-title\">\u062a\u0639\u0644\u0645 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0631\u0628\u064a<\/div>\n <div class=\"book-price\">$15<\/div>\n <\/div>\n <div class=\"book-card light\">\n <div class=\"book-emoji\">\ud83d\udd4c<\/div>\n <div class=\"book-title\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0642\u0631\u0622\u0646<\/div>\n <div class=\"book-price\">$17<\/div>\n <\/div>\n <div class=\"book-card white\">\n <div class=\"book-emoji\">\ud83c\udf93<\/div>\n <div class=\"book-title\">\u0644\u0644\u0643\u0628\u0627\u0631 \u2014 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a<\/div>\n <div class=\"book-price\">$22<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"books-section\" id=\"books\">\n <div class=\"section-header grid-center\">\n <span class=\"section-label\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/span>\n <h2 class=\"section-title\">\u0643\u062a\u0628 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h2>\n <p class=\"section-sub\">\u0643\u0644 \u0643\u062a\u0627\u0628 \u0645\u0635\u0645\u0645 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u064a\u0646\u0627\u0633\u0628 \u0645\u062a\u0639\u0644\u0645\u0627\u064b \u0628\u0639\u064a\u0646\u0647 \u2014 \u0645\u0646 \u0627\u0644\u0637\u0641\u0644 \u0627\u0644\u0635\u063a\u064a\u0631 \u062d\u062a\u0649 \u0627\u0644\u0628\u0627\u0644\u063a \u0627\u0644\u0628\u0627\u062d\u062b \u0639\u0646 \u0627\u0644\u0625\u062a\u0642\u0627\u0646<\/p>\n <\/div>\n <div class=\"books-grid\">\n <div class=\"product-card\">\n <div class=\"product-cover g1\"><span>\ud83d\udcd7<\/span><span class=\"product-tag\">\u0644\u0644\u0623\u0637\u0641\u0627\u0644 4\u20138<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0661<\/div>\n <div class=\"product-name-en\">Arabic for Kids – Level 1<\/div>\n <div class=\"product-desc\">\u0627\u0644\u062d\u0631\u0648\u0641\u060c \u0627\u0644\u0623\u0635\u0648\u0627\u062a\u060c \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u0649 \u0628\u0623\u0633\u0644\u0648\u0628 \u0628\u0635\u0631\u064a \u0645\u0645\u062a\u0639 \u0645\u0639 \u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$19 <small>PDF + \u0635\u0648\u062a<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g2\"><span>\ud83d\udcd9<\/span><span class=\"product-tag\">\u0644\u0644\u0623\u0637\u0641\u0627\u0644 8\u201312<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0662<\/div>\n <div class=\"product-name-en\">Arabic for Kids – Level 2<\/div>\n <div class=\"product-desc\">\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0648\u0627\u0644\u0643\u062a\u0627\u0628\u0629\u060c \u0627\u0644\u062c\u0645\u0644 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0627\u0644\u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0642\u0635\u0635 \u0627\u0644\u0642\u0635\u064a\u0631\u0629<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$19 <small>PDF + \u0635\u0648\u062a<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g3\"><span>\ud83d\udcd8<\/span><span class=\"product-tag\">\u0644\u0644\u0643\u0628\u0627\u0631<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u2014 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a<\/div>\n <div class=\"product-name-en\">Arabic for Adults – Basics<\/div>\n <div class=\"product-desc\">\u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0644\u0644\u0645\u062d\u0627\u062f\u062b\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u2014 \u0645\u0646\u0647\u062c \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u0631\u0627\u0631 \u0648\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$24 <small>PDF \u0643\u0627\u0645\u0644<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g4\"><span>\ud83d\udcd5<\/span><span class=\"product-tag\">\u0642\u0631\u0622\u0646<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0641\u0647\u0645 \u0627\u0644\u0642\u0631\u0622\u0646<\/div>\n <div class=\"product-name-en\">Arabic for Quran Understanding<\/div>\n <div class=\"product-desc\">\u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u0627\u0644\u0623\u0643\u062b\u0631 \u062a\u0643\u0631\u0627\u0631\u0627\u064b \u0645\u0639 \u0634\u0631\u062d \u0645\u0628\u0633\u0637 \u0648\u0627\u0644\u0633\u064a\u0627\u0642 \u0627\u0644\u0642\u0631\u0622\u0646\u064a<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$22 <small>PDF + \u062a\u062f\u0631\u064a\u0628\u0627\u062a<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g5\"><span>\u270d\ufe0f<\/span><span class=\"product-tag\">\u062e\u0637 \u0639\u0631\u0628\u064a<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0643\u062a\u0627\u0628 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0631\u0628\u064a<\/div>\n <div class=\"product-name-en\">Arabic Handwriting Book<\/div>\n <div class=\"product-desc\">\u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0631\u0648\u0641 \u0648\u0627\u0644\u0643\u0644\u0645\u0627\u062a \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629 \u0645\u0639 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0637\u0628\u0627\u0639\u0629<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$15 <small>\u0637\u0628\u0627\u0639\u0629 + PDF<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g6\"><span>\ud83c\udf81<\/span><span class=\"product-tag\">\u0648\u0641\u0651\u0631 40%<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u2014 \u0643\u0644 \u0627\u0644\u0643\u062a\u0628<\/div>\n <div class=\"product-name-en\">Complete Bundle – All Books<\/div>\n <div class=\"product-desc\">\u062c\u0645\u064a\u0639 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062e\u0645\u0633\u0629 \u0628\u0633\u0639\u0631 \u0648\u0627\u062d\u062f \u0645\u062e\u0641\u0636 \u2014 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0644\u0645\u062a\u062d\u0645\u0633\u064a\u0646<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$59 <small>\u0628\u062f\u0644\u0627\u064b \u0645\u0646 $99<\/small><\/div>\n <button class=\"btn-buy\" style=\"background:var(--amber)\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0628\u0627\u0642\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"courses-section\" id=\"courses\">\n <div class=\"section-header grid-center\">\n <span class=\"section-label\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629<\/span>\n <h2 class=\"section-title\">\u062a\u0639\u0644\u0645 \u0645\u0639 \u0645\u0639\u0644\u0645 \u0645\u062a\u062e\u0635\u0635<\/h2>\n <p class=\"section-sub\">\u062d\u0635\u0635 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0645\u0639\u0644\u0645\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u2014 \u0645\u0631\u0648\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u062c\u062f\u0627\u0648\u0644<\/p>\n <\/div>\n <div class=\"courses-grid\">\n <div class=\"course-card\">\n <div class=\"course-tag\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b<\/div>\n <div class=\"course-icon green-bg\">\ud83e\uddd2<\/div>\n <div class=\"course-name\">\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 3 \u0623\u0634\u0647\u0631<\/div>\n <div class=\"course-name-en\">Kids Arabic Program – 3 Months<\/div>\n <div class=\"course-desc\">\u0628\u0631\u0646\u0627\u0645\u062c \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 4\u201312 \u0633\u0646\u0629. \u062d\u0635\u062a\u0627\u0646 \u0623\u0633\u0628\u0648\u0639\u064a\u0627\u064b \u0645\u0639 \u062a\u0642\u0631\u064a\u0631 \u0644\u0644\u0648\u0627\u0644\u062f\u064a\u0646 \u0628\u0639\u062f \u0643\u0644 \u062d\u0635\u0629.<\/div>\n <div class=\"course-meta\">\n <span>8 \u062d\u0635\u0635\/\u0634\u0647\u0631<\/span>\n <span>\u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u0633\u0628\u0648\u0639\u064a\u0629<\/span>\n <span>\u0636\u0645\u0627\u0646 30 \u064a\u0648\u0645<\/span>\n <\/div>\n <div class=\"course-footer\">\n <div class=\"course-price\">$65<small style=\"font-size:13px;color:var(--gray);font-family:'Tajawal'\">\/\u0634\u0647\u0631<\/small><\/div>\n <button class=\"btn-enroll\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <div class=\"course-card amber\">\n <div class=\"course-icon amber-bg\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\n <div class=\"course-name\">\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u2014 \u0645\u0631\u0646<\/div>\n <div class=\"course-name-en\">Adults Program – Flexible<\/div>\n <div class=\"course-desc\">\u0644\u0644\u0643\u0628\u0627\u0631 \u0627\u0644\u0631\u0627\u063a\u0628\u064a\u0646 \u0641\u064a \u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648 \u062a\u062d\u0633\u064a\u0646 \u0645\u0633\u062a\u0648\u0627\u0647\u0645 \u2014 \u062c\u062f\u0648\u0644 \u064a\u0646\u0627\u0633\u0628 \u062d\u064a\u0627\u062a\u0643.<\/div>\n <div class=\"course-meta\">\n <span>4 \u062d\u0635\u0635\/\u0634\u0647\u0631<\/span>\n <span>\u062a\u0648\u0642\u064a\u062a \u0645\u0631\u0646<\/span>\n <span>\u0645\u0648\u0627\u062f \u0645\u062c\u0627\u0646\u064a\u0629<\/span>\n <\/div>\n <div class=\"course-footer\">\n <div class=\"course-price\">$49<small style=\"font-size:13px;color:var(--gray);font-family:'Tajawal'\">\/\u0634\u0647\u0631<\/small><\/div>\n <button class=\"btn-enroll\" style=\"border-color:var(--amber);color:var(--amber)\" onmouseover=\"this.style.background='#c8832a';this.style.color='#fff'\" onmouseout=\"this.style.background='';this.style.color='var(--amber)'\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <div class=\"course-card purple\">\n <div class=\"course-icon purple-bg\">\ud83d\udcff<\/div>\n <div class=\"course-name\">\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0631\u0622\u0646 \u2014 \u0645\u062a\u062e\u0635\u0635<\/div>\n <div class=\"course-name-en\">Quranic Arabic – Specialized<\/div>\n <div class=\"course-desc\">\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0645\u0646 \u0645\u0646\u0638\u0648\u0631 \u0642\u0631\u0622\u0646\u064a \u2014 \u0644\u0644\u0645\u0633\u0644\u0645\u064a\u0646 \u0627\u0644\u0631\u0627\u063a\u0628\u064a\u0646 \u0641\u064a \u0641\u0647\u0645 \u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u0647 \u0645\u0628\u0627\u0634\u0631\u0629.<\/div>\n <div class=\"course-meta\">\n <span>6 \u062d\u0635\u0635\/\u0634\u0647\u0631<\/span>\n <span>\u0645\u0646\u0647\u062c \u062e\u0627\u0635<\/span>\n <span>\u0645\u0639\u0644\u0645 \u0645\u062a\u062e\u0635\u0635<\/span>\n <\/div>\n <div class=\"course-footer\">\n <div class=\"course-price\">$55<small style=\"font-size:13px;color:var(--gray);font-family:'Tajawal'\">\/\u0634\u0647\u0631<\/small><\/div>\n <button class=\"btn-enroll\" style=\"border-color:#5a4fcf;color:#5a4fcf\" onmouseover=\"this.style.background='#5a4fcf';this.style.color='#fff'\" onmouseout=\"this.style.background='';this.style.color='#5a4fcf'\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"downloads-section\" id=\"downloads\">\n <div class=\"section-header grid-center\">\n <span class=\"section-label\">\u0645\u062c\u0627\u0646\u0627\u064b \u062a\u0645\u0627\u0645\u0627\u064b<\/span>\n <h2 class=\"section-title\">\u0645\u0648\u0627\u0631\u062f \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u062a\u062d\u0645\u064a\u0644<\/h2>\n <p class=\"section-sub\">\u0627\u0628\u062f\u0623 \u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0622\u0646 \u2014 \u0645\u0648\u0627\u0631\u062f \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0628\u062f\u0648\u0646 \u062a\u0633\u062c\u064a\u0644<\/p>\n <\/div>\n <div class=\"downloads-grid\">\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\udd24<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u062c\u062f\u0648\u0644 \u0627\u0644\u062d\u0631\u0648\u0641 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/div>\n <div class=\"dl-desc\">\u0627\u0644\u062d\u0631\u0648\u0641 \u0627\u0644\u064028 \u0645\u0639 \u0623\u0634\u0643\u0627\u0644\u0647\u0627 \u0641\u064a \u0627\u0644\u0643\u0644\u0645\u0629 \u2014 \u0645\u0644\u0635\u0642 \u062c\u0627\u0647\u0632 \u0644\u0644\u0637\u0628\u0627\u0639\u0629<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\udcdd<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u0623\u0648\u0631\u0627\u0642 \u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0631\u0648\u0641<\/div>\n <div class=\"dl-desc\">10 \u0635\u0641\u062d\u0627\u062a \u062a\u062f\u0631\u064a\u0628 \u0639\u0644\u0649 \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\uddd3\ufe0f<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u062e\u0637\u0629 \u062a\u0639\u0644\u0645 30 \u064a\u0648\u0645\u0627\u064b<\/div>\n <div class=\"dl-desc\">\u062c\u062f\u0648\u0644 \u064a\u0648\u0645\u064a \u0645\u0646\u0638\u0645 \u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u062e\u0644\u0627\u0644 \u0634\u0647\u0631 \u0648\u0627\u062d\u062f<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\udcac<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">200 \u0643\u0644\u0645\u0629 \u0639\u0631\u0628\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629<\/div>\n <div class=\"dl-desc\">\u0623\u0647\u0645 200 \u0643\u0644\u0645\u0629 \u0645\u0639 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0644\u0646\u0637\u0642 \u2014 \u0628\u0637\u0627\u0642\u0627\u062a \u0644\u0644\u062d\u0641\u0638 \u0627\u0644\u0633\u0631\u064a\u0639<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83c\udfb5<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u0623\u063a\u0627\u0646\u064a \u0627\u0644\u062d\u0631\u0648\u0641 \u0644\u0644\u0623\u0637\u0641\u0627\u0644<\/div>\n <div class=\"dl-desc\">5 \u0623\u063a\u0627\u0646\u064a \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u0645\u062a\u0639\u0629 \u0644\u062d\u0641\u0638 \u0627\u0644\u062d\u0631\u0648\u0641 \u0648\u0627\u0644\u0623\u0635\u0648\u0627\u062a<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 MP3<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\udcca<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u0627\u062e\u062a\u0628\u0627\u0631 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/div>\n <div class=\"dl-desc\">\u0627\u0643\u062a\u0634\u0641 \u0645\u0633\u062a\u0648\u0627\u0643 \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0641\u064a 10 \u062f\u0642\u0627\u0626\u0642 \u0645\u0639 \u0646\u0635\u0627\u0626\u062d \u0644\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"why-section\">\n <div class=\"grid-center\">\n <span class=\"section-label\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/span>\n <h2 class=\"section-title\">\u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627 \u0639\u0646 \u063a\u064a\u0631\u0646\u0627<\/h2>\n <\/div>\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon g\">\u2705<\/div>\n <div class=\"why-title\">\u0636\u0645\u0627\u0646 30 \u064a\u0648\u0645\u0627\u064b<\/div>\n <div class=\"why-desc\">\u0625\u0630\u0627 \u0644\u0645 \u062a\u0634\u0639\u0631 \u0628\u0627\u0644\u062a\u062d\u0633\u0646 \u062e\u0644\u0627\u0644 30 \u064a\u0648\u0645\u0627\u064b \u0646\u0631\u062f \u0644\u0643 \u0627\u0644\u0645\u0627\u0644 \u0643\u0627\u0645\u0644\u0627\u064b \u0628\u062f\u0648\u0646 \u0623\u0633\u0626\u0644\u0629<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon a\">\ud83d\udcca<\/div>\n <div class=\"why-title\">\u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u0644\u0644\u0648\u0627\u0644\u062f\u064a\u0646<\/div>\n <div class=\"why-desc\">\u062a\u0642\u0631\u064a\u0631 \u062a\u0641\u0635\u064a\u0644\u064a \u0628\u0639\u062f \u0643\u0644 \u062d\u0635\u0629 \u064a\u0648\u0636\u062d \u0645\u0627 \u062a\u0639\u0644\u0645\u0647 \u0627\u0644\u0637\u0641\u0644 \u0648\u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0644\u0644\u062a\u0643\u0631\u0627\u0631<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon p\">\ud83c\udfaf<\/div>\n <div class=\"why-title\">\u0645\u0639\u0644\u0645\u0648\u0646 \u0645\u0648\u062b\u0648\u0642\u0648\u0646<\/div>\n <div class=\"why-desc\">\u0643\u0644 \u0645\u0639\u0644\u0645 \u0645\u062f\u0631\u0651\u0628 \u0648\u0645\u0639\u062a\u0645\u062f \u2014 \u064a\u0645\u0643\u0646\u0643 \u0645\u0634\u0627\u0647\u062f\u0629 \u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a \u0642\u0628\u0644 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon r\">\u23f0<\/div>\n <div class=\"why-title\">\u0645\u0631\u0648\u0646\u0629 \u0643\u0627\u0645\u0644\u0629<\/div>\n <div class=\"why-desc\">\u0627\u062d\u062c\u0632 \u062d\u0635\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a \u064a\u0646\u0627\u0633\u0628\u0643 \u2014 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0623\u0648 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0623\u0648 \u0627\u0644\u0645\u0633\u0627\u0621<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"trial-section\" id=\"trial\">\n <h2>\u0627\u0628\u062f\u0623 \u0628\u062d\u0635\u0629 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/h2>\n <p>\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0628\u064a\u0627\u0646\u0627\u062a \u0637\u0641\u0644\u0643 \u0623\u0648 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<br\/>\u0644\u062a\u062d\u062f\u064a\u062f \u0623\u0646\u0633\u0628 \u0645\u0639\u0644\u0645 \u0648\u0645\u0648\u0639\u062f \u064a\u0646\u0627\u0633\u0628\u0643<\/p>\n <div class=\"trial-form\">\n <input type=\"text\" placeholder=\"\u0627\u0633\u0645\u0643 \u0623\u0648 \u0627\u0633\u0645 \u0637\u0641\u0644\u0643\"\/>\n <input type=\"email\" placeholder=\"\u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\"\/>\n <button class=\"btn-trial\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 \u0645\u062c\u0627\u0646\u0627\u064b \u2192<\/button>\n <\/div>\n <div class=\"trial-note\">\u2713 \u0645\u062c\u0627\u0646\u0627\u064b \u062a\u0645\u0627\u0645\u0627\u064b \u00b7 \u2713 \u0628\u062f\u0648\u0646 \u0628\u0637\u0627\u0642\u0629 \u0627\u0626\u062a\u0645\u0627\u0646 \u00b7 \u2713 \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/div>\n<\/section>\n\n\n<section class=\"testi-section\">\n <div class=\"section-header grid-center\">\n <span class=\"section-label\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0645\u062a\u0639\u0644\u0645\u064a\u0646<\/span>\n <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631\u061f<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“\u0627\u0628\u0646\u062a\u064a \u0628\u062f\u0623\u062a \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0648\u0644\u0627 \u062a\u0639\u0631\u0641 \u062d\u0631\u0641\u0627\u064b \u0648\u0627\u062d\u062f\u0627\u064b. \u0628\u0639\u062f \u0634\u0647\u0631\u064a\u0646 \u062a\u0642\u0631\u0623 \u0628\u0637\u0644\u0627\u0642\u0629 \u0648\u062a\u062d\u0628 \u0627\u0644\u0639\u0631\u0628\u064a\u0629. \u0627\u0644\u0643\u062a\u0628 \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u0627\u0644\u0645\u0639\u0644\u0645\u0629 \u0631\u0627\u0626\u0639\u0629!”<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">\u0633<\/div>\n <div><div class=\"testi-name\">\u0633\u0627\u0631\u0629 \u0623\u062d\u0645\u062f<\/div><div class=\"testi-location\">\u0644\u0646\u062f\u0646\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \ud83c\uddec\ud83c\udde7<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“I downloaded the free resources first and was impressed. Then bought the full bundle. Best investment for my kids’ Arabic education. Highly recommend!”<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">M<\/div>\n <div><div class=\"testi-name\">Mohammed Ali<\/div><div class=\"testi-location\">Texas, USA \ud83c\uddfa\ud83c\uddf8<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“\u0623\u0641\u0636\u0644 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0644\u0644\u0623\u0637\u0641\u0627\u0644. \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u062a\u062c\u0639\u0644\u0646\u064a \u0623\u0639\u0631\u0641 \u0628\u0627\u0644\u0636\u0628\u0637 \u0645\u0627 \u062a\u0639\u0644\u0645\u0647 \u0648\u0644\u062f\u064a. \u0648\u0627\u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0637\u0627\u0646\u064a \u062b\u0642\u0629 \u0644\u0644\u062a\u062c\u0631\u0628\u0629.”<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">\u0641<\/div>\n <div><div class=\"testi-name\">\u0641\u0627\u0637\u0645\u0629 \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a<\/div><div class=\"testi-location\">\u0633\u064a\u062f\u0646\u064a\u060c \u0623\u0633\u062a\u0631\u0627\u0644\u064a\u0627 \ud83c\udde6\ud83c\uddfa<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"logo\"><div class=\"logo-icon\">\u0639<\/div><div class=\"logo-text\">Arab Arabic<\/div><\/div>\n <p>\u0645\u0646\u0635\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0646\u0627\u0637\u0642\u064a\u0646 \u0628\u063a\u064a\u0631\u0647\u0627 \u2014 \u0643\u062a\u0628\u060c \u062f\u0648\u0631\u0627\u062a\u060c \u0648\u0645\u062d\u062a\u0648\u0649 \u0645\u062c\u0627\u0646\u064a<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/h4>\n <a href=\"#books\">\u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/a>\n <a href=\"#courses\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629<\/a>\n <a href=\"#downloads\">\u0627\u0644\u062a\u0646\u0632\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n <a href=\"#\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u0644\u0644\u0645\u062a\u0639\u0644\u0645\u064a\u0646<\/h4>\n <a href=\"#\">\u0644\u0644\u0623\u0637\u0641\u0627\u0644<\/a>\n <a href=\"#\">\u0644\u0644\u0628\u0627\u0644\u063a\u064a\u0646<\/a>\n <a href=\"#\">\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0631\u0622\u0646<\/a>\n <a href=\"#\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h4>\n <a href=\"#\">\u0648\u0627\u062a\u0633\u0627\u0628<\/a>\n <a href=\"#\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/a>\n <a href=\"#\">\u0641\u064a\u0633\u0628\u0648\u0643<\/a>\n <a href=\"#\">\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2026 Arab Arabic \u2014 arabarabic.com<\/p>\n <p>Designed with \u2764\ufe0f for Arabic learners worldwide<\/p>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Arab Arabic \u2014 \u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0639 Arab Arabic \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u062a\u0646\u0632\u064a\u0644\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629 \u062d\u0635\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arabarabic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":9,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2026-05-18T18:17:36","date_gmt":"2026-05-18T18:17:36","guid":{"rendered":"https:\/\/arabarabic.com\/?page_id=8"},"modified":"2026-05-20T18:49:08","modified_gmt":"2026-05-20T18:49:08","slug":"online-arabic-quran-lessons","status":"publish","type":"page","link":"https:\/\/arabarabic.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nArab Arabic \u2014 \u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Tajawal:wght@300;400;500;700;800&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\"\/>\n<style>\n:root {\n --ink: #1a1410;\n --sand: #f5ede0;\n --sand2: #ecdcca;\n --amber: #c8832a;\n --amber2: #e8a23a;\n --green: #2d6a4f;\n --green2: #40916c;\n --cream: #fdf8f2;\n --white: #ffffff;\n --gray: #7a6e65;\n --border: rgba(200,131,42,.18);\n}\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Tajawal',sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\nheader{\n position:fixed;top:0;width:100%;z-index:100;\n background:rgba(253,248,242,.92);\n backdrop-filter:blur(12px);\n border-bottom:1px solid var(--border);\n padding:14px 5%;\n display:flex;align-items:center;justify-content:space-between;\n}\n.logo{display:flex;align-items:center;gap:10px}\n.logo-icon{width:40px;height:40px;background:var(--green);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Amiri',serif;color:#fff;font-size:20px;font-weight:700}\n.logo-text{font-family:'Amiri',serif;font-size:18px;font-weight:700;color:var(--ink)}\n.logo-text span{color:var(--amber);display:block;font-size:11px;font-weight:400;margin-top:-2px}\nnav{display:flex;align-items:center;gap:28px}\nnav a{font-size:13px;font-weight:500;color:var(--gray);text-decoration:none;transition:color .2s}\nnav a:hover{color:var(--amber)}\n.nav-cta{background:var(--green);color:#fff !important;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600}\n.nav-cta:hover{background:var(--green2);color:#fff !important}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{\n min-height:100vh;\n padding:120px 5% 80px;\n display:grid;grid-template-columns:1fr 1fr;\n align-items:center;gap:60px;\n position:relative;overflow:hidden;\n}\n.hero::before{\n content:'';position:absolute;inset:0;\n background:radial-gradient(ellipse 70% 60% at 80% 50%,rgba(200,131,42,.08) 0%,transparent 70%),\n radial-gradient(ellipse 50% 50% at 10% 80%,rgba(45,106,79,.07) 0%,transparent 60%);\n pointer-events:none;\n}\n.hero-badge{\n display:inline-flex;align-items:center;gap:6px;\n background:rgba(200,131,42,.12);border:1px solid rgba(200,131,42,.3);\n color:var(--amber);font-size:12px;font-weight:600;\n padding:5px 14px;border-radius:20px;margin-bottom:20px;\n}\n.hero-badge::before{content:'\u2605';font-size:11px}\n.hero h1{\n font-family:'Amiri',serif;\n font-size:clamp(2.4rem,4.5vw,3.8rem);\n line-height:1.2;color:var(--ink);margin-bottom:8px;\n}\n.hero h1 em{font-style:normal;color:var(--amber)}\n.hero-sub{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--gray);font-weight:300;margin-bottom:28px;line-height:1.7}\n.hero-en{font-family:'Playfair Display',serif;font-size:clamp(.9rem,1.4vw,1.1rem);color:var(--green);margin-bottom:32px;font-style:italic}\n.hero-actions{display:flex;gap:14px;flex-wrap:wrap}\n.btn-primary{\n display:inline-flex;align-items:center;gap:8px;\n background:var(--green);color:#fff;font-size:15px;font-weight:600;\n padding:14px 28px;border-radius:12px;text-decoration:none;\n box-shadow:0 4px 20px rgba(45,106,79,.3);transition:all .25s;\n}\n.btn-primary:hover{background:var(--green2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(45,106,79,.35)}\n.btn-secondary{\n display:inline-flex;align-items:center;gap:8px;\n background:transparent;color:var(--amber);font-size:15px;font-weight:600;\n padding:14px 28px;border-radius:12px;text-decoration:none;\n border:2px solid var(--amber);transition:all .25s;\n}\n.btn-secondary:hover{background:rgba(200,131,42,.08)}\n.hero-stats{display:flex;gap:32px;margin-top:40px;padding-top:28px;border-top:1px solid var(--border)}\n.stat-item .stat-num{font-family:'Amiri',serif;font-size:2rem;font-weight:700;color:var(--amber)}\n.stat-item .stat-lbl{font-size:12px;color:var(--gray);margin-top:2px}\n\n\/* hero visual *\/\n.hero-visual{position:relative}\n.book-stack{\n width:100%;max-width:440px;margin:0 auto;\n display:grid;grid-template-columns:1fr 1fr;gap:14px;\n}\n.book-card{\n border-radius:16px;padding:24px 18px;text-align:center;\n box-shadow:0 6px 30px rgba(0,0,0,.09);\n transition:transform .3s;cursor:pointer;position:relative;overflow:hidden;\n}\n.book-card:hover{transform:translateY(-6px)}\n.book-card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--green) 0%,var(--green2) 100%);color:#fff}\n.book-card.amber{background:linear-gradient(135deg,var(--amber) 0%,var(--amber2) 100%);color:#fff}\n.book-card.light{background:var(--sand);color:var(--ink)}\n.book-card.white{background:var(--white);color:var(--ink);border:1px solid var(--border)}\n.book-emoji{font-size:2.4rem;margin-bottom:10px}\n.book-title{font-family:'Amiri',serif;font-size:14px;font-weight:700;margin-bottom:4px}\n.book-price{font-size:12px;opacity:.8}\n.book-badge{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.25);font-size:10px;padding:2px 8px;border-radius:20px;font-weight:600}\n\n\/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\nsection{padding:80px 5%}\n.section-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin-bottom:10px}\n.section-title{font-family:'Amiri',serif;font-size:clamp(1.8rem,3vw,2.6rem);color:var(--ink);margin-bottom:12px;line-height:1.3}\n.section-sub{font-size:15px;color:var(--gray);max-width:520px;line-height:1.7}\n.section-header{margin-bottom:50px}\n.grid-center{display:flex;flex-direction:column;align-items:center;text-align:center}\n.grid-center .section-sub{text-align:center}\n\n\/* \u2500\u2500 BOOKS SECTION \u2500\u2500 *\/\n.books-section{background:var(--white)}\n.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}\n.product-card{\n background:var(--cream);border-radius:16px;overflow:hidden;\n border:1px solid var(--border);transition:all .3s;\n}\n.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.1)}\n.product-cover{\n height:180px;display:flex;align-items:center;justify-content:center;\n font-size:4rem;position:relative;\n}\n.product-cover.g1{background:linear-gradient(135deg,#2d6a4f,#52b788)}\n.product-cover.g2{background:linear-gradient(135deg,#c8832a,#e8a23a)}\n.product-cover.g3{background:linear-gradient(135deg,#5a4fcf,#8b80f9)}\n.product-cover.g4{background:linear-gradient(135deg,#c9184a,#ff4d6d)}\n.product-cover.g5{background:linear-gradient(135deg,#023e8a,#0096c7)}\n.product-cover.g6{background:linear-gradient(135deg,#6a4c2d,#c8832a)}\n.product-tag{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.9);color:var(--ink);font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px}\n.product-body{padding:18px}\n.product-name{font-family:'Amiri',serif;font-size:16px;font-weight:700;margin-bottom:4px;color:var(--ink)}\n.product-name-en{font-size:11px;color:var(--gray);margin-bottom:10px;font-style:italic}\n.product-desc{font-size:12px;color:var(--gray);line-height:1.6;margin-bottom:14px}\n.product-footer{display:flex;align-items:center;justify-content:space-between}\n.product-price{font-size:18px;font-weight:700;color:var(--amber);font-family:'Amiri',serif}\n.product-price small{font-size:11px;color:var(--gray);font-weight:400;font-family:'Tajawal',sans-serif}\n.btn-buy{background:var(--green);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Tajawal',sans-serif;transition:background .2s}\n.btn-buy:hover{background:var(--green2)}\n\n\/* \u2500\u2500 COURSES \u2500\u2500 *\/\n.courses-section{background:var(--sand)}\n.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}\n.course-card{\n background:var(--white);border-radius:16px;padding:26px;\n border:1px solid var(--border);transition:all .3s;position:relative;overflow:hidden;\n}\n.course-card::before{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:var(--green)}\n.course-card.amber::before{background:var(--amber)}\n.course-card.purple::before{background:#5a4fcf}\n.course-card:hover{transform:translateY(-4px);box-shadow:0 10px 36px rgba(0,0,0,.09)}\n.course-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}\n.course-icon.green-bg{background:rgba(45,106,79,.1)}\n.course-icon.amber-bg{background:rgba(200,131,42,.1)}\n.course-icon.purple-bg{background:rgba(90,79,207,.1)}\n.course-name{font-family:'Amiri',serif;font-size:18px;font-weight:700;margin-bottom:6px}\n.course-name-en{font-size:11px;color:var(--gray);margin-bottom:12px;font-style:italic}\n.course-desc{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:18px}\n.course-meta{display:flex;gap:14px;margin-bottom:18px}\n.course-meta span{font-size:11px;color:var(--gray);display:flex;align-items:center;gap:4px}\n.course-meta span::before{content:'\u2713';color:var(--green);font-weight:700}\n.course-footer{display:flex;align-items:center;justify-content:space-between}\n.course-price{font-size:22px;font-weight:700;color:var(--ink);font-family:'Amiri',serif}\n.btn-enroll{background:transparent;color:var(--green);border:2px solid var(--green);border-radius:8px;padding:8px 18px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .2s}\n.btn-enroll:hover{background:var(--green);color:#fff}\n.course-tag{position:absolute;top:18px;left:18px;background:rgba(200,131,42,.15);color:var(--amber);font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px}\n\n\/* \u2500\u2500 FREE DOWNLOADS \u2500\u2500 *\/\n.downloads-section{background:var(--green);color:#fff;position:relative;overflow:hidden}\n.downloads-section::before{content:'';position:absolute;inset:0;background:url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");pointer-events:none}\n.downloads-section .section-title{color:#fff}\n.downloads-section .section-sub{color:rgba(255,255,255,.75)}\n.downloads-section .section-label{color:rgba(255,255,255,.6)}\n.downloads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}\n.download-card{\n background:rgba(255,255,255,.1);backdrop-filter:blur(8px);\n border:1px solid rgba(255,255,255,.15);border-radius:14px;\n padding:22px;display:flex;gap:16px;align-items:flex-start;\n transition:all .3s;cursor:pointer;\n}\n.download-card:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}\n.download-icon{width:46px;height:46px;border-radius:10px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}\n.download-info .dl-name{font-family:'Amiri',serif;font-size:15px;font-weight:700;margin-bottom:3px}\n.download-info .dl-desc{font-size:12px;opacity:.75;line-height:1.5;margin-bottom:8px}\n.download-info .dl-btn{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;cursor:pointer;transition:background .2s;border:none;font-family:'Tajawal',sans-serif}\n.download-info .dl-btn:hover{background:rgba(255,255,255,.3)}\n\n\/* \u2500\u2500 WHY US \u2500\u2500 *\/\n.why-section{background:var(--cream)}\n.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;margin-top:50px}\n.why-card{text-align:center;padding:30px 20px}\n.why-icon{width:64px;height:64px;border-radius:16px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:26px}\n.why-icon.g{background:rgba(45,106,79,.1)}\n.why-icon.a{background:rgba(200,131,42,.1)}\n.why-icon.p{background:rgba(90,79,207,.1)}\n.why-icon.r{background:rgba(201,24,74,.1)}\n.why-title{font-family:'Amiri',serif;font-size:17px;font-weight:700;margin-bottom:8px}\n.why-desc{font-size:13px;color:var(--gray);line-height:1.7}\n\n\/* \u2500\u2500 TRIAL CTA \u2500\u2500 *\/\n.trial-section{\n background:linear-gradient(135deg,var(--amber) 0%,var(--amber2) 50%,#e8be7a 100%);\n padding:80px 5%;text-align:center;\n}\n.trial-section h2{font-family:'Amiri',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);color:#fff;margin-bottom:14px}\n.trial-section p{font-size:16px;color:rgba(255,255,255,.88);margin-bottom:32px;line-height:1.7}\n.trial-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:600px;margin:0 auto}\n.trial-form input{\n flex:1;min-width:200px;padding:13px 18px;border-radius:10px;border:none;\n font-size:14px;font-family:'Tajawal',sans-serif;color:var(--ink);\n background:#fff;outline:none;\n}\n.trial-form input::placeholder{color:#aaa}\n.btn-trial{background:var(--green);color:#fff;border:none;border-radius:10px;padding:13px 28px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif;white-space:nowrap;transition:all .2s}\n.btn-trial:hover{background:var(--green2);transform:translateY(-2px)}\n.trial-note{font-size:12px;color:rgba(255,255,255,.7);margin-top:14px}\n\n\/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n.testi-section{background:var(--white)}\n.testi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}\n.testi-card{\n background:var(--cream);border-radius:16px;padding:26px;\n border:1px solid var(--border);\n}\n.testi-stars{color:var(--amber);font-size:14px;margin-bottom:14px}\n.testi-text{font-size:14px;color:var(--ink);line-height:1.75;margin-bottom:18px;font-style:italic}\n.testi-author{display:flex;align-items:center;gap:12px}\n.testi-avatar{width:40px;height:40px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-family:'Amiri',serif;font-weight:700}\n.testi-name{font-size:13px;font-weight:700;color:var(--ink)}\n.testi-location{font-size:11px;color:var(--gray)}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter{background:var(--ink);color:#fff;padding:60px 5% 30px}\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}\n.footer-brand .logo-text{color:#fff;font-size:20px}\n.footer-brand p{font-size:13px;color:rgba(255,255,255,.55);margin-top:14px;line-height:1.7;max-width:260px}\n.footer-col h4{font-size:13px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}\n.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.7);text-decoration:none;margin-bottom:10px;transition:color .2s}\n.footer-col a:hover{color:var(--amber)}\n.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}\n.footer-bottom p{font-size:12px;color:rgba(255,255,255,.4)}\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n.hero-content{animation:fadeUp .7s ease both}\n.hero-visual{animation:fadeUp .7s .15s ease both}\n.book-card{animation:float 4s ease-in-out infinite}\n.book-card:nth-child(2){animation-delay:.5s}\n.book-card:nth-child(3){animation-delay:1s}\n.book-card:nth-child(4){animation-delay:1.5s}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:768px){\n header{padding:12px 4%}\n nav a:not(.nav-cta){display:none}\n .hero{grid-template-columns:1fr;padding:100px 4% 60px;gap:40px}\n .hero-visual{order:-1}\n .book-stack{max-width:320px}\n .footer-grid{grid-template-columns:1fr 1fr}\n .footer-brand{grid-column:span 2}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header>\n <div class=\"logo\">\n <div class=\"logo-icon\">\u0639<\/div>\n <div class=\"logo-text\">\n Arab Arabic\n <span>\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/span>\n <\/div>\n <\/div>\n <nav>\n <a href=\"#books\">\u0627\u0644\u0643\u062a\u0628<\/a>\n <a href=\"#courses\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a<\/a>\n <a href=\"#downloads\">\u062a\u0646\u0632\u064a\u0644\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n <a href=\"#trial\" class=\"nav-cta\">\u062d\u0635\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n <\/nav>\n<\/header>\n\n\n<section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0643\u0628\u0627\u0631<\/div>\n <h1>\u062a\u0639\u0644\u0645 <em>\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/em><br\/>\u0628\u0637\u0631\u064a\u0642\u0629 \u0633\u0647\u0644\u0629 \u0648\u0645\u0645\u062a\u0639\u0629<\/h1>\n <p class=\"hero-sub\">\u0643\u062a\u0628 \u062a\u0639\u0644\u064a\u0645\u064a\u0629\u060c \u062f\u0648\u0631\u0627\u062a \u0623\u0648\u0646\u0644\u0627\u064a\u0646\u060c \u0648\u0645\u0648\u0627\u0631\u062f \u0645\u062c\u0627\u0646\u064a\u0629<br\/>\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0644\u0646\u0627\u0637\u0642\u064a\u0646 \u0628\u063a\u064a\u0631 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/p>\n <p class=\"hero-en\">Learn Arabic \u2014 from letters to fluency, at your own pace<\/p>\n <div class=\"hero-actions\">\n <a href=\"#books\" class=\"btn-primary\">\ud83d\uded2 \u062a\u0635\u0641\u062d \u0627\u0644\u0643\u062a\u0628<\/a>\n <a href=\"#trial\" class=\"btn-secondary\">\ud83c\udfaf \u062d\u0635\u0629 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-num\">500+<\/div>\n <div class=\"stat-lbl\">\u0637\u0627\u0644\u0628 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">12+<\/div>\n <div class=\"stat-lbl\">\u0643\u062a\u0627\u0628 \u062a\u0639\u0644\u064a\u0645\u064a<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">4.9<\/div>\n <div class=\"stat-lbl\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062a\u0639\u0644\u0645\u064a\u0646<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"book-stack\">\n <div class=\"book-card featured\">\n <div class=\"book-badge\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u0627\u064b<\/div>\n <div class=\"book-emoji\">\ud83d\udcd6<\/div>\n <div class=\"book-title\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0623\u0648\u0644<\/div>\n <div class=\"book-price\">$19 \u00b7 PDF + Audio<\/div>\n <\/div>\n <div class=\"book-card amber\">\n <div class=\"book-emoji\">\u270d\ufe0f<\/div>\n <div class=\"book-title\">\u062a\u0639\u0644\u0645 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0631\u0628\u064a<\/div>\n <div class=\"book-price\">$15<\/div>\n <\/div>\n <div class=\"book-card light\">\n <div class=\"book-emoji\">\ud83d\udd4c<\/div>\n <div class=\"book-title\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0642\u0631\u0622\u0646<\/div>\n <div class=\"book-price\">$17<\/div>\n <\/div>\n <div class=\"book-card white\">\n <div class=\"book-emoji\">\ud83c\udf93<\/div>\n <div class=\"book-title\">\u0644\u0644\u0643\u0628\u0627\u0631 \u2014 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a<\/div>\n <div class=\"book-price\">$22<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"books-section\" id=\"books\">\n <div class=\"section-header grid-center\">\n <span class=\"section-label\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/span>\n <h2 class=\"section-title\">\u0643\u062a\u0628 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h2>\n <p class=\"section-sub\">\u0643\u0644 \u0643\u062a\u0627\u0628 \u0645\u0635\u0645\u0645 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u064a\u0646\u0627\u0633\u0628 \u0645\u062a\u0639\u0644\u0645\u0627\u064b \u0628\u0639\u064a\u0646\u0647 \u2014 \u0645\u0646 \u0627\u0644\u0637\u0641\u0644 \u0627\u0644\u0635\u063a\u064a\u0631 \u062d\u062a\u0649 \u0627\u0644\u0628\u0627\u0644\u063a \u0627\u0644\u0628\u0627\u062d\u062b \u0639\u0646 \u0627\u0644\u0625\u062a\u0642\u0627\u0646<\/p>\n <\/div>\n <div class=\"books-grid\">\n <div class=\"product-card\">\n <div class=\"product-cover g1\"><span>\ud83d\udcd7<\/span><span class=\"product-tag\">\u0644\u0644\u0623\u0637\u0641\u0627\u0644 4\u20138<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0661<\/div>\n <div class=\"product-name-en\">Arabic for Kids – Level 1<\/div>\n <div class=\"product-desc\">\u0627\u0644\u062d\u0631\u0648\u0641\u060c \u0627\u0644\u0623\u0635\u0648\u0627\u062a\u060c \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u0649 \u0628\u0623\u0633\u0644\u0648\u0628 \u0628\u0635\u0631\u064a \u0645\u0645\u062a\u0639 \u0645\u0639 \u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$19 <small>PDF + \u0635\u0648\u062a<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g2\"><span>\ud83d\udcd9<\/span><span class=\"product-tag\">\u0644\u0644\u0623\u0637\u0641\u0627\u0644 8\u201312<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0662<\/div>\n <div class=\"product-name-en\">Arabic for Kids – Level 2<\/div>\n <div class=\"product-desc\">\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0648\u0627\u0644\u0643\u062a\u0627\u0628\u0629\u060c \u0627\u0644\u062c\u0645\u0644 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0627\u0644\u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0642\u0635\u0635 \u0627\u0644\u0642\u0635\u064a\u0631\u0629<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$19 <small>PDF + \u0635\u0648\u062a<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g3\"><span>\ud83d\udcd8<\/span><span class=\"product-tag\">\u0644\u0644\u0643\u0628\u0627\u0631<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u2014 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a<\/div>\n <div class=\"product-name-en\">Arabic for Adults – Basics<\/div>\n <div class=\"product-desc\">\u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0644\u0644\u0645\u062d\u0627\u062f\u062b\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u2014 \u0645\u0646\u0647\u062c \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u0631\u0627\u0631 \u0648\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$24 <small>PDF \u0643\u0627\u0645\u0644<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g4\"><span>\ud83d\udcd5<\/span><span class=\"product-tag\">\u0642\u0631\u0622\u0646<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0641\u0647\u0645 \u0627\u0644\u0642\u0631\u0622\u0646<\/div>\n <div class=\"product-name-en\">Arabic for Quran Understanding<\/div>\n <div class=\"product-desc\">\u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u0627\u0644\u0623\u0643\u062b\u0631 \u062a\u0643\u0631\u0627\u0631\u0627\u064b \u0645\u0639 \u0634\u0631\u062d \u0645\u0628\u0633\u0637 \u0648\u0627\u0644\u0633\u064a\u0627\u0642 \u0627\u0644\u0642\u0631\u0622\u0646\u064a<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$22 <small>PDF + \u062a\u062f\u0631\u064a\u0628\u0627\u062a<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g5\"><span>\u270d\ufe0f<\/span><span class=\"product-tag\">\u062e\u0637 \u0639\u0631\u0628\u064a<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0643\u062a\u0627\u0628 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0631\u0628\u064a<\/div>\n <div class=\"product-name-en\">Arabic Handwriting Book<\/div>\n <div class=\"product-desc\">\u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0631\u0648\u0641 \u0648\u0627\u0644\u0643\u0644\u0645\u0627\u062a \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629 \u0645\u0639 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0637\u0628\u0627\u0639\u0629<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$15 <small>\u0637\u0628\u0627\u0639\u0629 + PDF<\/small><\/div>\n <button class=\"btn-buy\">\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-cover g6\"><span>\ud83c\udf81<\/span><span class=\"product-tag\">\u0648\u0641\u0651\u0631 40%<\/span><\/div>\n <div class=\"product-body\">\n <div class=\"product-name\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u2014 \u0643\u0644 \u0627\u0644\u0643\u062a\u0628<\/div>\n <div class=\"product-name-en\">Complete Bundle – All Books<\/div>\n <div class=\"product-desc\">\u062c\u0645\u064a\u0639 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062e\u0645\u0633\u0629 \u0628\u0633\u0639\u0631 \u0648\u0627\u062d\u062f \u0645\u062e\u0641\u0636 \u2014 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0644\u0645\u062a\u062d\u0645\u0633\u064a\u0646<\/div>\n <div class=\"product-footer\">\n <div class=\"product-price\">$59 <small>\u0628\u062f\u0644\u0627\u064b \u0645\u0646 $99<\/small><\/div>\n <button class=\"btn-buy\" style=\"background:var(--amber)\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0628\u0627\u0642\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"courses-section\" id=\"courses\">\n <div class=\"section-header grid-center\">\n <span class=\"section-label\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629<\/span>\n <h2 class=\"section-title\">\u062a\u0639\u0644\u0645 \u0645\u0639 \u0645\u0639\u0644\u0645 \u0645\u062a\u062e\u0635\u0635<\/h2>\n <p class=\"section-sub\">\u062d\u0635\u0635 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0645\u0639\u0644\u0645\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u2014 \u0645\u0631\u0648\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u062c\u062f\u0627\u0648\u0644<\/p>\n <\/div>\n <div class=\"courses-grid\">\n <div class=\"course-card\">\n <div class=\"course-tag\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b<\/div>\n <div class=\"course-icon green-bg\">\ud83e\uddd2<\/div>\n <div class=\"course-name\">\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 3 \u0623\u0634\u0647\u0631<\/div>\n <div class=\"course-name-en\">Kids Arabic Program – 3 Months<\/div>\n <div class=\"course-desc\">\u0628\u0631\u0646\u0627\u0645\u062c \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 4\u201312 \u0633\u0646\u0629. \u062d\u0635\u062a\u0627\u0646 \u0623\u0633\u0628\u0648\u0639\u064a\u0627\u064b \u0645\u0639 \u062a\u0642\u0631\u064a\u0631 \u0644\u0644\u0648\u0627\u0644\u062f\u064a\u0646 \u0628\u0639\u062f \u0643\u0644 \u062d\u0635\u0629.<\/div>\n <div class=\"course-meta\">\n <span>8 \u062d\u0635\u0635\/\u0634\u0647\u0631<\/span>\n <span>\u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u0633\u0628\u0648\u0639\u064a\u0629<\/span>\n <span>\u0636\u0645\u0627\u0646 30 \u064a\u0648\u0645<\/span>\n <\/div>\n <div class=\"course-footer\">\n <div class=\"course-price\">$65<small style=\"font-size:13px;color:var(--gray);font-family:'Tajawal'\">\/\u0634\u0647\u0631<\/small><\/div>\n <button class=\"btn-enroll\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <div class=\"course-card amber\">\n <div class=\"course-icon amber-bg\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\n <div class=\"course-name\">\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u2014 \u0645\u0631\u0646<\/div>\n <div class=\"course-name-en\">Adults Program – Flexible<\/div>\n <div class=\"course-desc\">\u0644\u0644\u0643\u0628\u0627\u0631 \u0627\u0644\u0631\u0627\u063a\u0628\u064a\u0646 \u0641\u064a \u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648 \u062a\u062d\u0633\u064a\u0646 \u0645\u0633\u062a\u0648\u0627\u0647\u0645 \u2014 \u062c\u062f\u0648\u0644 \u064a\u0646\u0627\u0633\u0628 \u062d\u064a\u0627\u062a\u0643.<\/div>\n <div class=\"course-meta\">\n <span>4 \u062d\u0635\u0635\/\u0634\u0647\u0631<\/span>\n <span>\u062a\u0648\u0642\u064a\u062a \u0645\u0631\u0646<\/span>\n <span>\u0645\u0648\u0627\u062f \u0645\u062c\u0627\u0646\u064a\u0629<\/span>\n <\/div>\n <div class=\"course-footer\">\n <div class=\"course-price\">$49<small style=\"font-size:13px;color:var(--gray);font-family:'Tajawal'\">\/\u0634\u0647\u0631<\/small><\/div>\n <button class=\"btn-enroll\" style=\"border-color:var(--amber);color:var(--amber)\" onmouseover=\"this.style.background='#c8832a';this.style.color='#fff'\" onmouseout=\"this.style.background='';this.style.color='var(--amber)'\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <div class=\"course-card purple\">\n <div class=\"course-icon purple-bg\">\ud83d\udcff<\/div>\n <div class=\"course-name\">\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0631\u0622\u0646 \u2014 \u0645\u062a\u062e\u0635\u0635<\/div>\n <div class=\"course-name-en\">Quranic Arabic – Specialized<\/div>\n <div class=\"course-desc\">\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0645\u0646 \u0645\u0646\u0638\u0648\u0631 \u0642\u0631\u0622\u0646\u064a \u2014 \u0644\u0644\u0645\u0633\u0644\u0645\u064a\u0646 \u0627\u0644\u0631\u0627\u063a\u0628\u064a\u0646 \u0641\u064a \u0641\u0647\u0645 \u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u0647 \u0645\u0628\u0627\u0634\u0631\u0629.<\/div>\n <div class=\"course-meta\">\n <span>6 \u062d\u0635\u0635\/\u0634\u0647\u0631<\/span>\n <span>\u0645\u0646\u0647\u062c \u062e\u0627\u0635<\/span>\n <span>\u0645\u0639\u0644\u0645 \u0645\u062a\u062e\u0635\u0635<\/span>\n <\/div>\n <div class=\"course-footer\">\n <div class=\"course-price\">$55<small style=\"font-size:13px;color:var(--gray);font-family:'Tajawal'\">\/\u0634\u0647\u0631<\/small><\/div>\n <button class=\"btn-enroll\" style=\"border-color:#5a4fcf;color:#5a4fcf\" onmouseover=\"this.style.background='#5a4fcf';this.style.color='#fff'\" onmouseout=\"this.style.background='';this.style.color='#5a4fcf'\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"downloads-section\" id=\"downloads\">\n <div class=\"section-header grid-center\">\n <span class=\"section-label\">\u0645\u062c\u0627\u0646\u0627\u064b \u062a\u0645\u0627\u0645\u0627\u064b<\/span>\n <h2 class=\"section-title\">\u0645\u0648\u0627\u0631\u062f \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u062a\u062d\u0645\u064a\u0644<\/h2>\n <p class=\"section-sub\">\u0627\u0628\u062f\u0623 \u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0622\u0646 \u2014 \u0645\u0648\u0627\u0631\u062f \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0628\u062f\u0648\u0646 \u062a\u0633\u062c\u064a\u0644<\/p>\n <\/div>\n <div class=\"downloads-grid\">\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\udd24<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u062c\u062f\u0648\u0644 \u0627\u0644\u062d\u0631\u0648\u0641 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/div>\n <div class=\"dl-desc\">\u0627\u0644\u062d\u0631\u0648\u0641 \u0627\u0644\u064028 \u0645\u0639 \u0623\u0634\u0643\u0627\u0644\u0647\u0627 \u0641\u064a \u0627\u0644\u0643\u0644\u0645\u0629 \u2014 \u0645\u0644\u0635\u0642 \u062c\u0627\u0647\u0632 \u0644\u0644\u0637\u0628\u0627\u0639\u0629<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\udcdd<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u0623\u0648\u0631\u0627\u0642 \u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0631\u0648\u0641<\/div>\n <div class=\"dl-desc\">10 \u0635\u0641\u062d\u0627\u062a \u062a\u062f\u0631\u064a\u0628 \u0639\u0644\u0649 \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\uddd3\ufe0f<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u062e\u0637\u0629 \u062a\u0639\u0644\u0645 30 \u064a\u0648\u0645\u0627\u064b<\/div>\n <div class=\"dl-desc\">\u062c\u062f\u0648\u0644 \u064a\u0648\u0645\u064a \u0645\u0646\u0638\u0645 \u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u062e\u0644\u0627\u0644 \u0634\u0647\u0631 \u0648\u0627\u062d\u062f<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\udcac<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">200 \u0643\u0644\u0645\u0629 \u0639\u0631\u0628\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629<\/div>\n <div class=\"dl-desc\">\u0623\u0647\u0645 200 \u0643\u0644\u0645\u0629 \u0645\u0639 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0644\u0646\u0637\u0642 \u2014 \u0628\u0637\u0627\u0642\u0627\u062a \u0644\u0644\u062d\u0641\u0638 \u0627\u0644\u0633\u0631\u064a\u0639<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83c\udfb5<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u0623\u063a\u0627\u0646\u064a \u0627\u0644\u062d\u0631\u0648\u0641 \u0644\u0644\u0623\u0637\u0641\u0627\u0644<\/div>\n <div class=\"dl-desc\">5 \u0623\u063a\u0627\u0646\u064a \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u0645\u062a\u0639\u0629 \u0644\u062d\u0641\u0638 \u0627\u0644\u062d\u0631\u0648\u0641 \u0648\u0627\u0644\u0623\u0635\u0648\u0627\u062a<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 MP3<\/button>\n <\/div>\n <\/div>\n <div class=\"download-card\">\n <div class=\"download-icon\">\ud83d\udcca<\/div>\n <div class=\"download-info\">\n <div class=\"dl-name\">\u0627\u062e\u062a\u0628\u0627\u0631 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/div>\n <div class=\"dl-desc\">\u0627\u0643\u062a\u0634\u0641 \u0645\u0633\u062a\u0648\u0627\u0643 \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0641\u064a 10 \u062f\u0642\u0627\u0626\u0642 \u0645\u0639 \u0646\u0635\u0627\u0626\u062d \u0644\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629<\/div>\n <button class=\"dl-btn\">\u2b07 \u062a\u0646\u0632\u064a\u0644 PDF<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"why-section\">\n <div class=\"grid-center\">\n <span class=\"section-label\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/span>\n <h2 class=\"section-title\">\u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627 \u0639\u0646 \u063a\u064a\u0631\u0646\u0627<\/h2>\n <\/div>\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon g\">\u2705<\/div>\n <div class=\"why-title\">\u0636\u0645\u0627\u0646 30 \u064a\u0648\u0645\u0627\u064b<\/div>\n <div class=\"why-desc\">\u0625\u0630\u0627 \u0644\u0645 \u062a\u0634\u0639\u0631 \u0628\u0627\u0644\u062a\u062d\u0633\u0646 \u062e\u0644\u0627\u0644 30 \u064a\u0648\u0645\u0627\u064b \u0646\u0631\u062f \u0644\u0643 \u0627\u0644\u0645\u0627\u0644 \u0643\u0627\u0645\u0644\u0627\u064b \u0628\u062f\u0648\u0646 \u0623\u0633\u0626\u0644\u0629<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon a\">\ud83d\udcca<\/div>\n <div class=\"why-title\">\u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u0644\u0644\u0648\u0627\u0644\u062f\u064a\u0646<\/div>\n <div class=\"why-desc\">\u062a\u0642\u0631\u064a\u0631 \u062a\u0641\u0635\u064a\u0644\u064a \u0628\u0639\u062f \u0643\u0644 \u062d\u0635\u0629 \u064a\u0648\u0636\u062d \u0645\u0627 \u062a\u0639\u0644\u0645\u0647 \u0627\u0644\u0637\u0641\u0644 \u0648\u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0644\u0644\u062a\u0643\u0631\u0627\u0631<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon p\">\ud83c\udfaf<\/div>\n <div class=\"why-title\">\u0645\u0639\u0644\u0645\u0648\u0646 \u0645\u0648\u062b\u0648\u0642\u0648\u0646<\/div>\n <div class=\"why-desc\">\u0643\u0644 \u0645\u0639\u0644\u0645 \u0645\u062f\u0631\u0651\u0628 \u0648\u0645\u0639\u062a\u0645\u062f \u2014 \u064a\u0645\u0643\u0646\u0643 \u0645\u0634\u0627\u0647\u062f\u0629 \u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a \u0642\u0628\u0644 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon r\">\u23f0<\/div>\n <div class=\"why-title\">\u0645\u0631\u0648\u0646\u0629 \u0643\u0627\u0645\u0644\u0629<\/div>\n <div class=\"why-desc\">\u0627\u062d\u062c\u0632 \u062d\u0635\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a \u064a\u0646\u0627\u0633\u0628\u0643 \u2014 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0623\u0648 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0623\u0648 \u0627\u0644\u0645\u0633\u0627\u0621<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"trial-section\" id=\"trial\">\n <h2>\u0627\u0628\u062f\u0623 \u0628\u062d\u0635\u0629 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/h2>\n <p>\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0628\u064a\u0627\u0646\u0627\u062a \u0637\u0641\u0644\u0643 \u0623\u0648 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<br\/>\u0644\u062a\u062d\u062f\u064a\u062f \u0623\u0646\u0633\u0628 \u0645\u0639\u0644\u0645 \u0648\u0645\u0648\u0639\u062f \u064a\u0646\u0627\u0633\u0628\u0643<\/p>\n <div class=\"trial-form\">\n <input type=\"text\" placeholder=\"\u0627\u0633\u0645\u0643 \u0623\u0648 \u0627\u0633\u0645 \u0637\u0641\u0644\u0643\"\/>\n <input type=\"email\" placeholder=\"\u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\"\/>\n <button class=\"btn-trial\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 \u0645\u062c\u0627\u0646\u0627\u064b \u2192<\/button>\n <\/div>\n <div class=\"trial-note\">\u2713 \u0645\u062c\u0627\u0646\u0627\u064b \u062a\u0645\u0627\u0645\u0627\u064b \u00b7 \u2713 \u0628\u062f\u0648\u0646 \u0628\u0637\u0627\u0642\u0629 \u0627\u0626\u062a\u0645\u0627\u0646 \u00b7 \u2713 \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/div>\n<\/section>\n\n\n<section class=\"testi-section\">\n <div class=\"section-header grid-center\">\n <span class=\"section-label\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0645\u062a\u0639\u0644\u0645\u064a\u0646<\/span>\n <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631\u061f<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“\u0627\u0628\u0646\u062a\u064a \u0628\u062f\u0623\u062a \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0648\u0644\u0627 \u062a\u0639\u0631\u0641 \u062d\u0631\u0641\u0627\u064b \u0648\u0627\u062d\u062f\u0627\u064b. \u0628\u0639\u062f \u0634\u0647\u0631\u064a\u0646 \u062a\u0642\u0631\u0623 \u0628\u0637\u0644\u0627\u0642\u0629 \u0648\u062a\u062d\u0628 \u0627\u0644\u0639\u0631\u0628\u064a\u0629. \u0627\u0644\u0643\u062a\u0628 \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u0627\u0644\u0645\u0639\u0644\u0645\u0629 \u0631\u0627\u0626\u0639\u0629!”<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">\u0633<\/div>\n <div><div class=\"testi-name\">\u0633\u0627\u0631\u0629 \u0623\u062d\u0645\u062f<\/div><div class=\"testi-location\">\u0644\u0646\u062f\u0646\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \ud83c\uddec\ud83c\udde7<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“I downloaded the free resources first and was impressed. Then bought the full bundle. Best investment for my kids’ Arabic education. Highly recommend!”<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">M<\/div>\n <div><div class=\"testi-name\">Mohammed Ali<\/div><div class=\"testi-location\">Texas, USA \ud83c\uddfa\ud83c\uddf8<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“\u0623\u0641\u0636\u0644 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0644\u0644\u0623\u0637\u0641\u0627\u0644. \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u062a\u062c\u0639\u0644\u0646\u064a \u0623\u0639\u0631\u0641 \u0628\u0627\u0644\u0636\u0628\u0637 \u0645\u0627 \u062a\u0639\u0644\u0645\u0647 \u0648\u0644\u062f\u064a. \u0648\u0627\u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0637\u0627\u0646\u064a \u062b\u0642\u0629 \u0644\u0644\u062a\u062c\u0631\u0628\u0629.”<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">\u0641<\/div>\n <div><div class=\"testi-name\">\u0641\u0627\u0637\u0645\u0629 \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a<\/div><div class=\"testi-location\">\u0633\u064a\u062f\u0646\u064a\u060c \u0623\u0633\u062a\u0631\u0627\u0644\u064a\u0627 \ud83c\udde6\ud83c\uddfa<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"logo\"><div class=\"logo-icon\">\u0639<\/div><div class=\"logo-text\">Arab Arabic<\/div><\/div>\n <p>\u0645\u0646\u0635\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0646\u0627\u0637\u0642\u064a\u0646 \u0628\u063a\u064a\u0631\u0647\u0627 \u2014 \u0643\u062a\u0628\u060c \u062f\u0648\u0631\u0627\u062a\u060c \u0648\u0645\u062d\u062a\u0648\u0649 \u0645\u062c\u0627\u0646\u064a<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/h4>\n <a href=\"#books\">\u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/a>\n <a href=\"#courses\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629<\/a>\n <a href=\"#downloads\">\u0627\u0644\u062a\u0646\u0632\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n <a href=\"#\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u0644\u0644\u0645\u062a\u0639\u0644\u0645\u064a\u0646<\/h4>\n <a href=\"#\">\u0644\u0644\u0623\u0637\u0641\u0627\u0644<\/a>\n <a href=\"#\">\u0644\u0644\u0628\u0627\u0644\u063a\u064a\u0646<\/a>\n <a href=\"#\">\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0631\u0622\u0646<\/a>\n <a href=\"#\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h4>\n <a href=\"#\">\u0648\u0627\u062a\u0633\u0627\u0628<\/a>\n <a href=\"#\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/a>\n <a href=\"#\">\u0641\u064a\u0633\u0628\u0648\u0643<\/a>\n <a href=\"#\">\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2026 Arab Arabic \u2014 arabarabic.com<\/p>\n <p>Designed with \u2764\ufe0f for Arabic learners worldwide<\/p>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Arab Arabic \u2014 \u062a\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0639 Arab Arabic \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u062a\u0646\u0632\u064a\u0644\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629 \u062d\u0635\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arabarabic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":9,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}