<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;Becoming God&#39;s Family&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Becoming God&#39;s Family&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="4027947"
      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">Becoming God&#39;s Family</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">February 2026</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/featured"
                    data-turbo-frame="_top"
                  >
                    Featured
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (207 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/new"
                    data-turbo-frame="_top"
                  >
                    New
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (211 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/new-testament"
                    data-turbo-frame="_top"
                  >
                    New Testament
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (238 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/old-testament"
                    data-turbo-frame="_top"
                  >
                    Old Testament
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (191 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_494185" 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">
                    imes-bgf-leader-guide.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_494186" 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">
                    imes-bgf-workbook.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>
        </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="4078002"
  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/ORhT3Gwk02zYIpT23YpNKf8pDi6ZFp67g/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJPUmhUM0d3azAyellJcFQyM1lwTktmOHBEaTZaRnA2N2ciLCJleHAiOjE3NzUyODA5NTIsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoicyJ9.Ye0BOGGZ4XmLhQ9yLL65bai63FFtVhTxCxgTQDiKTej5GVHGUt-pASj1vy4_rSx1SlGwQ7wuKxafDFkklBeS-x9Z0dDoIZ3-2irBQhIpKSC_mQsZtcON_lSC2gIthV_N5wOWSGh5yxWqK4FeNaBqn9fOyz__Uf6d77wcpJoyWcn1IBXjhmQ83V4vNPluutfr4x0fth0cQY-9hL9RrZZNRIUBGGKHsibtS-Fk3Lyd8-bJWPRDOEfxjHhkfWf8QwtNkWXWzY7e_VQt01VCxVeGfPvzN_MpuJ2yruhtQ9D9U9ZHzcYp_NHhr5LmZb33RPyLP0wz-eKZ1_6dB4CJvPwgGw"
  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;Becoming God&#39;s Family (Trailer)&quot;,&quot;video_id&quot;:4078002}"
  data-program-video-stats-value="{&quot;store_id&quot;:6313,&quot;video_id&quot;:4027947,&quot;trailer_id&quot;:4078002,&quot;content_id&quot;:4078002,&quot;content_title&quot;:&quot;Becoming God&#39;s Family&quot;,&quot;content_type&quot;:&quot;trailer&quot;,&quot;chapter_id&quot;:4078002,&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%2Ftmp%2Fcarmen-imes-bgf-trailer-thumb.1774362449.png"
  >
    <source
      src="https://stream.mux.com/ORhT3Gwk02zYIpT23YpNKf8pDi6ZFp67g.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJPUmhUM0d3azAyellJcFQyM1lwTktmOHBEaTZaRnA2N2ciLCJleHAiOjE3NzUyODA5NTIsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoidiJ9.gTcES7fZnfTKT1OROo7E9QDYpC2ITAoenl0lebzIdAC_of-kJFK_oLDR2SDlaHN73yzwvL2Lz-eGHo6TgDudBu5Ob55ty6QUG3yijne7BFdXaA28jFFVfiYgA1l353hf_dhIuSDjNgRk6Xxreg0BQlSnroOfPPuXeDPeLMApsqeEdExFBLli5u4IZqJ3fd8A_M4ftVlqQ-rAnIH3-URgoXyvtRlLBEh-GYlgQBte354P550XvWaIYh85eF8pYAPUIucN58F-X7AbE3QcrmPkXJTdFkMbX19E8i3AJE4s-ZSgJQtBnmZj-oB9Y1cU80tj0YVk3XGaHdxbWJ9_tvAj9g"
      type="application/x-mpegURL"
    />
      <track
        default
        label=" English (auto-generated) "
        kind="metadata"
        srcLang="en"
        src="https://alpha.uscreencdn.com/sub/985297/nkOJWk025zTV6rdbMaKLJnyAWhauxVvPn015dZqw017v88wscJs8djH7A.vtt"
      />
  </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">
        Becoming God&#39;s Family
      </h1>
      <div class="mt-2">
        <span class="inline-block">
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block "
              size="xxxs"
              url="https://alpha.uscreencdn.com/images/author/11354/small_small_small_small_small_nITRXBbZQRyEQts7SkvH_unnamed_20_1_.jpg"
              text="Carmen Joy Imes">
            </ds-avatar>
        </span>
        <span class="inline-block align-super text-ds-default text-ds-small-regular">
          Carmen Joy Imes
        </span>
      </div>
    <div class="mt-4 text-ds-small-regular">
      <div aria-expanded=true class="content-description line-clamp-3 max-h-[60px] xl:line-clamp-[7] xl:max-h-[140px] xl:aria-expanded:line-clamp-[11] xl:aria-expanded:max-h-[220px]" data-program-details-modal-target="description">
        <div class="editor-content"><p><strong>Does the church still matter?</strong></p><p>In the midst of moral failings, political polarization, and social division, it can be easy to feel disillusioned with church. But Scripture presents a vision of God's people beyond our culture wars as a vibrant, intergenerational and multicultural family. </p><p>In this course, Carmen Imes traces the reconciling work of God throughout Scripture—from the call of Abraham, to Israel and the Prophets, to the  outpouring of the Spirit at Pentecost—to form a united people, the family of God. </p><p>Discover the power of God to transcend our social boundaries, shaping us as a counter-cultural force in the world that embodies the radical family-making reality of God’s Kingdom.</p><p>This course is based on Imes' book,<em> Becoming God's Family</em>, available at <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.ivpress.com/becoming-god-s-family">IVP</a>.</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-button href="/checkout/new?o=23231" data-turbo-frame="_top" class="w-full" variant="primary">
                Subscribe to watch
            </ds-button>
    </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://seminarynow.com"
      >
          <ds-modal
            id="free-video-modal"
            size="large"
            with-close-icon
            close-icon-in-backdrop
            no-background
            
            data-action="close->playlist-modal#stopVideo"
            data-playlist-modal-target="modal"
          >
            <div data-controller="integrations"
                 data-integrations-facebook-pixel-enabled-value="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 (12)
          </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="becoming-gods-family"
    data-playlist-modal-item-id-param="4661376"
    data-playlist-modal-subject-permalink-param="becoming-gods-family-trailer"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="4661376"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Becoming God&#39;s Family (Trailer)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4078002/horizontal/9b6f2646-92c6-4ef9-9a5c-3c79250310dc.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4078002/horizontal/9b6f2646-92c6-4ef9-9a5c-3c79250310dc.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4078002/horizontal/9b6f2646-92c6-4ef9-9a5c-3c79250310dc.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4078002/horizontal/9b6f2646-92c6-4ef9-9a5c-3c79250310dc.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">01:08</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Becoming God&#39;s Family (Trailer)">Becoming God&#39;s Family (Trailer)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </a>

                </swiper-slide>
                <swiper-slide>
                    <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="becoming-gods-family"
    data-playlist-modal-item-id-param="4689248"
    data-playlist-modal-subject-permalink-param="becoming-gods-family-introduction"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="4689248"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Introduction (Becoming God&#39;s Family)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4106722/horizontal/d6d5c986-ca5d-41fb-8aef-2285560cae6f.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4106722/horizontal/d6d5c986-ca5d-41fb-8aef-2285560cae6f.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4106722/horizontal/d6d5c986-ca5d-41fb-8aef-2285560cae6f.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4106722/horizontal/d6d5c986-ca5d-41fb-8aef-2285560cae6f.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:57</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Introduction (Becoming God&#39;s Family)">Introduction (Becoming God&#39;s Family)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">God&#39;s people as family at Pentecost</p>
  </a>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="4689249">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="1 - The Family of Abraham" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4104369/horizontal/be2ddae4-7c01-46de-bc5e-864e94607926.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4104369/horizontal/be2ddae4-7c01-46de-bc5e-864e94607926.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4104369/horizontal/be2ddae4-7c01-46de-bc5e-864e94607926.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4104369/horizontal/be2ddae4-7c01-46de-bc5e-864e94607926.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">13:44</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="1 - The Family of Abraham">1 - The Family of Abraham</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Genesis and Exodus</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="4689250">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="2 - Growing Pains" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4104367/horizontal/4a2a7841-6fd2-40ed-9e7a-fcf1054a7459.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4104367/horizontal/4a2a7841-6fd2-40ed-9e7a-fcf1054a7459.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4104367/horizontal/4a2a7841-6fd2-40ed-9e7a-fcf1054a7459.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4104367/horizontal/4a2a7841-6fd2-40ed-9e7a-fcf1054a7459.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:51</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="2 - Growing Pains">2 - Growing Pains</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Deuteronomy, Judges, and Ruth</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="4689251">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="3 - Family Dysfunction" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4104371/horizontal/490699a4-4644-4cb2-b734-4b553d84e457.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4104371/horizontal/490699a4-4644-4cb2-b734-4b553d84e457.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4104371/horizontal/490699a4-4644-4cb2-b734-4b553d84e457.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4104371/horizontal/490699a4-4644-4cb2-b734-4b553d84e457.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14: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="3 - Family Dysfunction">3 - Family Dysfunction</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">1–2 Samuel</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="4689252">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="4 - Divided Family" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4104368/horizontal/eed6a1c7-9401-482b-a4ea-062a6e1ee174.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4104368/horizontal/eed6a1c7-9401-482b-a4ea-062a6e1ee174.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4104368/horizontal/eed6a1c7-9401-482b-a4ea-062a6e1ee174.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4104368/horizontal/eed6a1c7-9401-482b-a4ea-062a6e1ee174.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:52</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="4 - Divided Family">4 - Divided Family</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">1–2 Kings</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="5 - Kicked Out of the House">5 - Kicked Out of the House</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Jeremiah and Daniel</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="6 - Processing Family Trauma">6 - Processing Family Trauma</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Psalms</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="7 - Family Drama">7 - Family Drama</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Isaiah, Malachi, Ezra, and Nehemiah</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="8 - Family Reunion">8 - Family Reunion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">The Gospels</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="9 - The Family Business">9 - The Family Business</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Romans</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="10 - A New Temple">10 - A New Temple</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Corinthians &amp; Hebrews</p>
  </div>

                </swiper-slide>
            </ds-swiper>
        <ds-show-more
          style="--ds-show-more-fade-color: transparent;"
          content-not-clickable
          class="!hidden md:!block"
          float="center"
          disabled="true"
          once
          max-height="550"
          md="disabled:false"
          lg="max-height:900"
        >
          <ds-button slot="button" class="collection-videos-button mt-6">Show all videos</ds-button>
          <div slot="content" class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" data-area="chapters">
                <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="becoming-gods-family"
    data-playlist-modal-item-id-param="4661376"
    data-playlist-modal-subject-permalink-param="becoming-gods-family-trailer"
    class="content-item block cursor-pointer"
    data-cid="4661376"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Becoming God&#39;s Family (Trailer)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4078002/horizontal/9b6f2646-92c6-4ef9-9a5c-3c79250310dc.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4078002/horizontal/9b6f2646-92c6-4ef9-9a5c-3c79250310dc.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4078002/horizontal/9b6f2646-92c6-4ef9-9a5c-3c79250310dc.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4078002/horizontal/9b6f2646-92c6-4ef9-9a5c-3c79250310dc.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">01:08</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Becoming God&#39;s Family (Trailer)">Becoming God&#39;s Family (Trailer)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </a>

                <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="becoming-gods-family"
    data-playlist-modal-item-id-param="4689248"
    data-playlist-modal-subject-permalink-param="becoming-gods-family-introduction"
    class="content-item block cursor-pointer"
    data-cid="4689248"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Introduction (Becoming God&#39;s Family)" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4106722/horizontal/d6d5c986-ca5d-41fb-8aef-2285560cae6f.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4106722/horizontal/d6d5c986-ca5d-41fb-8aef-2285560cae6f.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4106722/horizontal/d6d5c986-ca5d-41fb-8aef-2285560cae6f.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4106722/horizontal/d6d5c986-ca5d-41fb-8aef-2285560cae6f.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:57</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Introduction (Becoming God&#39;s Family)">Introduction (Becoming God&#39;s Family)</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">God&#39;s people as family at Pentecost</p>
  </a>

                <div class="content-item block pointer-events-none" data-cid="4689249">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="1 - The Family of Abraham" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4104369/horizontal/be2ddae4-7c01-46de-bc5e-864e94607926.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4104369/horizontal/be2ddae4-7c01-46de-bc5e-864e94607926.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4104369/horizontal/be2ddae4-7c01-46de-bc5e-864e94607926.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4104369/horizontal/be2ddae4-7c01-46de-bc5e-864e94607926.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">13:44</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="1 - The Family of Abraham">1 - The Family of Abraham</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Genesis and Exodus</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="4689250">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="2 - Growing Pains" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4104367/horizontal/4a2a7841-6fd2-40ed-9e7a-fcf1054a7459.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4104367/horizontal/4a2a7841-6fd2-40ed-9e7a-fcf1054a7459.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4104367/horizontal/4a2a7841-6fd2-40ed-9e7a-fcf1054a7459.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4104367/horizontal/4a2a7841-6fd2-40ed-9e7a-fcf1054a7459.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:51</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="2 - Growing Pains">2 - Growing Pains</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Deuteronomy, Judges, and Ruth</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="4689251">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="3 - Family Dysfunction" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4104371/horizontal/490699a4-4644-4cb2-b734-4b553d84e457.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4104371/horizontal/490699a4-4644-4cb2-b734-4b553d84e457.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4104371/horizontal/490699a4-4644-4cb2-b734-4b553d84e457.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4104371/horizontal/490699a4-4644-4cb2-b734-4b553d84e457.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14: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="3 - Family Dysfunction">3 - Family Dysfunction</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">1–2 Samuel</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="4689252">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="4 - Divided Family" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/4104368/horizontal/eed6a1c7-9401-482b-a4ea-062a6e1ee174.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/4104368/horizontal/eed6a1c7-9401-482b-a4ea-062a6e1ee174.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/4104368/horizontal/eed6a1c7-9401-482b-a4ea-062a6e1ee174.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/4104368/horizontal/eed6a1c7-9401-482b-a4ea-062a6e1ee174.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:52</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="4 - Divided Family">4 - Divided Family</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">1–2 Kings</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="5 - Kicked Out of the House">5 - Kicked Out of the House</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Jeremiah and Daniel</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="6 - Processing Family Trauma">6 - Processing Family Trauma</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Psalms</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="7 - Family Drama">7 - Family Drama</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Isaiah, Malachi, Ezra, and Nehemiah</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="8 - Family Reunion">8 - Family Reunion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">The Gospels</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="9 - The Family Business">9 - The Family Business</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Romans</p>
  </div>

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

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="10 - A New Temple">10 - A New Temple</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Corinthians &amp; Hebrews</p>
  </div>

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

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

    <div class="border-b border-ds-default"></div>

      <turbo-frame lazy="true" id="collection_4027947_comments_section" src="/contents/4027947/comments">

        <ds-icon name="placeholders/comment"></ds-icon>
</turbo-frame></turbo-frame>
      </div>
    </div>
</div>
</template></turbo-stream>