<turbo-stream action="update" target="program_collection_homepage"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="true"
     data-integrations-google-tag-manager-enabled-value="true"
     data-integrations-google-analytics-enabled-value="true"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;2. The Arabic Alphabet: Reading, Writing and Pronunciation (Lessons 4-14)&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;2. The Arabic Alphabet: Reading, Writing and Pronunciation (Lessons 4-14)&quot;]'
  ></span>
</div>

<div class="collection pt-0 lg:pt-4">
    <div
      class='container hotwired'
      id="collection_cover"
      data-controller="program program-details-modal"
      data-program-id="1772907"
      data-blocked-in-user-country="false"
    >
      
<ds-modal no-background="" size="small" with-close-icon id="more-details-modal" data-action="close->program-details-modal#closeDetailModal">
  <div class="bg-ds-default">
    <div class="p-6 pb-0 max-h-[calc(100vh-190px)] overflow-y-auto">
      <p class="text-ds-default text-ds-large-bold mb-4">2. The Arabic Alphabet: Reading, Writing and Pronunciation (Lessons 4-14)</p>
      <p class="text-ds-small-semi-bold-uppercase text-ds-muted mb-4">About</p>
      <div class="content-description text-ds-base-regular text-ds-default mb-6" data-program-details-modal-target="modalContent"></div>
      <div class="p-4 bg-ds-overlay flex flex-col gap-2 rounded overflow-x-auto">
        <div class="flex w-full gap-2">
          <div class="text-ds-small-medium text-ds-default w-[100px]">Released</div>
          <div class="text-ds-small-regular text-ds-default">July 2022</div>
        </div>
          <div class="flex w-full gap-2">
              <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Categories</div>
            <div class="flex flex-col w-full">
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/arabic-with-amau"
                    data-turbo-frame="_top"
                  >
                    Arabic With AMAU
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (705 videos)
                  </span>
                </div>
            </div>
          </div>
      </div>
        <p class="mt-6 text-ds-small-semi-bold-uppercase text-ds-muted">
          Resources
        </p>
        <ds-swiper class="mt-4 md:grid md:grid-cols-4 md:gap-4"
          overflow-y-visible
          id="program_resources_swiper"
          md="disabled:true"
          options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
        >
            <swiper-slide>
              <ds-tooltip disabled md="disabled:false" id="file_resource_280034" class="flex h-12 w-full box-content" position="top">
                <div
                  style="clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 16px, calc(100% - 16px) 0)"
                  class="w-full flex items-center bg-ds-subtle text-ds-default py-2 px-4 rounded relative box-border"
                >
                  <div class="text-ds-tiny-regular truncate max-h-8">
                    Extra Reading and Writing Practice Booklet.pdf
                  </div>
                  <div
                    style="clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 16px, calc(100% - 16px) 0)"
                    class="w-4 h-4 absolute right-0 top-0 bg-primary rounded rounded-t-none rounded-r-none"
                  ></div>
                </div>
              </ds-tooltip>
            </swiper-slide>
            <swiper-slide>
              <ds-tooltip disabled md="disabled:false" id="file_resource_280035" class="flex h-12 w-full box-content" position="top">
                <div
                  style="clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 16px, calc(100% - 16px) 0)"
                  class="w-full flex items-center bg-ds-subtle text-ds-default py-2 px-4 rounded relative box-border"
                >
                  <div class="text-ds-tiny-regular truncate max-h-8">
                    Where Letters Come From In Your Mouth.jpg
                  </div>
                  <div
                    style="clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 16px, calc(100% - 16px) 0)"
                    class="w-4 h-4 absolute right-0 top-0 bg-primary rounded rounded-t-none rounded-r-none"
                  ></div>
                </div>
              </ds-tooltip>
            </swiper-slide>
        </ds-swiper>
        <p class="text-ds-small-regular text-ds-muted mt-2">
          Available for download after purchase.
        </p>
    </div>
    <div class="text-right p-6 pt-2">
      <ds-button variant="primary" onclick="document.getElementById('more-details-modal').close()">Close</ds-button>
    </div>
  </div>
</ds-modal>

<div class="flex flex-col lg:flex-row gap-x-12 mb-6 lg:mb-0">
    <div class="h-full w-full lg:w-[55%] relative">
        <img
          src="https://alpha.uscreencdn.com/images/programs/1772907/horizontal/alphabet.1657879648.jpg?auto=webp&width=700"
          srcset="https://alpha.uscreencdn.com/images/programs/1772907/horizontal/alphabet.1657879648.jpg?auto=webp&width=700,
                  https://alpha.uscreencdn.com/images/programs/1772907/horizontal/alphabet.1657879648.jpg?auto=webp&width=1050 2x"
          alt="2. The Arabic Alphabet: Reading, Writing and Pronunciation (Lessons 4-14)"
          class="aspect-video rounded h-auto w-full"
        >
    </div>
  <div id="program_about" class="w-full lg:w-[45%] lg:mb-5">
      <p class="text-primary text-ds-tiny-bold-uppercase mb-1 mt-4 lg:mt-0">
        <ds-icon class="inline-block align-sub" size="16px" name='playlist'></ds-icon> Collection
      </p>
      <h1 class="text-ds-title-2-semi-bold mt-2 lg:mt-0">
        2. The Arabic Alphabet: Reading, Writing and Pronunciation (Lessons 4-14)
      </h1>
      <div class="mt-2">
        <span class="inline-block">
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block "
              size="xxxs"
              url="https://alpha.uscreencdn.com/images/author/51937/small_muhammad.1706560377.png"
              text="Ustadh Muhammad Tim Humble">
            </ds-avatar>
        </span>
        <span class="inline-block align-super text-ds-default text-ds-small-regular">
          Ustadh Muhammad Tim Humble
        </span>
      </div>
    <div class="mt-4 text-ds-small-regular">
      <div aria-expanded=true class="content-description line-clamp-3 max-h-[60px] xl:line-clamp-[7] xl:max-h-[140px] xl:aria-expanded:line-clamp-[11] xl:aria-expanded:max-h-[220px]" data-program-details-modal-target="description">
        <p>In these videos, students will be taught how to read, write, and correctly pronounce the letters of the Arabic language. Students who already have experience in this topic are still encouraged to go through them to check if their pronunciation of the letters is correct.</p><p><br></p><p><em>If you have completed watching the entire Section 2 then please attempt the quiz by clicking </em><a href="https://www.amauacademy.com/pages/2-the-arabic-alphabet-reading-writing-and-pronunciation-quiz" rel="noopener noreferrer" target="_blank"><strong><em><u>here</u></em></strong></a><em>.</em></p>
      </div>
      <ds-button variant="text" data-action="click->program-details-modal#openDetailModal" class="cursor-pointer">Learn more</ds-button>
    </div>
    <div class="mt-4 flex flex-col sm:flex-row gap-2 ">
            <ds-dropdown data-test="subscriptions-list" float="center" sm="float:left" class="w-full">
              <ds-button class="w-full" slot="control" variant="primary" onclick="window.CatalogAnalytics('clickVideoCtaToSubscribe', '1772907', 'sidebar', 'Subscribe to watch')">
                  Subscribe to watch
                <ds-icon slot="after" name="chevron-down"></ds-icon>
              </ds-button>
              <div
                slot="content"
                class="p-6 pt-4 w-screen max-w-screen-md sm:max-w-lg box-border sm:w-auto"
              >
                <p class="text-ds-small-regular mb-4">Select a membership:</p>
                  <a
                    href="/checkout/new?o=77497"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/77497/monthlycardthumbnail.1770053543.png">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Monthly
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        AMAU Monthly Subscription (Monthly USD 30)
                      </p>
                        <span class="text-ds-base-semi-bold">
                          USD $30.00/month
                        </span>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=77498"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/77498/yearlycardthumbnail.1770053453.png">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Annually
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        AMAU Annual Subscription (Yearly USD 180)
                      </p>
                        <span class="text-ds-base-semi-bold">
                          USD $180.00/year
                        </span>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
    </div>
  </div>
</div>

    </div>

  <div class="collection-videos relative bg-ds-inset border-y border-ds-default mt-4" id="program_playlist">
    <div class="container">
      <div
        class="py-8"
        data-area="playlist"
        data-controller="playlist-modal"
        data-playlist-modal-root-url-value="https://www.amauacademy.com"
      >
          <ds-modal
            id="free-video-modal"
            size="large"
            with-close-icon
            close-icon-in-backdrop
            no-background
            
            data-action="close->playlist-modal#stopVideo"
            data-playlist-modal-target="modal"
          >
            <div data-controller="integrations"
                 data-integrations-facebook-pixel-enabled-value="true"
                 data-integrations-google-tag-manager-enabled-value="true"
                 data-integrations-google-analytics-enabled-value="true"
                 class="bg-ds-subtle"
            >
              <turbo-frame id="free_program"></turbo-frame>            </div>
          </ds-modal>

        <div class="flex items-center justify-between mb-5">
          <p class="collection-videos-counter text-ds-tiny-semi-bold-uppercase" data-area="counter">
            <ds-icon size="16px" class="pr-1 inline-block align-bottom" name='playlist'></ds-icon>
            Videos (11)
          </p>
        </div>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="the-arabic-alphabet-reading-writing-and-pronunciation"
    data-playlist-modal-item-id-param="2790696"
    data-playlist-modal-subject-permalink-param="4-getting-started-with-reading-writing-and-pronunciation"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="2790696"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="4. Getting Started with Reading, Writing, and Pronunciation" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1841949/horizontal/screenshot-2023-09-02-at-115541-pm.1693684549.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1841949/horizontal/screenshot-2023-09-02-at-115541-pm.1693684549.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1841949/horizontal/screenshot-2023-09-02-at-115541-pm.1693684549.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1841949/horizontal/screenshot-2023-09-02-at-115541-pm.1693684549.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:38</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="4. Getting Started with Reading, Writing, and Pronunciation">4. Getting Started with Reading, Writing, and Pronunciation</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will be given an introduction to reading, writing, and pronouncing Arabic letters.</p>
  </a>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790697">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="5. The Arabic Alphabet (alif/bā’/tā’/thā’)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842123/horizontal/screenshot-2023-09-02-at-110812-pm.1693681702.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842123/horizontal/screenshot-2023-09-02-at-110812-pm.1693681702.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842123/horizontal/screenshot-2023-09-02-at-110812-pm.1693681702.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842123/horizontal/screenshot-2023-09-02-at-110812-pm.1693681702.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">23:26</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="5. The Arabic Alphabet (alif/bā’/tā’/thā’)">5. The Arabic Alphabet (alif/bā’/tā’/thā’)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will learn how to read, write, and pronounce the following letters: ا (alif), ب (bā’), ت (tā’), and ث (thā’).</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790698">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="6. The Arabic Alphabet (jeem/ḥā’/khā’)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842128/horizontal/screenshot-2023-09-02-at-110837-pm.1693681724.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842128/horizontal/screenshot-2023-09-02-at-110837-pm.1693681724.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842128/horizontal/screenshot-2023-09-02-at-110837-pm.1693681724.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842128/horizontal/screenshot-2023-09-02-at-110837-pm.1693681724.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">25:40</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="6. The Arabic Alphabet (jeem/ḥā’/khā’)">6. The Arabic Alphabet (jeem/ḥā’/khā’)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will learn how to read, write, and pronounce the following letters: ج (jeem), ح (ḥā’), and خ (khā’).</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790699">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="7. The Arabic Alphabet (dāl/dhāl/rā’/zāy)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842054/horizontal/screenshot-2023-09-02-at-115625-pm.1693684592.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842054/horizontal/screenshot-2023-09-02-at-115625-pm.1693684592.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842054/horizontal/screenshot-2023-09-02-at-115625-pm.1693684592.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842054/horizontal/screenshot-2023-09-02-at-115625-pm.1693684592.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14:49</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="7. The Arabic Alphabet (dāl/dhāl/rā’/zāy)">7. The Arabic Alphabet (dāl/dhāl/rā’/zāy)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will learn how to read, write and pronounce the following letters: د (dāl), ذ (dhāl), ر (rā’), and ز (zāy).</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790700">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="8. The Arabic Alphabet (seen/sheen/ṣād/ḍād)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842050/horizontal/screenshot-2023-09-03-at-120038-am.1693684846.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842050/horizontal/screenshot-2023-09-03-at-120038-am.1693684846.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842050/horizontal/screenshot-2023-09-03-at-120038-am.1693684846.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842050/horizontal/screenshot-2023-09-03-at-120038-am.1693684846.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14:35</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="8. The Arabic Alphabet (seen/sheen/ṣād/ḍād)">8. The Arabic Alphabet (seen/sheen/ṣād/ḍād)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will learn how to read, write, and pronounce the following letters: س (seen), ش (sheen), ص (ṣād), and ض (ḍād).</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790701">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="9. The Arabic Alphabet (ṭā’/ƌhā/‘ayn/ghayn)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842359/horizontal/screenshot-2023-09-03-at-120158-am.1693684928.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842359/horizontal/screenshot-2023-09-03-at-120158-am.1693684928.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842359/horizontal/screenshot-2023-09-03-at-120158-am.1693684928.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842359/horizontal/screenshot-2023-09-03-at-120158-am.1693684928.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">15:01</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="9. The Arabic Alphabet (ṭā’/ƌhā/‘ayn/ghayn)">9. The Arabic Alphabet (ṭā’/ƌhā/‘ayn/ghayn)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will learn how to read, write, and pronounce the following letters: ط (ṭā’), ظ (ƌhā), ع (‘ayn), and غ (ghayn).</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790702">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="10. The Arabic Alphabet (fā’/qāf/kāf)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842067/horizontal/screenshot-2023-09-03-at-120729-am.1693685256.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842067/horizontal/screenshot-2023-09-03-at-120729-am.1693685256.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842067/horizontal/screenshot-2023-09-03-at-120729-am.1693685256.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842067/horizontal/screenshot-2023-09-03-at-120729-am.1693685256.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:30</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="10. The Arabic Alphabet (fā’/qāf/kāf)">10. The Arabic Alphabet (fā’/qāf/kāf)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will learn how to read, write, and pronounce the following letters: ف (fā’), ق (qāf), and ك (kāf).</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790703">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="11. The Arabic Alphabet (lām/meem/noon)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842019/horizontal/screenshot-2023-09-03-at-120753-am.1693685281.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842019/horizontal/screenshot-2023-09-03-at-120753-am.1693685281.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842019/horizontal/screenshot-2023-09-03-at-120753-am.1693685281.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842019/horizontal/screenshot-2023-09-03-at-120753-am.1693685281.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:05</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="11. The Arabic Alphabet (lām/meem/noon)">11. The Arabic Alphabet (lām/meem/noon)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will learn how to read, write, and pronounce the following letters: ل (lām), م (meem), and ن (noon).</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790704">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="12. The Arabic Alphabet (wāw/hā’/yā’/hamzah)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842106/horizontal/screenshot-2023-09-03-at-120920-am.1693685368.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842106/horizontal/screenshot-2023-09-03-at-120920-am.1693685368.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842106/horizontal/screenshot-2023-09-03-at-120920-am.1693685368.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842106/horizontal/screenshot-2023-09-03-at-120920-am.1693685368.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">20:39</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="12. The Arabic Alphabet (wāw/hā’/yā’/hamzah)">12. The Arabic Alphabet (wāw/hā’/yā’/hamzah)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will learn how to read, write, and pronounce the following letters: و (wāw), ه (hā’), ي (yā’), and ء (hamzah).</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790705">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="13. Short Vowels &amp; Marks" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842069/horizontal/screenshot-2023-09-03-at-120938-am.1693685386.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842069/horizontal/screenshot-2023-09-03-at-120938-am.1693685386.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842069/horizontal/screenshot-2023-09-03-at-120938-am.1693685386.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842069/horizontal/screenshot-2023-09-03-at-120938-am.1693685386.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">15:35</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="13. Short Vowels &amp; Marks">13. Short Vowels &amp; Marks</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In this video, students will learn the following long vowels &amp; mixed sounds: fat-ḥah, kasrah, ḍammah, sukoon, and shaddah.
</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2790706">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="14. Long Vowels &amp; Mixed Sounds" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842010/horizontal/screenshot-2023-09-03-at-121110-am.1693685528.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842010/horizontal/screenshot-2023-09-03-at-121110-am.1693685528.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842010/horizontal/screenshot-2023-09-03-at-121110-am.1693685528.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842010/horizontal/screenshot-2023-09-03-at-121110-am.1693685528.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:30</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="14. Long Vowels &amp; Mixed Sounds">14. Long Vowels &amp; Mixed Sounds</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Students will learn the long vowels &amp; mixed sounds: fat-ḥah and alif, kasrah and yā’, ḍammah and wāw, fat-ḥah and yā’, and fat-ḥah and wāw.</p>
  </div>

                </swiper-slide>
            </ds-swiper>
        <ds-show-more
          style="--ds-show-more-fade-color: transparent;"
          content-not-clickable
          class="!hidden md:!block"
          float="center"
          disabled="true"
          once
          max-height="550"
          md="disabled:false"
          lg="max-height:900"
        >
          <ds-button slot="button" class="collection-videos-button mt-6">Show all videos</ds-button>
          <div slot="content" class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" data-area="chapters">
                <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="the-arabic-alphabet-reading-writing-and-pronunciation"
    data-playlist-modal-item-id-param="2790696"
    data-playlist-modal-subject-permalink-param="4-getting-started-with-reading-writing-and-pronunciation"
    class="content-item block cursor-pointer"
    data-cid="2790696"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="4. Getting Started with Reading, Writing, and Pronunciation" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1841949/horizontal/screenshot-2023-09-02-at-115541-pm.1693684549.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1841949/horizontal/screenshot-2023-09-02-at-115541-pm.1693684549.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1841949/horizontal/screenshot-2023-09-02-at-115541-pm.1693684549.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1841949/horizontal/screenshot-2023-09-02-at-115541-pm.1693684549.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:38</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="4. Getting Started with Reading, Writing, and Pronunciation">4. Getting Started with Reading, Writing, and Pronunciation</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will be given an introduction to reading, writing, and pronouncing Arabic letters.</p>
  </a>

                <div class="content-item block pointer-events-none" data-cid="2790697">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="5. The Arabic Alphabet (alif/bā’/tā’/thā’)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842123/horizontal/screenshot-2023-09-02-at-110812-pm.1693681702.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842123/horizontal/screenshot-2023-09-02-at-110812-pm.1693681702.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842123/horizontal/screenshot-2023-09-02-at-110812-pm.1693681702.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842123/horizontal/screenshot-2023-09-02-at-110812-pm.1693681702.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">23:26</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="5. The Arabic Alphabet (alif/bā’/tā’/thā’)">5. The Arabic Alphabet (alif/bā’/tā’/thā’)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will learn how to read, write, and pronounce the following letters: ا (alif), ب (bā’), ت (tā’), and ث (thā’).</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2790698">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="6. The Arabic Alphabet (jeem/ḥā’/khā’)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842128/horizontal/screenshot-2023-09-02-at-110837-pm.1693681724.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842128/horizontal/screenshot-2023-09-02-at-110837-pm.1693681724.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842128/horizontal/screenshot-2023-09-02-at-110837-pm.1693681724.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842128/horizontal/screenshot-2023-09-02-at-110837-pm.1693681724.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">25:40</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="6. The Arabic Alphabet (jeem/ḥā’/khā’)">6. The Arabic Alphabet (jeem/ḥā’/khā’)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will learn how to read, write, and pronounce the following letters: ج (jeem), ح (ḥā’), and خ (khā’).</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2790699">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="7. The Arabic Alphabet (dāl/dhāl/rā’/zāy)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842054/horizontal/screenshot-2023-09-02-at-115625-pm.1693684592.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842054/horizontal/screenshot-2023-09-02-at-115625-pm.1693684592.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842054/horizontal/screenshot-2023-09-02-at-115625-pm.1693684592.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842054/horizontal/screenshot-2023-09-02-at-115625-pm.1693684592.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14:49</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="7. The Arabic Alphabet (dāl/dhāl/rā’/zāy)">7. The Arabic Alphabet (dāl/dhāl/rā’/zāy)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will learn how to read, write and pronounce the following letters: د (dāl), ذ (dhāl), ر (rā’), and ز (zāy).</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2790700">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="8. The Arabic Alphabet (seen/sheen/ṣād/ḍād)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842050/horizontal/screenshot-2023-09-03-at-120038-am.1693684846.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842050/horizontal/screenshot-2023-09-03-at-120038-am.1693684846.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842050/horizontal/screenshot-2023-09-03-at-120038-am.1693684846.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842050/horizontal/screenshot-2023-09-03-at-120038-am.1693684846.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14:35</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="8. The Arabic Alphabet (seen/sheen/ṣād/ḍād)">8. The Arabic Alphabet (seen/sheen/ṣād/ḍād)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will learn how to read, write, and pronounce the following letters: س (seen), ش (sheen), ص (ṣād), and ض (ḍād).</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2790701">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="9. The Arabic Alphabet (ṭā’/ƌhā/‘ayn/ghayn)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842359/horizontal/screenshot-2023-09-03-at-120158-am.1693684928.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842359/horizontal/screenshot-2023-09-03-at-120158-am.1693684928.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842359/horizontal/screenshot-2023-09-03-at-120158-am.1693684928.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842359/horizontal/screenshot-2023-09-03-at-120158-am.1693684928.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">15:01</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="9. The Arabic Alphabet (ṭā’/ƌhā/‘ayn/ghayn)">9. The Arabic Alphabet (ṭā’/ƌhā/‘ayn/ghayn)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will learn how to read, write, and pronounce the following letters: ط (ṭā’), ظ (ƌhā), ع (‘ayn), and غ (ghayn).</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2790702">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="10. The Arabic Alphabet (fā’/qāf/kāf)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842067/horizontal/screenshot-2023-09-03-at-120729-am.1693685256.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842067/horizontal/screenshot-2023-09-03-at-120729-am.1693685256.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842067/horizontal/screenshot-2023-09-03-at-120729-am.1693685256.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842067/horizontal/screenshot-2023-09-03-at-120729-am.1693685256.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:30</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="10. The Arabic Alphabet (fā’/qāf/kāf)">10. The Arabic Alphabet (fā’/qāf/kāf)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will learn how to read, write, and pronounce the following letters: ف (fā’), ق (qāf), and ك (kāf).</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2790703">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="11. The Arabic Alphabet (lām/meem/noon)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842019/horizontal/screenshot-2023-09-03-at-120753-am.1693685281.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842019/horizontal/screenshot-2023-09-03-at-120753-am.1693685281.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842019/horizontal/screenshot-2023-09-03-at-120753-am.1693685281.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842019/horizontal/screenshot-2023-09-03-at-120753-am.1693685281.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:05</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="11. The Arabic Alphabet (lām/meem/noon)">11. The Arabic Alphabet (lām/meem/noon)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will learn how to read, write, and pronounce the following letters: ل (lām), م (meem), and ن (noon).</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2790704">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="12. The Arabic Alphabet (wāw/hā’/yā’/hamzah)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842106/horizontal/screenshot-2023-09-03-at-120920-am.1693685368.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842106/horizontal/screenshot-2023-09-03-at-120920-am.1693685368.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842106/horizontal/screenshot-2023-09-03-at-120920-am.1693685368.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842106/horizontal/screenshot-2023-09-03-at-120920-am.1693685368.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">20:39</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="12. The Arabic Alphabet (wāw/hā’/yā’/hamzah)">12. The Arabic Alphabet (wāw/hā’/yā’/hamzah)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will learn how to read, write, and pronounce the following letters: و (wāw), ه (hā’), ي (yā’), and ء (hamzah).</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2790705">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="13. Short Vowels &amp; Marks" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842069/horizontal/screenshot-2023-09-03-at-120938-am.1693685386.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842069/horizontal/screenshot-2023-09-03-at-120938-am.1693685386.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842069/horizontal/screenshot-2023-09-03-at-120938-am.1693685386.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842069/horizontal/screenshot-2023-09-03-at-120938-am.1693685386.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">15:35</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="13. Short Vowels &amp; Marks">13. Short Vowels &amp; Marks</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In this video, students will learn the following long vowels &amp; mixed sounds: fat-ḥah, kasrah, ḍammah, sukoon, and shaddah.
</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2790706">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="14. Long Vowels &amp; Mixed Sounds" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1842010/horizontal/screenshot-2023-09-03-at-121110-am.1693685528.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1842010/horizontal/screenshot-2023-09-03-at-121110-am.1693685528.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1842010/horizontal/screenshot-2023-09-03-at-121110-am.1693685528.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1842010/horizontal/screenshot-2023-09-03-at-121110-am.1693685528.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:30</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="14. Long Vowels &amp; Mixed Sounds">14. Long Vowels &amp; Mixed Sounds</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Students will learn the long vowels &amp; mixed sounds: fat-ḥah and alif, kasrah and yā’, ḍammah and wāw, fat-ḥah and yā’, and fat-ḥah and wāw.</p>
  </div>

          </div>
        </ds-show-more>
      </div>
    </div>
  </div>

    <div class="collection-comments container">
      <div class="py-4 lg:py-8" id="comments_section_wrapper">
          <turbo-frame data-program-tabs-target="commentsContainer" class="community-page" id="program_comments" target="_top">
  <h3 class="comments-title font-medium text-xl">
    Comments on collection
    (<turbo-frame id="collection_1772907_comments_count">66</turbo-frame>)
  </h3>
    <p class="pt-4">
        <a class="text-primary capitalize font-medium" href="/sign_in">sign in</a> to view the conversation
    </p>
</turbo-frame>
      </div>
    </div>
</div>
</template></turbo-stream>