UI Components – Trizzle Library

<section>
  <div class="pt-4 pb-6 bg-dark-light">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-12 col-md-4 mb-5 mb-md-0">
          <h6 class="fs-5 fw-bold mb-0">Subpage name</h6>
        </div>
        <div class="col-12 col-md-8">
          <div class="d-flex justify-content-end"><a class="btn btn-sm d-flex align-items-center px-6 me-4 btn-secondary rounded-4" href="#">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M17.4993 10C17.2783 10 17.0664 10.0878 16.9101 10.2441C16.7538 10.4004 16.666 10.6124 16.666 10.8334V15.8334C16.666 16.0544 16.5782 16.2663 16.4219 16.4226C16.2657 16.5789 16.0537 16.6667 15.8327 16.6667H4.16602C3.945 16.6667 3.73304 16.5789 3.57676 16.4226C3.42048 16.2663 3.33268 16.0544 3.33268 15.8334V4.1667C3.33268 3.94568 3.42048 3.73372 3.57676 3.57744C3.73304 3.42116 3.945 3.33336 4.16602 3.33336H9.16602C9.38703 3.33336 9.59899 3.24557 9.75527 3.08929C9.91155 2.93301 9.99935 2.72104 9.99935 2.50003C9.99935 2.27902 9.91155 2.06706 9.75527 1.91077C9.59899 1.75449 9.38703 1.6667 9.16602 1.6667H4.16602C3.50297 1.6667 2.86709 1.93009 2.39825 2.39893C1.92941 2.86777 1.66602 3.50366 1.66602 4.1667V15.8334C1.66602 16.4964 1.92941 17.1323 2.39825 17.6011C2.86709 18.07 3.50297 18.3334 4.16602 18.3334H15.8327C16.4957 18.3334 17.1316 18.07 17.6005 17.6011C18.0693 17.1323 18.3327 16.4964 18.3327 15.8334V10.8334C18.3327 10.6124 18.2449 10.4004 18.0886 10.2441C17.9323 10.0878 17.7204 10 17.4993 10ZM4.99935 10.6334V14.1667C4.99935 14.3877 5.08715 14.5997 5.24343 14.756C5.39971 14.9122 5.61167 15 5.83268 15H9.36602C9.47569 15.0007 9.58441 14.9796 9.68594 14.9382C9.78747 14.8967 9.87982 14.8356 9.95768 14.7584L15.7243 8.98336L18.091 6.6667C18.1691 6.58923 18.2311 6.49706 18.2734 6.39551C18.3157 6.29396 18.3375 6.18504 18.3375 6.07503C18.3375 5.96502 18.3157 5.8561 18.2734 5.75455C18.2311 5.653 18.1691 5.56083 18.091 5.48336L14.5577 1.90836C14.4802 1.83026 14.388 1.76826 14.2865 1.72595C14.1849 1.68365 14.076 1.66187 13.966 1.66187C13.856 1.66187 13.7471 1.68365 13.6455 1.72595C13.544 1.76826 13.4518 1.83026 13.3743 1.90836L11.0243 4.2667L5.24102 10.0417C5.16378 10.1196 5.10268 10.2119 5.06121 10.3134C5.01974 10.415 4.99871 10.5237 4.99935 10.6334ZM13.966 3.67503L16.3243 6.03336L15.141 7.2167L12.7827 4.85836L13.966 3.67503ZM6.66602 10.975L11.6077 6.03336L13.966 8.3917L9.02435 13.3334H6.66602V10.975Z" fill="#3D485B"></path>
              </svg><span class="ms-1">Edit</span></a><a class="btn btn-sm d-flex align-items-center px-6 me-4 btn-primary rounded-4" href="#">
              <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.334 9.16671H11.334V4.16671C11.334 3.94569 11.2462 3.73373 11.0899 3.57745C10.9336 3.42117 10.7217 3.33337 10.5007 3.33337C10.2796 3.33337 10.0677 3.42117 9.9114 3.57745C9.75512 3.73373 9.66732 3.94569 9.66732 4.16671V9.16671H4.66732C4.4463 9.16671 4.23434 9.2545 4.07806 9.41079C3.92178 9.56707 3.83398 9.77903 3.83398 10C3.83398 10.2211 3.92178 10.433 4.07806 10.5893C4.23434 10.7456 4.4463 10.8334 4.66732 10.8334H9.66732V15.8334C9.66732 16.0544 9.75512 16.2663 9.9114 16.4226C10.0677 16.5789 10.2796 16.6667 10.5007 16.6667C10.7217 16.6667 10.9336 16.5789 11.0899 16.4226C11.2462 16.2663 11.334 16.0544 11.334 15.8334V10.8334H16.334C16.555 10.8334 16.767 10.7456 16.9232 10.5893C17.0795 10.433 17.1673 10.2211 17.1673 10C17.1673 9.77903 17.0795 9.56707 16.9232 9.41079C16.767 9.2545 16.555 9.16671 16.334 9.16671Z" fill="#5E81FC"></path>
              </svg><span class="ms-1">Create</span></a></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-8">
  <div class="container">
    <div class="bg-secondary py-6 px-5 rounded-3">
      <nav aria-label="pagination">
        <ul class="pagination mb-0">
          <li class="page-item"><a class="page-link border-secondary text-secondary-light bg-dark-light rounded-start-3" href="#">
              <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M5.6454 5.99997L7.4154 4.22997C7.50852 4.13629 7.5608 4.00957 7.5608 3.87747C7.5608 3.74538 7.50852 3.61866 7.4154 3.52497C7.36892 3.47811 7.31362 3.44091 7.25269 3.41553C7.19176 3.39014 7.12641 3.37708 7.0604 3.37708C6.99439 3.37708 6.92904 3.39014 6.86811 3.41553C6.80718 3.44091 6.75188 3.47811 6.7054 3.52497L4.5854 5.64497C4.53853 5.69146 4.50134 5.74676 4.47595 5.80769C4.45057 5.86862 4.4375 5.93397 4.4375 5.99997C4.4375 6.06598 4.45057 6.13133 4.47595 6.19226C4.50134 6.25319 4.53853 6.30849 4.5854 6.35497L6.7054 8.49997C6.75212 8.54631 6.80753 8.58298 6.86845 8.60786C6.92936 8.63274 6.9946 8.64536 7.0604 8.64497C7.1262 8.64536 7.19143 8.63274 7.25235 8.60786C7.31327 8.58298 7.36868 8.54631 7.4154 8.49997C7.50852 8.40629 7.5608 8.27957 7.5608 8.14747C7.5608 8.01538 7.50852 7.88866 7.4154 7.79497L5.6454 5.99997Z" fill="currentColor"></path>
              </svg></a></li>
          <li class="page-item"><a class="page-link border-secondary d-flex h-100 align-items-center fs-10 text-secondary-light bg-dark-light" href="#">1</a></li>
          <li class="page-item"><a class="page-link border-secondary d-flex h-100 align-items-center fs-10 text-secondary-light bg-dark-light" href="#">2</a></li>
          <li class="page-item"><a class="page-link border-secondary d-flex h-100 align-items-center fs-10 text-secondary-light bg-dark-light" href="#">3</a></li>
          <li class="page-item"><a class="page-link border-secondary d-flex h-100 align-items-center fs-10 text-secondary-light bg-dark-light" href="#">4</a></li>
          <li class="page-item"><a class="page-link border-secondary d-flex h-100 align-items-center fs-10 text-secondary-light bg-dark-light" href="#">5</a></li>
          <li class="page-item"><a class="page-link border-secondary text-secondary-light bg-dark-light rounded-end-3" href="#">
              <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.3546 6.00003L4.5846 7.77003C4.49148 7.86371 4.4392 7.99043 4.4392 8.12253C4.4392 8.25462 4.49148 8.38134 4.5846 8.47503C4.63108 8.52189 4.68638 8.55909 4.74731 8.58447C4.80824 8.60986 4.87359 8.62293 4.9396 8.62293C5.00561 8.62293 5.07096 8.60986 5.13189 8.58447C5.19282 8.55909 5.24812 8.52189 5.2946 8.47503L7.4146 6.35503C7.46146 6.30854 7.49866 6.25324 7.52405 6.19231C7.54943 6.13138 7.5625 6.06603 7.5625 6.00003C7.5625 5.93402 7.54943 5.86867 7.52405 5.80774C7.49866 5.74681 7.46146 5.69151 7.4146 5.64503L5.2946 3.50003C5.24788 3.45369 5.19247 3.41702 5.13155 3.39214C5.07063 3.36726 5.0054 3.35464 4.9396 3.35503C4.8738 3.35465 4.80857 3.36726 4.74765 3.39214C4.68673 3.41702 4.63132 3.45369 4.5846 3.50003C4.49147 3.59371 4.4392 3.72043 4.4392 3.85253C4.4392 3.98462 4.49147 4.11134 4.5846 4.20503L6.3546 6.00003Z" fill="currentColor"></path>
              </svg></a></li>
        </ul>
      </nav>
    </div>
  </div>
</section>

<section class="py-8">
  <div class="container">
    <div class="bg-dark-light py-6 px-5 rounded-3">
      <nav aria-label="pagination">
        <ul class="pagination mb-0">
          <li class="page-item"><a class="page-link border-dark-light text-secondary-light bg-secondary rounded-start-3" href="#">
              <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M5.6454 5.99997L7.4154 4.22997C7.50852 4.13629 7.5608 4.00957 7.5608 3.87747C7.5608 3.74538 7.50852 3.61866 7.4154 3.52497C7.36892 3.47811 7.31362 3.44091 7.25269 3.41553C7.19176 3.39014 7.12641 3.37708 7.0604 3.37708C6.99439 3.37708 6.92904 3.39014 6.86811 3.41553C6.80718 3.44091 6.75188 3.47811 6.7054 3.52497L4.5854 5.64497C4.53853 5.69146 4.50134 5.74676 4.47595 5.80769C4.45057 5.86862 4.4375 5.93397 4.4375 5.99997C4.4375 6.06598 4.45057 6.13133 4.47595 6.19226C4.50134 6.25319 4.53853 6.30849 4.5854 6.35497L6.7054 8.49997C6.75212 8.54631 6.80753 8.58298 6.86845 8.60786C6.92936 8.63274 6.9946 8.64536 7.0604 8.64497C7.1262 8.64536 7.19143 8.63274 7.25235 8.60786C7.31327 8.58298 7.36868 8.54631 7.4154 8.49997C7.50852 8.40629 7.5608 8.27957 7.5608 8.14747C7.5608 8.01538 7.50852 7.88866 7.4154 7.79497L5.6454 5.99997Z" fill="currentColor"></path>
              </svg></a></li>
          <li class="page-item"><a class="page-link border-dark-light d-flex h-100 align-items-center fs-10 text-secondary-light bg-secondary" href="#">1</a></li>
          <li class="page-item"><a class="page-link border-dark-light d-flex h-100 align-items-center fs-10 text-secondary-light bg-secondary" href="#">2</a></li>
          <li class="page-item"><a class="page-link border-dark-light d-flex h-100 align-items-center fs-10 text-secondary-light bg-secondary" href="#">3</a></li>
          <li class="page-item"><a class="page-link border-dark-light d-flex h-100 align-items-center fs-10 text-secondary-light bg-secondary" href="#">4</a></li>
          <li class="page-item"><a class="page-link border-dark-light d-flex h-100 align-items-center fs-10 text-secondary-light bg-secondary" href="#">5</a></li>
          <li class="page-item"><a class="page-link border-dark-light text-secondary-light bg-secondary rounded-end-3" href="#">
              <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.3546 6.00003L4.5846 7.77003C4.49148 7.86371 4.4392 7.99043 4.4392 8.12253C4.4392 8.25462 4.49148 8.38134 4.5846 8.47503C4.63108 8.52189 4.68638 8.55909 4.74731 8.58447C4.80824 8.60986 4.87359 8.62293 4.9396 8.62293C5.00561 8.62293 5.07096 8.60986 5.13189 8.58447C5.19282 8.55909 5.24812 8.52189 5.2946 8.47503L7.4146 6.35503C7.46146 6.30854 7.49866 6.25324 7.52405 6.19231C7.54943 6.13138 7.5625 6.06603 7.5625 6.00003C7.5625 5.93402 7.54943 5.86867 7.52405 5.80774C7.49866 5.74681 7.46146 5.69151 7.4146 5.64503L5.2946 3.50003C5.24788 3.45369 5.19247 3.41702 5.13155 3.39214C5.07063 3.36726 5.0054 3.35464 4.9396 3.35503C4.8738 3.35465 4.80857 3.36726 4.74765 3.39214C4.68673 3.41702 4.63132 3.45369 4.5846 3.50003C4.49147 3.59371 4.4392 3.72043 4.4392 3.85253C4.4392 3.98462 4.49147 4.11134 4.5846 4.20503L6.3546 6.00003Z" fill="currentColor"></path>
              </svg></a></li>
        </ul>
      </nav>
    </div>
  </div>
</section>

<section class="py-8">
  <div class="container">
    <div class="bg-secondary rounded-4">
      <div class="row">
        <div class="col-sm-6 col-lg-3 py-5 ps-10 pe-6 position-relative">
          <div class="position-absolute top-0 end-0 h-100 border-end border-dark-light"></div>
          <div class="d-block d-lg-none position-absolute bottom-0 start-0 w-100 border-bottom border-dark-light"></div>
          <div class="mw-xs mx-auto"><span class="d-block mb-6 fs-9 fw-semibold text-secondary-light">Summary</span>
            <div class="d-flex align-items-center"><span class="fs-4 fw-bold text-light">3.55K</span>
              <div class="d-inline-flex ms-4 ps-1 pe-2 py-1 bg-info-dark text-info rounded-pill">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8.00002 3.33337V12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M10.6667 10L8.00002 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M5.33334 10L8.00001 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg><span class="fs-10 fw-medium">59%</span>
              </div>
            </div><span class="fs-10 fw-semibold text-secondary-light">Last week 84,70K</span>
          </div>
        </div>
        <div class="col-sm-6 col-lg-3 ps-10 py-5 position-relative">
          <div class="d-none d-lg-block position-absolute top-0 end-0 h-100 border-end border-dark-light"></div>
          <div class="d-block d-lg-none position-absolute bottom-0 start-0 w-100 border-bottom border-dark-light"></div>
          <div class="mw-xs mx-auto"><span class="d-block mb-6 fs-9 fw-semibold text-secondary-light">Engagement</span>
            <div class="d-flex align-items-center"><span class="fs-4 fw-bold text-light">14.15K</span>
              <div class="d-inline-flex ms-4 ps-1 pe-2 py-1 bg-info-dark text-info rounded-pill">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8.00002 3.33337V12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M10.6667 10L8.00002 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M5.33334 10L8.00001 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg><span class="fs-10 fw-medium">0,5%</span>
              </div>
            </div><span class="fs-10 fw-semibold text-secondary-light">Last week 242,99K</span>
          </div>
        </div>
        <div class="col-sm-6 col-lg-3 ps-10 py-5 position-relative">
          <div class="d-none d-sm-block position-absolute top-0 end-0 h-100 border-end border-dark-light"></div>
          <div class="d-block d-sm-none position-absolute bottom-0 start-0 w-100 border-bottom border-dark-light"></div>
          <div class="mw-xs mx-auto"><span class="d-block mb-6 fs-9 fw-semibold text-secondary-light">Customers</span>
            <div class="d-flex align-items-center"><span class="fs-4 fw-bold text-light">0.5M</span>
              <div class="d-inline-flex ms-4 ps-1 pe-2 py-1 bg-success-dark bg-opacity-50 text-success rounded-pill">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8 3.33337V12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M10.6667 6.00004L8 3.33337" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M5.33334 6.00004L8.00001 3.33337" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg><span class="fs-10 fw-medium">1,0%</span>
              </div>
            </div><span class="fs-10 fw-semibold text-secondary-light">Last week 84,70K</span>
          </div>
        </div>
        <div class="col-sm-6 col-lg-3 ps-10 pe-6 py-5">
          <div class="mw-xs mx-auto"><span class="d-block mb-6 fs-9 fw-semibold text-secondary-light">Churn</span>
            <div class="d-flex align-items-center"><span class="fs-4 fw-bold text-light">325K</span>
              <div class="d-inline-flex ms-4 ps-1 pe-2 py-1 bg-info-dark text-info rounded-pill">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8.00002 3.33337V12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M10.6667 10L8.00002 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M5.33334 10L8.00001 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg><span class="fs-10 fw-medium">30%</span>
              </div>
            </div><span class="fs-10 fw-semibold text-secondary-light">Last week 950K</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section>
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark-light">
    <div class="container" type="button" aria-controls="nav01" aria-expanded="false"><a class="navbar-brand" href="#"><img class="img-fluid" src="trizzle-assets/logos/trizzle-logo.svg" alt=""></a>
      <div class="collapse navbar-collapse" id="nav01">
        <ul class="navbar-nav">
          <li class="nav-item"><a class="nav-link px-4 d-flex align-items-center" aria-current="page" href="#">
              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M7.33317 9.83329H1.49984C1.27882 9.83329 1.06686 9.92109 0.910582 10.0774C0.754301 10.2337 0.666504 10.4456 0.666504 10.6666V16.5C0.666504 16.721 0.754301 16.9329 0.910582 17.0892C1.06686 17.2455 1.27882 17.3333 1.49984 17.3333H7.33317C7.55418 17.3333 7.76615 17.2455 7.92243 17.0892C8.07871 16.9329 8.1665 16.721 8.1665 16.5V10.6666C8.1665 10.4456 8.07871 10.2337 7.92243 10.0774C7.76615 9.92109 7.55418 9.83329 7.33317 9.83329ZM6.49984 15.6666H2.33317V11.5H6.49984V15.6666ZM16.4998 0.666626H10.6665C10.4455 0.666626 10.2335 0.754423 10.0772 0.910704C9.92097 1.06698 9.83317 1.27895 9.83317 1.49996V7.33329C9.83317 7.55431 9.92097 7.76627 10.0772 7.92255C10.2335 8.07883 10.4455 8.16663 10.6665 8.16663H16.4998C16.7208 8.16663 16.9328 8.07883 17.0891 7.92255C17.2454 7.76627 17.3332 7.55431 17.3332 7.33329V1.49996C17.3332 1.27895 17.2454 1.06698 17.0891 0.910704C16.9328 0.754423 16.7208 0.666626 16.4998 0.666626ZM15.6665 6.49996H11.4998V2.33329H15.6665V6.49996ZM16.4998 9.83329H10.6665C10.4455 9.83329 10.2335 9.92109 10.0772 10.0774C9.92097 10.2337 9.83317 10.4456 9.83317 10.6666V16.5C9.83317 16.721 9.92097 16.9329 10.0772 17.0892C10.2335 17.2455 10.4455 17.3333 10.6665 17.3333H16.4998C16.7208 17.3333 16.9328 17.2455 17.0891 17.0892C17.2454 16.9329 17.3332 16.721 17.3332 16.5V10.6666C17.3332 10.4456 17.2454 10.2337 17.0891 10.0774C16.9328 9.92109 16.7208 9.83329 16.4998 9.83329ZM15.6665 15.6666H11.4998V11.5H15.6665V15.6666ZM7.33317 0.666626H1.49984C1.27882 0.666626 1.06686 0.754423 0.910582 0.910704C0.754301 1.06698 0.666504 1.27895 0.666504 1.49996V7.33329C0.666504 7.55431 0.754301 7.76627 0.910582 7.92255C1.06686 8.07883 1.27882 8.16663 1.49984 8.16663H7.33317C7.55418 8.16663 7.76615 8.07883 7.92243 7.92255C8.07871 7.76627 8.1665 7.55431 8.1665 7.33329V1.49996C8.1665 1.27895 8.07871 1.06698 7.92243 0.910704C7.76615 0.754423 7.55418 0.666626 7.33317 0.666626ZM6.49984 6.49996H2.33317V2.33329H6.49984V6.49996Z" fill="#3D485B"></path>
              </svg><span class="ms-2">Overview</span></a></li>
          <li class="nav-item"><a class="nav-link px-4 d-flex align-items-center" aria-current="page" href="#">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M9.99984 4.99996C9.77882 4.99996 9.56686 5.08776 9.41058 5.24404C9.2543 5.40032 9.1665 5.61228 9.1665 5.83329V14.1666C9.1665 14.3876 9.2543 14.5996 9.41058 14.7559C9.56686 14.9122 9.77882 15 9.99984 15C10.2209 15 10.4328 14.9122 10.5891 14.7559C10.7454 14.5996 10.8332 14.3876 10.8332 14.1666V5.83329C10.8332 5.61228 10.7454 5.40032 10.5891 5.24404C10.4328 5.08776 10.2209 4.99996 9.99984 4.99996ZM5.83317 9.99996C5.61216 9.99996 5.4002 10.0878 5.24392 10.244C5.08763 10.4003 4.99984 10.6123 4.99984 10.8333V14.1666C4.99984 14.3876 5.08763 14.5996 5.24392 14.7559C5.4002 14.9122 5.61216 15 5.83317 15C6.05418 15 6.26615 14.9122 6.42243 14.7559C6.57871 14.5996 6.6665 14.3876 6.6665 14.1666V10.8333C6.6665 10.6123 6.57871 10.4003 6.42243 10.244C6.26615 10.0878 6.05418 9.99996 5.83317 9.99996ZM14.1665 8.33329C13.9455 8.33329 13.7335 8.42109 13.5772 8.57737C13.421 8.73365 13.3332 8.94561 13.3332 9.16663V14.1666C13.3332 14.3876 13.421 14.5996 13.5772 14.7559C13.7335 14.9122 13.9455 15 14.1665 15C14.3875 15 14.5995 14.9122 14.7558 14.7559C14.912 14.5996 14.9998 14.3876 14.9998 14.1666V9.16663C14.9998 8.94561 14.912 8.73365 14.7558 8.57737C14.5995 8.42109 14.3875 8.33329 14.1665 8.33329ZM15.8332 1.66663H4.1665C3.50346 1.66663 2.86758 1.93002 2.39874 2.39886C1.9299 2.8677 1.6665 3.50358 1.6665 4.16663V15.8333C1.6665 16.4963 1.9299 17.1322 2.39874 17.6011C2.86758 18.0699 3.50346 18.3333 4.1665 18.3333H15.8332C16.4962 18.3333 17.1321 18.0699 17.6009 17.6011C18.0698 17.1322 18.3332 16.4963 18.3332 15.8333V4.16663C18.3332 3.50358 18.0698 2.8677 17.6009 2.39886C17.1321 1.93002 16.4962 1.66663 15.8332 1.66663ZM16.6665 15.8333C16.6665 16.0543 16.5787 16.2663 16.4224 16.4225C16.2661 16.5788 16.0542 16.6666 15.8332 16.6666H4.1665C3.94549 16.6666 3.73353 16.5788 3.57725 16.4225C3.42097 16.2663 3.33317 16.0543 3.33317 15.8333V4.16663C3.33317 3.94561 3.42097 3.73365 3.57725 3.57737C3.73353 3.42109 3.94549 3.33329 4.1665 3.33329H15.8332C16.0542 3.33329 16.2661 3.42109 16.4224 3.57737C16.5787 3.73365 16.6665 3.94561 16.6665 4.16663V15.8333Z" fill="#3D485B"></path>
              </svg><span class="ms-2">Analytics</span></a></li>
          <li class="nav-item"><a class="nav-link px-4 d-flex align-items-center" aria-current="page" hre="" f="#">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M15.8334 5.41671H13.3334V4.58337C13.3334 3.92033 13.07 3.28445 12.6012 2.81561C12.1323 2.34677 11.4965 2.08337 10.8334 2.08337H9.16675C8.50371 2.08337 7.86782 2.34677 7.39898 2.81561C6.93014 3.28445 6.66675 3.92033 6.66675 4.58337V5.41671H4.16675C3.50371 5.41671 2.86782 5.6801 2.39898 6.14894C1.93014 6.61778 1.66675 7.25367 1.66675 7.91671V15.4167C1.66675 16.0797 1.93014 16.7156 2.39898 17.1845C2.86782 17.6533 3.50371 17.9167 4.16675 17.9167H15.8334C16.4965 17.9167 17.1323 17.6533 17.6012 17.1845C18.07 16.7156 18.3334 16.0797 18.3334 15.4167V7.91671C18.3334 7.25367 18.07 6.61778 17.6012 6.14894C17.1323 5.6801 16.4965 5.41671 15.8334 5.41671ZM8.33341 4.58337C8.33341 4.36236 8.42121 4.1504 8.57749 3.99412C8.73377 3.83784 8.94573 3.75004 9.16675 3.75004H10.8334C11.0544 3.75004 11.2664 3.83784 11.4227 3.99412C11.5789 4.1504 11.6667 4.36236 11.6667 4.58337V5.41671H8.33341V4.58337ZM16.6667 15.4167C16.6667 15.6377 16.579 15.8497 16.4227 16.006C16.2664 16.1622 16.0544 16.25 15.8334 16.25H4.16675C3.94573 16.25 3.73377 16.1622 3.57749 16.006C3.42121 15.8497 3.33341 15.6377 3.33341 15.4167V10.8334C4.14628 11.1558 4.9819 11.4176 5.83341 11.6167V12.1084C5.83341 12.3294 5.92121 12.5413 6.07749 12.6976C6.23377 12.8539 6.44573 12.9417 6.66675 12.9417C6.88776 12.9417 7.09972 12.8539 7.256 12.6976C7.41228 12.5413 7.50008 12.3294 7.50008 12.1084V11.9334C8.3287 12.0462 9.16382 12.1046 10.0001 12.1084C10.8363 12.1046 11.6715 12.0462 12.5001 11.9334V12.1084C12.5001 12.3294 12.5879 12.5413 12.7442 12.6976C12.9004 12.8539 13.1124 12.9417 13.3334 12.9417C13.5544 12.9417 13.7664 12.8539 13.9227 12.6976C14.079 12.5413 14.1667 12.3294 14.1667 12.1084V11.6167C15.0183 11.4176 15.8539 11.1558 16.6667 10.8334V15.4167ZM16.6667 9.00837C15.8562 9.35045 15.0204 9.62907 14.1667 9.84171V9.58337C14.1667 9.36236 14.079 9.1504 13.9227 8.99412C13.7664 8.83784 13.5544 8.75004 13.3334 8.75004C13.1124 8.75004 12.9004 8.83784 12.7442 8.99412C12.5879 9.1504 12.5001 9.36236 12.5001 9.58337V10.2C10.8428 10.4501 9.15737 10.4501 7.50008 10.2V9.58337C7.50008 9.36236 7.41228 9.1504 7.256 8.99412C7.09972 8.83784 6.88776 8.75004 6.66675 8.75004C6.44573 8.75004 6.23377 8.83784 6.07749 8.99412C5.92121 9.1504 5.83341 9.36236 5.83341 9.58337V9.85837C4.97977 9.64573 4.14392 9.36712 3.33341 9.02504V7.91671C3.33341 7.69569 3.42121 7.48373 3.57749 7.32745C3.73377 7.17117 3.94573 7.08337 4.16675 7.08337H15.8334C16.0544 7.08337 16.2664 7.17117 16.4227 7.32745C16.579 7.48373 16.6667 7.69569 16.6667 7.91671V9.00837Z" fill="#3D485B"></path>
              </svg><span class="ms-2">Products</span></a></li>
          <li class="nav-item"><a class="nav-link px-4 d-flex align-items-center" aria-current="page" href="#">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M11.6666 15C11.8876 15 12.0996 14.9122 12.2558 14.756C12.4121 14.5997 12.4999 14.3877 12.4999 14.1667V12.5C12.4999 12.279 12.4121 12.0671 12.2558 11.9108C12.0996 11.7545 11.8876 11.6667 11.6666 11.6667C11.4456 11.6667 11.2336 11.7545 11.0773 11.9108C10.921 12.0671 10.8332 12.279 10.8332 12.5V14.1667C10.8332 14.3877 10.921 14.5997 11.0773 14.756C11.2336 14.9122 11.4456 15 11.6666 15ZM8.33324 15C8.55426 15 8.76622 14.9122 8.9225 14.756C9.07878 14.5997 9.16658 14.3877 9.16658 14.1667V12.5C9.16658 12.279 9.07878 12.0671 8.9225 11.9108C8.76622 11.7545 8.55426 11.6667 8.33324 11.6667C8.11223 11.6667 7.90027 11.7545 7.74399 11.9108C7.58771 12.0671 7.49991 12.279 7.49991 12.5V14.1667C7.49991 14.3877 7.58771 14.5997 7.74399 14.756C7.90027 14.9122 8.11223 15 8.33324 15ZM15.8332 5.00004H14.6832L13.2416 2.12504C13.1975 2.01925 13.1321 1.92369 13.0495 1.84432C12.9668 1.76494 12.8687 1.70347 12.7612 1.66374C12.6537 1.62402 12.5392 1.60688 12.4248 1.61342C12.3104 1.61995 12.1985 1.65001 12.0963 1.70172C11.994 1.75342 11.9035 1.82567 11.8304 1.91393C11.7573 2.0022 11.7032 2.10459 11.6715 2.2147C11.6398 2.32482 11.6311 2.4403 11.646 2.55392C11.661 2.66753 11.6992 2.77685 11.7582 2.87504L12.8166 5.00004H7.18324L8.24158 2.87504C8.32246 2.6808 8.32688 2.46315 8.25393 2.26578C8.18098 2.06842 8.03607 1.90596 7.84829 1.81101C7.66052 1.71607 7.44378 1.69568 7.24159 1.75393C7.0394 1.81217 6.86673 1.94475 6.75824 2.12504L5.31658 5.00004H4.16658C3.57757 5.009 3.01064 5.22567 2.56578 5.61182C2.12093 5.99797 1.82672 6.52881 1.73505 7.11072C1.64338 7.69262 1.76014 8.2882 2.06473 8.79242C2.36932 9.29664 2.84218 9.6771 3.39991 9.86671L4.01658 16.0834C4.07876 16.7022 4.36936 17.2756 4.83164 17.6916C5.29391 18.1077 5.89466 18.3365 6.51658 18.3334H13.4999C14.1218 18.3365 14.7226 18.1077 15.1848 17.6916C15.6471 17.2756 15.9377 16.7022 15.9999 16.0834L16.6166 9.86671C17.1755 9.67654 17.6491 9.29468 17.9535 8.78878C18.2579 8.28287 18.3734 7.68557 18.2796 7.10266C18.1857 6.51976 17.8886 5.98886 17.4409 5.60402C16.9931 5.21918 16.4236 5.00522 15.8332 5.00004ZM14.3249 15.9167C14.3042 16.123 14.2073 16.3141 14.0532 16.4528C13.8991 16.5915 13.6989 16.6677 13.4916 16.6667H6.50824C6.30094 16.6677 6.10069 16.5915 5.9466 16.4528C5.7925 16.3141 5.69564 16.123 5.67491 15.9167L5.08324 10H14.9166L14.3249 15.9167ZM15.8332 8.33338H4.16658C3.94556 8.33338 3.7336 8.24558 3.57732 8.0893C3.42104 7.93302 3.33324 7.72106 3.33324 7.50004C3.33324 7.27903 3.42104 7.06707 3.57732 6.91079C3.7336 6.75451 3.94556 6.66671 4.16658 6.66671H15.8332C16.0543 6.66671 16.2662 6.75451 16.4225 6.91079C16.5788 7.06707 16.6666 7.27903 16.6666 7.50004C16.6666 7.72106 16.5788 7.93302 16.4225 8.0893C16.2662 8.24558 16.0543 8.33338 15.8332 8.33338Z" fill="#3D485B"></path>
              </svg><span class="ms-2">Orders</span>
              <div class="ms-2 d-flex align-items-center justify-content-center bg-primary rounded-pill text-white fs-10" style="width: 22px; height: 22px;">4</div></a></li>
          <li class="nav-item"><a class="nav-link px-4 d-flex align-items-center" aria-current="page" hre="" f="#">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12.3417 10.2333C12.8692 9.66683 13.1664 8.92394 13.1751 8.14996C13.1751 7.31453 12.8432 6.51331 12.2525 5.92257C11.6617 5.33183 10.8605 4.99996 10.0251 4.99996C9.18965 4.99996 8.38843 5.33183 7.7977 5.92257C7.20696 6.51331 6.87508 7.31453 6.87508 8.14996C6.88378 8.92394 7.18093 9.66683 7.70841 10.2333C6.97396 10.599 6.34193 11.1416 5.86918 11.8122C5.39642 12.4827 5.09777 13.2603 5.00008 14.075C4.97577 14.296 5.04025 14.5176 5.17934 14.6911C5.31843 14.8645 5.52073 14.9756 5.74175 15C5.96276 15.0243 6.18438 14.9598 6.35785 14.8207C6.53132 14.6816 6.64244 14.4793 6.66675 14.2583C6.76619 13.4509 7.15745 12.7078 7.76682 12.1688C8.37619 11.6299 9.16159 11.3324 9.97508 11.3324C10.7886 11.3324 11.574 11.6299 12.1833 12.1688C12.7927 12.7078 13.184 13.4509 13.2834 14.2583C13.3066 14.472 13.4114 14.6684 13.576 14.8066C13.7406 14.9448 13.9523 15.0141 14.1667 15H14.2584C14.4769 14.9748 14.6765 14.8644 14.8139 14.6927C14.9512 14.521 15.0152 14.3019 14.9917 14.0833C14.9013 13.2729 14.6121 12.4975 14.1498 11.8258C13.6875 11.1542 13.0664 10.6071 12.3417 10.2333ZM10.0001 9.63329C9.70671 9.63329 9.41992 9.5463 9.17598 9.38331C8.93205 9.22031 8.74193 8.98865 8.62966 8.71761C8.51739 8.44656 8.48801 8.14831 8.54525 7.86058C8.60248 7.57284 8.74376 7.30853 8.95121 7.10108C9.15865 6.89364 9.42296 6.75236 9.7107 6.69513C9.99844 6.63789 10.2967 6.66727 10.5677 6.77954C10.8388 6.89181 11.0704 7.08193 11.2334 7.32586C11.3964 7.5698 11.4834 7.85658 11.4834 8.14996C11.4834 8.54336 11.3271 8.92066 11.049 9.19883C10.7708 9.47701 10.3935 9.63329 10.0001 9.63329ZM15.8334 1.66663H4.16675C3.50371 1.66663 2.86782 1.93002 2.39898 2.39886C1.93014 2.8677 1.66675 3.50358 1.66675 4.16663V15.8333C1.66675 16.4963 1.93014 17.1322 2.39898 17.6011C2.86782 18.0699 3.50371 18.3333 4.16675 18.3333H15.8334C16.4965 18.3333 17.1323 18.0699 17.6012 17.6011C18.07 17.1322 18.3334 16.4963 18.3334 15.8333V4.16663C18.3334 3.50358 18.07 2.8677 17.6012 2.39886C17.1323 1.93002 16.4965 1.66663 15.8334 1.66663ZM16.6667 15.8333C16.6667 16.0543 16.579 16.2663 16.4227 16.4225C16.2664 16.5788 16.0544 16.6666 15.8334 16.6666H4.16675C3.94573 16.6666 3.73377 16.5788 3.57749 16.4225C3.42121 16.2663 3.33341 16.0543 3.33341 15.8333V4.16663C3.33341 3.94561 3.42121 3.73365 3.57749 3.57737C3.73377 3.42109 3.94573 3.33329 4.16675 3.33329H15.8334C16.0544 3.33329 16.2664 3.42109 16.4227 3.57737C16.579 3.73365 16.6667 3.94561 16.6667 4.16663V15.8333Z" fill="#3D485B"></path>
              </svg><span class="ms-2">Customers</span></a></li>
        </ul>
        <div class="d-none d-xl-flex align-items-center ms-auto"><a class="btn border-0 p-0 me-6" href="#">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M19 4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V17C2 17.7956 2.31607 18.5587 2.87868 19.1213C3.44129 19.6839 4.20435 20 5 20H19C19.7956 20 20.5587 19.6839 21.1213 19.1213C21.6839 18.5587 22 17.7956 22 17V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4ZM5 6H19C19.2652 6 19.5196 6.10536 19.7071 6.29289C19.8946 6.48043 20 6.73478 20 7L12 11.88L4 7C4 6.73478 4.10536 6.48043 4.29289 6.29289C4.48043 6.10536 4.73478 6 5 6ZM20 17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18H5C4.73478 18 4.48043 17.8946 4.29289 17.7071C4.10536 17.5196 4 17.2652 4 17V9.28L11.48 13.85C11.632 13.9378 11.8045 13.984 11.98 13.984C12.1555 13.984 12.328 13.9378 12.48 13.85L20 9.28V17Z" fill="#3D485B"></path>
            </svg></a><a class="btn border-0 p-0 me-8" href="#">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M18 13.18V10C17.9986 8.58312 17.4958 7.21247 16.5806 6.13077C15.6655 5.04908 14.3971 4.32615 13 4.09V3C13 2.73478 12.8946 2.48043 12.7071 2.29289C12.5196 2.10536 12.2652 2 12 2C11.7348 2 11.4804 2.10536 11.2929 2.29289C11.1054 2.48043 11 2.73478 11 3V4.09C9.60294 4.32615 8.33452 5.04908 7.41939 6.13077C6.50425 7.21247 6.00144 8.58312 6 10V13.18C5.41645 13.3863 4.911 13.7681 4.55294 14.2729C4.19488 14.7778 4.00174 15.3811 4 16V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19H8.14C8.37028 19.8474 8.873 20.5954 9.5706 21.1287C10.2682 21.6621 11.1219 21.951 12 21.951C12.8781 21.951 13.7318 21.6621 14.4294 21.1287C15.127 20.5954 15.6297 19.8474 15.86 19H19C19.2652 19 19.5196 18.8946 19.7071 18.7071C19.8946 18.5196 20 18.2652 20 18V16C19.9983 15.3811 19.8051 14.7778 19.4471 14.2729C19.089 13.7681 18.5835 13.3863 18 13.18ZM8 10C8 8.93913 8.42143 7.92172 9.17157 7.17157C9.92172 6.42143 10.9391 6 12 6C13.0609 6 14.0783 6.42143 14.8284 7.17157C15.5786 7.92172 16 8.93913 16 10V13H8V10ZM12 20C11.651 19.9979 11.3086 19.9045 11.0068 19.7291C10.7051 19.5536 10.4545 19.3023 10.28 19H13.72C13.5455 19.3023 13.2949 19.5536 12.9932 19.7291C12.6914 19.9045 12.349 19.9979 12 20ZM18 17H6V16C6 15.7348 6.10536 15.4804 6.29289 15.2929C6.48043 15.1054 6.73478 15 7 15H17C17.2652 15 17.5196 15.1054 17.7071 15.2929C17.8946 15.4804 18 15.7348 18 16V17Z" fill="#3D485B"></path>
            </svg></a><a class="btn border-0 d-flex align-items-center p-0" href="#"><img class="img-fluid" src="trizzle-assets/images/avatar-men.png" alt=""><span class="ms-3 me-4 fw-bold text-white">John Doe</span>
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M4 6L8 10L12 6" stroke="#3D485B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg></a></div>
      </div>
      <button class="d-block d-xl-none navbar-burger navbar-toggler py-1 px-2 border-0 rounded-1">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M3 12H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M3 6H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M3 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
      </button>
    </div>
  </nav>
  <div class="d-none navbar-menu position-fixed top-0 start-0 bottom-0 w-100 mw-sm" style="z-index: 9999;">
    <div class="navbar-close navbar-backdrop position-fixed top-0 start-0 end-0 bottom-0 bg-dark-light bg-opacity-25"></div>
    <nav class="position-relative h-100 w-100 d-flex flex-column pt-8 pb-10 px-8 bg-dark-light overflow-auto">
      <div class="d-flex align-items-center justify-content-between mb-16"><a class="inline-flex items-center" href="#"><img class="img-fluid" src="trizzle-assets/logos/trizzle-logo.svg" alt=""></a><a class="navbar-close text-light" href="#">
          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24" height="24" viewBox="0 0 24 24">
            <path d="M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z" fill="currentColor"></path>
          </svg></a></div>
      <ul class="list-unstyled mb-10">
        <li class="mb-10"><a class="btn p-0 btn-link fs-7 text-light" href="#">Overview</a></li>
        <li class="mb-10"><a class="btn p-0 btn-link fs-7 text-light" href="#">Analytics</a></li>
        <li class="mb-10"><a class="btn p-0 btn-link fs-7 text-light" href="#">Products</a></li>
        <li class="mb-10"><a class="btn p-0 btn-link fs-7 text-light d-flex align-items-center" aria-current="page" href="#"><span>Orders</span>
            <div class="ms-2 d-flex align-items-center justify-content-center bg-primary rounded-pill text-white fs-10" style="width: 22px; height: 22px;">4</div></a></li>
        <li><a class="btn p-0 btn-link text-light" href="#">Customers</a></li>
      </ul><a class="btn mt-auto border-0 d-flex align-items-center p-0" href="#"><img class="img-fluid" src="trizzle-assets/images/avatar-men.png" alt=""><span class="ms-3 me-4 fw-bold text-white">John Doe</span>
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M4 6L8 10L12 6" stroke="#3D485B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></a>
    </nav>
  </div>
</section>

<section class="py-8 bg-dark-light">
  <div class="container">
    <div class="pt-6 bg-secondary rounded-4">
      <div class="px-6 pb-6 border-bottom border-secondary-light border-opacity-25">
        <h6 class="fs-8 fw-semibold text-light mb-6">Projects</h6>
        <div class="w-100 overflow-scroll">
          <table class="table table-borderless w-100" style="min-width: max-content;">
            <thead>
              <tr><th class="p-0 bg-transparent" scope="col">
                <div class="rounded-start-4 py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">PROJECT</span></div>
              </th>
              <th class="p-0 bg-transparent" scope="col">
                <div class="py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">STAGE</span></div>
              </th>
              <th class="p-0 bg-transparent" scope="col">
                <div class="py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">AMOUNT</span></div>
              </th>
              <th class="p-0 bg-transparent" scope="col">
                <div class="py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">CONTACT</span></div>
              </th>
              <th class="p-0 bg-transparent" scope="col">
                <div class="rounded-end-4 py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">LAST CONTACT</span></div>
              </th>
            </tr></thead>
            <tbody>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-6 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="rounded-start-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center bg-dark-light" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="rounded-end-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-6 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="rounded-start-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center bg-dark-light" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="rounded-end-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-6 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="rounded-start-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center bg-dark-light" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="rounded-end-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-6 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="rounded-start-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center bg-dark-light" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="rounded-end-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-6 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="rounded-start-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">Banner design</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-primary rounded-pill"><span class="fs-10 fw-medium text-light">KICKOFF</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">$16,000</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center bg-dark-light" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="rounded-end-4 py-5 px-6 bg-dark-light" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="py-8 px-6">
        <div class="d-flex flex-column flex-sm-row align-items-center justify-content-between">
          <div class="mt-5 mt-sm-0 order-last order-sm-first">
            <p class="fs-9 fw-medium text-secondary-light mb-0"><span>Showing</span> <span class="text-light">1</span> <span>to</span> <span class="text-light">10</span> <span>of 20 results</span></p>
          </div>
          <div class="d-flex align-items-center"><a class="btn me-3 btn-sm fs-10 btn-dark-light text-secondary-light" href="#">Previous</a><a class="btn btn-sm fs-10 btn-primary" href="#">Next</a></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section>
  <nav class="navbar d-lg-none navbar-dark-light bg-dark-light flex-wrap">
    <div class="container-fluid">
      <div class="d-flex w-100 align-items-center">
        <a class="navbar-brand" href="#">
          <img class="img-fluid" src="trizzle-assets/logos/trizzle-logo.svg" alt="alt" width="auto">
        </a>
        <button class="navbar-burger navbar-toggler bg-primary ms-auto" type="button">
          <span class="navbar-toggler-icon"></span>
        </button>
      </div>
    </div>
  </nav>
  <div class="navbar-menu position-relative d-lg-block d-none" style="z-index: 9999">
    <div class="navbar-backdrop d-lg-none position-fixed top-0 end-0 bottom-0 start-0 bg-dark-light" style="opacity: .5"></div>
    <div class="position-fixed top-0 start-0 bottom-0 w-75 mw-sm-xs py-8 px-4 bg-dark-light overflow-auto">
      <div class="mb-6">
          <a class="mb-12 d-inline-block" href="#">
            <img class="img-fluid" src="trizzle-assets/logos/trizzle-logo.svg" alt="">
          </a>
          <ul class="list-unstyled">
            <li class="mb-4"><a class="btn w-100 btn-outline-primary text-light border-0 d-flex align-items-center p-4 rounded-4" href="#">
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8 11H1C0.734784 11 0.48043 11.1054 0.292893 11.2929C0.105357 11.4804 0 11.7348 0 12V19C0 19.2652 0.105357 19.5196 0.292893 19.7071C0.48043 19.8946 0.734784 20 1 20H8C8.26522 20 8.51957 19.8946 8.70711 19.7071C8.89464 19.5196 9 19.2652 9 19V12C9 11.7348 8.89464 11.4804 8.70711 11.2929C8.51957 11.1054 8.26522 11 8 11ZM7 18H2V13H7V18ZM19 0H12C11.7348 0 11.4804 0.105357 11.2929 0.292893C11.1054 0.48043 11 0.734784 11 1V8C11 8.26522 11.1054 8.51957 11.2929 8.70711C11.4804 8.89464 11.7348 9 12 9H19C19.2652 9 19.5196 8.89464 19.7071 8.70711C19.8946 8.51957 20 8.26522 20 8V1C20 0.734784 19.8946 0.48043 19.7071 0.292893C19.5196 0.105357 19.2652 0 19 0ZM18 7H13V2H18V7ZM19 11H12C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12V19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V12C20 11.7348 19.8946 11.4804 19.7071 11.2929C19.5196 11.1054 19.2652 11 19 11ZM18 18H13V13H18V18ZM8 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V8C0 8.26522 0.105357 8.51957 0.292893 8.70711C0.48043 8.89464 0.734784 9 1 9H8C8.26522 9 8.51957 8.89464 8.70711 8.70711C8.89464 8.51957 9 8.26522 9 8V1C9 0.734784 8.89464 0.48043 8.70711 0.292893C8.51957 0.105357 8.26522 0 8 0ZM7 7H2V2H7V7Z" fill="currentColor"></path>
                </svg><span class="ms-4 fs-9 fw-semibold">Overview</span></a></li>
            <li class="mb-4"><a class="btn w-100 btn-outline-primary text-light border-0 d-flex align-items-center p-4 rounded-4" href="#">
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 4C9.73478 4 9.48043 4.10536 9.29289 4.29289C9.10536 4.48043 9 4.73478 9 5V15C9 15.2652 9.10536 15.5196 9.29289 15.7071C9.48043 15.8946 9.73478 16 10 16C10.2652 16 10.5196 15.8946 10.7071 15.7071C10.8946 15.5196 11 15.2652 11 15V5C11 4.73478 10.8946 4.48043 10.7071 4.29289C10.5196 4.10536 10.2652 4 10 4ZM5 10C4.73478 10 4.48043 10.1054 4.29289 10.2929C4.10536 10.4804 4 10.7348 4 11V15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15V11C6 10.7348 5.89464 10.4804 5.70711 10.2929C5.51957 10.1054 5.26522 10 5 10ZM15 8C14.7348 8 14.4804 8.10536 14.2929 8.29289C14.1054 8.48043 14 8.73478 14 9V15C14 15.2652 14.1054 15.5196 14.2929 15.7071C14.4804 15.8946 14.7348 16 15 16C15.2652 16 15.5196 15.8946 15.7071 15.7071C15.8946 15.5196 16 15.2652 16 15V9C16 8.73478 15.8946 8.48043 15.7071 8.29289C15.5196 8.10536 15.2652 8 15 8ZM17 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V17C0 17.7956 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H17C17.7956 20 18.5587 19.6839 19.1213 19.1213C19.6839 18.5587 20 17.7956 20 17V3C20 2.20435 19.6839 1.44129 19.1213 0.87868C18.5587 0.316071 17.7956 0 17 0ZM18 17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H17C17.2652 2 17.5196 2.10536 17.7071 2.29289C17.8946 2.48043 18 2.73478 18 3V17Z" fill="currentColor"></path>
                </svg><span class="ms-4 fs-9 fw-semibold">Analytics</span></a></li>
            <li class="mb-4"><a class="btn w-100 btn-outline-primary text-light border-0 d-flex align-items-center p-4 rounded-4" href="#">
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M17 4.5H14V3.5C14 2.70435 13.6839 1.94129 13.1213 1.37868C12.5587 0.816071 11.7956 0.5 11 0.5H9C8.20435 0.5 7.44129 0.816071 6.87868 1.37868C6.31607 1.94129 6 2.70435 6 3.5V4.5H3C2.20435 4.5 1.44129 4.81607 0.87868 5.37868C0.316071 5.94129 0 6.70435 0 7.5V16.5C0 17.2956 0.316071 18.0587 0.87868 18.6213C1.44129 19.1839 2.20435 19.5 3 19.5H17C17.7956 19.5 18.5587 19.1839 19.1213 18.6213C19.6839 18.0587 20 17.2956 20 16.5V7.5C20 6.70435 19.6839 5.94129 19.1213 5.37868C18.5587 4.81607 17.7956 4.5 17 4.5ZM8 3.5C8 3.23478 8.10536 2.98043 8.29289 2.79289C8.48043 2.60536 8.73478 2.5 9 2.5H11C11.2652 2.5 11.5196 2.60536 11.7071 2.79289C11.8946 2.98043 12 3.23478 12 3.5V4.5H8V3.5ZM18 16.5C18 16.7652 17.8946 17.0196 17.7071 17.2071C17.5196 17.3946 17.2652 17.5 17 17.5H3C2.73478 17.5 2.48043 17.3946 2.29289 17.2071C2.10536 17.0196 2 16.7652 2 16.5V11C2.97544 11.3869 3.97818 11.7011 5 11.94V12.53C5 12.7952 5.10536 13.0496 5.29289 13.2371C5.48043 13.4246 5.73478 13.53 6 13.53C6.26522 13.53 6.51957 13.4246 6.70711 13.2371C6.89464 13.0496 7 12.7952 7 12.53V12.32C7.99435 12.4554 8.99649 12.5255 10 12.53C11.0035 12.5255 12.0057 12.4554 13 12.32V12.53C13 12.7952 13.1054 13.0496 13.2929 13.2371C13.4804 13.4246 13.7348 13.53 14 13.53C14.2652 13.53 14.5196 13.4246 14.7071 13.2371C14.8946 13.0496 15 12.7952 15 12.53V11.94C16.0218 11.7011 17.0246 11.3869 18 11V16.5ZM18 8.81C17.0274 9.22049 16.0244 9.55483 15 9.81V9.5C15 9.23478 14.8946 8.98043 14.7071 8.79289C14.5196 8.60536 14.2652 8.5 14 8.5C13.7348 8.5 13.4804 8.60536 13.2929 8.79289C13.1054 8.98043 13 9.23478 13 9.5V10.24C11.0113 10.54 8.98875 10.54 7 10.24V9.5C7 9.23478 6.89464 8.98043 6.70711 8.79289C6.51957 8.60536 6.26522 8.5 6 8.5C5.73478 8.5 5.48043 8.60536 5.29289 8.79289C5.10536 8.98043 5 9.23478 5 9.5V9.83C3.97562 9.57483 2.9726 9.24049 2 8.83V7.5C2 7.23478 2.10536 6.98043 2.29289 6.79289C2.48043 6.60536 2.73478 6.5 3 6.5H17C17.2652 6.5 17.5196 6.60536 17.7071 6.79289C17.8946 6.98043 18 7.23478 18 7.5V8.81Z" fill="currentColor"></path>
                </svg><span class="ms-4 fs-9 fw-semibold">Products</span></a></li>
            <li class="mb-4"><a class="btn w-100 btn-outline-primary text-light border-0 d-flex align-items-center p-4 rounded-4" href="#">
                <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M12 17C12.2653 17 12.5196 16.8947 12.7071 16.7071C12.8947 16.5196 13 16.2652 13 16V14C13 13.7348 12.8947 13.4805 12.7071 13.2929C12.5196 13.1054 12.2653 13 12 13C11.7348 13 11.4805 13.1054 11.2929 13.2929C11.1054 13.4805 11 13.7348 11 14V16C11 16.2652 11.1054 16.5196 11.2929 16.7071C11.4805 16.8947 11.7348 17 12 17ZM8.00004 17C8.26525 17 8.51961 16.8947 8.70714 16.7071C8.89468 16.5196 9.00004 16.2652 9.00004 16V14C9.00004 13.7348 8.89468 13.4805 8.70714 13.2929C8.51961 13.1054 8.26525 13 8.00004 13C7.73482 13 7.48047 13.1054 7.29293 13.2929C7.10539 13.4805 7.00004 13.7348 7.00004 14V16C7.00004 16.2652 7.10539 16.5196 7.29293 16.7071C7.48047 16.8947 7.73482 17 8.00004 17ZM17 5.00003H15.62L13.89 1.55003C13.8372 1.42308 13.7587 1.3084 13.6595 1.21316C13.5603 1.11791 13.4426 1.04414 13.3136 0.996469C13.1846 0.948794 13.0472 0.928235 12.9099 0.936075C12.7726 0.943915 12.6384 0.979987 12.5157 1.04204C12.3929 1.10408 12.2843 1.19078 12.1966 1.2967C12.1089 1.40261 12.044 1.52548 12.006 1.65762C11.9679 1.78976 11.9575 1.92833 11.9754 2.06467C11.9933 2.20102 12.0391 2.3322 12.11 2.45003L13.38 5.00003H6.62004L7.89004 2.45003C7.9871 2.21693 7.9924 1.95575 7.90486 1.71891C7.81732 1.48208 7.64343 1.28712 7.4181 1.17319C7.19277 1.05926 6.93268 1.03479 6.69005 1.10469C6.44742 1.17458 6.24022 1.33368 6.11004 1.55003L4.38004 5.00003H3.00004C2.29323 5.01078 1.61291 5.27077 1.07909 5.73416C0.545259 6.19755 0.192211 6.83455 0.0822073 7.53283C-0.0277959 8.23112 0.112313 8.94581 0.477823 9.55088C0.843332 10.1559 1.41076 10.6125 2.08004 10.84L2.82004 18.3C2.89466 19.0426 3.24338 19.7307 3.79811 20.2299C4.35284 20.7292 5.07374 21.0038 5.82004 21H14.2C14.9463 21.0038 15.6672 20.7292 16.222 20.2299C16.7767 19.7307 17.1254 19.0426 17.2 18.3L17.94 10.84C18.6108 10.6118 19.1791 10.1536 19.5443 9.54651C19.9096 8.93942 20.0482 8.22266 19.9356 7.52317C19.823 6.82368 19.4665 6.18661 18.9292 5.7248C18.3919 5.26299 17.7085 5.00624 17 5.00003ZM15.19 18.1C15.1652 18.3475 15.0489 18.5769 14.864 18.7433C14.6791 18.9098 14.4388 19.0013 14.19 19H5.81004C5.56127 19.0013 5.32097 18.9098 5.13606 18.7433C4.95115 18.5769 4.83491 18.3475 4.81004 18.1L4.10004 11H15.9L15.19 18.1ZM17 9.00003H3.00004C2.73482 9.00003 2.48047 8.89467 2.29293 8.70713C2.10539 8.5196 2.00004 8.26524 2.00004 8.00003C2.00004 7.73481 2.10539 7.48046 2.29293 7.29292C2.48047 7.10538 2.73482 7.00003 3.00004 7.00003H17C17.2653 7.00003 17.5196 7.10538 17.7071 7.29292C17.8947 7.48046 18 7.73481 18 8.00003C18 8.26524 17.8947 8.5196 17.7071 8.70713C17.5196 8.89467 17.2653 9.00003 17 9.00003Z" fill="currentColor"></path>
                </svg><span class="ms-4 me-auto fs-9 fw-semibold">Orders</span><span class="ms-2 d-flex align-items-center justify-content-center bg-secondary rounded-pill text-white fw-semibold fs-10" style="width: 22px; height: 22px;">4</span></a></li>
            <li class="mb-4"><a class="btn w-100 btn-outline-primary text-light border-0 d-flex align-items-center p-4 rounded-4" href="#">
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M12.81 10.28C13.443 9.60024 13.7996 8.70877 13.81 7.78C13.81 6.77748 13.4118 5.81602 12.7029 5.10714C11.994 4.39825 11.0325 4 10.03 4C9.02748 4 8.06602 4.39825 7.35714 5.10714C6.64825 5.81602 6.25 6.77748 6.25 7.78C6.26044 8.70877 6.61702 9.60024 7.25 10.28C6.36865 10.7189 5.61022 11.3699 5.04292 12.1746C4.47561 12.9793 4.11723 13.9124 4 14.89C3.97083 15.1552 4.0482 15.4212 4.21511 15.6293C4.38202 15.8375 4.62478 15.9708 4.89 16C5.15522 16.0292 5.42116 15.9518 5.62932 15.7849C5.83749 15.618 5.97083 15.3752 6 15.11C6.11933 14.1411 6.58885 13.2494 7.32009 12.6027C8.05133 11.956 8.99382 11.599 9.97 11.599C10.9462 11.599 11.8887 11.956 12.6199 12.6027C13.3512 13.2494 13.8207 14.1411 13.94 15.11C13.9678 15.3664 14.0936 15.6022 14.2911 15.768C14.4887 15.9339 14.7426 16.017 15 16H15.11C15.3721 15.9698 15.6117 15.8373 15.7766 15.6313C15.9414 15.4252 16.0181 15.1624 15.99 14.9C15.8815 13.9276 15.5344 12.997 14.9796 12.191C14.4248 11.3851 13.6796 10.7286 12.81 10.28ZM10 9.56C9.64795 9.56 9.3038 9.4556 9.01108 9.26002C8.71836 9.06443 8.49022 8.78643 8.35549 8.46118C8.22077 8.13592 8.18552 7.77803 8.2542 7.43274C8.32288 7.08745 8.49241 6.77029 8.74135 6.52135C8.99029 6.27241 9.30745 6.10288 9.65274 6.0342C9.99803 5.96552 10.3559 6.00077 10.6812 6.13549C11.0064 6.27022 11.2844 6.49837 11.48 6.79109C11.6756 7.0838 11.78 7.42795 11.78 7.78C11.78 8.25208 11.5925 8.70484 11.2586 9.03865C10.9248 9.37247 10.4721 9.56 10 9.56ZM17 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V17C0 17.7956 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H17C17.7956 20 18.5587 19.6839 19.1213 19.1213C19.6839 18.5587 20 17.7956 20 17V3C20 2.20435 19.6839 1.44129 19.1213 0.87868C18.5587 0.316071 17.7956 0 17 0ZM18 17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H17C17.2652 2 17.5196 2.10536 17.7071 2.29289C17.8946 2.48043 18 2.73478 18 3V17Z" fill="currentColor"></path>
                </svg><span class="ms-4 fs-9 fw-semibold">Customers</span></a></li>
            <li class="mb-4"><a class="btn w-100 btn-outline-primary text-light border-0 d-flex align-items-center p-4 rounded-4" href="#">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M19.8999 12.66C19.7396 12.4775 19.6512 12.2429 19.6512 12C19.6512 11.7571 19.7396 11.5225 19.8999 11.34L21.1799 9.9C21.3209 9.74267 21.4085 9.54471 21.4301 9.33451C21.4516 9.12431 21.4061 8.91269 21.2999 8.73L19.2999 5.27C19.1948 5.08752 19.0348 4.94288 18.8426 4.85669C18.6505 4.7705 18.4361 4.74716 18.2299 4.79L16.3499 5.17C16.1107 5.21943 15.8616 5.17959 15.6498 5.058C15.4379 4.93641 15.2779 4.74149 15.1999 4.51L14.5899 2.68C14.5228 2.48138 14.395 2.30887 14.2245 2.18684C14.0541 2.06482 13.8495 1.99946 13.6399 2H9.6399C9.42183 1.98862 9.20603 2.04893 9.02546 2.17172C8.84489 2.2945 8.70948 2.47302 8.6399 2.68L8.0799 4.51C8.0019 4.74149 7.84187 4.93641 7.63001 5.058C7.41815 5.17959 7.16911 5.21943 6.9299 5.17L4.9999 4.79C4.80445 4.76238 4.6052 4.79322 4.42724 4.87864C4.24929 4.96406 4.1006 5.10023 3.9999 5.27L1.9999 8.73C1.89106 8.91065 1.84212 9.12109 1.86008 9.33123C1.87804 9.54136 1.96198 9.74044 2.0999 9.9L3.3699 11.34C3.53022 11.5225 3.61863 11.7571 3.61863 12C3.61863 12.2429 3.53022 12.4775 3.3699 12.66L2.0999 14.1C1.96198 14.2596 1.87804 14.4586 1.86008 14.6688C1.84212 14.8789 1.89106 15.0894 1.9999 15.27L3.9999 18.73C4.10499 18.9125 4.26502 19.0571 4.45715 19.1433C4.64928 19.2295 4.86372 19.2528 5.0699 19.21L6.9499 18.83C7.18911 18.7806 7.43815 18.8204 7.65001 18.942C7.86187 19.0636 8.0219 19.2585 8.0999 19.49L8.7099 21.32C8.77948 21.527 8.91489 21.7055 9.09546 21.8283C9.27603 21.9511 9.49183 22.0114 9.7099 22H13.7099C13.9195 22.0005 14.1241 21.9352 14.2945 21.8132C14.465 21.6911 14.5928 21.5186 14.6599 21.32L15.2699 19.49C15.3479 19.2585 15.5079 19.0636 15.7198 18.942C15.9316 18.8204 16.1807 18.7806 16.4199 18.83L18.2999 19.21C18.5061 19.2528 18.7205 19.2295 18.9126 19.1433C19.1048 19.0571 19.2648 18.9125 19.3699 18.73L21.3699 15.27C21.4761 15.0873 21.5216 14.8757 21.5001 14.6655C21.4785 14.4553 21.3909 14.2573 21.2499 14.1L19.8999 12.66ZM18.4099 14L19.2099 14.9L17.9299 17.12L16.7499 16.88C16.0297 16.7328 15.2805 16.8551 14.6445 17.2238C14.0085 17.5925 13.53 18.1818 13.2999 18.88L12.9199 20H10.3599L9.9999 18.86C9.76975 18.1618 9.29128 17.5725 8.6553 17.2038C8.01932 16.8351 7.27012 16.7128 6.5499 16.86L5.3699 17.1L4.0699 14.89L4.8699 13.99C5.36185 13.44 5.63383 12.7279 5.63383 11.99C5.63383 11.2521 5.36185 10.54 4.8699 9.99L4.0699 9.09L5.3499 6.89L6.5299 7.13C7.25012 7.27722 7.99932 7.15488 8.6353 6.7862C9.27128 6.41752 9.74975 5.82816 9.9799 5.13L10.3599 4H12.9199L13.2999 5.14C13.53 5.83816 14.0085 6.42752 14.6445 6.7962C15.2805 7.16488 16.0297 7.28722 16.7499 7.14L17.9299 6.9L19.2099 9.12L18.4099 10.02C17.9235 10.5688 17.6549 11.2767 17.6549 12.01C17.6549 12.7433 17.9235 13.4512 18.4099 14ZM11.6399 8C10.8488 8 10.0754 8.2346 9.41761 8.67412C8.75982 9.11365 8.24713 9.73836 7.94438 10.4693C7.64163 11.2002 7.56241 12.0044 7.71675 12.7804C7.8711 13.5563 8.25206 14.269 8.81147 14.8284C9.37088 15.3878 10.0836 15.7688 10.8595 15.9231C11.6355 16.0775 12.4397 15.9983 13.1706 15.6955C13.9015 15.3928 14.5262 14.8801 14.9658 14.2223C15.4053 13.5645 15.6399 12.7911 15.6399 12C15.6399 10.9391 15.2185 9.92172 14.4683 9.17157C13.7182 8.42143 12.7008 8 11.6399 8ZM11.6399 14C11.2443 14 10.8577 13.8827 10.5288 13.6629C10.1999 13.4432 9.94351 13.1308 9.79214 12.7654C9.64076 12.3999 9.60116 11.9978 9.67833 11.6098C9.7555 11.2219 9.94598 10.8655 10.2257 10.5858C10.5054 10.3061 10.8618 10.1156 11.2497 10.0384C11.6377 9.96126 12.0398 10.0009 12.4053 10.1522C12.7707 10.3036 13.0831 10.56 13.3028 10.8889C13.5226 11.2178 13.6399 11.6044 13.6399 12C13.6399 12.5304 13.4292 13.0391 13.0541 13.4142C12.679 13.7893 12.1703 14 11.6399 14Z" fill="currentColor"></path>
                </svg><span class="ms-4 me-auto fs-9 fw-semibold">Settings</span></a></li>
            <li><a class="btn w-100 btn-outline-primary text-light border-0 d-flex align-items-center p-4 rounded-4" href="#">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M18 13.18V10C17.9986 8.58312 17.4958 7.21247 16.5806 6.13077C15.6655 5.04908 14.3971 4.32615 13 4.09V3C13 2.73478 12.8946 2.48043 12.7071 2.29289C12.5196 2.10536 12.2652 2 12 2C11.7348 2 11.4804 2.10536 11.2929 2.29289C11.1054 2.48043 11 2.73478 11 3V4.09C9.60294 4.32615 8.33452 5.04908 7.41939 6.13077C6.50425 7.21247 6.00144 8.58312 6 10V13.18C5.41645 13.3863 4.911 13.7681 4.55294 14.2729C4.19488 14.7778 4.00174 15.3811 4 16V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19H8.14C8.37028 19.8474 8.873 20.5954 9.5706 21.1287C10.2682 21.6621 11.1219 21.951 12 21.951C12.8781 21.951 13.7318 21.6621 14.4294 21.1287C15.127 20.5954 15.6297 19.8474 15.86 19H19C19.2652 19 19.5196 18.8946 19.7071 18.7071C19.8946 18.5196 20 18.2652 20 18V16C19.9983 15.3811 19.8051 14.7778 19.4471 14.2729C19.089 13.7681 18.5835 13.3863 18 13.18ZM8 10C8 8.93913 8.42143 7.92172 9.17157 7.17157C9.92172 6.42143 10.9391 6 12 6C13.0609 6 14.0783 6.42143 14.8284 7.17157C15.5786 7.92172 16 8.93913 16 10V13H8V10ZM12 20C11.651 19.9979 11.3086 19.9045 11.0068 19.7291C10.7051 19.5536 10.4545 19.3023 10.28 19H13.72C13.5455 19.3023 13.2949 19.5536 12.9932 19.7291C12.6914 19.9045 12.349 19.9979 12 20ZM18 17H6V16C6 15.7348 6.10536 15.4804 6.29289 15.2929C6.48043 15.1054 6.73478 15 7 15H17C17.2652 15 17.5196 15.1054 17.7071 15.2929C17.8946 15.4804 18 15.7348 18 16V17Z" fill="currentColor"></path>
                </svg><span class="ms-4 me-auto fs-9 fw-semibold">Notifications</span></a>
            </li>
          </ul>
        </div>
        <div class="mt-auto"><a class="btn mb-4 w-100 btn-outline-primary text-light border-0 d-flex align-items-center p-4 rounded-4" href="#">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.71 12.71C16.6904 11.9387 17.406 10.8809 17.7572 9.68394C18.1085 8.48697 18.0779 7.21027 17.6698 6.03147C17.2617 4.85267 16.4963 3.83039 15.4801 3.10686C14.4639 2.38332 13.2474 1.99451 12 1.99451C10.7525 1.99451 9.53611 2.38332 8.51993 3.10686C7.50374 3.83039 6.73834 4.85267 6.33021 6.03147C5.92208 7.21027 5.89151 8.48697 6.24276 9.68394C6.59401 10.8809 7.3096 11.9387 8.29 12.71C6.61007 13.383 5.14428 14.4994 4.04889 15.9399C2.95349 17.3805 2.26956 19.0913 2.07 20.89C2.05555 21.0213 2.06711 21.1542 2.10402 21.2811C2.14093 21.4079 2.20246 21.5263 2.28511 21.6293C2.45202 21.8375 2.69478 21.9708 2.96 22C3.22521 22.0292 3.49116 21.9518 3.69932 21.7849C3.90749 21.618 4.04082 21.3752 4.07 21.11C4.28958 19.1552 5.22168 17.3498 6.68822 16.0388C8.15475 14.7278 10.0529 14.003 12.02 14.003C13.9871 14.003 15.8852 14.7278 17.3518 16.0388C18.8183 17.3498 19.7504 19.1552 19.97 21.11C19.9972 21.3557 20.1144 21.5827 20.2991 21.747C20.4838 21.9114 20.7228 22.0015 20.97 22H21.08C21.3421 21.9698 21.5817 21.8373 21.7466 21.6313C21.9114 21.4252 21.9881 21.1624 21.96 20.9C21.7595 19.0962 21.0719 17.381 19.9708 15.9382C18.8698 14.4954 17.3969 13.3795 15.71 12.71ZM12 12C11.2089 12 10.4355 11.7654 9.77772 11.3259C9.11992 10.8864 8.60723 10.2616 8.30448 9.53074C8.00173 8.79983 7.92251 7.99557 8.07686 7.21964C8.2312 6.44372 8.61216 5.73099 9.17157 5.17158C9.73098 4.61217 10.4437 4.2312 11.2196 4.07686C11.9956 3.92252 12.7998 4.00173 13.5307 4.30448C14.2616 4.60724 14.8863 5.11993 15.3259 5.77772C15.7654 6.43552 16 7.20888 16 8C16 9.06087 15.5786 10.0783 14.8284 10.8284C14.0783 11.5786 13.0609 12 12 12Z" fill="currentColor"></path>
            </svg><span class="ms-4 fs-9 fw-semibold">Account</span></a><a class="btn mb-4 w-100 btn-outline-primary text-light border-0 d-flex align-items-center p-4 rounded-4" href="#">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M12.59 13L10.29 15.29C10.1963 15.3829 10.1219 15.4935 10.0711 15.6154C10.0203 15.7373 9.9942 15.868 9.9942 16C9.9942 16.132 10.0203 16.2627 10.0711 16.3846C10.1219 16.5064 10.1963 16.617 10.29 16.71C10.383 16.8037 10.4936 16.8781 10.6154 16.9289C10.7373 16.9796 10.868 17.0058 11 17.0058C11.132 17.0058 11.2627 16.9796 11.3846 16.9289C11.5064 16.8781 11.617 16.8037 11.71 16.71L15.71 12.71C15.801 12.6149 15.8724 12.5027 15.92 12.38C16.02 12.1365 16.02 11.8634 15.92 11.62C15.8724 11.4972 15.801 11.3851 15.71 11.29L11.71 7.28998C11.6168 7.19674 11.5061 7.12278 11.3842 7.07232C11.2624 7.02186 11.1319 6.99589 11 6.99589C10.8681 6.99589 10.7376 7.02186 10.6158 7.07232C10.4939 7.12278 10.3832 7.19674 10.29 7.28998C10.1968 7.38322 10.1228 7.49391 10.0723 7.61573C10.0219 7.73755 9.99591 7.86812 9.99591 7.99998C9.99591 8.13184 10.0219 8.26241 10.0723 8.38423C10.1228 8.50605 10.1968 8.61674 10.29 8.70998L12.59 11H3C2.73478 11 2.48043 11.1053 2.29289 11.2929C2.10536 11.4804 2 11.7348 2 12C2 12.2652 2.10536 12.5195 2.29289 12.7071C2.48043 12.8946 2.73478 13 3 13H12.59ZM12 1.99998C10.1311 1.99163 8.29724 2.50719 6.70647 3.48817C5.11569 4.46915 3.83165 5.87629 3 7.54998C2.88065 7.78867 2.86101 8.065 2.94541 8.31818C3.0298 8.57135 3.21131 8.78063 3.45 8.89998C3.68869 9.01932 3.96502 9.03896 4.2182 8.95457C4.47137 8.87018 4.68065 8.68867 4.8 8.44998C5.43219 7.1733 6.39383 6.0886 7.58555 5.30797C8.77727 4.52733 10.1558 4.0791 11.5788 4.00957C13.0017 3.94004 14.4174 4.25175 15.6795 4.91249C16.9417 5.57322 18.0045 6.55901 18.7581 7.76797C19.5118 8.97694 19.9289 10.3652 19.9664 11.7894C20.0039 13.2135 19.6605 14.6218 18.9715 15.8688C18.2826 17.1158 17.2731 18.1561 16.0475 18.8824C14.8219 19.6087 13.4246 19.9945 12 20C10.5089 20.0064 9.04615 19.5923 7.77969 18.8052C6.51323 18.0181 5.49435 16.8899 4.84 15.55C4.72065 15.3113 4.51137 15.1298 4.2582 15.0454C4.00502 14.961 3.72869 14.9806 3.49 15.1C3.25131 15.2193 3.0698 15.4286 2.98541 15.6818C2.90101 15.935 2.92065 16.2113 3.04 16.45C3.83283 18.0455 5.03752 19.4002 6.52947 20.374C8.02142 21.3478 9.74645 21.9054 11.5261 21.989C13.3058 22.0726 15.0755 21.6792 16.6521 20.8495C18.2288 20.0198 19.5552 18.784 20.4941 17.2698C21.433 15.7556 21.9503 14.0181 21.9925 12.237C22.0347 10.4558 21.6003 8.69577 20.7342 7.13881C19.8682 5.58185 18.6018 4.28454 17.0663 3.38108C15.5307 2.47762 13.7816 2.00081 12 1.99998Z" fill="currentColor"></path>
            </svg><span class="ms-4 fs-9 fw-semibold">Log Out</span></a>
        </div>
    </div>
  </div>
  <div class="mx-auto ms-lg-80"></div>
</section>

<section class="py-8 bg-dark-light">
  <div class="container">
    <div class="mw-md mw-md-2xl mx-auto mw-lg-none">
      <div class="row">
        <div class="col-12 mb-6">
          <div class="bg-secondary rounded-4">
            <div class="row">
              <div class="col-sm-6 col-lg-3 py-5 ps-10 pe-6 position-relative">
                <div class="position-absolute top-0 end-0 h-100 border-end border-dark-light"></div>
                <div class="d-block d-lg-none position-absolute bottom-0 start-0 w-100 border-bottom border-dark-light"></div>
                <div class="mw-xs mx-auto"><span class="d-block mb-6 fs-9 fw-semibold text-secondary-light">Summary</span>
                  <div class="d-flex align-items-center"><span class="fs-4 fw-bold text-light">3.55K</span>
                    <div class="d-inline-flex ms-4 ps-1 pe-2 py-1 bg-info-dark text-info rounded-pill">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8.00002 3.33337V12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M10.6667 10L8.00002 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M5.33334 10L8.00001 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                      </svg><span class="fs-10 fw-medium">59%</span>
                    </div>
                  </div><span class="fs-10 fw-semibold text-secondary-light">Last week 84,70K</span>
                </div>
              </div>
              <div class="col-sm-6 col-lg-3 ps-10 py-5 position-relative">
                <div class="d-none d-lg-block position-absolute top-0 end-0 h-100 border-end border-dark-light"></div>
                <div class="d-block d-lg-none position-absolute bottom-0 start-0 w-100 border-bottom border-dark-light"></div>
                <div class="mw-xs mx-auto"><span class="d-block mb-6 fs-9 fw-semibold text-secondary-light">Engagement</span>
                  <div class="d-flex align-items-center"><span class="fs-4 fw-bold text-light">14.15K</span>
                    <div class="d-inline-flex ms-4 ps-1 pe-2 py-1 bg-info-dark text-info rounded-pill">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8.00002 3.33337V12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M10.6667 10L8.00002 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M5.33334 10L8.00001 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                      </svg><span class="fs-10 fw-medium">0,5%</span>
                    </div>
                  </div><span class="fs-10 fw-semibold text-secondary-light">Last week 242,99K</span>
                </div>
              </div>
              <div class="col-sm-6 col-lg-3 ps-10 py-5 position-relative">
                <div class="d-none d-sm-block position-absolute top-0 end-0 h-100 border-end border-dark-light"></div>
                <div class="d-block d-sm-none position-absolute bottom-0 start-0 w-100 border-bottom border-dark-light"></div>
                <div class="mw-xs mx-auto"><span class="d-block mb-6 fs-9 fw-semibold text-secondary-light">Customers</span>
                  <div class="d-flex align-items-center"><span class="fs-4 fw-bold text-light">0.5M</span>
                    <div class="d-inline-flex ms-4 ps-1 pe-2 py-1 bg-success-dark bg-opacity-50 text-success rounded-pill">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8 3.33337V12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M10.6667 6.00004L8 3.33337" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M5.33334 6.00004L8.00001 3.33337" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                      </svg><span class="fs-10 fw-medium">1,0%</span>
                    </div>
                  </div><span class="fs-10 fw-semibold text-secondary-light">Last week 84,70K</span>
                </div>
              </div>
              <div class="col-sm-6 col-lg-3 ps-10 pe-6 py-5">
                <div class="mw-xs mx-auto"><span class="d-block mb-6 fs-9 fw-semibold text-secondary-light">Churn</span>
                  <div class="d-flex align-items-center"><span class="fs-4 fw-bold text-light">325K</span>
                    <div class="d-inline-flex ms-4 ps-1 pe-2 py-1 bg-info-dark text-info rounded-pill">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8.00002 3.33337V12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M10.6667 10L8.00002 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M5.33334 10L8.00001 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                      </svg><span class="fs-10 fw-medium">30%</span>
                    </div>
                  </div><span class="fs-10 fw-semibold text-secondary-light">Last week 950K</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-7 col-lg-8 mb-6">
          <div class="py-6 px-5 h-100 bg-secondary rounded-4">
            <div class="d-flex flex-wrap align-items-center justify-content-between">
              <div><span class="d-block fs-10 text-secondary-light">Revenue</span>
                <div class="d-flex align-items-end"><span class="fs-8 fw-bold text-light">$35.550</span><span class="ms-2 fs-10 text-success">+6%</span></div>
              </div>
              <div class="position-relative bg-dark-light rounded-4">
                <select class="form-select py-3 ps-3 pe-7 fs-10 fw-semibold text-secondary-light bg-transparent border-0" name="" id="">
                  <option value="1">This Year</option>
                  <option value="1">This Day</option>
                  <option value="1">This Month</option>
                </select><span class="position-absolute top-50 end-0 me-2 translate-middle-y">
                  <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M4.5 6L8.5 10L12.5 6" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg></span>
              </div>
            </div>
            <div class="chart mt-8" data-type="area"></div>
          </div>
        </div>
        <div class="col-md-5 col-lg-4 mb-6">
          <div class="py-6 px-5 h-100 bg-secondary rounded-4">
            <div class="d-flex align-items-center justify-content-between">
              <div><span class="d-block fs-10 text-secondary-light">Activity</span>
                <div class="d-flex align-items-end"><span class="fs-8 fw-bold text-light">4,535</span><span class="ms-2 fs-10 text-danger">-16%</span></div>
              </div>
              <div class="position-relative bg-dark-light rounded-4">
                <select class="form-select py-3 ps-3 pe-7 fs-10 fw-semibold text-secondary-light bg-transparent border-0" name="" id="">
                  <option value="1">This Week</option>
                  <option value="1">This Month</option>
                  <option value="1">This Year</option>
                </select><span class="position-absolute top-50 end-0 me-2 translate-middle-y">
                  <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M4.5 6L8.5 10L12.5 6" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg></span>
              </div>
            </div>
            <div class="chart p-6" data-type="columns" style="min-height: 215px;"></div>
          </div>
        </div>
        <div class="col-lg-6 mb-6 mb-lg-0">
          <div class="py-6 px-5 h-100 bg-secondary rounded-4">
            <div class="d-flex flex-wrap align-items-center justify-content-between">
              <div class="d-flex align-items-center"><span class="d-block me-1 fw-bold text-light">Audience Insight</span>
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke="#919EB0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M8 5.33337V8.00004" stroke="#919EB0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M8 10.6666H8.00667" stroke="#919EB0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </div>
              <button class="btn btn-outline-secondary-light p-0 bg-transparent border-0">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </button>
            </div>
            <div class="chart mt-8 mb-3" data-type="columns-thin"></div>
            <div class="d-flex flex-column flex-md-row align-items-center justify-content-center">
              <div class="d-flex mb-4 mb-md-0 me-md-20 align-items-center">
                <svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect y="0.5" width="10" height="10" rx="4" fill="#2563EB"></rect>
                </svg><span class="ms-2 fs-10 fw-semibold text-secondary-light">Men</span>
              </div>
              <div class="d-flex mb-4 mb-md-0 me-md-20 align-items-center">
                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="0.5" y="0.5" width="10" height="10" rx="4" fill="#936DFF"></rect>
                </svg><span class="ms-2 fs-10 fw-semibold text-secondary-light">Woman</span>
              </div>
              <div class="d-flex align-items-center">
                <svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect y="0.5" width="10" height="10" rx="4" fill="#FACC15"></rect>
                </svg><span class="ms-2 fs-10 fw-semibold text-secondary-light">Not Specific</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="py-6 px-6 h-100 bg-secondary rounded-4">
            <div class="d-flex mb-8 flex-wrap align-items-center justify-content-between"><span class="d-block me-1 fw-bold text-light">Transaction history</span>
              <button class="btn btn-outline-secondary-light p-0 bg-transparent border-0">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </button>
            </div>
            <div class="d-flex mb-4 pb-4 align-items-center justify-content-between border-bottom border-secondary-light border-opacity-50">
              <div class="d-flex align-items-center">
                <div class="d-flex align-items-center justify-content-center bg-success-dark bg-opacity-50 rounded-5" style="width: 40px; height: 40px;">
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5 12L10 17L20 7" stroke="#24D164" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </div>
                <div class="ms-3">
                  <p class="fs-10 text-secondary-light mb-0"><span>Payment from</span> <span class="text-primary">#05896</span></p><span class="fs-10 fw-medium text-secondary-light">Feb 14, 01:30 PM</span>
                </div>
              </div>
              <div><span class="fs-9 fw-bold text-light">$95.00</span></div>
            </div>
            <div class="d-flex mb-4 pb-4 align-items-center justify-content-between border-bottom border-secondary-light border-opacity-50">
              <div class="d-flex align-items-center">
                <div class="d-flex align-items-center justify-content-center bg-warning-dark bg-opacity-50 rounded-5" style="width: 40px; height: 40px;">
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 8V12L14 14" stroke="#F6A723" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M3.05 11C3.27409 8.80006 4.30027 6.75962 5.93274 5.26797C7.56521 3.77633 9.6897 2.93789 11.9009 2.91264C14.1121 2.88738 16.2552 3.67707 17.9213 5.13104C19.5874 6.58501 20.6599 8.60149 20.9342 10.7957C21.2085 12.99 20.6653 15.2084 19.4084 17.0278C18.1514 18.8471 16.2686 20.14 14.1193 20.6599C11.9699 21.1797 9.70441 20.89 7.755 19.8461C5.80559 18.8022 3.05 15 3.05 15M3.05 20V15M3.05 15H8.05" stroke="#F6A723" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </div>
                <div class="ms-3">
                  <p class="fs-10 text-secondary-light mb-0"><span>Payment from</span> <span class="text-primary">#05896</span></p><span class="fs-10 fw-medium text-secondary-light">Feb 14, 01:30 PM</span>
                </div>
              </div>
              <div><span class="fs-9 fw-bold text-light">$95.00</span></div>
            </div>
            <div class="d-flex mb-4 pb-4 align-items-center justify-content-between border-bottom border-secondary-light border-opacity-50">
              <div class="d-flex align-items-center">
                <div class="d-flex align-items-center justify-content-center bg-danger-dark bg-opacity-50 rounded-5" style="width: 40px; height: 40px;">
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M16.9497 7.05029L7.0502 16.9498" stroke="#ED4F4F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M7.0502 7.05029L16.9497 16.9498" stroke="#ED4F4F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </div>
                <div class="ms-3">
                  <p class="fs-10 text-secondary-light mb-0"><span>Payment from</span> <span class="text-primary">#05896</span></p><span class="fs-10 fw-medium text-secondary-light">Feb 14, 01:30 PM</span>
                </div>
              </div>
              <div><span class="fs-9 fw-bold text-light">$95.00</span></div>
            </div>
            <div class="d-flex align-items-center justify-content-between">
              <div class="d-flex align-items-center">
                <div class="d-flex align-items-center justify-content-center bg-danger-dark bg-opacity-50 rounded-5" style="width: 40px; height: 40px;">
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M16.9497 7.05029L7.0502 16.9498" stroke="#ED4F4F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M7.0502 7.05029L16.9497 16.9498" stroke="#ED4F4F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </div>
                <div class="ms-3">
                  <p class="fs-10 text-secondary-light mb-0"><span>Payment from</span> <span class="text-primary">#05896</span></p><span class="fs-10 fw-medium text-secondary-light">Feb 14, 01:30 PM</span>
                </div>
              </div>
              <div><span class="fs-9 fw-bold text-light">$95.00</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-8 bg-dark-light">
  <div class="container">
    <div class="row mb-8">
      <div class="col-12 col-lg-4 mb-8 mb-lg-0">
        <div class="mt-8">
          <h3 class="fs-5 fw-bold text-white mb-1">Personal info</h3>
          <p class="fs-10 text-secondary-light">Lorem ipsum dolor sit amet</p>
        </div>
      </div>
      <div class="col-12 col-lg-8">
        <div class="px-8 px-md-16 pt-16 pb-8 bg-secondary rounded-2">
          <div class="mw-xl mx-auto">
            <form action="">
              <div class="row mb-n10">
                <div class="col-12 col-md-6 mb-10">
                  <div class="position-relative">
                    <input class="form-control text-light fs-9 bg-transparent" type="text"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">First Name</span>
                  </div>
                </div>
                <div class="col-12 col-md-6 mb-10">
                  <div class="position-relative">
                    <input class="form-control text-light fs-9 bg-transparent" type="text"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Last Name</span>
                  </div>
                </div>
                <div class="col-12 col-md-6 mb-10">
                  <div class="position-relative">
                    <input class="form-control text-light fs-9 bg-transparent" type="email"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Email</span>
                  </div>
                </div>
                <div class="col-12 col-md-6 mb-10">
                  <div class="position-relative">
                    <input class="form-control text-light fs-9 bg-transparent" type="text"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">First Name</span>
                  </div>
                </div>
                <div class="col-12 mb-10">
                  <div class="position-relative">
                    <textarea class="form-control bg-transparent text-light" style="height: 225px; resize: none;" id="" type="text" placeholder="Lorem ipsum dolor sit amet"></textarea><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Message</span>
                  </div>
                </div>
                <div class="col-12 mb-10">
                  <div class="d-flex flex-wrap flex-sm-nowrap mw-xl">
                    <div class="flex-shrink-0 mb-4 me-4 rounded-pill" style="width: 80px; height: 80px;"><img class="img-fluid" src="trizzle-assets/images/avatar-photo-form.png" alt=""></div>
                    <div class="w-100 py-8 px-4 text-center border border-light-dark rounded-3">
                      <div class="position-relative mx-auto mb-4" style="width: 56px; height: 56px;">
                        <div class="d-flex align-items-center justify-content-center bg-primary rounded-pill" style="width: 56px; height: 56px;">
                          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M6.71 5.71002L9 3.41002V13C9 13.2652 9.10536 13.5196 9.29289 13.7071C9.48043 13.8947 9.73478 14 10 14C10.2652 14 10.5196 13.8947 10.7071 13.7071C10.8946 13.5196 11 13.2652 11 13V3.41002L13.29 5.71002C13.383 5.80375 13.4936 5.87814 13.6154 5.92891C13.7373 5.97968 13.868 6.00582 14 6.00582C14.132 6.00582 14.2627 5.97968 14.3846 5.92891C14.5064 5.87814 14.617 5.80375 14.71 5.71002C14.8037 5.61706 14.8781 5.50645 14.9289 5.3846C14.9797 5.26274 15.0058 5.13203 15.0058 5.00002C15.0058 4.86801 14.9797 4.7373 14.9289 4.61544C14.8781 4.49358 14.8037 4.38298 14.71 4.29002L10.71 0.290018C10.6149 0.198978 10.5028 0.127613 10.38 0.0800184C10.1365 -0.0199996 9.86346 -0.0199996 9.62 0.0800184C9.49725 0.127613 9.3851 0.198978 9.29 0.290018L5.29 4.29002C5.19676 4.38326 5.1228 4.49395 5.07234 4.61577C5.02188 4.73759 4.99591 4.86816 4.99591 5.00002C4.99591 5.13188 5.02188 5.26245 5.07234 5.38427C5.1228 5.50609 5.19676 5.61678 5.29 5.71002C5.38324 5.80326 5.49393 5.87722 5.61575 5.92768C5.73757 5.97814 5.86814 6.00411 6 6.00411C6.13186 6.00411 6.26243 5.97814 6.38425 5.92768C6.50607 5.87722 6.61676 5.80326 6.71 5.71002ZM19 10C18.7348 10 18.4804 10.1054 18.2929 10.2929C18.1054 10.4804 18 10.7348 18 11V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8947 17.2652 18 17 18H3C2.73478 18 2.48043 17.8947 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V11C2 10.7348 1.89464 10.4804 1.70711 10.2929C1.51957 10.1054 1.26522 10 1 10C0.734784 10 0.48043 10.1054 0.292893 10.2929C0.105357 10.4804 0 10.7348 0 11V17C0 17.7957 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H17C17.7956 20 18.5587 19.6839 19.1213 19.1213C19.6839 18.5587 20 17.7957 20 17V11C20 10.7348 19.8946 10.4804 19.7071 10.2929C19.5196 10.1054 19.2652 10 19 10Z" fill="#E8EDFF"></path>
                          </svg>
                        </div>
                        <input class="position-absolute top-0 start-0 opacity-0" style="width: 56px; height: 56px;" id="" type="file" name="filephoto">
                      </div>
                      <p class="fw-semibold mb-1"><span class="text-primary">Click to upload a file</span> <span class="text-secondary-light">or drag and drop</span></p><span class="fs-10 text-secondary-light fw-semibold">PNG, JPG, GIF or up to 10MB</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mt-8 text-end">
                <button class="btn fs-9 btn-primary" type="submit">Save</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="row mb-8">
      <div class="col-12 col-lg-4 mb-8 mb-lg-0">
        <div class="mt-8">
          <h3 class="fs-5 fw-bold text-white mb-1">Personal info</h3>
          <p class="fs-10 text-secondary-light">Lorem ipsum dolor sit amet</p>
        </div>
      </div>
      <div class="col-12 col-lg-8">
        <div class="px-8 px-md-16 pt-16 pb-8 bg-secondary rounded-2">
          <div class="mw-xl mx-auto">
            <form action="">
              <div class="row mb-n10">
                <div class="col-12 col-md-6 mb-10">
                  <div class="position-relative">
                    <input class="form-control text-light fs-9 bg-transparent" type="text" placeholder="United States"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Country</span>
                  </div>
                </div>
                <div class="col-12 col-md-6 mb-10">
                  <div class="position-relative">
                    <input class="form-control text-light fs-9 bg-transparent" type="text" placeholder="New York"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">City</span>
                  </div>
                </div>
                <div class="col-12 col-md-6 mb-10">
                  <div class="position-relative d-block w-100 fs-9 text-light fw-medium border border-light-dark bg-secondary rounded-3"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">State/Province</span><span class="position-absolute top-50 end-0 me-5 translate-middle-y">
                      <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.9999 1.16994C10.8126 0.983692 10.5591 0.87915 10.2949 0.87915C10.0308 0.87915 9.77731 0.983692 9.58995 1.16994L5.99995 4.70994L2.45995 1.16994C2.27259 0.983692 2.01913 0.87915 1.75495 0.87915C1.49076 0.87915 1.23731 0.983692 1.04995 1.16994C0.95622 1.26291 0.881826 1.37351 0.831057 1.49537C0.780288 1.61723 0.75415 1.74793 0.75415 1.87994C0.75415 2.01195 0.780288 2.14266 0.831057 2.26452C0.881826 2.38638 0.95622 2.49698 1.04995 2.58994L5.28995 6.82994C5.38291 6.92367 5.49351 6.99807 5.61537 7.04883C5.73723 7.0996 5.86794 7.12574 5.99995 7.12574C6.13196 7.12574 6.26267 7.0996 6.38453 7.04883C6.50638 6.99807 6.61699 6.92367 6.70995 6.82994L10.9999 2.58994C11.0937 2.49698 11.1681 2.38638 11.2188 2.26452C11.2696 2.14266 11.2957 2.01195 11.2957 1.87994C11.2957 1.74793 11.2696 1.61723 11.2188 1.49537C11.1681 1.37351 11.0937 1.26291 10.9999 1.16994Z" fill="#3D485B"></path>
                      </svg></span>
                    <select class="position-relative form-control fs-8 border-0 text-light w-100 px-0 py-5 px-3 bg-transparent" style="appearance: none; outline: none;" id="" name="">
                      <option class="bg-gray-500" value="1">New York</option>
                      <option class="bg-gray-500" value="1">New York</option>
                      <option class="bg-gray-500" value="1">New York</option>
                    </select>
                  </div>
                </div>
                <div class="col-12 col-md-6 mb-10">
                  <div class="position-relative">
                    <input class="form-control text-light fs-9 bg-transparent" type="text"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Zip/Postal Code</span>
                  </div>
                </div>
                <div class="col-12 mb-10">
                  <div class="position-relative">
                    <input class="form-control text-light fs-9 bg-transparent" type="text"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Street address</span>
                  </div>
                </div>
              </div>
              <div class="mt-8 text-end">
                <button class="btn fs-9 btn-primary" type="submit">Save</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-8">
  <div class="container">
    <div class="px-4 pt-6 pb-24 bg-secondary rounded-4">
      <div class="d-flex align-items-center justify-content-between mb-3">
        <div class="d-flex align-items-center">
          <h3 class="fs-8 fw-semibold text-light me-2 mb-0">To do</h3><span class="d-inline-flex align-items-center justify-content-center px-2 py-1 rounded-pill bg-dark-light fs-10 fw-medium text-light-dark">3</span>
        </div>
        <div>
          <button class="btn p-0 border-0 bg-transparent me-2 btn-outline-light-dark">
            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M10.6667 5.33329H6.66675V1.33329C6.66675 1.15648 6.59651 0.986913 6.47149 0.861888C6.34646 0.736864 6.17689 0.666626 6.00008 0.666626C5.82327 0.666626 5.6537 0.736864 5.52868 0.861888C5.40365 0.986913 5.33342 1.15648 5.33342 1.33329V5.33329H1.33341C1.1566 5.33329 0.987035 5.40353 0.86201 5.52855C0.736986 5.65358 0.666748 5.82315 0.666748 5.99996C0.666748 6.17677 0.736986 6.34634 0.86201 6.47136C0.987035 6.59639 1.1566 6.66663 1.33341 6.66663H5.33342V10.6666C5.33342 10.8434 5.40365 11.013 5.52868 11.138C5.6537 11.2631 5.82327 11.3333 6.00008 11.3333C6.17689 11.3333 6.34646 11.2631 6.47149 11.138C6.59651 11.013 6.66675 10.8434 6.66675 10.6666V6.66663H10.6667C10.8436 6.66663 11.0131 6.59639 11.1382 6.47136C11.2632 6.34634 11.3334 6.17677 11.3334 5.99996C11.3334 5.82315 11.2632 5.65358 11.1382 5.52855C11.0131 5.40353 10.8436 5.33329 10.6667 5.33329Z" fill="currentColor"></path>
            </svg>
          </button><a class="btn p-0 border-0 bg-transparent text-light-dark" href="#">
            <svg width="12" height="4" viewBox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6 0.666626C5.73629 0.666626 5.47851 0.744825 5.25924 0.891333C5.03998 1.03784 4.86908 1.24608 4.76816 1.48971C4.66724 1.73335 4.64084 2.00144 4.69229 2.26008C4.74373 2.51872 4.87072 2.7563 5.05719 2.94277C5.24366 3.12924 5.48124 3.25623 5.73988 3.30767C5.99852 3.35912 6.26661 3.33272 6.51025 3.2318C6.75388 3.13088 6.96212 2.95998 7.10863 2.74072C7.25514 2.52145 7.33333 2.26367 7.33333 1.99996C7.33333 1.64634 7.19286 1.3072 6.94281 1.05715C6.69276 0.807102 6.35362 0.666626 6 0.666626ZM1.33333 0.666626C1.06963 0.666626 0.811839 0.744825 0.592574 0.891333C0.373308 1.03784 0.202411 1.24608 0.101495 1.48971C0.000577708 1.73335 -0.0258267 2.00144 0.0256202 2.26008C0.0770672 2.51872 0.204055 2.7563 0.390525 2.94277C0.576995 3.12924 0.814572 3.25623 1.07321 3.30767C1.33185 3.35912 1.59994 3.33272 1.84358 3.2318C2.08721 3.13088 2.29545 2.95998 2.44196 2.74072C2.58847 2.52145 2.66667 2.26367 2.66667 1.99996C2.66667 1.64634 2.52619 1.3072 2.27614 1.05715C2.02609 0.807102 1.68696 0.666626 1.33333 0.666626ZM10.6667 0.666626C10.403 0.666626 10.1452 0.744825 9.92591 0.891333C9.70664 1.03784 9.53574 1.24608 9.43483 1.48971C9.33391 1.73335 9.30751 2.00144 9.35895 2.26008C9.4104 2.51872 9.53739 2.7563 9.72386 2.94277C9.91033 3.12924 10.1479 3.25623 10.4065 3.30767C10.6652 3.35912 10.9333 3.33272 11.1769 3.2318C11.4205 3.13088 11.6288 2.95998 11.7753 2.74072C11.9218 2.52145 12 2.26367 12 1.99996C12 1.64634 11.8595 1.3072 11.6095 1.05715C11.3594 0.807102 11.0203 0.666626 10.6667 0.666626Z" fill="currentColor"></path>
            </svg></a>
        </div>
      </div>
      <div class="pt-1 w-100 mb-4 rounded-pill bg-info"></div><a class="btn btn-dark-light text-start fw-normal d-block p-4 mb-4" href="#">
        <h4 class="fs-7 fw-semibold text-light-light mb-2">Implement Login</h4>
        <div class="d-flex align-items-center mb-4">
          <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="3" cy="3.5" r="3" fill="#b9ddff"></circle>
          </svg><span class="ms-1 fs-10 fw-medium text-primary-light">Development</span>
        </div>
        <p class="fs-10 text-secondary-light lh-sm mb-10">This is an example task that can be used within a Kanban system.</p>
        <div class="pt-4 border-top border-secondary border-opacity-75">
          <div class="d-flex flex-wrap align-items-center justify-content-between mx-n2">
            <div class="p-2">
              <div class="d-flex align-items-center p-2 bg-secondary rounded-3">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M11.0001 2.33337H3.00008C2.2637 2.33337 1.66675 2.93033 1.66675 3.66671V11.6667C1.66675 12.4031 2.2637 13 3.00008 13H11.0001C11.7365 13 12.3334 12.4031 12.3334 11.6667V3.66671C12.3334 2.93033 11.7365 2.33337 11.0001 2.33337Z" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M9.66675 1V3.66667" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M4.3335 1V3.66667" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M1.66675 6.33337H12.3334" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M6.3335 9H7.00016" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M7 9V11" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg><span class="ms-2 fs-10 lh-sm fw-medium text-secondary-light">Jul 03</span>
              </div>
            </div>
            <div class="p-2">
              <div class="d-flex h-100 align-items-center"><img class="img-fluid rounded-pill" style="width: 32px;" src="trizzle-assets/images/avatar-men-circle-border.png" alt=""><img class="ms-n3 img-fluid rounded-pill" style="width: 32px;" src="trizzle-assets/images/avatar-women-circle-border.png" alt=""></div>
            </div>
          </div>
        </div></a><a class="btn btn-dark-light text-start fw-normal d-block p-4 mb-4" href="#">
        <h4 class="fs-7 fw-semibold text-light-light mb-2">Release MVP</h4>
        <div class="d-flex align-items-center mb-4">
          <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="3" cy="3.5" r="3" fill="#24D164"></circle>
          </svg><span class="ms-1 fs-10 fw-medium text-success">Planning</span>
        </div>
        <p class="fs-10 text-secondary-light lh-sm mb-10">This is an example task that can be used within a Kanban system.</p>
        <div class="pt-4 border-top border-secondary border-opacity-75">
          <div class="d-flex flex-wrap align-items-center justify-content-between mx-n2">
            <div class="p-2">
              <div class="d-flex align-items-center p-2 bg-secondary rounded-3">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M11.0001 2.33337H3.00008C2.2637 2.33337 1.66675 2.93033 1.66675 3.66671V11.6667C1.66675 12.4031 2.2637 13 3.00008 13H11.0001C11.7365 13 12.3334 12.4031 12.3334 11.6667V3.66671C12.3334 2.93033 11.7365 2.33337 11.0001 2.33337Z" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M9.66675 1V3.66667" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M4.3335 1V3.66667" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M1.66675 6.33337H12.3334" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M6.3335 9H7.00016" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M7 9V11" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg><span class="ms-2 fs-10 lh-sm fw-medium text-secondary-light">Jul 03</span>
              </div>
            </div>
            <div class="p-2">
              <div class="d-flex h-100 align-items-center"><img class="img-fluid rounded-pill" style="width: 32px;" src="trizzle-assets/images/avatar-men-2-circle-border.png" alt=""><img class="ms-n3 img-fluid rounded-pill" style="width: 32px;" src="trizzle-assets/images/avatar-women-2-circle-border.png" alt=""></div>
            </div>
          </div>
        </div></a><a class="btn btn-dark-light text-start fw-normal d-block p-4 mb-4" href="#">
        <h4 class="fs-7 fw-semibold text-light-light mb-2">Design Review</h4>
        <div class="d-flex align-items-center mb-4">
          <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="3" cy="3.5" r="3" fill="#8565E6"></circle>
          </svg><span class="ms-1 fs-10 fw-medium text-info">Design</span>
        </div>
        <div class="pt-4 border-top border-secondary border-opacity-75">
          <div class="d-flex flex-wrap align-items-center justify-content-between mx-n2">
            <div class="p-2">
              <div class="d-flex align-items-center p-2 bg-secondary rounded-3">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M11.0001 2.33337H3.00008C2.2637 2.33337 1.66675 2.93033 1.66675 3.66671V11.6667C1.66675 12.4031 2.2637 13 3.00008 13H11.0001C11.7365 13 12.3334 12.4031 12.3334 11.6667V3.66671C12.3334 2.93033 11.7365 2.33337 11.0001 2.33337Z" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M9.66675 1V3.66667" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M4.3335 1V3.66667" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M1.66675 6.33337H12.3334" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M6.3335 9H7.00016" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M7 9V11" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg><span class="ms-2 fs-10 lh-sm fw-medium text-secondary-light">Jul 03</span>
              </div>
            </div>
            <div class="p-2">
              <div class="d-flex h-100 align-items-center"><img class="img-fluid rounded-pill" style="width: 32px;" src="trizzle-assets/images/avatar-men-2-circle-border.png" alt=""><img class="ms-n3 img-fluid rounded-pill" style="width: 32px;" src="trizzle-assets/images/avatar-women-2-circle-border.png" alt=""></div>
            </div>
          </div>
        </div></a>
    </div>
  </div>
</section>

<section class="position-relative bg-dark-light overflow-hidden">
  <div class="d-none d-lg-block position-absolute top-0 end-0 h-100 col-6"><img class="img-fluid d-block w-100 h-100" src="trizzle-assets/images/placeholder-right-dashboard.png" alt=""></div>
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-6 col-xl-5 pt-12 pt-md-24 pb-24 py-lg-40">
        <div class="mw-sm mw-xl-md mx-auto text-center">
          <div class="d-inline-flex mb-10 align-items-center justify-content-center bg-primary rounded-3" style="width: 64px; height: 64px;">
            <svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_477_4243)">
                <path d="M9.51378 21.5224L5.26933 21.5224L1.80985 15.5951L5.02136 9.85416L2.09284 9.85416L0 5.84631L14.0948 5.84631L16.2995 9.62501L9.61522 9.62501L6.15051 15.6598L9.51378 21.5224Z" fill="#E8EDFF"></path>
                <path d="M8.69727 15.563L10.9076 11.7249L14.2552 17.8138L20.9661 17.8138L24.5218 11.919L26.6041 15.401L23.0802 21.7329L16.4012 21.7329L17.7787 23.8058L15.6967 28.0001L8.69727 15.563Z" fill="#E8EDFF"></path>
                <path d="M15.4236 15.4982L19.7002 15.4982L26.833 3.20644L22.3591 3.08759L20.9707 5.61392L17.7249 -1.57947e-06L10.5387 -3.2299e-07L8.69141 3.63828L15.4184 3.63828L18.8138 9.54403L15.4236 15.4982Z" fill="#E8EDFF"></path>
              </g>
            </svg>
          </div>
          <div class="text-center mb-10">
            <h6 class="fs-5 fw-semibold text-light mb-2">Sign up with new account</h6>
            <p class="fw-medium text-secondary-light mb-0">Start your journey with us</p>
          </div>
          <form action="">
            <div class="position-relative mb-10">
              <input class="form-control text-light fs-9 bg-transparent" type="text"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-dark-light">Name</span>
            </div>
            <div class="position-relative mb-10">
              <input class="form-control text-light fs-9 bg-transparent" type="email"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-dark-light">Email*</span>
            </div>
            <div class="position-relative mb-4">
              <input class="form-control text-light fs-9 bg-transparent" type="password"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-dark-light">Password*</span>
            </div><span class="d-block text-start mb-6 fs-10 fw-medium text-secondary-light">Must be at least 12 characters.</span><a class="btn mb-4 btn-primary lh-sm w-100" href="#">Create account</a><a class="btn mb-8 btn-secondary lh-sm w-100" href="#">
              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M14 2H2V14H14V2Z" fill="#ECEFF1"></path>
                <path d="M8 9.262L14 14V4.646L8 9.262Z" fill="#CFD8DC"></path>
                <path d="M14.5 2H14L8 6.738L2 2H1.5C0.672 2 0 2.672 0 3.5V12.5C0 13.328 0.672 14 1.5 14H2V4.646L8 9.261L14 4.645V14H14.5C15.328 14 16 13.328 16 12.5V3.5C16 2.672 15.328 2 14.5 2Z" fill="#F44336"></path>
              </svg><span class="ms-3">Sign Up with Gmail</span></a>
            <p class="text-center fw-medium mb-0 text-secondary-light"><span>Already have an acoount?</span><a class="btn btn-link fw-medium p-0" href="#">Sign in</a></p>
          </form>
        </div>
      </div>
    </div>
  </div><img class="d-lg-none img-fluid d-block w-100" src="trizzle-assets/images/placeholder-right-dashboard.png" alt="">
</section>

<section class="py-8">
  <div class="container">
    <div class="py-6 px-5 h-100 bg-secondary rounded-4">
      <div class="d-flex flex-wrap align-items-center justify-content-between">
        <div><span class="d-block fs-10 text-secondary-light">Revenue</span>
          <div class="d-flex align-items-end"><span class="fs-8 fw-bold text-light">$35.550</span><span class="ms-2 fs-10 text-success">+6%</span></div>
        </div>
        <div class="position-relative bg-dark-light rounded-4">
          <select class="form-select py-3 ps-3 pe-7 fs-10 fw-semibold text-secondary-light bg-transparent border-0" name="" id="">
            <option value="1">This Year</option>
            <option value="1">This Day</option>
            <option value="1">This Month</option>
          </select><span class="position-absolute top-50 end-0 me-2 translate-middle-y">
            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M4.5 6L8.5 10L12.5 6" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg></span>
        </div>
      </div>
      <div class="chart mt-8" data-type="area"></div>
    </div>
  </div>
</section>

<section class="position-relative bg-dark-light overflow-hidden">
  <div class="d-none d-lg-block position-absolute top-0 end-0 h-100 col-6"><img class="img-fluid d-block w-100 h-100" src="trizzle-assets/images/placeholder-right-dashboard.png" alt=""></div>
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-6 col-xl-5 pt-12 pt-md-24 pb-24 py-lg-40">
        <div class="mw-sm mw-xl-md mx-auto text-center">
          <div class="d-inline-flex mb-10 align-items-center justify-content-center bg-primary rounded-3" style="width: 64px; height: 64px;">
            <svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_477_4243)">
                <path d="M9.51378 21.5224L5.26933 21.5224L1.80985 15.5951L5.02136 9.85416L2.09284 9.85416L0 5.84631L14.0948 5.84631L16.2995 9.62501L9.61522 9.62501L6.15051 15.6598L9.51378 21.5224Z" fill="#E8EDFF"></path>
                <path d="M8.69727 15.563L10.9076 11.7249L14.2552 17.8138L20.9661 17.8138L24.5218 11.919L26.6041 15.401L23.0802 21.7329L16.4012 21.7329L17.7787 23.8058L15.6967 28.0001L8.69727 15.563Z" fill="#E8EDFF"></path>
                <path d="M15.4236 15.4982L19.7002 15.4982L26.833 3.20644L22.3591 3.08759L20.9707 5.61392L17.7249 -1.57947e-06L10.5387 -3.2299e-07L8.69141 3.63828L15.4184 3.63828L18.8138 9.54403L15.4236 15.4982Z" fill="#E8EDFF"></path>
              </g>
            </svg>
          </div>
          <div class="text-center mb-10">
            <h6 class="fs-5 fw-semibold text-light mb-2">Log in to your account</h6>
            <p class="fw-medium text-secondary-light mb-0">Welcome back! Please enter your details.</p>
          </div>
          <form action="">
            <div class="position-relative mb-10">
              <input class="form-control text-light fs-9 bg-transparent" type="email"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-dark-light">Email</span>
            </div>
            <div class="position-relative mb-6">
              <input class="form-control text-light fs-9 bg-transparent" type="password"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-dark-light">Password</span>
            </div>
            <div class="d-flex mb-6 flex-wrap gap-4 align-items-center justify-content-between">
              <div class="form-check">
                <input class="form-check-input bg-transparent border-light-dark" type="checkbox" value="" id="">
                <label class="form-check-label fs-10 lh-lg fw-semibold text-secondary-light" for="">Remember for 30 days</label>
              </div><a class="btn btn-link p-0 fs-10 fw-semibold" href="#">Forgot password?</a>
            </div><a class="btn mb-4 btn-primary lh-sm w-100" href="#">Sign In</a><a class="btn mb-6 btn-secondary lh-sm w-100" href="#">
              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M14 2H2V14H14V2Z" fill="#ECEFF1"></path>
                <path d="M8 9.262L14 14V4.646L8 9.262Z" fill="#CFD8DC"></path>
                <path d="M14.5 2H14L8 6.738L2 2H1.5C0.672 2 0 2.672 0 3.5V12.5C0 13.328 0.672 14 1.5 14H2V4.646L8 9.261L14 4.645V14H14.5C15.328 14 16 13.328 16 12.5V3.5C16 2.672 15.328 2 14.5 2Z" fill="#F44336"></path>
              </svg><span class="ms-3">Sign In with Gmail</span></a>
            <p class="text-center fw-medium mb-0 text-secondary-light"><span>Don’t have an account?</span><a class="btn btn-link fw-medium p-0" href="#">Sign up</a></p>
          </form>
        </div>
      </div>
    </div>
  </div><img class="d-lg-none img-fluid d-block w-100" src="trizzle-assets/images/placeholder-right-dashboard.png" alt="">
</section>

<section class="py-8">
  <div class="container">
    <div class="position-relative p-6 bg-secondary rounded-4">
      <button class="position-absolute top-0 end-0 m-6 btn btn-outline-secondary-light p-0 bg-transparent border-0">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
      </button>
      <div class="d-inline-flex mb-6 align-items-center justify-content-center bg-info rounded-4" style="width: 64px; height: 64px;">
        <svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg">
          <g clip-path="url(#clip0_143_860)">
            <path d="M10.8729 24.5972L6.0221 24.5972L2.0684 17.8231L5.7387 11.262L2.39182 11.262L0 6.68164L16.1083 6.68164L18.628 11.0002L10.9888 11.0002L7.02915 17.897L10.8729 24.5972Z" fill="#232B3A"></path>
            <path d="M9.93945 17.7865L12.4656 13.4L16.2914 20.3588L23.9609 20.3588L28.0246 13.6219L30.4044 17.6013L26.3771 24.8378L18.7439 24.8378L20.3182 27.2068L17.9389 32.0003L9.93945 17.7865Z" fill="#232B3A"></path>
            <path d="M17.6275 17.7122L22.5151 17.7122L30.6668 3.6645L25.5538 3.52868L23.9671 6.41591L20.2576 -1.80511e-06L12.0448 -3.69131e-07L9.93359 4.15804L17.6215 4.15804L21.5021 10.9075L17.6275 17.7122Z" fill="#232B3A"></path>
          </g>
        </svg>
      </div>
      <h6 class="fs-6 fw-bold text-white mb-3">Front-End Developer</h6>
      <p class="mw-xs text-secondary-light mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultrices malesuada nibh et porta...</p>
      <div class="mb-6"><img class="img-fluid rounded-pill" style="width: 32px;" src="trizzle-assets/images/avatar-women-circle-border.png" alt=""><img class="img-fluid ms-n4 rounded-pill" style="width: 32px;" src="trizzle-assets/images/avatar-men-circle-border.png" alt=""><img class="img-fluid ms-n4 rounded-pill" style="width: 32px;" src="trizzle-assets/images/avatar-men-2-circle-border.png" alt="">
        <div class="d-inline-flex ms-n4 align-items-center justify-content-center bg-light-dark border border-secondary-dark rounded-pill" style="width: 32px; height: 32px;"><span class="fs-10 fw-semibold text-secondary-light">+2</span></div><span class="ms-2 fs-10 text-secondary-light">Five friends work here</span>
      </div><a class="btn fs-9 btn-primary w-100" href="#">Apply Now</a>
    </div>
  </div>
</section>

<section>
  <div class="position-fixed top-0 start-0 end-0 bottom-0 d-flex align-items-center w-100 h-100 p-4 bg-secondary bg-opacity-75 overflow-auto">
    <div class="mw-xl w-100 mx-auto bg-secondary rounded-2 overflow-hidden">
      <div class="mw-md mx-auto pt-12 pb-16 px-5 text-center">
        <div class="d-inline-flex align-items-center justify-content-center mb-5 bg-dark-light rounded-pill" style="width: 48px; height: 48px;">
          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M12.72 6.79L8.43001 11.09L6.78 9.44C6.69036 9.33532 6.58004 9.2503 6.45597 9.19027C6.33191 9.13025 6.19678 9.09652 6.05906 9.0912C5.92134 9.08588 5.78401 9.10909 5.65568 9.15936C5.52736 9.20964 5.41081 9.28589 5.31335 9.38335C5.2159 9.4808 5.13964 9.59735 5.08937 9.72568C5.03909 9.854 5.01589 9.99133 5.02121 10.1291C5.02653 10.2668 5.06026 10.4019 5.12028 10.526C5.1803 10.65 5.26532 10.7604 5.37 10.85L7.72 13.21C7.81344 13.3027 7.92426 13.376 8.0461 13.4258C8.16794 13.4755 8.2984 13.5008 8.43001 13.5C8.69234 13.4989 8.94374 13.3947 9.13 13.21L14.13 8.21C14.2237 8.11704 14.2981 8.00644 14.3489 7.88458C14.3997 7.76272 14.4258 7.63201 14.4258 7.5C14.4258 7.36799 14.3997 7.23728 14.3489 7.11542C14.2981 6.99356 14.2237 6.88296 14.13 6.79C13.9426 6.60375 13.6892 6.49921 13.425 6.49921C13.1608 6.49921 12.9074 6.60375 12.72 6.79ZM10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM10 18C8.41775 18 6.87104 17.5308 5.55544 16.6518C4.23985 15.7727 3.21447 14.5233 2.60897 13.0615C2.00347 11.5997 1.84504 9.99113 2.15372 8.43928C2.4624 6.88743 3.22433 5.46197 4.34315 4.34315C5.46197 3.22433 6.88743 2.4624 8.43928 2.15372C9.99113 1.84504 11.5997 2.00346 13.0615 2.60896C14.5233 3.21447 15.7727 4.23984 16.6518 5.55544C17.5308 6.87103 18 8.41775 18 10C18 12.1217 17.1572 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18Z" fill="#54D62C"></path>
          </svg>
        </div>
        <h4 class="fs-5 text-light fw-semibold mb-5">Your account is activated!</h4>
        <p class="text-secondary-light fw-medium mb-0">Account has been verified. With an active account, you can start building your awesome products now!</p>
      </div>
      <div class="d-flex gap-4 justify-content-end pt-5 pb-6 px-6 text-right bg-dark-light"><a class="btn px-5 py-3 btn-secondary" href="#">Cancel</a><a class="btn px-5 py-3 btn-success" href="#">Confirm</a></div>
    </div>
  </div>
</section>

<section>
  <div class="pt-4 pb-6 bg-dark-light">
    <div class="container">
      <div class="row mb-6 align-items-center">
        <div class="col-12 col-md-4 mb-5 mb-md-0">
          <h6 class="fs-5 fw-bold mb-0">Subpage name</h6>
        </div>
        <div class="col-12 col-md-8">
          <div class="d-flex justify-content-end"><a class="btn btn-sm d-flex align-items-center px-6 me-4 btn-secondary rounded-4" href="#">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M17.4993 10C17.2783 10 17.0664 10.0878 16.9101 10.2441C16.7538 10.4004 16.666 10.6124 16.666 10.8334V15.8334C16.666 16.0544 16.5782 16.2663 16.4219 16.4226C16.2657 16.5789 16.0537 16.6667 15.8327 16.6667H4.16602C3.945 16.6667 3.73304 16.5789 3.57676 16.4226C3.42048 16.2663 3.33268 16.0544 3.33268 15.8334V4.1667C3.33268 3.94568 3.42048 3.73372 3.57676 3.57744C3.73304 3.42116 3.945 3.33336 4.16602 3.33336H9.16602C9.38703 3.33336 9.59899 3.24557 9.75527 3.08929C9.91155 2.93301 9.99935 2.72104 9.99935 2.50003C9.99935 2.27902 9.91155 2.06706 9.75527 1.91077C9.59899 1.75449 9.38703 1.6667 9.16602 1.6667H4.16602C3.50297 1.6667 2.86709 1.93009 2.39825 2.39893C1.92941 2.86777 1.66602 3.50366 1.66602 4.1667V15.8334C1.66602 16.4964 1.92941 17.1323 2.39825 17.6011C2.86709 18.07 3.50297 18.3334 4.16602 18.3334H15.8327C16.4957 18.3334 17.1316 18.07 17.6005 17.6011C18.0693 17.1323 18.3327 16.4964 18.3327 15.8334V10.8334C18.3327 10.6124 18.2449 10.4004 18.0886 10.2441C17.9323 10.0878 17.7204 10 17.4993 10ZM4.99935 10.6334V14.1667C4.99935 14.3877 5.08715 14.5997 5.24343 14.756C5.39971 14.9122 5.61167 15 5.83268 15H9.36602C9.47569 15.0007 9.58441 14.9796 9.68594 14.9382C9.78747 14.8967 9.87982 14.8356 9.95768 14.7584L15.7243 8.98336L18.091 6.6667C18.1691 6.58923 18.2311 6.49706 18.2734 6.39551C18.3157 6.29396 18.3375 6.18504 18.3375 6.07503C18.3375 5.96502 18.3157 5.8561 18.2734 5.75455C18.2311 5.653 18.1691 5.56083 18.091 5.48336L14.5577 1.90836C14.4802 1.83026 14.388 1.76826 14.2865 1.72595C14.1849 1.68365 14.076 1.66187 13.966 1.66187C13.856 1.66187 13.7471 1.68365 13.6455 1.72595C13.544 1.76826 13.4518 1.83026 13.3743 1.90836L11.0243 4.2667L5.24102 10.0417C5.16378 10.1196 5.10268 10.2119 5.06121 10.3134C5.01974 10.415 4.99871 10.5237 4.99935 10.6334ZM13.966 3.67503L16.3243 6.03336L15.141 7.2167L12.7827 4.85836L13.966 3.67503ZM6.66602 10.975L11.6077 6.03336L13.966 8.3917L9.02435 13.3334H6.66602V10.975Z" fill="#3D485B"></path>
              </svg><span class="ms-1">Edit</span></a><a class="btn btn-sm d-flex align-items-center px-6 me-4 btn-primary rounded-4" href="#">
              <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.334 9.16671H11.334V4.16671C11.334 3.94569 11.2462 3.73373 11.0899 3.57745C10.9336 3.42117 10.7217 3.33337 10.5007 3.33337C10.2796 3.33337 10.0677 3.42117 9.9114 3.57745C9.75512 3.73373 9.66732 3.94569 9.66732 4.16671V9.16671H4.66732C4.4463 9.16671 4.23434 9.2545 4.07806 9.41079C3.92178 9.56707 3.83398 9.77903 3.83398 10C3.83398 10.2211 3.92178 10.433 4.07806 10.5893C4.23434 10.7456 4.4463 10.8334 4.66732 10.8334H9.66732V15.8334C9.66732 16.0544 9.75512 16.2663 9.9114 16.4226C10.0677 16.5789 10.2796 16.6667 10.5007 16.6667C10.7217 16.6667 10.9336 16.5789 11.0899 16.4226C11.2462 16.2663 11.334 16.0544 11.334 15.8334V10.8334H16.334C16.555 10.8334 16.767 10.7456 16.9232 10.5893C17.0795 10.433 17.1673 10.2211 17.1673 10C17.1673 9.77903 17.0795 9.56707 16.9232 9.41079C16.767 9.2545 16.555 9.16671 16.334 9.16671Z" fill="#5E81FC"></path>
              </svg><span class="ms-1">Create</span></a></div>
        </div>
      </div>
      <div><a class="btn pt-0 px-0 pb-4 me-8 btn-link text-decoration-none fw-semibold border-0 border-bottom border-primary rounded-0" href="#">Subpage 1</a><a class="btn pt-0 px-0 pb-4 me-8 btn-link text-decoration-none fw-semibold text-secondary-light" href="#">Subpage 1</a><a class="btn pt-0 px-0 pb-4 btn-link text-decoration-none fw-semibold text-secondary-light" href="#">Subpage 1</a></div>
    </div>
  </div>
</section>

<section class="py-8 bg-dark-light">
  <div class="container">
    <div class="p-8 bg-secondary rounded-4">
      <div class="row mb-8 pb-6 border-bottom border-light-dark">
        <div class="col-12 col-sm-6 mb-6 mb-sm-0">
          <h4 class="fs-5 fw-bold text-white mb-1">Payment method</h4>
          <p class="fs-9 text-secondary-light mb-0">Update your billing details and address</p>
        </div>
        <div class="col-12 col-sm-6">
          <div class="d-flex align-items-center justify-content-end"><a class="btn me-4 btn-sm btn-dark-light text-secondary-light" href="#">Cancel</a><a class="btn btn-sm btn-primary" href="#">Save</a></div>
        </div>
      </div>
      <form action="">
        <div class="pb-8 mb-8 border-bottom border-light-dark">
          <div class="row">
            <div class="col-12 col-sm-4 mb-4 mb-sm-0"><span class="d-block fs-9 fw-medium text-light">Card details</span></div>
            <div class="col-12 col-sm-8">
              <div class="mw-xl">
                <div class="row">
                  <div class="col-12 col-sm-7 mb-10">
                    <div class="position-relative">
                      <input class="form-control text-light fs-9 bg-transparent" type="text" placeholder="John Doe"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Name on card</span>
                    </div>
                  </div>
                  <div class="col-12 col-sm-5 mb-10">
                    <div class="position-relative">
                      <input class="form-control text-light fs-9 bg-transparent" type="text" placeholder="06/24"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Expiry</span>
                    </div>
                  </div>
                  <div class="col-12 col-sm-7 mb-10 mb-sm-0">
                    <div class="position-relative">
                      <input class="form-control text-light fs-9 bg-transparent" type="text" placeholder="John Doe"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Name on card</span>
                    </div>
                  </div>
                  <div class="col-12 col-sm-5">
                    <div class="position-relative">
                      <input class="form-control text-light fs-9 bg-transparent" type="text" placeholder="06/24"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Expiry</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="pb-8 mb-8 border-bottom border-light-dark">
          <div class="row">
            <div class="col-12 col-sm-4 mb-4 mb-sm-0"><span class="d-block fs-9 fw-medium text-light">Email address</span></div>
            <div class="col-12 col-sm-8">
              <div class="mw-xl">
                <input class="form-control bg-transparent text-light" id="" type="email" placeholder="johndoe@trizzle.ui">
              </div>
            </div>
          </div>
        </div>
        <div>
          <div class="row">
            <div class="col-12 col-sm-4 mb-4 mb-sm-0"><span class="d-block fs-9 fw-medium text-light">Address</span></div>
            <div class="col-12 col-sm-8">
              <div class="mw-xl">
                <div class="row mb-n10">
                  <div class="col-12 col-md-6 mb-10">
                    <div class="position-relative">
                      <input class="form-control text-light fs-9 bg-transparent" type="text" placeholder="United States"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Country</span>
                    </div>
                  </div>
                  <div class="col-12 col-md-6 mb-10">
                    <div class="position-relative">
                      <input class="form-control text-light fs-9 bg-transparent" type="text" placeholder="New York"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">City</span>
                    </div>
                  </div>
                  <div class="col-12 col-md-6 mb-10">
                    <div class="position-relative d-block w-100 fs-9 text-light fw-medium border border-light-dark bg-secondary rounded-3"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">State/Province</span><span class="position-absolute top-50 end-0 me-5 translate-middle-y">
                        <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M10.9999 1.16994C10.8126 0.983692 10.5591 0.87915 10.2949 0.87915C10.0308 0.87915 9.77731 0.983692 9.58995 1.16994L5.99995 4.70994L2.45995 1.16994C2.27259 0.983692 2.01913 0.87915 1.75495 0.87915C1.49076 0.87915 1.23731 0.983692 1.04995 1.16994C0.95622 1.26291 0.881826 1.37351 0.831057 1.49537C0.780288 1.61723 0.75415 1.74793 0.75415 1.87994C0.75415 2.01195 0.780288 2.14266 0.831057 2.26452C0.881826 2.38638 0.95622 2.49698 1.04995 2.58994L5.28995 6.82994C5.38291 6.92367 5.49351 6.99807 5.61537 7.04883C5.73723 7.0996 5.86794 7.12574 5.99995 7.12574C6.13196 7.12574 6.26267 7.0996 6.38453 7.04883C6.50638 6.99807 6.61699 6.92367 6.70995 6.82994L10.9999 2.58994C11.0937 2.49698 11.1681 2.38638 11.2188 2.26452C11.2696 2.14266 11.2957 2.01195 11.2957 1.87994C11.2957 1.74793 11.2696 1.61723 11.2188 1.49537C11.1681 1.37351 11.0937 1.26291 10.9999 1.16994Z" fill="#3D485B"></path>
                        </svg></span>
                      <select class="position-relative form-control fs-8 border-0 text-light w-100 px-0 py-5 px-3 bg-transparent" style="appearance: none; outline: none;" id="" name="">
                        <option class="bg-gray-500" value="1">New York</option>
                        <option class="bg-gray-500" value="1">New York</option>
                        <option class="bg-gray-500" value="1">New York</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-12 col-md-6 mb-10">
                    <div class="position-relative">
                      <input class="form-control text-light fs-9 bg-transparent" type="text"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Zip/Postal Code</span>
                    </div>
                  </div>
                  <div class="col-12 mb-10">
                    <div class="position-relative">
                      <input class="form-control text-light fs-9 bg-transparent" type="text"><span class="position-absolute top-0 start-0 ms-3 px-1 fs-10 translate-middle-y fw-medium text-secondary-light bg-secondary">Street address</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</section>

<section class="py-8">
  <div class="container">
    <div class="row mb-6">
      <div class="col-sm-6 col-lg-3 mb-6 mb-lg-0">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div class="d-flex align-items-center">
            <div class="d-flex align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 17H2C1.73478 17 1.48043 17.1054 1.29289 17.2929C1.10536 17.4804 1 17.7348 1 18C1 18.2652 1.10536 18.5196 1.29289 18.7071C1.48043 18.8946 1.73478 19 2 19H22C22.2652 19 22.5196 18.8946 22.7071 18.7071C22.8946 18.5196 23 18.2652 23 18C23 17.7348 22.8946 17.4804 22.7071 17.2929C22.5196 17.1054 22.2652 17 22 17ZM22 21H2C1.73478 21 1.48043 21.1054 1.29289 21.2929C1.10536 21.4804 1 21.7348 1 22C1 22.2652 1.10536 22.5196 1.29289 22.7071C1.48043 22.8946 1.73478 23 2 23H22C22.2652 23 22.5196 22.8946 22.7071 22.7071C22.8946 22.5196 23 22.2652 23 22C23 21.7348 22.8946 21.4804 22.7071 21.2929C22.5196 21.1054 22.2652 21 22 21ZM6 7C5.80222 7 5.60888 7.05865 5.44443 7.16853C5.27998 7.27841 5.15181 7.43459 5.07612 7.61732C5.00043 7.80004 4.98063 8.00111 5.01921 8.19509C5.0578 8.38907 5.15304 8.56725 5.29289 8.70711C5.43275 8.84696 5.61093 8.9422 5.80491 8.98079C5.99889 9.01937 6.19996 8.99957 6.38268 8.92388C6.56541 8.84819 6.72159 8.72002 6.83147 8.55557C6.94135 8.39112 7 8.19778 7 8C7 7.73478 6.89464 7.48043 6.70711 7.29289C6.51957 7.10536 6.26522 7 6 7ZM20 1H4C3.20435 1 2.44129 1.31607 1.87868 1.87868C1.31607 2.44129 1 3.20435 1 4V12C1 12.7956 1.31607 13.5587 1.87868 14.1213C2.44129 14.6839 3.20435 15 4 15H20C20.7956 15 21.5587 14.6839 22.1213 14.1213C22.6839 13.5587 23 12.7956 23 12V4C23 3.20435 22.6839 2.44129 22.1213 1.87868C21.5587 1.31607 20.7956 1 20 1ZM21 12C21 12.2652 20.8946 12.5196 20.7071 12.7071C20.5196 12.8946 20.2652 13 20 13H4C3.73478 13 3.48043 12.8946 3.29289 12.7071C3.10536 12.5196 3 12.2652 3 12V4C3 3.73478 3.10536 3.48043 3.29289 3.29289C3.48043 3.10536 3.73478 3 4 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4V12ZM12 5C11.4067 5 10.8266 5.17595 10.3333 5.50559C9.83994 5.83524 9.45542 6.30377 9.22836 6.85195C9.0013 7.40013 8.94189 8.00333 9.05764 8.58527C9.1734 9.16721 9.45912 9.70176 9.87868 10.1213C10.2982 10.5409 10.8328 10.8266 11.4147 10.9424C11.9967 11.0581 12.5999 10.9987 13.1481 10.7716C13.6962 10.5446 14.1648 10.1601 14.4944 9.66671C14.8241 9.17336 15 8.59334 15 8C15 7.20435 14.6839 6.44129 14.1213 5.87868C13.5587 5.31607 12.7956 5 12 5ZM12 9C11.8022 9 11.6089 8.94135 11.4444 8.83147C11.28 8.72159 11.1518 8.56541 11.0761 8.38268C11.0004 8.19996 10.9806 7.99889 11.0192 7.80491C11.0578 7.61093 11.153 7.43275 11.2929 7.29289C11.4327 7.15304 11.6109 7.0578 11.8049 7.01921C11.9989 6.98063 12.2 7.00043 12.3827 7.07612C12.5654 7.15181 12.7216 7.27998 12.8315 7.44443C12.9414 7.60888 13 7.80222 13 8C13 8.26522 12.8946 8.51957 12.7071 8.70711C12.5196 8.89464 12.2652 9 12 9ZM18 7C17.8022 7 17.6089 7.05865 17.4444 7.16853C17.28 7.27841 17.1518 7.43459 17.0761 7.61732C17.0004 7.80004 16.9806 8.00111 17.0192 8.19509C17.0578 8.38907 17.153 8.56725 17.2929 8.70711C17.4327 8.84696 17.6109 8.9422 17.8049 8.98079C17.9989 9.01937 18.2 8.99957 18.3827 8.92388C18.5654 8.84819 18.7216 8.72002 18.8315 8.55557C18.9414 8.39112 19 8.19778 19 8C19 7.73478 18.8946 7.48043 18.7071 7.29289C18.5196 7.10536 18.2652 7 18 7Z" fill="#194BFB"></path>
              </svg>
            </div>
            <div class="ms-4"><span class="fs-10 fw-semibold text-secondary-light">Value</span>
              <div class="d-flex align-items-center"><span class="fs-6 fw-semibold text-white">3.500</span>
                <div class="d-inline-flex ms-2 ps-2 pe-2 py-1 bg-success-dark bg-opacity-50 text-success rounded-pill"><span class="fs-10 fw-medium">1,0%</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3 mb-6 mb-lg-0">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div class="d-flex align-items-center">
            <div class="d-flex align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12.3 12.22C12.8336 11.7581 13.2616 11.1869 13.5549 10.545C13.8482 9.90316 14 9.20571 14 8.5C14 7.17392 13.4732 5.90215 12.5355 4.96447C11.5979 4.02678 10.3261 3.5 9 3.5C7.67392 3.5 6.40215 4.02678 5.46447 4.96447C4.52678 5.90215 4 7.17392 4 8.5C3.99999 9.20571 4.1518 9.90316 4.44513 10.545C4.73845 11.1869 5.16642 11.7581 5.7 12.22C4.30014 12.8539 3.11247 13.8775 2.27898 15.1685C1.4455 16.4596 1.00147 17.9633 1 19.5C1 19.7652 1.10536 20.0196 1.29289 20.2071C1.48043 20.3946 1.73478 20.5 2 20.5C2.26522 20.5 2.51957 20.3946 2.70711 20.2071C2.89464 20.0196 3 19.7652 3 19.5C3 17.9087 3.63214 16.3826 4.75736 15.2574C5.88258 14.1321 7.4087 13.5 9 13.5C10.5913 13.5 12.1174 14.1321 13.2426 15.2574C14.3679 16.3826 15 17.9087 15 19.5C15 19.7652 15.1054 20.0196 15.2929 20.2071C15.4804 20.3946 15.7348 20.5 16 20.5C16.2652 20.5 16.5196 20.3946 16.7071 20.2071C16.8946 20.0196 17 19.7652 17 19.5C16.9985 17.9633 16.5545 16.4596 15.721 15.1685C14.8875 13.8775 13.6999 12.8539 12.3 12.22ZM9 11.5C8.40666 11.5 7.82664 11.3241 7.33329 10.9944C6.83994 10.6648 6.45542 10.1962 6.22836 9.64805C6.0013 9.09987 5.94189 8.49667 6.05764 7.91473C6.1734 7.33279 6.45912 6.79824 6.87868 6.37868C7.29824 5.95912 7.83279 5.6734 8.41473 5.55764C8.99667 5.44189 9.59987 5.5013 10.1481 5.72836C10.6962 5.95542 11.1648 6.33994 11.4944 6.83329C11.8241 7.32664 12 7.90666 12 8.5C12 9.29565 11.6839 10.0587 11.1213 10.6213C10.5587 11.1839 9.79565 11.5 9 11.5ZM18.74 11.82C19.38 11.0993 19.798 10.2091 19.9438 9.25634C20.0896 8.30362 19.9569 7.32907 19.5618 6.45C19.1666 5.57093 18.5258 4.8248 17.7165 4.30142C16.9071 3.77805 15.9638 3.49974 15 3.5C14.7348 3.5 14.4804 3.60536 14.2929 3.79289C14.1054 3.98043 14 4.23478 14 4.5C14 4.76522 14.1054 5.01957 14.2929 5.20711C14.4804 5.39464 14.7348 5.5 15 5.5C15.7956 5.5 16.5587 5.81607 17.1213 6.37868C17.6839 6.94129 18 7.70435 18 8.5C17.9986 9.02524 17.8593 9.5409 17.5961 9.99542C17.3328 10.4499 16.9549 10.8274 16.5 11.09C16.3517 11.1755 16.2279 11.2977 16.1404 11.4447C16.0528 11.5918 16.0045 11.7589 16 11.93C15.9958 12.0998 16.0349 12.2678 16.1137 12.4183C16.1924 12.5687 16.3081 12.6967 16.45 12.79L16.84 13.05L16.97 13.12C18.1754 13.6917 19.1923 14.596 19.901 15.7263C20.6096 16.8566 20.9805 18.1659 20.97 19.5C20.97 19.7652 21.0754 20.0196 21.2629 20.2071C21.4504 20.3946 21.7048 20.5 21.97 20.5C22.2352 20.5 22.4896 20.3946 22.6771 20.2071C22.8646 20.0196 22.97 19.7652 22.97 19.5C22.9782 17.9654 22.5938 16.4543 21.8535 15.1101C21.1131 13.7659 20.0413 12.6333 18.74 11.82Z" fill="#194BFB"></path>
              </svg>
            </div>
            <div class="ms-4"><span class="fs-10 fw-semibold text-secondary-light">Clients</span>
              <div class="d-flex align-items-center"><span class="fs-6 fw-semibold text-white">245</span>
                <div class="d-inline-flex ms-2 ps-2 pe-2 py-1 bg-danger-dark bg-opacity-50 text-danger rounded-pill"><span class="fs-10 fw-medium">-6,25%</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3 mb-6 mb-sm-0">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div class="d-flex align-items-center">
            <div class="d-flex align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M19 9.50001H18.68L17.43 6.38001C17.2068 5.82527 16.8228 5.3499 16.3275 5.01492C15.8321 4.67993 15.248 4.50063 14.65 4.50001H8.65C7.95529 4.49802 7.28142 4.7372 6.74342 5.17673C6.20541 5.61625 5.83662 6.22886 5.7 6.91001L5.18 9.50001H5C4.20435 9.50001 3.44129 9.81608 2.87868 10.3787C2.31607 10.9413 2 11.7044 2 12.5V15.5C2 15.7652 2.10536 16.0196 2.29289 16.2071C2.48043 16.3947 2.73478 16.5 3 16.5H4C4 17.2957 4.31607 18.0587 4.87868 18.6213C5.44129 19.1839 6.20435 19.5 7 19.5C7.79565 19.5 8.55871 19.1839 9.12132 18.6213C9.68393 18.0587 10 17.2957 10 16.5H14C14 17.2957 14.3161 18.0587 14.8787 18.6213C15.4413 19.1839 16.2044 19.5 17 19.5C17.7956 19.5 18.5587 19.1839 19.1213 18.6213C19.6839 18.0587 20 17.2957 20 16.5H21C21.2652 16.5 21.5196 16.3947 21.7071 16.2071C21.8946 16.0196 22 15.7652 22 15.5V12.5C22 11.7044 21.6839 10.9413 21.1213 10.3787C20.5587 9.81608 19.7956 9.50001 19 9.50001ZM13 6.50001H14.65C14.8486 6.50181 15.0421 6.56269 15.206 6.67488C15.3698 6.78708 15.4965 6.94552 15.57 7.13001L16.52 9.50001H13V6.50001ZM7.66 7.30001C7.70675 7.07074 7.83242 6.86511 8.01514 6.71894C8.19786 6.57277 8.42605 6.49529 8.66 6.50001H11V9.50001H7.22L7.66 7.30001ZM7 17.5C6.80222 17.5 6.60888 17.4414 6.44443 17.3315C6.27998 17.2216 6.15181 17.0654 6.07612 16.8827C6.00043 16.7 5.98063 16.4989 6.01921 16.3049C6.0578 16.1109 6.15304 15.9328 6.29289 15.7929C6.43275 15.6531 6.61093 15.5578 6.80491 15.5192C6.99889 15.4806 7.19996 15.5004 7.38268 15.5761C7.56541 15.6518 7.72159 15.78 7.83147 15.9444C7.94135 16.1089 8 16.3022 8 16.5C8 16.7652 7.89464 17.0196 7.70711 17.2071C7.51957 17.3947 7.26522 17.5 7 17.5ZM17 17.5C16.8022 17.5 16.6089 17.4414 16.4444 17.3315C16.28 17.2216 16.1518 17.0654 16.0761 16.8827C16.0004 16.7 15.9806 16.4989 16.0192 16.3049C16.0578 16.1109 16.153 15.9328 16.2929 15.7929C16.4327 15.6531 16.6109 15.5578 16.8049 15.5192C16.9989 15.4806 17.2 15.5004 17.3827 15.5761C17.5654 15.6518 17.7216 15.78 17.8315 15.9444C17.9414 16.1089 18 16.3022 18 16.5C18 16.7652 17.8946 17.0196 17.7071 17.2071C17.5196 17.3947 17.2652 17.5 17 17.5ZM20 14.5H19.22C18.9388 14.1907 18.5961 13.9435 18.2138 13.7743C17.8315 13.6052 17.418 13.5178 17 13.5178C16.582 13.5178 16.1685 13.6052 15.7862 13.7743C15.4039 13.9435 15.0612 14.1907 14.78 14.5H9.22C8.93882 14.1907 8.59609 13.9435 8.21378 13.7743C7.83148 13.6052 7.41805 13.5178 7 13.5178C6.58195 13.5178 6.16852 13.6052 5.78622 13.7743C5.40391 13.9435 5.06118 14.1907 4.78 14.5H4V12.5C4 12.2348 4.10536 11.9804 4.29289 11.7929C4.48043 11.6054 4.73478 11.5 5 11.5H19C19.2652 11.5 19.5196 11.6054 19.7071 11.7929C19.8946 11.9804 20 12.2348 20 12.5V14.5Z" fill="#194BFB"></path>
              </svg>
            </div>
            <div class="ms-4"><span class="fs-10 fw-semibold text-secondary-light">Deliveries</span>
              <div class="d-flex align-items-center"><span class="fs-6 fw-semibold text-white">16.5K</span>
                <div class="d-inline-flex ms-2 ps-2 pe-2 py-1 bg-success-dark bg-opacity-50 text-success rounded-pill"><span class="fs-10 fw-medium">1,0%</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div class="d-flex align-items-center">
            <div class="d-flex align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 9C11.4067 9 10.8266 9.17595 10.3333 9.50559C9.83994 9.83524 9.45542 10.3038 9.22836 10.8519C9.0013 11.4001 8.94189 12.0033 9.05764 12.5853C9.1734 13.1672 9.45912 13.7018 9.87868 14.1213C10.2982 14.5409 10.8328 14.8266 11.4147 14.9424C11.9967 15.0581 12.5999 14.9987 13.1481 14.7716C13.6962 14.5446 14.1648 14.1601 14.4944 13.6667C14.8241 13.1734 15 12.5933 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9ZM12 13C11.8022 13 11.6089 12.9414 11.4444 12.8315C11.28 12.7216 11.1518 12.5654 11.0761 12.3827C11.0004 12.2 10.9806 11.9989 11.0192 11.8049C11.0578 11.6109 11.153 11.4327 11.2929 11.2929C11.4327 11.153 11.6109 11.0578 11.8049 11.0192C11.9989 10.9806 12.2 11.0004 12.3827 11.0761C12.5654 11.1518 12.7216 11.28 12.8315 11.4444C12.9414 11.6089 13 11.8022 13 12C13 12.2652 12.8946 12.5196 12.7071 12.7071C12.5196 12.8946 12.2652 13 12 13ZM21 11H19.93C19.7068 9.23998 18.9049 7.60408 17.6504 6.34959C16.3959 5.0951 14.76 4.29319 13 4.07V3C13 2.73478 12.8946 2.48043 12.7071 2.29289C12.5196 2.10536 12.2652 2 12 2C11.7348 2 11.4804 2.10536 11.2929 2.29289C11.1054 2.48043 11 2.73478 11 3V4.07C9.23998 4.29319 7.60408 5.0951 6.34959 6.34959C5.0951 7.60408 4.29319 9.23998 4.07 11H3C2.73478 11 2.48043 11.1054 2.29289 11.2929C2.10536 11.4804 2 11.7348 2 12C2 12.2652 2.10536 12.5196 2.29289 12.7071C2.48043 12.8946 2.73478 13 3 13H4.07C4.29319 14.76 5.0951 16.3959 6.34959 17.6504C7.60408 18.9049 9.23998 19.7068 11 19.93V21C11 21.2652 11.1054 21.5196 11.2929 21.7071C11.4804 21.8946 11.7348 22 12 22C12.2652 22 12.5196 21.8946 12.7071 21.7071C12.8946 21.5196 13 21.2652 13 21V19.93C14.76 19.7068 16.3959 18.9049 17.6504 17.6504C18.9049 16.3959 19.7068 14.76 19.93 13H21C21.2652 13 21.5196 12.8946 21.7071 12.7071C21.8946 12.5196 22 12.2652 22 12C22 11.7348 21.8946 11.4804 21.7071 11.2929C21.5196 11.1054 21.2652 11 21 11ZM12 18C10.8133 18 9.65327 17.6481 8.66658 16.9888C7.67988 16.3295 6.91085 15.3925 6.45672 14.2961C6.0026 13.1997 5.88378 11.9933 6.11529 10.8295C6.3468 9.66557 6.91824 8.59647 7.75736 7.75736C8.59647 6.91824 9.66557 6.3468 10.8295 6.11529C11.9933 5.88378 13.1997 6.0026 14.2961 6.45672C15.3925 6.91085 16.3295 7.67988 16.9888 8.66658C17.6481 9.65327 18 10.8133 18 12C18 13.5913 17.3679 15.1174 16.2426 16.2426C15.1174 17.3679 13.5913 18 12 18Z" fill="#194BFB"></path>
              </svg>
            </div>
            <div class="ms-4"><span class="fs-10 fw-semibold text-secondary-light">Target ratio</span>
              <div class="d-flex align-items-center"><span class="fs-6 fw-semibold text-white">88%</span>
                <div class="d-inline-flex ms-2 ps-2 pe-2 py-1 bg-success-dark bg-opacity-50 text-success rounded-pill"><span class="fs-10 fw-medium">1,0%</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-8 bg-dark-light">
  <div class="container">
    <div class="row mb-6">
      <div class="col-sm-6 col-lg-3 mb-6 mb-lg-0">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div class="d-flex align-items-center">
            <div class="d-flex align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 17H2C1.73478 17 1.48043 17.1054 1.29289 17.2929C1.10536 17.4804 1 17.7348 1 18C1 18.2652 1.10536 18.5196 1.29289 18.7071C1.48043 18.8946 1.73478 19 2 19H22C22.2652 19 22.5196 18.8946 22.7071 18.7071C22.8946 18.5196 23 18.2652 23 18C23 17.7348 22.8946 17.4804 22.7071 17.2929C22.5196 17.1054 22.2652 17 22 17ZM22 21H2C1.73478 21 1.48043 21.1054 1.29289 21.2929C1.10536 21.4804 1 21.7348 1 22C1 22.2652 1.10536 22.5196 1.29289 22.7071C1.48043 22.8946 1.73478 23 2 23H22C22.2652 23 22.5196 22.8946 22.7071 22.7071C22.8946 22.5196 23 22.2652 23 22C23 21.7348 22.8946 21.4804 22.7071 21.2929C22.5196 21.1054 22.2652 21 22 21ZM6 7C5.80222 7 5.60888 7.05865 5.44443 7.16853C5.27998 7.27841 5.15181 7.43459 5.07612 7.61732C5.00043 7.80004 4.98063 8.00111 5.01921 8.19509C5.0578 8.38907 5.15304 8.56725 5.29289 8.70711C5.43275 8.84696 5.61093 8.9422 5.80491 8.98079C5.99889 9.01937 6.19996 8.99957 6.38268 8.92388C6.56541 8.84819 6.72159 8.72002 6.83147 8.55557C6.94135 8.39112 7 8.19778 7 8C7 7.73478 6.89464 7.48043 6.70711 7.29289C6.51957 7.10536 6.26522 7 6 7ZM20 1H4C3.20435 1 2.44129 1.31607 1.87868 1.87868C1.31607 2.44129 1 3.20435 1 4V12C1 12.7956 1.31607 13.5587 1.87868 14.1213C2.44129 14.6839 3.20435 15 4 15H20C20.7956 15 21.5587 14.6839 22.1213 14.1213C22.6839 13.5587 23 12.7956 23 12V4C23 3.20435 22.6839 2.44129 22.1213 1.87868C21.5587 1.31607 20.7956 1 20 1ZM21 12C21 12.2652 20.8946 12.5196 20.7071 12.7071C20.5196 12.8946 20.2652 13 20 13H4C3.73478 13 3.48043 12.8946 3.29289 12.7071C3.10536 12.5196 3 12.2652 3 12V4C3 3.73478 3.10536 3.48043 3.29289 3.29289C3.48043 3.10536 3.73478 3 4 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4V12ZM12 5C11.4067 5 10.8266 5.17595 10.3333 5.50559C9.83994 5.83524 9.45542 6.30377 9.22836 6.85195C9.0013 7.40013 8.94189 8.00333 9.05764 8.58527C9.1734 9.16721 9.45912 9.70176 9.87868 10.1213C10.2982 10.5409 10.8328 10.8266 11.4147 10.9424C11.9967 11.0581 12.5999 10.9987 13.1481 10.7716C13.6962 10.5446 14.1648 10.1601 14.4944 9.66671C14.8241 9.17336 15 8.59334 15 8C15 7.20435 14.6839 6.44129 14.1213 5.87868C13.5587 5.31607 12.7956 5 12 5ZM12 9C11.8022 9 11.6089 8.94135 11.4444 8.83147C11.28 8.72159 11.1518 8.56541 11.0761 8.38268C11.0004 8.19996 10.9806 7.99889 11.0192 7.80491C11.0578 7.61093 11.153 7.43275 11.2929 7.29289C11.4327 7.15304 11.6109 7.0578 11.8049 7.01921C11.9989 6.98063 12.2 7.00043 12.3827 7.07612C12.5654 7.15181 12.7216 7.27998 12.8315 7.44443C12.9414 7.60888 13 7.80222 13 8C13 8.26522 12.8946 8.51957 12.7071 8.70711C12.5196 8.89464 12.2652 9 12 9ZM18 7C17.8022 7 17.6089 7.05865 17.4444 7.16853C17.28 7.27841 17.1518 7.43459 17.0761 7.61732C17.0004 7.80004 16.9806 8.00111 17.0192 8.19509C17.0578 8.38907 17.153 8.56725 17.2929 8.70711C17.4327 8.84696 17.6109 8.9422 17.8049 8.98079C17.9989 9.01937 18.2 8.99957 18.3827 8.92388C18.5654 8.84819 18.7216 8.72002 18.8315 8.55557C18.9414 8.39112 19 8.19778 19 8C19 7.73478 18.8946 7.48043 18.7071 7.29289C18.5196 7.10536 18.2652 7 18 7Z" fill="#194BFB"></path>
              </svg>
            </div>
            <div class="ms-4"><span class="fs-10 fw-semibold text-secondary-light">Value</span>
              <div class="d-flex align-items-center"><span class="fs-6 fw-semibold text-white">3.500</span>
                <div class="d-inline-flex ms-2 ps-2 pe-2 py-1 bg-success-dark bg-opacity-50 text-success rounded-pill"><span class="fs-10 fw-medium">1,0%</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3 mb-6 mb-lg-0">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div class="d-flex align-items-center">
            <div class="d-flex align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12.3 12.22C12.8336 11.7581 13.2616 11.1869 13.5549 10.545C13.8482 9.90316 14 9.20571 14 8.5C14 7.17392 13.4732 5.90215 12.5355 4.96447C11.5979 4.02678 10.3261 3.5 9 3.5C7.67392 3.5 6.40215 4.02678 5.46447 4.96447C4.52678 5.90215 4 7.17392 4 8.5C3.99999 9.20571 4.1518 9.90316 4.44513 10.545C4.73845 11.1869 5.16642 11.7581 5.7 12.22C4.30014 12.8539 3.11247 13.8775 2.27898 15.1685C1.4455 16.4596 1.00147 17.9633 1 19.5C1 19.7652 1.10536 20.0196 1.29289 20.2071C1.48043 20.3946 1.73478 20.5 2 20.5C2.26522 20.5 2.51957 20.3946 2.70711 20.2071C2.89464 20.0196 3 19.7652 3 19.5C3 17.9087 3.63214 16.3826 4.75736 15.2574C5.88258 14.1321 7.4087 13.5 9 13.5C10.5913 13.5 12.1174 14.1321 13.2426 15.2574C14.3679 16.3826 15 17.9087 15 19.5C15 19.7652 15.1054 20.0196 15.2929 20.2071C15.4804 20.3946 15.7348 20.5 16 20.5C16.2652 20.5 16.5196 20.3946 16.7071 20.2071C16.8946 20.0196 17 19.7652 17 19.5C16.9985 17.9633 16.5545 16.4596 15.721 15.1685C14.8875 13.8775 13.6999 12.8539 12.3 12.22ZM9 11.5C8.40666 11.5 7.82664 11.3241 7.33329 10.9944C6.83994 10.6648 6.45542 10.1962 6.22836 9.64805C6.0013 9.09987 5.94189 8.49667 6.05764 7.91473C6.1734 7.33279 6.45912 6.79824 6.87868 6.37868C7.29824 5.95912 7.83279 5.6734 8.41473 5.55764C8.99667 5.44189 9.59987 5.5013 10.1481 5.72836C10.6962 5.95542 11.1648 6.33994 11.4944 6.83329C11.8241 7.32664 12 7.90666 12 8.5C12 9.29565 11.6839 10.0587 11.1213 10.6213C10.5587 11.1839 9.79565 11.5 9 11.5ZM18.74 11.82C19.38 11.0993 19.798 10.2091 19.9438 9.25634C20.0896 8.30362 19.9569 7.32907 19.5618 6.45C19.1666 5.57093 18.5258 4.8248 17.7165 4.30142C16.9071 3.77805 15.9638 3.49974 15 3.5C14.7348 3.5 14.4804 3.60536 14.2929 3.79289C14.1054 3.98043 14 4.23478 14 4.5C14 4.76522 14.1054 5.01957 14.2929 5.20711C14.4804 5.39464 14.7348 5.5 15 5.5C15.7956 5.5 16.5587 5.81607 17.1213 6.37868C17.6839 6.94129 18 7.70435 18 8.5C17.9986 9.02524 17.8593 9.5409 17.5961 9.99542C17.3328 10.4499 16.9549 10.8274 16.5 11.09C16.3517 11.1755 16.2279 11.2977 16.1404 11.4447C16.0528 11.5918 16.0045 11.7589 16 11.93C15.9958 12.0998 16.0349 12.2678 16.1137 12.4183C16.1924 12.5687 16.3081 12.6967 16.45 12.79L16.84 13.05L16.97 13.12C18.1754 13.6917 19.1923 14.596 19.901 15.7263C20.6096 16.8566 20.9805 18.1659 20.97 19.5C20.97 19.7652 21.0754 20.0196 21.2629 20.2071C21.4504 20.3946 21.7048 20.5 21.97 20.5C22.2352 20.5 22.4896 20.3946 22.6771 20.2071C22.8646 20.0196 22.97 19.7652 22.97 19.5C22.9782 17.9654 22.5938 16.4543 21.8535 15.1101C21.1131 13.7659 20.0413 12.6333 18.74 11.82Z" fill="#194BFB"></path>
              </svg>
            </div>
            <div class="ms-4"><span class="fs-10 fw-semibold text-secondary-light">Clients</span>
              <div class="d-flex align-items-center"><span class="fs-6 fw-semibold text-white">245</span>
                <div class="d-inline-flex ms-2 ps-2 pe-2 py-1 bg-danger-dark bg-opacity-50 text-danger rounded-pill"><span class="fs-10 fw-medium">-6,25%</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3 mb-6 mb-sm-0">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div class="d-flex align-items-center">
            <div class="d-flex align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M19 9.50001H18.68L17.43 6.38001C17.2068 5.82527 16.8228 5.3499 16.3275 5.01492C15.8321 4.67993 15.248 4.50063 14.65 4.50001H8.65C7.95529 4.49802 7.28142 4.7372 6.74342 5.17673C6.20541 5.61625 5.83662 6.22886 5.7 6.91001L5.18 9.50001H5C4.20435 9.50001 3.44129 9.81608 2.87868 10.3787C2.31607 10.9413 2 11.7044 2 12.5V15.5C2 15.7652 2.10536 16.0196 2.29289 16.2071C2.48043 16.3947 2.73478 16.5 3 16.5H4C4 17.2957 4.31607 18.0587 4.87868 18.6213C5.44129 19.1839 6.20435 19.5 7 19.5C7.79565 19.5 8.55871 19.1839 9.12132 18.6213C9.68393 18.0587 10 17.2957 10 16.5H14C14 17.2957 14.3161 18.0587 14.8787 18.6213C15.4413 19.1839 16.2044 19.5 17 19.5C17.7956 19.5 18.5587 19.1839 19.1213 18.6213C19.6839 18.0587 20 17.2957 20 16.5H21C21.2652 16.5 21.5196 16.3947 21.7071 16.2071C21.8946 16.0196 22 15.7652 22 15.5V12.5C22 11.7044 21.6839 10.9413 21.1213 10.3787C20.5587 9.81608 19.7956 9.50001 19 9.50001ZM13 6.50001H14.65C14.8486 6.50181 15.0421 6.56269 15.206 6.67488C15.3698 6.78708 15.4965 6.94552 15.57 7.13001L16.52 9.50001H13V6.50001ZM7.66 7.30001C7.70675 7.07074 7.83242 6.86511 8.01514 6.71894C8.19786 6.57277 8.42605 6.49529 8.66 6.50001H11V9.50001H7.22L7.66 7.30001ZM7 17.5C6.80222 17.5 6.60888 17.4414 6.44443 17.3315C6.27998 17.2216 6.15181 17.0654 6.07612 16.8827C6.00043 16.7 5.98063 16.4989 6.01921 16.3049C6.0578 16.1109 6.15304 15.9328 6.29289 15.7929C6.43275 15.6531 6.61093 15.5578 6.80491 15.5192C6.99889 15.4806 7.19996 15.5004 7.38268 15.5761C7.56541 15.6518 7.72159 15.78 7.83147 15.9444C7.94135 16.1089 8 16.3022 8 16.5C8 16.7652 7.89464 17.0196 7.70711 17.2071C7.51957 17.3947 7.26522 17.5 7 17.5ZM17 17.5C16.8022 17.5 16.6089 17.4414 16.4444 17.3315C16.28 17.2216 16.1518 17.0654 16.0761 16.8827C16.0004 16.7 15.9806 16.4989 16.0192 16.3049C16.0578 16.1109 16.153 15.9328 16.2929 15.7929C16.4327 15.6531 16.6109 15.5578 16.8049 15.5192C16.9989 15.4806 17.2 15.5004 17.3827 15.5761C17.5654 15.6518 17.7216 15.78 17.8315 15.9444C17.9414 16.1089 18 16.3022 18 16.5C18 16.7652 17.8946 17.0196 17.7071 17.2071C17.5196 17.3947 17.2652 17.5 17 17.5ZM20 14.5H19.22C18.9388 14.1907 18.5961 13.9435 18.2138 13.7743C17.8315 13.6052 17.418 13.5178 17 13.5178C16.582 13.5178 16.1685 13.6052 15.7862 13.7743C15.4039 13.9435 15.0612 14.1907 14.78 14.5H9.22C8.93882 14.1907 8.59609 13.9435 8.21378 13.7743C7.83148 13.6052 7.41805 13.5178 7 13.5178C6.58195 13.5178 6.16852 13.6052 5.78622 13.7743C5.40391 13.9435 5.06118 14.1907 4.78 14.5H4V12.5C4 12.2348 4.10536 11.9804 4.29289 11.7929C4.48043 11.6054 4.73478 11.5 5 11.5H19C19.2652 11.5 19.5196 11.6054 19.7071 11.7929C19.8946 11.9804 20 12.2348 20 12.5V14.5Z" fill="#194BFB"></path>
              </svg>
            </div>
            <div class="ms-4"><span class="fs-10 fw-semibold text-secondary-light">Deliveries</span>
              <div class="d-flex align-items-center"><span class="fs-6 fw-semibold text-white">16.5K</span>
                <div class="d-inline-flex ms-2 ps-2 pe-2 py-1 bg-success-dark bg-opacity-50 text-success rounded-pill"><span class="fs-10 fw-medium">1,0%</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div class="d-flex align-items-center">
            <div class="d-flex align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 9C11.4067 9 10.8266 9.17595 10.3333 9.50559C9.83994 9.83524 9.45542 10.3038 9.22836 10.8519C9.0013 11.4001 8.94189 12.0033 9.05764 12.5853C9.1734 13.1672 9.45912 13.7018 9.87868 14.1213C10.2982 14.5409 10.8328 14.8266 11.4147 14.9424C11.9967 15.0581 12.5999 14.9987 13.1481 14.7716C13.6962 14.5446 14.1648 14.1601 14.4944 13.6667C14.8241 13.1734 15 12.5933 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9ZM12 13C11.8022 13 11.6089 12.9414 11.4444 12.8315C11.28 12.7216 11.1518 12.5654 11.0761 12.3827C11.0004 12.2 10.9806 11.9989 11.0192 11.8049C11.0578 11.6109 11.153 11.4327 11.2929 11.2929C11.4327 11.153 11.6109 11.0578 11.8049 11.0192C11.9989 10.9806 12.2 11.0004 12.3827 11.0761C12.5654 11.1518 12.7216 11.28 12.8315 11.4444C12.9414 11.6089 13 11.8022 13 12C13 12.2652 12.8946 12.5196 12.7071 12.7071C12.5196 12.8946 12.2652 13 12 13ZM21 11H19.93C19.7068 9.23998 18.9049 7.60408 17.6504 6.34959C16.3959 5.0951 14.76 4.29319 13 4.07V3C13 2.73478 12.8946 2.48043 12.7071 2.29289C12.5196 2.10536 12.2652 2 12 2C11.7348 2 11.4804 2.10536 11.2929 2.29289C11.1054 2.48043 11 2.73478 11 3V4.07C9.23998 4.29319 7.60408 5.0951 6.34959 6.34959C5.0951 7.60408 4.29319 9.23998 4.07 11H3C2.73478 11 2.48043 11.1054 2.29289 11.2929C2.10536 11.4804 2 11.7348 2 12C2 12.2652 2.10536 12.5196 2.29289 12.7071C2.48043 12.8946 2.73478 13 3 13H4.07C4.29319 14.76 5.0951 16.3959 6.34959 17.6504C7.60408 18.9049 9.23998 19.7068 11 19.93V21C11 21.2652 11.1054 21.5196 11.2929 21.7071C11.4804 21.8946 11.7348 22 12 22C12.2652 22 12.5196 21.8946 12.7071 21.7071C12.8946 21.5196 13 21.2652 13 21V19.93C14.76 19.7068 16.3959 18.9049 17.6504 17.6504C18.9049 16.3959 19.7068 14.76 19.93 13H21C21.2652 13 21.5196 12.8946 21.7071 12.7071C21.8946 12.5196 22 12.2652 22 12C22 11.7348 21.8946 11.4804 21.7071 11.2929C21.5196 11.1054 21.2652 11 21 11ZM12 18C10.8133 18 9.65327 17.6481 8.66658 16.9888C7.67988 16.3295 6.91085 15.3925 6.45672 14.2961C6.0026 13.1997 5.88378 11.9933 6.11529 10.8295C6.3468 9.66557 6.91824 8.59647 7.75736 7.75736C8.59647 6.91824 9.66557 6.3468 10.8295 6.11529C11.9933 5.88378 13.1997 6.0026 14.2961 6.45672C15.3925 6.91085 16.3295 7.67988 16.9888 8.66658C17.6481 9.65327 18 10.8133 18 12C18 13.5913 17.3679 15.1174 16.2426 16.2426C15.1174 17.3679 13.5913 18 12 18Z" fill="#194BFB"></path>
              </svg>
            </div>
            <div class="ms-4"><span class="fs-10 fw-semibold text-secondary-light">Target ratio</span>
              <div class="d-flex align-items-center"><span class="fs-6 fw-semibold text-white">88%</span>
                <div class="d-inline-flex ms-2 ps-2 pe-2 py-1 bg-success-dark bg-opacity-50 text-success rounded-pill"><span class="fs-10 fw-medium">1,0%</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row mb-6">
      <div class="col-sm-6 col-lg-3 mb-6 mb-lg-0">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div>
            <div class="d-flex mb-4 align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M19 5.50002H12.72L12.4 4.50002C12.1926 3.91325 11.8077 3.40553 11.2989 3.04718C10.7901 2.68884 10.1824 2.49762 9.56 2.50002H5C4.20435 2.50002 3.44129 2.81609 2.87868 3.3787C2.31607 3.94131 2 4.70437 2 5.50002V18.5C2 19.2957 2.31607 20.0587 2.87868 20.6213C3.44129 21.184 4.20435 21.5 5 21.5H19C19.7956 21.5 20.5587 21.184 21.1213 20.6213C21.6839 20.0587 22 19.2957 22 18.5V8.50002C22 7.70437 21.6839 6.94131 21.1213 6.3787C20.5587 5.81609 19.7956 5.50002 19 5.50002ZM20 18.5C20 18.7652 19.8946 19.0196 19.7071 19.2071C19.5196 19.3947 19.2652 19.5 19 19.5H5C4.73478 19.5 4.48043 19.3947 4.29289 19.2071C4.10536 19.0196 4 18.7652 4 18.5V5.50002C4 5.23481 4.10536 4.98045 4.29289 4.79292C4.48043 4.60538 4.73478 4.50002 5 4.50002H9.56C9.76964 4.49948 9.97416 4.56484 10.1446 4.68686C10.3151 4.80889 10.4429 4.9814 10.51 5.18002L11.05 6.82002C11.1171 7.01864 11.2449 7.19116 11.4154 7.31318C11.5858 7.4352 11.7904 7.50056 12 7.50002H19C19.2652 7.50002 19.5196 7.60538 19.7071 7.79292C19.8946 7.98045 20 8.23481 20 8.50002V18.5Z" fill="#194BFB"></path>
              </svg>
            </div><span class="d-block mb-8 fs-8 fw-semibold text-light">Drive Storage</span>
            <div class="d-flex mb-2 align-items-center justify-content-between"><span class="fs-10 fw-semibold text-primary">45 GB</span><span class="fs-10 fw-medium text-secondary-light">100 GB</span></div>
            <div class="bg-dark-light rounded-pill">
              <div class="py-1 col-7 bg-primary rounded-pill"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3 mb-6 mb-lg-0">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div>
            <div class="d-flex mb-4 align-items-center justify-content-between">
              <div class="d-flex align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M12 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H10V7C10 7.79565 10.3161 8.55871 10.8787 9.12132C11.4413 9.68393 12.2044 10 13 10H16V11C16 11.2652 16.1054 11.5196 16.2929 11.7071C16.4804 11.8946 16.7348 12 17 12C17.2652 12 17.5196 11.8946 17.7071 11.7071C17.8946 11.5196 18 11.2652 18 11V9C18 9 18 9 18 8.94C17.9896 8.84813 17.9695 8.75763 17.94 8.67V8.58C17.8919 8.47718 17.8278 8.38267 17.75 8.3L11.75 2.3C11.6673 2.22222 11.5728 2.15808 11.47 2.11C11.4402 2.10576 11.4099 2.10576 11.38 2.11C11.2784 2.05174 11.1662 2.01434 11.05 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H12C12.2652 22 12.5196 21.8946 12.7071 21.7071C12.8946 21.5196 13 21.2652 13 21C13 20.7348 12.8946 20.4804 12.7071 20.2929C12.5196 20.1054 12.2652 20 12 20ZM12 5.41L14.59 8H13C12.7348 8 12.4804 7.89464 12.2929 7.70711C12.1054 7.51957 12 7.26522 12 7V5.41ZM7 8C6.73478 8 6.48043 8.10536 6.29289 8.29289C6.10536 8.48043 6 8.73478 6 9C6 9.26522 6.10536 9.51957 6.29289 9.70711C6.48043 9.89464 6.73478 10 7 10H8C8.26522 10 8.51957 9.89464 8.70711 9.70711C8.89464 9.51957 9 9.26522 9 9C9 8.73478 8.89464 8.48043 8.70711 8.29289C8.51957 8.10536 8.26522 8 8 8H7ZM21.71 20.29L20.54 19.13C20.914 18.4773 21.0636 17.7199 20.9661 16.974C20.8686 16.2281 20.5292 15.5347 20 15C19.513 14.4957 18.8854 14.1497 18.199 14.0071C17.5126 13.8646 16.7992 13.9321 16.1517 14.2008C15.5041 14.4695 14.9526 14.927 14.5688 15.5137C14.185 16.1004 13.9868 16.7891 14 17.49C13.9966 18.0932 14.1509 18.6868 14.4476 19.2119C14.7444 19.7371 15.1733 20.1755 15.6917 20.4838C16.2102 20.7921 16.8003 20.9594 17.4034 20.9693C18.0065 20.9791 18.6017 20.8311 19.13 20.54L20.29 21.71C20.383 21.8037 20.4936 21.8781 20.6154 21.9289C20.7373 21.9797 20.868 22.0058 21 22.0058C21.132 22.0058 21.2627 21.9797 21.3846 21.9289C21.5064 21.8781 21.617 21.8037 21.71 21.71C21.8037 21.617 21.8781 21.5064 21.9289 21.3846C21.9797 21.2627 22.0058 21.132 22.0058 21C22.0058 20.868 21.9797 20.7373 21.9289 20.6154C21.8781 20.4936 21.8037 20.383 21.71 20.29ZM18.54 18.54C18.2544 18.8086 17.8771 18.9581 17.485 18.9581C17.0929 18.9581 16.7156 18.8086 16.43 18.54C16.1547 18.2598 16.0003 17.8828 16 17.49C15.9979 17.2928 16.0359 17.0971 16.1115 16.915C16.1871 16.7328 16.2989 16.5678 16.44 16.43C16.7066 16.1648 17.0641 16.0111 17.44 16C17.6422 15.9876 17.8447 16.0171 18.035 16.0866C18.2252 16.1562 18.399 16.2643 18.5455 16.4042C18.692 16.5441 18.808 16.7128 18.8862 16.8996C18.9644 17.0865 19.0031 17.2875 19 17.49C18.9917 17.8871 18.8263 18.2647 18.54 18.54ZM13 12H7C6.73478 12 6.48043 12.1054 6.29289 12.2929C6.10536 12.4804 6 12.7348 6 13C6 13.2652 6.10536 13.5196 6.29289 13.7071C6.48043 13.8946 6.73478 14 7 14H13C13.2652 14 13.5196 13.8946 13.7071 13.7071C13.8946 13.5196 14 13.2652 14 13C14 12.7348 13.8946 12.4804 13.7071 12.2929C13.5196 12.1054 13.2652 12 13 12ZM11 18C11.2652 18 11.5196 17.8946 11.7071 17.7071C11.8946 17.5196 12 17.2652 12 17C12 16.7348 11.8946 16.4804 11.7071 16.2929C11.5196 16.1054 11.2652 16 11 16H7C6.73478 16 6.48043 16.1054 6.29289 16.2929C6.10536 16.4804 6 16.7348 6 17C6 17.2652 6.10536 17.5196 6.29289 17.7071C6.48043 17.8946 6.73478 18 7 18H11Z" fill="#194BFB"></path>
                </svg>
              </div>
              <div><img class="img-fluid" src="trizzle-assets/images/avatar-women-3-circle-border.png" alt="" style="width: 24px; height: 24px;"><img class="img-fluid ms-n3" src="trizzle-assets/images/avatar-men-2.png" alt="" style="width: 24px; height: 24px;"></div>
            </div><span class="d-block mb-12 fs-8 fw-semibold text-light">Research</span>
            <div class="d-flex align-items-center justify-content-between"><span class="fs-10 fw-medium text-secondary-light">10 Files</span><span class="fs-10 fw-medium text-secondary-light">5 GB</span></div>
          </div>
        </div>
      </div>
      <div class="col-sm-6">
        <div class="p-6 h-100 bg-secondary rounded-4">
          <div class="row align-items-center">
            <div class="col-md-5 mb-8 mb-md-0">
              <div>
                <div class="d-flex mb-10 align-items-center justify-content-center bg-primary-dark bg-opacity-50 rounded-4" style="width: 48px; height: 48px;">
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M22 14.86V14.81C21.9879 14.6169 21.9544 14.4257 21.9 14.24L20.26 4.51003C20.1428 3.80198 19.7757 3.15939 19.2253 2.69887C18.6749 2.23834 17.9776 1.9904 17.26 2.00003H6.69C5.98097 2.00232 5.29566 2.25568 4.75565 2.71515C4.21563 3.17462 3.85581 3.81051 3.74 4.51003L2.12 14.22C2.06564 14.4057 2.0321 14.5969 2.02 14.79V14.84C2 14.91 2 15 2 15V19C2 19.7957 2.31607 20.5587 2.87868 21.1213C3.44129 21.684 4.20435 22 5 22H19C19.7956 22 20.5587 21.684 21.1213 21.1213C21.6839 20.5587 22 19.7957 22 19V15C22 15 22 14.91 22 14.86ZM5.71 4.83003C5.75048 4.59523 5.87346 4.38261 6.05679 4.23044C6.24013 4.07827 6.47177 3.99656 6.71 4.00003H17.31C17.5482 3.99656 17.7799 4.07827 17.9632 4.23044C18.1465 4.38261 18.2695 4.59523 18.31 4.83003L19.51 12.05C19.342 12.0168 19.1712 12.0001 19 12H5C4.83546 12.0013 4.67141 12.0181 4.51 12.05L5.71 4.83003ZM20 19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8947 19.2652 20 19 20H5C4.73478 20 4.48043 19.8947 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V15.08L4.08 14.62C4.15502 14.4374 4.28242 14.2811 4.44614 14.1707C4.60986 14.0604 4.80257 14.001 5 14H19C19.1974 14.001 19.3901 14.0604 19.5539 14.1707C19.7176 14.2811 19.845 14.4374 19.92 14.62L20 15.08V19ZM17 16C16.8022 16 16.6089 16.0587 16.4444 16.1686C16.28 16.2784 16.1518 16.4346 16.0761 16.6173C16.0004 16.8001 15.9806 17.0011 16.0192 17.1951C16.0578 17.3891 16.153 17.5673 16.2929 17.7071C16.4327 17.847 16.6109 17.9422 16.8049 17.9808C16.9989 18.0194 17.2 17.9996 17.3827 17.9239C17.5654 17.8482 17.7216 17.72 17.8315 17.5556C17.9414 17.3911 18 17.1978 18 17C18 16.7348 17.8946 16.4805 17.7071 16.2929C17.5196 16.1054 17.2652 16 17 16Z" fill="#194BFB"></path>
                  </svg>
                </div><span class="d-block mb-1 fs-8 fw-semibold text-light">Used percentage</span>
                <p class="mb-0 fs-10 fw-semibold text-secondary-light">Check your storage on your dashboard</p>
              </div>
            </div>
            <div class="col-md-7">
              <div>
                <div class="chart px-2" data-type="radial-bar-part" style="min-height: 120px;"></div>
                <div class="d-flex align-items-end justify-content-center mt-n12"><span class="fs-3 text-light fw-semibold">64</span><span class="fs-4 text-secondary-light fw-semibold">%</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="p-6 bg-secondary rounded-4">
      <div class="d-flex mb-6 flex-wrap align-items-center justify-content-between">
        <div>
          <h6 class="fs-8 fw-semibold text-light mb-0">Work Performance</h6>
        </div>
        <div class="position-relative bg-dark-light rounded-4"><span class="position-absolute top-50 end-0 me-2 translate-middle-y">
            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M4.5 6L8.5 10L12.5 6" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg></span>
          <select class="position-relative form-select py-3 ps-3 pe-7 fs-10 fw-semibold text-secondary-light bg-transparent border-0" name="" id="">
            <option value="1">This Year</option>
            <option value="1">This Day</option>
            <option value="1">This Month</option>
          </select>
        </div>
      </div>
      <div class="w-100 overflow-scroll">
        <table class="table table-borderless w-100" style="min-width: max-content;">
          <thead>
            <tr><th class="p-0 bg-transparent" scope="col">
              <div class="rounded-start-4 py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">TASK</span></div>
            </th>
            <th class="p-0 bg-transparent" scope="col">
              <div class="py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">STATUS</span></div>
            </th>
            <th class="p-0 bg-transparent" scope="col">
              <div class="py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">TEAM</span></div>
            </th>
            <th class="p-0 bg-transparent" scope="col">
              <div class="rounded-end-4 py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">ESTIMATED DATE</span></div>
            </th>
          </tr></thead>
          <tbody>
            <tr>
              <th class="p-0 bg-transparent" scope="row">
                <div class="py-6 px-6" style="height: 64px;"><span class="fs-9 fw-medium text-light">Onboarding Process</span></div>
              </th>
              <td class="p-0 bg-transparent">
                <div class="py-6 px-6">
                  <div>
                    <svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="3" cy="3" r="3" fill="#24D164"></circle>
                    </svg><span class="ms-1 fs-9 fw-medium text-light">Done</span>
                  </div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="py-5 px-6" style="height: 64px;">
                  <div class="d-flex align-items-center"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-women-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2-circle-border.png" alt=""></div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="py-6 px-6" style="height: 64px;"><span class="fs-9 fw-medium text-light">July 06, 2022</span></div>
              </td>
            </tr>
            <tr>
              <th class="p-0 bg-transparent" scope="row">
                <div class="rounded-start-4 py-6 px-6 bg-dark-light"><span class="fs-9 fw-medium text-light">SEO Integrations</span></div>
              </th>
              <td class="p-0 bg-transparent">
                <div class="py-6 px-6 bg-dark-light" style="height: 64px;">
                  <div>
                    <svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="3" cy="3" r="3" fill="#24D164"></circle>
                    </svg><span class="ms-1 fs-9 fw-medium text-light">Done</span>
                  </div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="py-5 px-6 bg-dark-light" style="height: 64px;">
                  <div class="d-flex align-items-center"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-women-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2-circle-border.png" alt=""></div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="rounded-end-4 py-6 px-6 bg-dark-light" style="height: 64px;"><span class="fs-9 fw-medium text-light">July 06, 2022</span></div>
              </td>
            </tr>
            <tr>
              <th class="p-0 bg-transparent" scope="row">
                <div class="py-6 px-6" style="height: 64px;"><span class="fs-9 fw-medium text-light">Hosting Configuration</span></div>
              </th>
              <td class="p-0 bg-transparent">
                <div class="py-6 px-6" style="height: 64px;">
                  <div>
                    <svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="3" cy="3" r="3" fill="#194BFB"></circle>
                    </svg><span class="ms-1 fs-9 fw-medium text-light">In progress</span>
                  </div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="py-5 px-6" style="height: 64px;">
                  <div class="d-flex align-items-center"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-women-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2-circle-border.png" alt=""></div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="py-6 px-6" style="height: 64px;"><span class="fs-9 fw-medium text-light">July 06, 2022</span></div>
              </td>
            </tr>
            <tr>
              <th class="p-0 bg-transparent" scope="row">
                <div class="rounded-start-4 py-6 px-6 bg-dark-light" style="height: 64px;"><span class="fs-9 fw-medium text-light">CMS Handoff</span></div>
              </th>
              <td class="p-0 bg-transparent">
                <div class="py-6 px-6 bg-dark-light" style="height: 64px;">
                  <div>
                    <svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="3" cy="3" r="3" fill="#8565E6"></circle>
                    </svg><span class="ms-1 fs-9 fw-medium text-light">Backlog</span>
                  </div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="py-5 px-6 bg-dark-light" style="height: 64px;">
                  <div class="d-flex align-items-center"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-women-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2-circle-border.png" alt=""></div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="rounded-end-4 py-6 px-6 bg-dark-light" style="height: 64px;"><span class="fs-9 fw-medium text-light">July 06, 2022</span></div>
              </td>
            </tr>
            <tr>
              <th class="p-0 bg-transparent" scope="row">
                <div class="py-6 px-6" style="height: 64px;"><span class="fs-9 fw-medium text-light">CMS Handoff</span></div>
              </th>
              <td class="p-0 bg-transparent">
                <div class="py-6 px-6" style="height: 64px;">
                  <div>
                    <svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="3" cy="3" r="3" fill="#24D164"></circle>
                    </svg><span class="ms-1 fs-9 fw-medium text-light">Done</span>
                  </div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="py-5 px-6" style="height: 64px;">
                  <div class="d-flex align-items-center"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-women-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2-circle-border.png" alt=""></div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="py-6 px-6" style="height: 64px;"><span class="fs-9 fw-medium text-light">July 06, 2022</span></div>
              </td>
            </tr>
            <tr>
              <th class="p-0 bg-transparent" scope="row">
                <div class="rounded-start-4 py-6 px-6 bg-dark-light" style="height: 64px;"><span class="fs-9 fw-medium text-light">Onboarding Process</span></div>
              </th>
              <td class="p-0 bg-transparent">
                <div class="py-6 px-6 bg-dark-light" style="height: 64px;">
                  <div>
                    <svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="3" cy="3" r="3" fill="#24D164"></circle>
                    </svg><span class="ms-1 fs-9 fw-medium text-light">Done</span>
                  </div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="py-5 px-6 bg-dark-light" style="height: 64px;">
                  <div class="d-flex align-items-center"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-women-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-circle-border.png" alt=""><img class="img-fluid ms-n4" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2-circle-border.png" alt=""></div>
                </div>
              </td>
              <td class="p-0 bg-transparent">
                <div class="rounded-end-4 py-6 px-6 bg-dark-light" style="height: 64px;"><span class="fs-9 fw-medium text-light">July 06, 2022</span></div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>

<section class="py-8 bg-dark-light">
  <div class="container">
    <div class="pt-6 bg-secondary rounded-4">
      <div class="px-6 pb-6 border-bottom border-secondary-light border-opacity-25">
        <h6 class="fs-8 fw-semibold text-light mb-6">Projects</h6>
        <div class="w-100 overflow-scroll">
          <table class="table table-borderless w-100" style="min-width: max-content;">
            <thead>
              <tr><th class="p-0 bg-transparent" scope="col">
                <div class="rounded-start-4 py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">CONTACT NAME</span></div>
              </th>
              <th class="p-0 bg-transparent" scope="col">
                <div class="py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">JOB  TITLE</span></div>
              </th>
              <th class="p-0 bg-transparent" scope="col">
                <div class="py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">CONTACT</span></div>
              </th>
              <th class="p-0 bg-transparent" scope="col">
                <div class="py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">MAIL</span></div>
              </th>
              <th class="p-0 bg-transparent" scope="col">
                <div class="rounded-end-4 py-3 px-6 bg-dark-light"><span class="fs-10 fw-semibold text-secondary-light">LAST CONTACT</span></div>
              </th>
            </tr></thead>
            <tbody>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
              <tr>
                <th class="p-0 bg-transparent" scope="row">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><img class="img-fluid" style="width: 32px; height: 32px;" src="trizzle-assets/images/avatar-men-2.png" alt=""><span class="ms-3 fs-9 fw-medium text-light">John Doe</span></div>
                </th>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;">
                    <div class="d-inline-block px-2 py-1 bg-dark-light rounded-pill"><span class="fs-10 fw-medium text-secondary-light">Content Supervisor</span></div>
                  </div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-4 px-6 d-flex align-items-center" style="height: 58px;"><a class="btn btn-outline-secondary-light me-4 p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.9 2H3.1C2.80826 2 2.52847 2.11589 2.32218 2.32218C2.11589 2.52847 2 2.80826 2 3.1V20.9C2 21.0445 2.02845 21.1875 2.08373 21.321C2.13901 21.4544 2.22004 21.5757 2.32218 21.6778C2.42433 21.78 2.54559 21.861 2.67905 21.9163C2.81251 21.9715 2.95555 22 3.1 22H12.68V14.25H10.08V11.25H12.68V9C12.6261 8.47176 12.6885 7.93813 12.8627 7.43654C13.0369 6.93495 13.3188 6.47755 13.6885 6.09641C14.0582 5.71528 14.5068 5.41964 15.0028 5.23024C15.4989 5.04083 16.0304 4.96225 16.56 5C17.3383 4.99521 18.1163 5.03528 18.89 5.12V7.82H17.3C16.04 7.82 15.8 8.42 15.8 9.29V11.22H18.8L18.41 14.22H15.8V22H20.9C21.0445 22 21.1875 21.9715 21.321 21.9163C21.4544 21.861 21.5757 21.78 21.6778 21.6778C21.78 21.5757 21.861 21.4544 21.9163 21.321C21.9715 21.1875 22 21.0445 22 20.9V3.1C22 2.95555 21.9715 2.81251 21.9163 2.67905C21.861 2.54559 21.78 2.42433 21.6778 2.32218C21.5757 2.22004 21.4544 2.13901 21.321 2.08373C21.1875 2.02845 21.0445 2 20.9 2Z" fill="currentColor"></path>
                      </svg></a><a class="btn btn-outline-secondary-light p-0 border-0 bg-transparent" href="#">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 5.80003C21.2483 6.12612 20.4534 6.34169 19.64 6.44003C20.4982 5.92735 21.1413 5.12081 21.45 4.17003C20.6436 4.65009 19.7608 4.98832 18.84 5.17003C18.2245 4.5026 17.405 4.05832 16.5098 3.90688C15.6147 3.75543 14.6945 3.90538 13.8938 4.33322C13.093 4.76105 12.4569 5.44256 12.0852 6.27086C11.7135 7.09917 11.6273 8.02742 11.84 8.91003C10.2094 8.82755 8.61444 8.40298 7.15865 7.66389C5.70287 6.9248 4.41885 5.88772 3.39 4.62003C3.02914 5.25019 2.83952 5.96385 2.84 6.69003C2.83872 7.36441 3.00422 8.02864 3.32176 8.62359C3.63929 9.21854 4.09902 9.72574 4.66 10.1C4.00798 10.0823 3.36989 9.90733 2.8 9.59003V9.64003C2.80489 10.5849 3.13599 11.4991 3.73731 12.228C4.33864 12.9569 5.17326 13.4557 6.1 13.64C5.74326 13.7486 5.37287 13.8058 5 13.81C4.74189 13.807 4.48442 13.7836 4.23 13.74C4.49391 14.5528 5.00462 15.2632 5.69107 15.7722C6.37753 16.2812 7.20558 16.5636 8.06 16.58C6.6172 17.7153 4.83588 18.3349 3 18.34C2.66574 18.3411 2.33174 18.3211 2 18.28C3.87443 19.4903 6.05881 20.1327 8.29 20.13C9.82969 20.146 11.3571 19.855 12.7831 19.2741C14.2091 18.6932 15.505 17.8339 16.5952 16.7465C17.6854 15.6591 18.548 14.3654 19.1326 12.9409C19.7172 11.5164 20.012 9.98975 20 8.45003C20 8.28003 20 8.10003 20 7.92003C20.7847 7.33484 21.4615 6.61745 22 5.80003Z" fill="currentColor"></path>
                      </svg></a></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">johndoe@trizzle.ui</span></div>
                </td>
                <td class="p-0 bg-transparent">
                  <div class="py-5 px-6" style="height: 58px;"><span class="fs-9 fw-medium text-light">June 06, 2022</span></div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="py-8 px-6">
        <div class="d-flex flex-column flex-sm-row align-items-center justify-content-between">
          <div class="mt-5 mt-sm-0 order-last order-sm-first">
            <p class="fs-9 fw-medium text-secondary-light mb-0"><span>Showing</span> <span class="text-light">1</span> <span>to</span> <span class="text-light">10</span> <span>of 20 results</span></p>
          </div>
          <div class="d-flex align-items-center"><a class="btn me-3 btn-sm fs-10 btn-dark-light text-secondary-light" href="#">Previous</a><a class="btn btn-sm fs-10 btn-primary" href="#">Next</a></div>
        </div>
      </div>
    </div>
  </div>
</section>