<turbo-stream action="remove" target="catalog_featured"></turbo-stream>
<turbo-stream action="replace" target="catalog_content"><template>
  <turbo-frame id="catalog_content" target="_top" class="px-[3%] py-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-6">
  </turbo-frame>
</template></turbo-stream>
<turbo-stream action="append" target="catalog_content"><template>
    <swiper-slide
  data-card="video_3247159"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="There is always merit in learning new things, but not at the expense of abandoning what you know before truly mastering it! "
    data-published-at="2024-09-20T01:34:03+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3247159&#39;, &#39;Search Results&#39;); " href="/programs/roger-philosophy-0323f0">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Roger on Refining Your Game vs Learning New Techniques" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3247159/horizontal/5f6409f9-9875-4ad2-b20b-739e44555c94.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3247159/horizontal/5f6409f9-9875-4ad2-b20b-739e44555c94.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3247159/horizontal/5f6409f9-9875-4ad2-b20b-739e44555c94.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3247159/horizontal/5f6409f9-9875-4ad2-b20b-739e44555c94.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08:50</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Roger on Refining Your Game vs Learning New Techniques" aria-label="Roger on Refining Your Game vs Learning New Techniques" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3247159&#39;, &#39;Search Results&#39;); " href="/programs/roger-philosophy-0323f0">
    <span class="line-clamp-2">
      Roger on Refining Your Game vs Learning New Techniques
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_827564"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-12-22T14:59:04+00:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;827564&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-back-control-details-350416">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ask Roger: Back Control Details" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/827564/horizontal/1021040706_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/827564/horizontal/1021040706_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/827564/horizontal/1021040706_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/827564/horizontal/1021040706_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:57</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ask Roger: Back Control Details" aria-label="Ask Roger: Back Control Details" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;827564&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-back-control-details-350416">
    <span class="line-clamp-2">
      Ask Roger: Back Control Details
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_538142"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-07-11T09:21:13+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;538142&#39;, &#39;Search Results&#39;); " href="/programs/in-conversation-roger-mauricio-gomes-f284cf">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="In Conversation: Roger &amp; Mauricio Gomes" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/538142/horizontal/922695301_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/538142/horizontal/922695301_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/538142/horizontal/922695301_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/538142/horizontal/922695301_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">54:26</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="In Conversation: Roger &amp; Mauricio Gomes" aria-label="In Conversation: Roger &amp; Mauricio Gomes" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;538142&#39;, &#39;Search Results&#39;); " href="/programs/in-conversation-roger-mauricio-gomes-f284cf">
    <span class="line-clamp-2">
      In Conversation: Roger &amp; Mauricio Gomes
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_488296"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-11T09:26:22+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488296&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-advice-for-beginners-7bd4e1">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ask Roger: Advice For Beginners" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/488296/horizontal/879953833_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/488296/horizontal/879953833_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/488296/horizontal/879953833_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/488296/horizontal/879953833_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:21</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ask Roger: Advice For Beginners" aria-label="Ask Roger: Advice For Beginners" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488296&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-advice-for-beginners-7bd4e1">
    <span class="line-clamp-2">
      Ask Roger: Advice For Beginners
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_488295"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-11T09:25:42+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488295&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-my-one-fc-career-f7b18f">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ask Roger: My ONE FC Career" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/488295/horizontal/907245482_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/488295/horizontal/907245482_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/488295/horizontal/907245482_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/488295/horizontal/907245482_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00:58</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ask Roger: My ONE FC Career" aria-label="Ask Roger: My ONE FC Career" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488295&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-my-one-fc-career-f7b18f">
    <span class="line-clamp-2">
      Ask Roger: My ONE FC Career
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_488293"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-11T09:22:53+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488293&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-my-thoughts-on-gi-vs-nogi-e6b5dd">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ask Roger: My thoughts on Gi vs Nogi" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/488293/horizontal/907244562_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/488293/horizontal/907244562_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/488293/horizontal/907244562_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/488293/horizontal/907244562_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:04</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ask Roger: My thoughts on Gi vs Nogi" aria-label="Ask Roger: My thoughts on Gi vs Nogi" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488293&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-my-thoughts-on-gi-vs-nogi-e6b5dd">
    <span class="line-clamp-2">
      Ask Roger: My thoughts on Gi vs Nogi
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_488286"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-11T09:19:08+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488286&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-my-thoughts-on-modern-guards-4e79c2">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ask Roger: My Thoughts On Modern Guards" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/488286/horizontal/876590849_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/488286/horizontal/876590849_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/488286/horizontal/876590849_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/488286/horizontal/876590849_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:42</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ask Roger: My Thoughts On Modern Guards" aria-label="Ask Roger: My Thoughts On Modern Guards" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488286&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-my-thoughts-on-modern-guards-4e79c2">
    <span class="line-clamp-2">
      Ask Roger: My Thoughts On Modern Guards
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_488285"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-11T09:18:28+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488285&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-competition-prep-from-bullpen-to-mat-221878">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ask Roger: Competition Prep From Bullpen To Mat" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/488285/horizontal/876589483_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/488285/horizontal/876589483_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/488285/horizontal/876589483_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/488285/horizontal/876589483_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:12</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ask Roger: Competition Prep From Bullpen To Mat" aria-label="Ask Roger: Competition Prep From Bullpen To Mat" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;488285&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-competition-prep-from-bullpen-to-mat-221878">
    <span class="line-clamp-2">
      Ask Roger: Competition Prep From Bullpen To Mat
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_486142"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-09T21:30:21+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;486142&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-training-for-competition-3da676">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ask Roger: Training For Competition" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/486142/horizontal/840285168_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/486142/horizontal/840285168_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/486142/horizontal/840285168_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/486142/horizontal/840285168_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:23</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ask Roger: Training For Competition" aria-label="Ask Roger: Training For Competition" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;486142&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-training-for-competition-3da676">
    <span class="line-clamp-2">
      Ask Roger: Training For Competition
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_485358"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-09T13:27:16+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;485358&#39;, &#39;Search Results&#39;); " href="/programs/rogers-take-on-drilling-fc49e0">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Roger&#39;s Take On Drilling" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/485358/horizontal/906230816_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/485358/horizontal/906230816_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/485358/horizontal/906230816_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/485358/horizontal/906230816_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:23</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Roger&#39;s Take On Drilling" aria-label="Roger&#39;s Take On Drilling" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;485358&#39;, &#39;Search Results&#39;); " href="/programs/rogers-take-on-drilling-fc49e0">
    <span class="line-clamp-2">
      Roger&#39;s Take On Drilling
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_485093"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-09T09:30:01+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;485093&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-standing-up-in-closed-guard-71d86d">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Concepts For Standing Up In Closed Guard" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/485093/horizontal/784704961_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/485093/horizontal/784704961_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/485093/horizontal/784704961_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/485093/horizontal/784704961_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:24</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Concepts For Standing Up In Closed Guard" aria-label="Concepts For Standing Up In Closed Guard" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;485093&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-standing-up-in-closed-guard-71d86d">
    <span class="line-clamp-2">
      Concepts For Standing Up In Closed Guard
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_483281"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-08T09:39:17+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;483281&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-collar-sleeve-guard-concepts-492c79">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ask Roger: Collar &amp; Sleeve Guard Concepts" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/483281/horizontal/905568388_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/483281/horizontal/905568388_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/483281/horizontal/905568388_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/483281/horizontal/905568388_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:21</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ask Roger: Collar &amp; Sleeve Guard Concepts" aria-label="Ask Roger: Collar &amp; Sleeve Guard Concepts" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;483281&#39;, &#39;Search Results&#39;); " href="/programs/ask-roger-collar-sleeve-guard-concepts-492c79">
    <span class="line-clamp-2">
      Ask Roger: Collar &amp; Sleeve Guard Concepts
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_483153"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-08T08:07:15+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;483153&#39;, &#39;Search Results&#39;); " href="/programs/mauricio-gomes-side-control-framing-details-ca795d">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Mauricio Gomes Side Control Framing Details" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/483153/horizontal/715639687_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/483153/horizontal/715639687_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/483153/horizontal/715639687_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/483153/horizontal/715639687_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:00</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Mauricio Gomes Side Control Framing Details" aria-label="Mauricio Gomes Side Control Framing Details" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;483153&#39;, &#39;Search Results&#39;); " href="/programs/mauricio-gomes-side-control-framing-details-ca795d">
    <span class="line-clamp-2">
      Mauricio Gomes Side Control Framing Details
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_479548"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-05T09:09:16+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;479548&#39;, &#39;Search Results&#39;); " href="/programs/mauricio-gomes-side-control-maintenance-c289f7">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Mauricio Gomes: Concepts for Maintaining Side Control" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/479548/horizontal/904195005_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/479548/horizontal/904195005_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/479548/horizontal/904195005_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/479548/horizontal/904195005_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:01</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Mauricio Gomes: Concepts for Maintaining Side Control" aria-label="Mauricio Gomes: Concepts for Maintaining Side Control" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;479548&#39;, &#39;Search Results&#39;); " href="/programs/mauricio-gomes-side-control-maintenance-c289f7">
    <span class="line-clamp-2">
      Mauricio Gomes: Concepts for Maintaining Side Control
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_476713"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-03T20:57:06+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;476713&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-neutralising-spider-guard-bf4a0f">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Concepts for Neutralising Spider Guard" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/476713/horizontal/903279939_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/476713/horizontal/903279939_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/476713/horizontal/903279939_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/476713/horizontal/903279939_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:03</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Concepts for Neutralising Spider Guard" aria-label="Concepts for Neutralising Spider Guard" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;476713&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-neutralising-spider-guard-bf4a0f">
    <span class="line-clamp-2">
      Concepts for Neutralising Spider Guard
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_476509"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-03T19:51:58+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;476509&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-escaping-side-control-305792">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Concepts for Escaping Side Control" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/476509/horizontal/903247083_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/476509/horizontal/903247083_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/476509/horizontal/903247083_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/476509/horizontal/903247083_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">07:04</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Concepts for Escaping Side Control" aria-label="Concepts for Escaping Side Control" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;476509&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-escaping-side-control-305792">
    <span class="line-clamp-2">
      Concepts for Escaping Side Control
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_476399"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-03T19:19:54+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;476399&#39;, &#39;Search Results&#39;); " href="/programs/pressure-passing-concepts-2d7037">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Pressure Guard Passing Concepts" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/476399/horizontal/903230332_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/476399/horizontal/903230332_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/476399/horizontal/903230332_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/476399/horizontal/903230332_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08:29</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Pressure Guard Passing Concepts" aria-label="Pressure Guard Passing Concepts" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;476399&#39;, &#39;Search Results&#39;); " href="/programs/pressure-passing-concepts-2d7037">
    <span class="line-clamp-2">
      Pressure Guard Passing Concepts
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_476391"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-03T19:16:17+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;476391&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-maintaining-and-controlling-the-closed-guard-40aa1e">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Concepts for Maintaining and Controlling the Closed Guard" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/476391/horizontal/903228508_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/476391/horizontal/903228508_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/476391/horizontal/903228508_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/476391/horizontal/903228508_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08:42</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Concepts for Maintaining and Controlling the Closed Guard" aria-label="Concepts for Maintaining and Controlling the Closed Guard" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;476391&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-maintaining-and-controlling-the-closed-guard-40aa1e">
    <span class="line-clamp-2">
      Concepts for Maintaining and Controlling the Closed Guard
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_475785"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2020-06-03T12:20:52+01:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;475785&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-maintaining-mount-c41cdc">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Concepts for Maintaining Mount" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/475785/horizontal/903007389_1920x1080.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/475785/horizontal/903007389_1920x1080.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/475785/horizontal/903007389_1920x1080.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/475785/horizontal/903007389_1920x1080.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">14:49</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Concepts for Maintaining Mount" aria-label="Concepts for Maintaining Mount" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;475785&#39;, &#39;Search Results&#39;); " href="/programs/concepts-for-maintaining-mount-c41cdc">
    <span class="line-clamp-2">
      Concepts for Maintaining Mount
    </span>
</a></swiper-slide>


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

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


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Category: All" inner-prefix="Category" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="43266" label="Latest Videos" >
              <ds-checkbox>Latest Videos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="238270" label="Popular" >
              <ds-checkbox>Popular</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43393" label="Roger Gracie Rolling" >
              <ds-checkbox>Roger Gracie Rolling</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44325" label="Fight Breakdowns" >
              <ds-checkbox>Fight Breakdowns</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43385" label="Mount" >
              <ds-checkbox>Mount</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43386" label="Side Control" >
              <ds-checkbox>Side Control</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43387" label="Back Control" >
              <ds-checkbox>Back Control</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43388" label="Turtle" >
              <ds-checkbox>Turtle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43389" label="Escapes" >
              <ds-checkbox>Escapes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43390" label="Standing" >
              <ds-checkbox>Standing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43392" label="North South" >
              <ds-checkbox>North South</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43391" label="Knee On Belly" >
              <ds-checkbox>Knee On Belly</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43394" label="Concepts" checked>
              <ds-checkbox>Concepts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43396" label="Self Defence (Mauricio Gomes)" >
              <ds-checkbox>Self Defence (Mauricio Gomes)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43260" label="Closed Guard (bottom)" >
              <ds-checkbox>Closed Guard (bottom)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43262" label="Half Guard (bottom)" >
              <ds-checkbox>Half Guard (bottom)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43263" label="Open Guard (bottom)" >
              <ds-checkbox>Open Guard (bottom)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43264" label="Closed Guard (top)" >
              <ds-checkbox>Closed Guard (top)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43265" label="Half Guard (top)" >
              <ds-checkbox>Half Guard (top)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43267" label="Open Guard (top)" >
              <ds-checkbox>Open Guard (top)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="43999" label="NOGI" >
              <ds-checkbox>NOGI</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44855" label="Seminars &amp; Documentaries" >
              <ds-checkbox>Seminars &amp; Documentaries</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_1237" id="catalog_filter_1237" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Courses: All" inner-prefix="Courses" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="7364" label="Roger&#39;s Guard" >
              <ds-checkbox>Roger&#39;s Guard</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7365" label="Fundamentals" >
              <ds-checkbox>Fundamentals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7366" label="Conceptual Learning" >
              <ds-checkbox>Conceptual Learning</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7367" label="NOGI" >
              <ds-checkbox>NOGI</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7368" label="Mastering The Mount" >
              <ds-checkbox>Mastering The Mount</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7369" label="Pressure Passing System" >
              <ds-checkbox>Pressure Passing System</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7370" label="Mastering Side Control" >
              <ds-checkbox>Mastering Side Control</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7371" label="Back &amp; Turtle Attacking Masterclass" >
              <ds-checkbox>Back &amp; Turtle Attacking Masterclass</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7372" label="Roger&#39;s NOGI Essentials" >
              <ds-checkbox>Roger&#39;s NOGI Essentials</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7373" label="Blue Belt Essentials Program" >
              <ds-checkbox>Blue Belt Essentials Program</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45057" label="Purple Belt Essentials Program" >
              <ds-checkbox>Purple Belt Essentials Program</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58726" label="The White Belt Toolkit" >
              <ds-checkbox>The White Belt Toolkit</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_1238" id="catalog_filter_1238" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Guest Instructors: All" inner-prefix="Guest Instructors" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="7374" label="Charles Negromonte" >
              <ds-checkbox>Charles Negromonte</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7375" label="Bruno Zancaner" >
              <ds-checkbox>Bruno Zancaner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7376" label="Kywan Gracie" >
              <ds-checkbox>Kywan Gracie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7377" label="Henrique Junior (Juniao)" >
              <ds-checkbox>Henrique Junior (Juniao)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7378" label="Matt Glossop (Judo)" >
              <ds-checkbox>Matt Glossop (Judo)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7379" label="Oscar Gugala" >
              <ds-checkbox>Oscar Gugala</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7380" label="Luciano Cristovam" >
              <ds-checkbox>Luciano Cristovam</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7381" label="Kev Capel" >
              <ds-checkbox>Kev Capel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7382" label="Joe Lennon" >
              <ds-checkbox>Joe Lennon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="39113" label="Nina Navid" >
              <ds-checkbox>Nina Navid</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="40009" label="Faris Benlamkadem" >
              <ds-checkbox>Faris Benlamkadem</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="41672" label="Callum Medcraft" >
              <ds-checkbox>Callum Medcraft</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50568" label="Alex Smith" >
              <ds-checkbox>Alex Smith</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54019" label="Arturas Luskinas" >
              <ds-checkbox>Arturas Luskinas</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54020" label="Pablo Mesples" >
              <ds-checkbox>Pablo Mesples</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55419" label="Uyi Agbontean" >
              <ds-checkbox>Uyi Agbontean</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56063" label="Rayron Gracie" >
              <ds-checkbox>Rayron Gracie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58172" label="Abbie O&#39;toole" >
              <ds-checkbox>Abbie O&#39;toole</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="70760" label="Marcos Ratinho" >
              <ds-checkbox>Marcos Ratinho</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
</div>

  </div>
</div>

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

    Clear Filters
  </button>

</template></turbo-stream>

