to flex-grow max-w-[1200px] border-b py-5 lg:flex lg:flex-row lg:py-10"
      >
        <!-- sidebar  -->
        <section class="hidden w-[300px] flex-shrink-0 px-4 lg:block">
          <div class="flex border-b pb-5">
            <div class="w-full">
              <p class="mb-3 font-medium">CATEGORIES</p>

              <div class="flex w-full justify-between">
                <div class="flex justify-center items-center">
                  <input type="checkbox" />
                  <p class="ml-4">Bedr