<turbo-stream action="update" target="program_collection_homepage"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="false"
     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;Mysteries of the Rosary- Sorrowful Mysteries&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Mysteries of the Rosary- Sorrowful Mysteries&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="2034429"
      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">Mysteries of the Rosary- Sorrowful Mysteries</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">January 2023</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/category-NVc6JkWc5is"
                    data-turbo-frame="_top"
                  >
                    Series
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (74 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/category-nljl-LojQwo"
                    data-turbo-frame="_top"
                  >
                    Featured
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (43 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_302861" 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">
                    Mysteries of the Rosary Study Guide Ep 3
                  </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_302862" 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">
                    Mysteries of the Rosary Study Guide Ep 4.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_302863" 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">
                    Mysteries of the Rosary Study Guide Ep 5.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_302864" 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">
                    Mysteries of the Rosary Study Guide Ep 6.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_302865" 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">
                    Mysteries of the Rosary Study Guide Ep 7.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_370931" 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">
                    Full Mysteries of the Rosary Study Guide
                  </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_302082" 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">
                    Parish Group Guide Mysteries of the Rosary.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_302083" 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">
                    Small Group Guide Mysteries of the Rosary .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_302084" 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">
                    Mysteries of the Rosary Study Guide Ep 1
                  </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_302085" 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">
                    Mysteries of the Rosary Study Guide Ep 2
                  </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">
        <div data-test="trailer-video">
          <ds-badge color="gray" class="absolute left-2 top-2 z-[2]"><ds-icon name='video-player' class="mr-1"></ds-icon> Trailer</ds-badge>
          
<script
  type="module"
  crossorigin
  src="https://cdn.jsdelivr.net/npm/@uscreentv/video-player@1.4.0/+esm"
></script>


<video-player
  dir="lrt"
  idle-timeout="5000"
  data-test="player"
  data-id="2058151"
  data-controller="program-video scrat-analytics program-video-timeline-preview"
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value="https://image.mux.com/GhfhzKlzOpX2z01BphYd4FnBW7RoP00jvo/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJHaGZoektsek9wWDJ6MDFCcGhZZDRGbkJXN1JvUDAwanZvIiwiZXhwIjoxNzc1MzIyODY0LCJraWQiOiJibEJBSzhkSENmaTIzcXZsYlZyQ1Fpb1pic3JrVnM2UCIsImF1ZCI6InMifQ.iKChRKWyGiA7PYGPQLRrQ7lsVo3bWz0gM2yGKcHfMLqHpL0UuCysC7k8I4xVQbxdo5bZsWENvshGcYvV9ObdSAFbUn149idtuazEdsNfWNIRvzGUV59I5KI4Cv1FOO1-u68jfvumUikWd3gPeYoN77V8I9yZY3TjbMlvgKLjHCRFxIWxIxHeBCus6TMasHGt_NmiLF9miL-7PlmwEZ6_6CqDmDhXEZ6moTEO25PMLx4wG8voJaK0v86cx4Pj7P2Hb1GWmphjNyf8USh7-HktCInCU-mEoimuXfucB5ctSffbKA2BWBviRH2nhM4uoMT_5xruYMFrVsc8ztkuW8THLA"
  storage-key="uscreen:video"
  class=""
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;Mysteries of the Rosary Official Trailer&quot;,&quot;video_id&quot;:2058151}"
  data-program-video-stats-value="{&quot;store_id&quot;:8384,&quot;video_id&quot;:2034429,&quot;trailer_id&quot;:2058151,&quot;content_id&quot;:2058151,&quot;content_title&quot;:&quot;Mysteries of the Rosary- Sorrowful Mysteries&quot;,&quot;content_type&quot;:&quot;trailer&quot;,&quot;chapter_id&quot;:2058151,&quot;user_id&quot;:null,&quot;author_id&quot;:[],&quot;author_title&quot;:null,&quot;environment_id&quot;:&quot;production&quot;}"
  data-program-video-content-type-value="video"
  data-program-video-next-video-id-value="0"
  data-program-video-challenge-watched-video-url-value=""
  data-program-video-streak-watch-threshold-value="10"
  data-program-video-streak-enabled-value="false"
  data-program-video-streak-path-value="/streak/continue"
  data-program-video-user-is-logged-in-value="false"
  data-scrat-analytics-category-param="player"
  data-scrat-analytics-event-param="control_seekbar_seek"
  data-action="hovering-&gt;program-video-timeline-preview#setPreviewFrame "
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-program-video-target="video"
    poster="https://alpha.uscreencdn.com/assets%2F8384%2Fplayer_image%2F2058151%2FScreen_Shot_2023-01-26_at_2.01.41_PM.1674763866.png"
  >
    <source
      src="https://stream.mux.com/GhfhzKlzOpX2z01BphYd4FnBW7RoP00jvo.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJHaGZoektsek9wWDJ6MDFCcGhZZDRGbkJXN1JvUDAwanZvIiwiZXhwIjoxNzc1MzIyODY0LCJraWQiOiJibEJBSzhkSENmaTIzcXZsYlZyQ1Fpb1pic3JrVnM2UCIsImF1ZCI6InYifQ.NpCBn_RDYPhqCy-R_lWoVKOaHntaEbwWUNneItrB79fhmzzrIF3XcXiWDVRLs8b9IlI3Ia5ddCcacgv_mkPJBjk4xjnHkm0CmD-Q4YXh9z5Qc1bcDhPHQBKjqttx5yVl3Uqyrz-cKOLw9dKYFFnouESxfR7DR_lEXC6nQsTjs7yON5k8PfzTGGx9v-IIBruzadatLkrUUJbEfI3AzatM1_anESEaITQ1seWSchoToYXT-Obfo3Vq7BC3zd9Cn-qA7qHlMLF2SMm3YAMNACy91dwep0d5nRklFpiYgVF84rdS0ThwzRV86_bTEdh23xc-DFGk7AbSRVOAGCcgBV8o0A"
      type="application/x-mpegURL"
    />
  </video>
  <video-chromecast
    slot="chromecast"
      receiver-application-id="3EE5C317"
  ></video-chromecast>
  <video-condition query="played==false">
    <video-play-button
      data-action="click->program-video#clickPlayButtonScreen"
      without-tooltip
      data-test="big-play-button"
      slot="true"
      class="
        absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2
        bg-primary rounded-full [--video-player-button-color:var(--contrast-to-primary-color)]
        [--size:4.5rem] part-[button]:p-3 shadow hover:scale-105
      "
    ></video-play-button>
  </video-condition>
  <video-controls>
      <video-timeline
        segments=""
        data-program-video-target="timeline"
      >
        <video-timer format="past"></video-timer>
          <div
            class="hidden items-center flex-col"
            data-program-video-timeline-preview-target="previewRoot"
          >
            <div
              class="rounded relative overflow-hidden border border-white h-20 w-20 bg-ds-default mb-1"
              data-program-video-timeline-preview-target="preview"
            >
              <img
                alt=""
                class="absolute left-0 top-0 max-w-none transform origin-top-left"
                data-program-video-timeline-preview-target="image"
                data-action="load->program-video-timeline-preview#onImageLoad"
              />
            </div>
            <div
              class="max-w-[12rem] text-center text-white empty:hidden line-clamp-1 text-ds-small-medium"
              data-program-video-timeline-preview-target="sectionTitle"></div>
            <div
              class="max-w-[12rem] text-center text-white text-ds-small-medium"
              data-program-video-timeline-preview-target="timecode">0:00</div>
          </div>
      </video-timeline>

    <video-play-button data-test="play-button" data-action="click->program-video#clickPlayButton">
      <span slot="tooltip:play">Play</span>
      <span slot="tooltip:pause">Pause</span>
    </video-play-button>

      <video-backward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Backward</span>
      </video-backward-button>
      <video-forward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Forward</span>
      </video-forward-button>

    <video-volume-button>
      <span slot="tooltip:unmute">Unmute</span>
      <span slot="tooltip:mute">Mute</span>
    </video-volume-button>

    <video-volume-control></video-volume-control>


    <div class="ms-auto"></div>

    <video-subtitles-button>
      <span slot="tooltip">Subtitles</span>
    </video-subtitles-button>

    <video-settings-button
      
      translation="{&quot;back&quot;:&quot;Back&quot;,&quot;shortcuts&quot;:&quot;Keyboard Shortcuts&quot;,&quot;quality&quot;:&quot;Quality&quot;,&quot;rate&quot;:&quot;Playback Settings&quot;,&quot;rewind&quot;:&quot;Rewind&quot;,&quot;volume&quot;:&quot;Change Volume&quot;,&quot;mute&quot;:&quot;Mute&quot;,&quot;toggle-play&quot;:&quot;Play / Pause&quot;,&quot;enter-fullscreen&quot;:&quot;Enter fullscreen&quot;,&quot;exit-fullscreen&quot;:&quot;Exit fullscreen&quot;}"
    >
      <span slot="tooltip">Settings</span>
    </video-settings-button>

    <video-airplay-button>
      <span slot="tooltip:disabled">Airplay</span>
      <span slot="tooltip:enabled">Airplay</span>
    </video-airplay-button>

    <video-pip-button>
      <span slot="tooltip:disabled">Picture in Picture</span>
      <span slot="tooltip:enabled">Picture in Picture</span>
    </video-pip-button>

    <video-chromecast-button>
      <span slot="tooltip:disabled">Chromecast</span>
      <span slot="tooltip:enabled">Chromecast</span>
    </video-chromecast-button>

    <video-fullscreen-button>
      <span slot="tooltip:disabled">Enter fullscreen</span>
      <span slot="tooltip:enabled">Exit fullscreen</span>
    </video-fullscreen-button>
  </video-controls>
  <video-cues></video-cues>
</video-player>

        </div>
    </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">
        Mysteries of the Rosary- Sorrowful Mysteries
      </h1>
    <div class="mt-4 text-ds-small-regular">
      <div  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">
        <div class="editor-content"><p><strong>Enter into the Mysteries of Christ and Rediscover the Power of the Rosary&nbsp;</strong></p><p>Mysteries of the Rosary (The Sorrowful Mysteries) is a 7-episode series highlighting the Mysteries in the life of Christ as outlined in the decades of the Rosary. Mysteries of the Rosary integrates deeply reflective insights on the life of Christ, theological truths, and captivating stories together with breathtaking scenery, illuminating sacred art, and inspiring music. By filming on location in the Holy Land, our aspiration is to make the Rosary come alive in the hearts and minds of the viewer. Encounters with Christ in the episodes and discussions will help lead to even deeper encounters with Him in personal prayer and contemplation.</p><p>The Mysteries of the Rosary is a holy collaboration between Paradisus Dei, The Wild Goose, and 4PM Media.<br></p><p>Help us create the series on the Joyful Mysteries by donating here-&nbsp;</p><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://donorbox.org/mysteries-of-the-rosary"><img src="https://s3.us-east-1.amazonaws.com/unode1/assets%2Ftmp%2FDonate_button%400.3x.1675088785.png"></a></p><p>Find out more about their vision for The Mysteries of the Rosary Project <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.therosaryseries.com/">HERE</a>&nbsp;</p><p>Find out more about Paradisus Dei- <a target="_blank" rel="noopener noreferrer nofollow" href="https://paradisusdei.org/">HERE</a>&nbsp;&nbsp;</p><p>Writer &amp; Host: Mark Hartfiel</p><p>Director: Dan Johnson</p><p>Produced by: <a target="_blank" rel="noopener noreferrer nofollow" href="https://4pmmedia.com/">4PM Media</a>.&nbsp;<br></p></div>
      </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', '2034429', '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=24245"
                    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/24245/Become_a__10_monthly_donor.1652363336.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">
                        Donate $10 Monthly
                      </p>
                        <span class="text-ds-base-semi-bold">
                          USD $10.00/month
                        </span>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=36763"
                    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/36763/Become_a__20_Monthly_donor__1_.1652363013.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">
                        Donate $25 Monthly
                      </p>
                        <span class="text-ds-base-semi-bold">
                          USD $25.00/month
                        </span>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=24247"
                    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/24247/BECOME_A__50_MONTHLY_DONOR.1652363360.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">
                        Donate $50 Monthly
                      </p>
                        <span class="text-ds-base-semi-bold">
                          USD $50.00/month
                        </span>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
    </div>
        <div class="w-full h-[1px] my-4 mt-5 relative" style="background-color: var(--ds-border-default)">
            <span class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-ds-default px-2 text-ds-muted text-ds-tiny-semi-bold-uppercase">
              OR
            </span>
        </div>
        <div>
          <p class="text-ds-tiny-semi-bold-uppercase text-ds-muted mt-4">Buy as part of a bundle:</p>
            <div>
              <a class="inline-flex gap-2 items-center mt-1 w-full" href="/checkout/new?o=24249" data-turbo-frame="_top">
                <span class="text-ds-small-medium text-primary truncate">
                  Sign up
                </span>
                <span class="text-ds-small-regular text-ds-muted shrink-0">
                  (283 video bundle)
                </span>
                  <ds-badge color="green" variant="light">Free</ds-badge>
              </a>
            </div>
        </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://wildgoose.tv"
      >
          <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="false"
                 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 (9)
          </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="sorrowful-mysteries"
    data-playlist-modal-item-id-param="2934279"
    data-playlist-modal-subject-permalink-param="rosary-sorrowful-1"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="2934279"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 1: Rediscover the Power" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034304/horizontal/Untitled_1.1.10.1675092593.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034304/horizontal/Untitled_1.1.10.1675092593.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034304/horizontal/Untitled_1.1.10.1675092593.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034304/horizontal/Untitled_1.1.10.1675092593.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">35:20</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Ep. 1: Rediscover the Power">Ep. 1: Rediscover the Power</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Ep 1: Rediscover the Power- Just one Hail Mary is an explosion of faith that can move mountains!</p>
  </a>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2953574">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 2: The Agony in the Garden" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034406/horizontal/Ep2_-_Edited.1675094185.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034406/horizontal/Ep2_-_Edited.1675094185.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034406/horizontal/Ep2_-_Edited.1675094185.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034406/horizontal/Ep2_-_Edited.1675094185.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">37:42</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="Ep. 2: The Agony in the Garden">Ep. 2: The Agony in the Garden</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Agony in the Garden- Christ enters into the Garden of Gethsemane, knowing precisely who He is fighting against and who He is fighting for. </p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2993202">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 3: The Scourging at the Pillar" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034489/horizontal/EP_3_-_Edited.1675095546.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034489/horizontal/EP_3_-_Edited.1675095546.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034489/horizontal/EP_3_-_Edited.1675095546.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034489/horizontal/EP_3_-_Edited.1675095546.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">33:38</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="Ep. 3: The Scourging at the Pillar">Ep. 3: The Scourging at the Pillar</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Episode 3 Pilate is the one on trial. He finds no crime in Jesus, yet wishing to satisfy the crowd, he has him brutally scourged.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2993203">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 4: The Crowning with Thorns" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034561/horizontal/EP_4_-_Edited.1675095603.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034561/horizontal/EP_4_-_Edited.1675095603.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034561/horizontal/EP_4_-_Edited.1675095603.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034561/horizontal/EP_4_-_Edited.1675095603.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">28:23</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="Ep. 4: The Crowning with Thorns">Ep. 4: The Crowning with Thorns</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Episode 4 - The crown of thorns had nothing to do with Jesus’ crucifixion. It had everything to do with his Kingship.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2993204">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 5 The Carrying of the Cross" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034621/horizontal/EP_5_-_Edited.1675096199.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034621/horizontal/EP_5_-_Edited.1675096199.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034621/horizontal/EP_5_-_Edited.1675096199.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034621/horizontal/EP_5_-_Edited.1675096199.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">34:34</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="Ep. 5 The Carrying of the Cross">Ep. 5 The Carrying of the Cross</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Ep. 5 -The Cross as a Christian symbol has been sanitized. We forget the Cross was not just about killing a man, but to make him suffer.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2993205">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 6: The Crucifixion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2035552/horizontal/EP_6_-_Edited.1675096313.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2035552/horizontal/EP_6_-_Edited.1675096313.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2035552/horizontal/EP_6_-_Edited.1675096313.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2035552/horizontal/EP_6_-_Edited.1675096313.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">40:57</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="Ep. 6: The Crucifixion">Ep. 6: The Crucifixion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Ep. 6 - Reflecting on the pain of Good Friday, we enter into a profound mystery. How can the hour of Jesus&#39; death be the hour of His glory?</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2993206">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 7: The Pathway to Paradise" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2035680/horizontal/EP_7_-_Edited.1675096374.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2035680/horizontal/EP_7_-_Edited.1675096374.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2035680/horizontal/EP_7_-_Edited.1675096374.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2035680/horizontal/EP_7_-_Edited.1675096374.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">38:19</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="Ep. 7: The Pathway to Paradise">Ep. 7: The Pathway to Paradise</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Episode 7 Beyond the 5th Sorrowful Mystery, beyond His crucifixion and death, we contemplate the piercing of Jesus&#39; side.</p>
  </div>

                </swiper-slide>
            </ds-swiper>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            Extras
          </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="sorrowful-mysteries"
    data-playlist-modal-item-id-param="2950663"
    data-playlist-modal-subject-permalink-param="the-power-of-one-hail-mary-d18383"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="2950663"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="The Power of One Hail Mary" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2058203/horizontal/THE_POWER_OF_ONE_HAIL_MARY.1674762905.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2058203/horizontal/THE_POWER_OF_ONE_HAIL_MARY.1674762905.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2058203/horizontal/THE_POWER_OF_ONE_HAIL_MARY.1674762905.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2058203/horizontal/THE_POWER_OF_ONE_HAIL_MARY.1674762905.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:15</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="The Power of One Hail Mary">The Power of One Hail Mary</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Excerpt from the series.
Available this Lent. Mysteries of the Rosary: The Sorrowful Mysteries</p>
  </a>

                </swiper-slide>
                <swiper-slide>
                    <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="sorrowful-mysteries"
    data-playlist-modal-item-id-param="2950662"
    data-playlist-modal-subject-permalink-param="promo_v2_dan_cut_1_9mp4-2160p-364990"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="2950662"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Mysteries of the Rosary Official Trailer" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2058151/horizontal/Screen_Shot_2023-01-26_at_2.01.41_PM.1674763929.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2058151/horizontal/Screen_Shot_2023-01-26_at_2.01.41_PM.1674763929.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2058151/horizontal/Screen_Shot_2023-01-26_at_2.01.41_PM.1674763929.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2058151/horizontal/Screen_Shot_2023-01-26_at_2.01.41_PM.1674763929.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:35</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Mysteries of the Rosary Official Trailer">Mysteries of the Rosary Official Trailer</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">New seven-part series releasing Lent 2023</p>
  </a>

                </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="sorrowful-mysteries"
    data-playlist-modal-item-id-param="2934279"
    data-playlist-modal-subject-permalink-param="rosary-sorrowful-1"
    class="content-item block cursor-pointer"
    data-cid="2934279"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 1: Rediscover the Power" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034304/horizontal/Untitled_1.1.10.1675092593.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034304/horizontal/Untitled_1.1.10.1675092593.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034304/horizontal/Untitled_1.1.10.1675092593.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034304/horizontal/Untitled_1.1.10.1675092593.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">35:20</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Ep. 1: Rediscover the Power">Ep. 1: Rediscover the Power</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Ep 1: Rediscover the Power- Just one Hail Mary is an explosion of faith that can move mountains!</p>
  </a>

                <div class="content-item block pointer-events-none" data-cid="2953574">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 2: The Agony in the Garden" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034406/horizontal/Ep2_-_Edited.1675094185.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034406/horizontal/Ep2_-_Edited.1675094185.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034406/horizontal/Ep2_-_Edited.1675094185.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034406/horizontal/Ep2_-_Edited.1675094185.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">37:42</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="Ep. 2: The Agony in the Garden">Ep. 2: The Agony in the Garden</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Agony in the Garden- Christ enters into the Garden of Gethsemane, knowing precisely who He is fighting against and who He is fighting for. </p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2993202">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 3: The Scourging at the Pillar" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034489/horizontal/EP_3_-_Edited.1675095546.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034489/horizontal/EP_3_-_Edited.1675095546.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034489/horizontal/EP_3_-_Edited.1675095546.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034489/horizontal/EP_3_-_Edited.1675095546.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">33:38</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="Ep. 3: The Scourging at the Pillar">Ep. 3: The Scourging at the Pillar</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Episode 3 Pilate is the one on trial. He finds no crime in Jesus, yet wishing to satisfy the crowd, he has him brutally scourged.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2993203">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 4: The Crowning with Thorns" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034561/horizontal/EP_4_-_Edited.1675095603.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034561/horizontal/EP_4_-_Edited.1675095603.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034561/horizontal/EP_4_-_Edited.1675095603.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034561/horizontal/EP_4_-_Edited.1675095603.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">28:23</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="Ep. 4: The Crowning with Thorns">Ep. 4: The Crowning with Thorns</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Episode 4 - The crown of thorns had nothing to do with Jesus’ crucifixion. It had everything to do with his Kingship.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2993204">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 5 The Carrying of the Cross" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2034621/horizontal/EP_5_-_Edited.1675096199.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2034621/horizontal/EP_5_-_Edited.1675096199.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2034621/horizontal/EP_5_-_Edited.1675096199.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2034621/horizontal/EP_5_-_Edited.1675096199.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">34:34</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="Ep. 5 The Carrying of the Cross">Ep. 5 The Carrying of the Cross</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Ep. 5 -The Cross as a Christian symbol has been sanitized. We forget the Cross was not just about killing a man, but to make him suffer.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2993205">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 6: The Crucifixion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2035552/horizontal/EP_6_-_Edited.1675096313.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2035552/horizontal/EP_6_-_Edited.1675096313.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2035552/horizontal/EP_6_-_Edited.1675096313.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2035552/horizontal/EP_6_-_Edited.1675096313.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">40:57</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="Ep. 6: The Crucifixion">Ep. 6: The Crucifixion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Ep. 6 - Reflecting on the pain of Good Friday, we enter into a profound mystery. How can the hour of Jesus&#39; death be the hour of His glory?</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2993206">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Ep. 7: The Pathway to Paradise" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2035680/horizontal/EP_7_-_Edited.1675096374.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2035680/horizontal/EP_7_-_Edited.1675096374.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2035680/horizontal/EP_7_-_Edited.1675096374.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2035680/horizontal/EP_7_-_Edited.1675096374.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">38:19</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="Ep. 7: The Pathway to Paradise">Ep. 7: The Pathway to Paradise</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Episode 7 Beyond the 5th Sorrowful Mystery, beyond His crucifixion and death, we contemplate the piercing of Jesus&#39; side.</p>
  </div>

                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    Extras
  </div>

                <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="sorrowful-mysteries"
    data-playlist-modal-item-id-param="2950663"
    data-playlist-modal-subject-permalink-param="the-power-of-one-hail-mary-d18383"
    class="content-item block cursor-pointer"
    data-cid="2950663"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="The Power of One Hail Mary" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2058203/horizontal/THE_POWER_OF_ONE_HAIL_MARY.1674762905.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2058203/horizontal/THE_POWER_OF_ONE_HAIL_MARY.1674762905.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2058203/horizontal/THE_POWER_OF_ONE_HAIL_MARY.1674762905.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2058203/horizontal/THE_POWER_OF_ONE_HAIL_MARY.1674762905.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:15</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="The Power of One Hail Mary">The Power of One Hail Mary</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Excerpt from the series.
Available this Lent. Mysteries of the Rosary: The Sorrowful Mysteries</p>
  </a>

                <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="sorrowful-mysteries"
    data-playlist-modal-item-id-param="2950662"
    data-playlist-modal-subject-permalink-param="promo_v2_dan_cut_1_9mp4-2160p-364990"
    class="content-item block cursor-pointer"
    data-cid="2950662"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Mysteries of the Rosary Official Trailer" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2058151/horizontal/Screen_Shot_2023-01-26_at_2.01.41_PM.1674763929.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2058151/horizontal/Screen_Shot_2023-01-26_at_2.01.41_PM.1674763929.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2058151/horizontal/Screen_Shot_2023-01-26_at_2.01.41_PM.1674763929.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2058151/horizontal/Screen_Shot_2023-01-26_at_2.01.41_PM.1674763929.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:35</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Mysteries of the Rosary Official Trailer">Mysteries of the Rosary Official Trailer</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">New seven-part series releasing Lent 2023</p>
  </a>

          </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_2034429_comments_count">12</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>