<turbo-stream action="remove" target="catalog_featured"></turbo-stream>
<turbo-stream action="replace" target="catalog_content"><template>
  <turbo-frame id="catalog_content" target="_top" class="px-[3%] py-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-6">
  </turbo-frame>
</template></turbo-stream>
<turbo-stream action="append" target="catalog_content"><template>
    <swiper-slide
  data-card="collection_1772894"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2022-07-05T20:47:09+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1772894&#39;, &#39;Search Results&#39;); " href="/programs/introduction-to-arabic-with-amau">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="1. Introduction to Arabic with AMAU (Lessons 1-3)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1772894/horizontal/intro.1657879700.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1772894/horizontal/intro.1657879700.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1772894/horizontal/intro.1657879700.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1772894/horizontal/intro.1657879700.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">3</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="1. Introduction to Arabic with AMAU (Lessons 1-3)" aria-label="1. Introduction to Arabic with AMAU (Lessons 1-3)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1772894&#39;, &#39;Search Results&#39;); " href="/programs/introduction-to-arabic-with-amau">
    <span class="line-clamp-2">
      1. Introduction to Arabic with AMAU (Lessons 1-3)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1772907"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In these videos, students will be taught how to read, write, and correctly pronounce the letters of the Arabic language."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2022-07-05T20:52:48+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1772907&#39;, &#39;Search Results&#39;); " href="/programs/the-arabic-alphabet-reading-writing-and-pronunciation">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="2. The Arabic Alphabet: Reading, Writing and Pronunciation (Lessons 4-14)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1772907/horizontal/alphabet.1657879648.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1772907/horizontal/alphabet.1657879648.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1772907/horizontal/alphabet.1657879648.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1772907/horizontal/alphabet.1657879648.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">11</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="2. The Arabic Alphabet: Reading, Writing and Pronunciation (Lessons 4-14)" aria-label="2. The Arabic Alphabet: Reading, Writing and Pronunciation (Lessons 4-14)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1772907&#39;, &#39;Search Results&#39;); " href="/programs/the-arabic-alphabet-reading-writing-and-pronunciation">
    <span class="line-clamp-2">
      2. The Arabic Alphabet: Reading, Writing and Pronunciation (Lessons 4-14)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1781527"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In these videos, Ustadh Muhammad Tim goes through the famous book for teaching how to recite the Qur’ān, ‘Al-Qaa&#39;idah an-Nooraaniyyah’."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2022-07-11T14:56:46+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1781527&#39;, &#39;Search Results&#39;); " href="/programs/3-al-qaaidah-an-nooraaniyyah">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="3. Al-Qaa&#39;idah an-Nooraaniyyah (Lessons 15-23)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1781527/horizontal/qaidah.1657879581.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1781527/horizontal/qaidah.1657879581.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1781527/horizontal/qaidah.1657879581.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1781527/horizontal/qaidah.1657879581.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">9</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="3. Al-Qaa&#39;idah an-Nooraaniyyah (Lessons 15-23)" aria-label="3. Al-Qaa&#39;idah an-Nooraaniyyah (Lessons 15-23)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1781527&#39;, &#39;Search Results&#39;); " href="/programs/3-al-qaaidah-an-nooraaniyyah">
    <span class="line-clamp-2">
      3. Al-Qaa&#39;idah an-Nooraaniyyah (Lessons 15-23)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1772911"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In these videos, students will get their first taste of forming simple sentences in the Arabic language."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2022-07-05T20:54:19+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1772911&#39;, &#39;Search Results&#39;); " href="/programs/4-simple-sentences-with-two-words">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="4. Simple Sentences with Two Words (Lessons 24-59)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1772911/horizontal/sentences.1657879425.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1772911/horizontal/sentences.1657879425.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1772911/horizontal/sentences.1657879425.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1772911/horizontal/sentences.1657879425.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">52</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="4. Simple Sentences with Two Words (Lessons 24-59)" aria-label="4. Simple Sentences with Two Words (Lessons 24-59)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1772911&#39;, &#39;Search Results&#39;); " href="/programs/4-simple-sentences-with-two-words">
    <span class="line-clamp-2">
      4. Simple Sentences with Two Words (Lessons 24-59)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1889869"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In these videos, students will get their first taste of verbs in the Arabic language."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2022-09-30T18:50:16+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1889869&#39;, &#39;Search Results&#39;); " href="/programs/5-getting-started-with-verbs">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="5. Getting Started With Verbs (Lessons 60-93)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1889869/horizontal/WhatsApp_Image_2022-09-30_at_5.48.46_PM.1664549477.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1889869/horizontal/WhatsApp_Image_2022-09-30_at_5.48.46_PM.1664549477.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1889869/horizontal/WhatsApp_Image_2022-09-30_at_5.48.46_PM.1664549477.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1889869/horizontal/WhatsApp_Image_2022-09-30_at_5.48.46_PM.1664549477.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">51</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="5. Getting Started With Verbs (Lessons 60-93)" aria-label="5. Getting Started With Verbs (Lessons 60-93)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1889869&#39;, &#39;Search Results&#39;); " href="/programs/5-getting-started-with-verbs">
    <span class="line-clamp-2">
      5. Getting Started With Verbs (Lessons 60-93)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1972515"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In these videos, students will start learning about adjectives and possession."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2022-12-01T04:00:03+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1972515&#39;, &#39;Search Results&#39;); " href="/programs/6-describing-and-possessing">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="6. Describing &amp; Possessing (Lessons 94-139)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1972515/horizontal/WhatsApp_Image_2022-11-27_at_10.41.33_PM.1669577570.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1972515/horizontal/WhatsApp_Image_2022-11-27_at_10.41.33_PM.1669577570.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1972515/horizontal/WhatsApp_Image_2022-11-27_at_10.41.33_PM.1669577570.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1972515/horizontal/WhatsApp_Image_2022-11-27_at_10.41.33_PM.1669577570.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">71</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="6. Describing &amp; Possessing (Lessons 94-139)" aria-label="6. Describing &amp; Possessing (Lessons 94-139)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1972515&#39;, &#39;Search Results&#39;); " href="/programs/6-describing-and-possessing">
    <span class="line-clamp-2">
      6. Describing &amp; Possessing (Lessons 94-139)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2061354"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This section focuses on making small tweaks to previously learnt sentence structures  to make new sentences with different meanings."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2023-02-01T03:22:34+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2061354&#39;, &#39;Search Results&#39;); " href="/programs/section-7-small-changesgreat-benefits">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="7. Small Changes…Great Benefits (Lessons 140-182)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2061354/horizontal/smallchanges.1675144814.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2061354/horizontal/smallchanges.1675144814.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2061354/horizontal/smallchanges.1675144814.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2061354/horizontal/smallchanges.1675144814.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">43</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="7. Small Changes…Great Benefits (Lessons 140-182)" aria-label="7. Small Changes…Great Benefits (Lessons 140-182)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2061354&#39;, &#39;Search Results&#39;); " href="/programs/section-7-small-changesgreat-benefits">
    <span class="line-clamp-2">
      7. Small Changes…Great Benefits (Lessons 140-182)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2376324"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Having learnt the basics, students are now ready to work with more advanced material. "
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2023-06-28T18:50:36+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2376324&#39;, &#39;Search Results&#39;); " href="/programs/8-the-power-of-patterns">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="8. The Power of Patterns (Lessons 183-223)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2376324/horizontal/whatsapp-image-2023-07-13-at-65208-pm.1689260007.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2376324/horizontal/whatsapp-image-2023-07-13-at-65208-pm.1689260007.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2376324/horizontal/whatsapp-image-2023-07-13-at-65208-pm.1689260007.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2376324/horizontal/whatsapp-image-2023-07-13-at-65208-pm.1689260007.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">41</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="8. The Power of Patterns (Lessons 183-223)" aria-label="8. The Power of Patterns (Lessons 183-223)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2376324&#39;, &#39;Search Results&#39;); " href="/programs/8-the-power-of-patterns">
    <span class="line-clamp-2">
      8. The Power of Patterns (Lessons 183-223)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2619563"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Having studied the fundamentals, students now have the skills to independently decode Arabic words without the assistance of a teacher."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2023-10-07T14:15:14+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2619563&#39;, &#39;Search Results&#39;); " href="/programs/9-becoming-independent">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="9. Becoming Independent (Lessons 224-275)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2619563/horizontal/section9.1696439663.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2619563/horizontal/section9.1696439663.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2619563/horizontal/section9.1696439663.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2619563/horizontal/section9.1696439663.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">52</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="9. Becoming Independent (Lessons 224-275)" aria-label="9. Becoming Independent (Lessons 224-275)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2619563&#39;, &#39;Search Results&#39;); " href="/programs/9-becoming-independent">
    <span class="line-clamp-2">
      9. Becoming Independent (Lessons 224-275)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2813101"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="After many sections of studying Arabic in English, students will now have the opportunity to do so in Arabic."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2024-01-16T15:00:53+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2813101&#39;, &#39;Search Results&#39;); " href="/programs/10-introducing-immersion-lessons-276-321">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="10. Introducing Immersion (Lessons 276-321)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2813101/horizontal/5fbd5582-b620-470e-89e0-bacbd7e7943d.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2813101/horizontal/5fbd5582-b620-470e-89e0-bacbd7e7943d.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2813101/horizontal/5fbd5582-b620-470e-89e0-bacbd7e7943d.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2813101/horizontal/5fbd5582-b620-470e-89e0-bacbd7e7943d.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">47</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="10. Introducing Immersion (Lessons 276-321)" aria-label="10. Introducing Immersion (Lessons 276-321)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2813101&#39;, &#39;Search Results&#39;); " href="/programs/10-introducing-immersion-lessons-276-321">
    <span class="line-clamp-2">
      10. Introducing Immersion (Lessons 276-321)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3165365"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Ustadh Tim as he takes you through a comprehensive and quick review of the Madinah Arabic Series."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2024-07-23T19:48:29+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3165365&#39;, &#39;Search Results&#39;); " href="/programs/additional-resources">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Additional Practice - 1" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3165365/horizontal/acadf7b8-c5f6-4dab-9864-e54b802274e3.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3165365/horizontal/acadf7b8-c5f6-4dab-9864-e54b802274e3.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3165365/horizontal/acadf7b8-c5f6-4dab-9864-e54b802274e3.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3165365/horizontal/acadf7b8-c5f6-4dab-9864-e54b802274e3.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">38</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Additional Practice - 1" aria-label="Additional Practice - 1" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3165365&#39;, &#39;Search Results&#39;); " href="/programs/additional-resources">
    <span class="line-clamp-2">
      Additional Practice - 1
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3274688"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Level up your Arabic! A course for young adults using novels, Islamic texts &amp; more—build vocabulary &amp; research skills with less translation."
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2024-10-13T14:55:14+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3274688&#39;, &#39;Search Results&#39;); " href="/programs/11-broadening-the-horizons">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="11. Broadening the Horizons (Lessons 322 to 387)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3274688/horizontal/fe7c09b4-4164-4bba-bf95-24a97bebf255.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3274688/horizontal/fe7c09b4-4164-4bba-bf95-24a97bebf255.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3274688/horizontal/fe7c09b4-4164-4bba-bf95-24a97bebf255.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3274688/horizontal/fe7c09b4-4164-4bba-bf95-24a97bebf255.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">67</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="11. Broadening the Horizons (Lessons 322 to 387)" aria-label="11. Broadening the Horizons (Lessons 322 to 387)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3274688&#39;, &#39;Search Results&#39;); " href="/programs/11-broadening-the-horizons">
    <span class="line-clamp-2">
      11. Broadening the Horizons (Lessons 322 to 387)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3973999"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Section 12 will feature over 90+ videos covering a wide range of real-world topics such as Business, Travel, Family Relationships and more."
    data-published-at="2026-01-07T05:01:51+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3973999&#39;, &#39;Search Results&#39;); " href="/programs/12-expressions-for-every-situation">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="12. Expressions for Every Situation" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3973999/horizontal/2ada78d4-c328-4483-b35f-e18d7c03f5c5.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3973999/horizontal/2ada78d4-c328-4483-b35f-e18d7c03f5c5.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3973999/horizontal/2ada78d4-c328-4483-b35f-e18d7c03f5c5.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3973999/horizontal/2ada78d4-c328-4483-b35f-e18d7c03f5c5.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">23</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="12. Expressions for Every Situation" aria-label="12. Expressions for Every Situation" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3973999&#39;, &#39;Search Results&#39;); " href="/programs/12-expressions-for-every-situation">
    <span class="line-clamp-2">
      12. Expressions for Every Situation
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2040146"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Ustadh Muhammad Tim Humble in these monthly live Q&amp;A sessions and put forward your questions related to the Arabic with AMAU course"
    data-author-title-0="Ustadh Muhammad Tim Humble" data-author-permalink-0="ustadh-muhammad-tim-humble"
    data-published-at="2023-01-16T17:27:22+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2040146&#39;, &#39;Search Results&#39;); " href="/programs/monthly-qa-recordings-arabic-with-amau">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Monthly Q&amp;A Recordings (Arabic with AMAU)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2040146/horizontal/WhatsApp_Image_2023-01-16_at_5.29.44_PM.1673875829.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2040146/horizontal/WhatsApp_Image_2023-01-16_at_5.29.44_PM.1673875829.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2040146/horizontal/WhatsApp_Image_2023-01-16_at_5.29.44_PM.1673875829.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2040146/horizontal/WhatsApp_Image_2023-01-16_at_5.29.44_PM.1673875829.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">33</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Monthly Q&amp;A Recordings (Arabic with AMAU)" aria-label="Monthly Q&amp;A Recordings (Arabic with AMAU)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2040146&#39;, &#39;Search Results&#39;); " href="/programs/monthly-qa-recordings-arabic-with-amau">
    <span class="line-clamp-2">
      Monthly Q&amp;A Recordings (Arabic with AMAU)
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group my-4 mx-2 mb-4 filters-short-variant filters-active"
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class="hidden"
    content-visible-on="md"
    id="filters-toggle-button"
    data-test="filters-toggle"
    aria-label="Filters toggle" 
    data-action="click->themeless-catalog-filters#toggleAllFilters" 
    
    active
  >
    <ds-icon slot="before" name="filter" size="24px"></ds-icon>
    <span class="md:ms-1">
      <span class="hidden md:block md:group-[.filters-active]:hidden">Show filters</span>
      <span class="hidden md:group-[.filters-active]:block">Close filters</span>
    </span>
  </ds-button>
    <ds-button
      size="small"
      style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
      content-visible-on="md"
      data-test="reset-filters"
      aria-label="Reset filters"
      data-action="click->themeless-catalog-filters#resetFilters"
      
    >
      <span class="relative" slot="before">
        <ds-icon name="filter"></ds-icon>
        <ds-icon name="cross-small" class="absolute size-4 -bottom-1 -right-1"></ds-icon>
      </span>
      <span class="hidden lg:block ms-1">Reset filters (1)</span>
    </ds-button>
</div>


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Category: All" inner-prefix="Category" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="271219" label="Ilm with AMAU | Semester 0" >
              <ds-checkbox>Ilm with AMAU | Semester 0</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="276568" label="Hifdh With AMAU" >
              <ds-checkbox>Hifdh With AMAU</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112724" label="Arabic With AMAU" checked>
              <ds-checkbox>Arabic With AMAU</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="118016" label="Grow With AMAU" >
              <ds-checkbox>Grow With AMAU</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="268113" label="Ruqyah With AMAU" >
              <ds-checkbox>Ruqyah With AMAU</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116646" label="Preparation Material for AMAU Itqan (Entrance Exam)" >
              <ds-checkbox>Preparation Material for AMAU Itqan (Entrance Exam)</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="author_id" id="author_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Author: All" inner-prefix="Author" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="54210" label="Shaikh Mohamed Eid Almuhairi" >
              <ds-checkbox>Shaikh Mohamed Eid Almuhairi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112234" label="Sheikh Dr. Asim Al-Qaryooti" >
              <ds-checkbox>Sheikh Dr. Asim Al-Qaryooti</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51051" label="Ustadh Abdulrahman Hassan" >
              <ds-checkbox>Ustadh Abdulrahman Hassan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110363" label="Ustadh Abul Abbaas Naveed Ayaaz" >
              <ds-checkbox>Ustadh Abul Abbaas Naveed Ayaaz</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="64825" label="Ustadh Abu Mussab Wajdi Akkari" >
              <ds-checkbox>Ustadh Abu Mussab Wajdi Akkari</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114596" label="Ustadh Muhammad Huzaifah" >
              <ds-checkbox>Ustadh Muhammad Huzaifah</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51937" label="Ustadh Muhammad Tim Humble" >
              <ds-checkbox>Ustadh Muhammad Tim Humble</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98576" label="Ustadh Sadiq A. Yasin" >
              <ds-checkbox>Ustadh Sadiq A. Yasin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51938" label="Ustadh Yasin Munye" >
              <ds-checkbox>Ustadh Yasin Munye</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
</div>

  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_button"><template>
    <button type="button"
          class="toggle-filters inline-flex text-base rounded items-center leading-normal box-content
          text-ds-default hover:bg-ds-overlay bg-ds-default px-4 py-2"
          data-action="click->catalog-filters#resetFilter" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr-3">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99995 6.58574L14.2928 0.292847L15.7071 1.70706L9.41417 7.99995L15.7071 14.2928L14.2928 15.7071L7.99995 9.41417L1.70706 15.7071L0.292847 14.2928L6.58574 7.99995L0.292847 1.70706L1.70706 0.292847L7.99995 6.58574Z" fill="currentColor"></path>
</svg>

    Clear Filters
  </button>

</template></turbo-stream>

