= Main Content Start ===== -->
        <main>
          <div class="p-4 mx-auto max-w-(--breakpoint-2xl) md:p-6">
            <!-- Breadcrumb Start -->
            <div x-data="{ pageName: `Videos`}">
              <include src="./partials/breadcrumb.html" />
            </div>
            <!-- Breadcrumb End -->
            <div class="grid grid-cols-1 gap-5 sm:gap-6 xl:grid-cols-2">
              <div class="space-y-5 sm:space-y-6">
                <div
                  class="rounded-2xl border border-g