Bootstrap 5 Navbar Components

<section> 
  <div class="py-8 px-6">
    <div class="row align-items-center">
      <div class="col-12 col-lg-auto mb-4 mb-lg-0 me-auto">
        <div class="d-flex align-items-center"><span class="d-inline-block p-4 me-4 justify-content-center align-items-center text-white bg-primary rounded" style="width: 56px;height: 56px">
            <svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M23.4506 4.60603C23.4408 4.59562 23.4379 4.58178 23.4277 4.5716C23.4175 4.56143 23.4034 4.55834 23.393 4.5485C20.899 2.06256 17.5213 0.666656 14 0.666656C10.4787 0.666656 7.10093 2.06256 4.60698 4.5485C4.59649 4.55834 4.58249 4.56135 4.57223 4.5716C4.56198 4.58186 4.55913 4.5956 4.54937 4.60603C2.69104 6.47326 1.42749 8.84913 0.918186 11.4338C0.408879 14.0185 0.676641 16.6961 1.68768 19.1287C2.69872 21.5614 4.40772 23.64 6.59899 25.1022C8.79026 26.5645 11.3656 27.3449 14 27.3449C16.6343 27.3449 19.2097 26.5645 21.4009 25.1022C23.5922 23.64 25.3012 21.5614 26.3123 19.1287C27.3233 16.6961 27.5911 14.0185 27.0817 11.4338C26.5724 8.84913 25.3089 6.47326 23.4506 4.60603V4.60603ZM13.9999 24.6667C12.4029 24.6661 10.8265 24.3063 9.38745 23.6139C7.94839 22.9215 6.68353 21.9142 5.68657 20.6667H11.0403C11.411 21.0858 11.8666 21.4214 12.3768 21.6513C12.8871 21.8811 13.4403 22 13.9999 22C14.5595 22 15.1127 21.8811 15.623 21.6513C16.1332 21.4214 16.5888 21.0858 16.9595 20.6667H22.3133C21.3163 21.9142 20.0515 22.9215 18.6124 23.6139C17.1733 24.3063 15.5969 24.6661 13.9999 24.6667V24.6667ZM12.6666 18C12.6666 17.7363 12.7448 17.4785 12.8913 17.2592C13.0378 17.04 13.246 16.8691 13.4897 16.7681C13.7333 16.6672 14.0014 16.6408 14.26 16.6923C14.5187 16.7437 14.7562 16.8707 14.9427 17.0572C15.1292 17.2437 15.2562 17.4812 15.3076 17.7399C15.3591 17.9985 15.3327 18.2666 15.2317 18.5102C15.1308 18.7539 14.9599 18.9621 14.7407 19.1086C14.5214 19.2551 14.2636 19.3333 13.9999 19.3333C13.6464 19.333 13.3075 19.1924 13.0575 18.9424C12.8075 18.6924 12.6669 18.3535 12.6666 18V18ZM23.8802 18.0028L23.8664 18H17.9999C17.9974 17.1755 17.7397 16.372 17.2622 15.6998C16.7847 15.0275 16.1109 14.5196 15.3332 14.2457V9.99999C15.3332 9.64637 15.1928 9.30723 14.9427 9.05718C14.6927 8.80713 14.3535 8.66666 13.9999 8.66666C13.6463 8.66666 13.3071 8.80713 13.0571 9.05718C12.807 9.30723 12.6666 9.64637 12.6666 9.99999V14.2457C11.8889 14.5196 11.2151 15.0275 10.7376 15.6998C10.2601 16.372 10.0024 17.1755 9.9999 18H4.13337L4.11961 18.0028C3.7728 17.1471 3.53956 16.2496 3.42585 15.3333H4.66657C5.02019 15.3333 5.35933 15.1928 5.60937 14.9428C5.85942 14.6927 5.9999 14.3536 5.9999 14C5.9999 13.6464 5.85942 13.3072 5.60937 13.0572C5.35933 12.8071 5.02019 12.6667 4.66657 12.6667H3.42585C3.6641 10.7714 4.40997 8.97575 5.58462 7.46947L6.45758 8.34244C6.58138 8.46624 6.72835 8.56444 6.8901 8.63144C7.05185 8.69844 7.22521 8.73292 7.40029 8.73292C7.57537 8.73292 7.74873 8.69844 7.91048 8.63144C8.07223 8.56444 8.2192 8.46623 8.343 8.34244C8.4668 8.21864 8.565 8.07167 8.632 7.90992C8.699 7.74817 8.73348 7.5748 8.73348 7.39972C8.73348 7.22465 8.69899 7.05128 8.63199 6.88953C8.56499 6.72778 8.46679 6.58081 8.34299 6.45702L7.47011 5.58414C8.97629 4.40987 10.7717 3.66421 12.6666 3.42594V4.66666C12.6666 5.02028 12.807 5.35942 13.0571 5.60946C13.3071 5.85951 13.6463 5.99999 13.9999 5.99999C14.3535 5.99999 14.6927 5.85951 14.9427 5.60946C15.1928 5.35942 15.3332 5.02028 15.3332 4.66666V3.42594C17.2281 3.66421 19.0235 4.40987 20.5297 5.58414L19.6568 6.45702C19.4068 6.70704 19.2663 7.04614 19.2663 7.39972C19.2663 7.75331 19.4068 8.09241 19.6568 8.34244C19.9068 8.59246 20.2459 8.73292 20.5995 8.73292C20.9531 8.73292 21.2922 8.59246 21.5422 8.34244L22.4152 7.46947C23.5898 8.97575 24.3357 10.7714 24.574 12.6667H23.3332C22.9796 12.6667 22.6405 12.8071 22.3904 13.0572C22.1404 13.3072 21.9999 13.6464 21.9999 14C21.9999 14.3536 22.1404 14.6927 22.3904 14.9428C22.6405 15.1928 22.9796 15.3333 23.3332 15.3333H24.574C24.4602 16.2496 24.227 17.1471 23.8802 18.0028V18.0028Z" fill="currentColor"></path>
            </svg></span>
          <div>
            <h4>Product Analysis Dashboard</h4>
            <p class="mb-0 small text-secondary">Take care of your business. Achieve your goals and increase profits.</p>
          </div>
        </div>
      </div>
      <div class="col-12 col-lg-auto"><a class="btn btn-sm me-3 bg-white text-primary d-inline-flex align-items-center small" href="#"><span class="d-inline-block text-primary me-2">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M14 9.33334C13.6 9.33334 13.3333 9.60001 13.3333 10V12.6667C13.3333 13.0667 13.0667 13.3333 12.6667 13.3333H3.33334C2.93334 13.3333 2.66668 13.0667 2.66668 12.6667V10C2.66668 9.60001 2.40001 9.33334 2.00001 9.33334C1.60001 9.33334 1.33334 9.60001 1.33334 10V12.6667C1.33334 13.8 2.20001 14.6667 3.33334 14.6667H12.6667C13.8 14.6667 14.6667 13.8 14.6667 12.6667V10C14.6667 9.60001 14.4 9.33334 14 9.33334ZM5.80001 5.13334L7.33334 3.60001V10C7.33334 10.4 7.60001 10.6667 8.00001 10.6667C8.40001 10.6667 8.66668 10.4 8.66668 10V3.60001L10.2 5.13334C10.4667 5.40001 10.8667 5.40001 11.1333 5.13334C11.4 4.86668 11.4 4.46668 11.1333 4.20001L8.46668 1.53334C8.20001 1.26668 7.80001 1.26668 7.53334 1.53334L4.86668 4.20001C4.60001 4.46668 4.60001 4.86668 4.86668 5.13334C5.13334 5.40001 5.53334 5.40001 5.80001 5.13334Z" fill="currentColor"></path>
            </svg></span><span >Download</span></a><a class="btn btn-sm me-3 bg-white text-primary d-inline-flex align-items-center small" href="#"><span class="d-inline-block text-primary me-2">
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M13.2133 5.36665L11.9533 4.94665L12.5466 3.75998C12.6067 3.63577 12.6269 3.49596 12.6042 3.35983C12.5815 3.2237 12.5171 3.09797 12.4199 2.99998L10.9999 1.57998C10.9014 1.48137 10.7745 1.41612 10.637 1.3934C10.4994 1.37068 10.3582 1.39163 10.2333 1.45332L9.04659 2.04665L8.62659 0.786649C8.58223 0.65531 8.49803 0.541066 8.38572 0.459814C8.2734 0.378562 8.13854 0.334345 7.99992 0.333315H5.99992C5.86016 0.332954 5.72382 0.376528 5.61017 0.457877C5.49652 0.539225 5.41131 0.654235 5.36659 0.786649L4.94659 2.04665L3.75992 1.45332C3.63571 1.39317 3.4959 1.37305 3.35977 1.39574C3.22364 1.41843 3.09791 1.4828 2.99992 1.57998L1.57992 2.99998C1.48131 3.09849 1.41606 3.22543 1.39334 3.36295C1.37062 3.50047 1.39157 3.64166 1.45325 3.76665L2.04659 4.95332L0.786588 5.37332C0.655249 5.41767 0.541005 5.50187 0.459753 5.61419C0.378501 5.72651 0.334284 5.86136 0.333254 5.99998V7.99998C0.332893 8.13974 0.376467 8.27609 0.457815 8.38973C0.539164 8.50338 0.654174 8.58859 0.786588 8.63332L2.04659 9.05332L1.45325 10.24C1.39311 10.3642 1.37299 10.504 1.39568 10.6401C1.41837 10.7763 1.48274 10.902 1.57992 11L2.99992 12.42C3.09843 12.5186 3.22537 12.5838 3.36289 12.6066C3.50041 12.6293 3.64159 12.6083 3.76659 12.5466L4.95325 11.9533L5.37325 13.2133C5.41798 13.3457 5.50319 13.4607 5.61684 13.5421C5.73048 13.6234 5.86683 13.667 6.00659 13.6666H8.00659C8.14635 13.667 8.28269 13.6234 8.39634 13.5421C8.50999 13.4607 8.5952 13.3457 8.63992 13.2133L9.05992 11.9533L10.2466 12.5466C10.37 12.6053 10.5085 12.6246 10.6432 12.6019C10.7779 12.5793 10.9025 12.5157 10.9999 12.42L12.4199 11C12.5185 10.9015 12.5838 10.7745 12.6065 10.637C12.6292 10.4995 12.6083 10.3583 12.5466 10.2333L11.9533 9.04665L13.2133 8.62665C13.3446 8.58229 13.4588 8.4981 13.5401 8.38578C13.6213 8.27346 13.6656 8.1386 13.6666 7.99998V5.99998C13.6669 5.86022 13.6234 5.72388 13.542 5.61023C13.4607 5.49658 13.3457 5.41137 13.2133 5.36665ZM12.3333 7.51998L11.5333 7.78665C11.3493 7.84632 11.1805 7.9453 11.0386 8.07672C10.8967 8.20813 10.7851 8.36884 10.7116 8.5477C10.638 8.72656 10.6042 8.91928 10.6126 9.1125C10.6209 9.30572 10.6712 9.49481 10.7599 9.66665L11.1399 10.4266L10.4066 11.16L9.66659 10.76C9.49562 10.6748 9.30836 10.6274 9.11746 10.6208C8.92657 10.6143 8.7365 10.6489 8.56013 10.7222C8.38376 10.7956 8.22521 10.9059 8.0952 11.0459C7.96519 11.1858 7.86677 11.352 7.80659 11.5333L7.53992 12.3333H6.47992L6.21325 11.5333C6.15358 11.3494 6.0546 11.1806 5.92319 11.0387C5.79177 10.8968 5.63106 10.7852 5.4522 10.7116C5.27334 10.638 5.08062 10.6043 4.8874 10.6126C4.69419 10.621 4.5051 10.6713 4.33325 10.76L3.57325 11.14L2.83992 10.4066L3.23992 9.66665C3.32865 9.49481 3.37893 9.30572 3.38728 9.1125C3.39564 8.91928 3.36185 8.72656 3.28828 8.5477C3.21471 8.36884 3.10311 8.20813 2.96122 8.07672C2.81933 7.9453 2.65055 7.84632 2.46659 7.78665L1.66659 7.51998V6.47998L2.46659 6.21331C2.65055 6.15364 2.81933 6.05467 2.96122 5.92325C3.10311 5.79183 3.21471 5.63112 3.28828 5.45226C3.36185 5.2734 3.39564 5.08068 3.38728 4.88746C3.37893 4.69425 3.32865 4.50516 3.23992 4.33332L2.85992 3.59332L3.59325 2.85998L4.33325 3.23998C4.5051 3.32871 4.69419 3.379 4.8874 3.38735C5.08062 3.3957 5.27334 3.36191 5.4522 3.28834C5.63106 3.21477 5.79177 3.10317 5.92319 2.96128C6.0546 2.81939 6.15358 2.65061 6.21325 2.46665L6.47992 1.66665H7.51992L7.78659 2.46665C7.84626 2.65061 7.94524 2.81939 8.07665 2.96128C8.20807 3.10317 8.36878 3.21477 8.54764 3.28834C8.7265 3.36191 8.91922 3.3957 9.11244 3.38735C9.30566 3.379 9.49474 3.32871 9.66659 3.23998L10.4266 2.85998L11.1599 3.59332L10.7599 4.33332C10.6747 4.50428 10.6273 4.69155 10.6208 4.88244C10.6143 5.07334 10.6489 5.2634 10.7222 5.43977C10.7955 5.61614 10.9059 5.77469 11.0458 5.9047C11.1857 6.03471 11.352 6.13314 11.5333 6.19332L12.3333 6.45998V7.51998ZM6.99992 4.33332C6.4725 4.33332 5.95693 4.48971 5.5184 4.78273C5.07987 5.07575 4.73808 5.49222 4.53624 5.97949C4.33441 6.46676 4.2816 7.00294 4.38449 7.52022C4.48739 8.03751 4.74136 8.51266 5.1143 8.8856C5.48724 9.25854 5.9624 9.51252 6.47968 9.61541C6.99696 9.7183 7.53314 9.66549 8.02041 9.46366C8.50768 9.26183 8.92416 8.92003 9.21717 8.4815C9.51019 8.04297 9.66659 7.5274 9.66659 6.99998C9.66659 6.29274 9.38564 5.61446 8.88554 5.11436C8.38544 4.61427 7.70716 4.33332 6.99992 4.33332V4.33332ZM6.99992 8.33332C6.73621 8.33332 6.47843 8.25512 6.25916 8.10861C6.03989 7.9621 5.869 7.75386 5.76808 7.51023C5.66716 7.26659 5.64076 6.9985 5.69221 6.73986C5.74365 6.48122 5.87064 6.24364 6.05711 6.05717C6.24358 5.8707 6.48116 5.74371 6.7398 5.69227C6.99844 5.64082 7.26653 5.66723 7.51017 5.76814C7.7538 5.86906 7.96204 6.03996 8.10855 6.25922C8.25506 6.47849 8.33325 6.73627 8.33325 6.99998C8.33325 7.3536 8.19278 7.69274 7.94273 7.94279C7.69268 8.19284 7.35354 8.33332 6.99992 8.33332Z" fill="currentColor"></path>
            </svg></span><span >Settings</span></a><a class="btn btn-sm btn-primary d-inline-flex align-items-center small" href="#"><span class="d-inline-block me-2 text-primary-light">
            <svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M8.66667 12.3333H3.33333C2.8029 12.3333 2.29419 12.1226 1.91912 11.7476C1.54405 11.3725 1.33333 10.8638 1.33333 10.3333V3.66668C1.33333 3.48987 1.2631 3.3203 1.13807 3.19527C1.01305 3.07025 0.843478 3.00001 0.666667 3.00001C0.489856 3.00001 0.320286 3.07025 0.195262 3.19527C0.0702379 3.3203 0 3.48987 0 3.66668V10.3333C0 11.2174 0.351189 12.0652 0.976311 12.6904C1.60143 13.3155 2.44928 13.6667 3.33333 13.6667H8.66667C8.84348 13.6667 9.01305 13.5964 9.13807 13.4714C9.2631 13.3464 9.33333 13.1768 9.33333 13C9.33333 12.8232 9.2631 12.6536 9.13807 12.5286C9.01305 12.4036 8.84348 12.3333 8.66667 12.3333ZM4.66667 7.66668C4.66667 7.84349 4.7369 8.01306 4.86193 8.13808C4.98695 8.26311 5.15652 8.33334 5.33333 8.33334H8.66667C8.84348 8.33334 9.01305 8.26311 9.13807 8.13808C9.2631 8.01306 9.33333 7.84349 9.33333 7.66668C9.33333 7.48987 9.2631 7.3203 9.13807 7.19527C9.01305 7.07025 8.84348 7.00001 8.66667 7.00001H5.33333C5.15652 7.00001 4.98695 7.07025 4.86193 7.19527C4.7369 7.3203 4.66667 7.48987 4.66667 7.66668ZM12 4.96001C11.9931 4.89877 11.9796 4.83843 11.96 4.78001V4.72001C11.9279 4.65146 11.8852 4.58845 11.8333 4.53334V4.53334L7.83333 0.533343C7.77822 0.481488 7.71521 0.438731 7.64667 0.406677C7.62677 0.40385 7.60657 0.40385 7.58667 0.406677C7.51894 0.367838 7.44415 0.342906 7.36667 0.333344H4.66667C4.13623 0.333344 3.62753 0.544057 3.25245 0.91913C2.87738 1.2942 2.66667 1.80291 2.66667 2.33334V9.00001C2.66667 9.53044 2.87738 10.0392 3.25245 10.4142C3.62753 10.7893 4.13623 11 4.66667 11H10C10.5304 11 11.0391 10.7893 11.4142 10.4142C11.7893 10.0392 12 9.53044 12 9.00001V5.00001C12 5.00001 12 5.00001 12 4.96001ZM8 2.60668L9.72667 4.33334H8.66667C8.48986 4.33334 8.32029 4.26311 8.19526 4.13808C8.07024 4.01306 8 3.84349 8 3.66668V2.60668ZM10.6667 9.00001C10.6667 9.17682 10.5964 9.34639 10.4714 9.47141C10.3464 9.59644 10.1768 9.66668 10 9.66668H4.66667C4.48986 9.66668 4.32029 9.59644 4.19526 9.47141C4.07024 9.34639 4 9.17682 4 9.00001V2.33334C4 2.15653 4.07024 1.98696 4.19526 1.86194C4.32029 1.73691 4.48986 1.66668 4.66667 1.66668H6.66667V3.66668C6.66847 3.89411 6.70905 4.11956 6.78667 4.33334H5.33333C5.15652 4.33334 4.98695 4.40358 4.86193 4.52861C4.7369 4.65363 4.66667 4.8232 4.66667 5.00001C4.66667 5.17682 4.7369 5.34639 4.86193 5.47141C4.98695 5.59644 5.15652 5.66668 5.33333 5.66668H10.6667V9.00001Z" fill="currentColor"></path>
            </svg></span><span >Report</span></a></div>
    </div>
  </div>
</section>

<section class="py-8 bg-dark-light">
  <div class="container">
    <div class="mw-sm mw-md-2xl mx-auto mw-lg-none">
      <div class="row">
        <div class="col-lg-7 mb-6 mb-lg-0">
          <div class="row mb-n6">
            <div class="col-12 col-md-4 mb-6">
              <div class="pt-6 pb-4 px-4 bg-secondary rounded-4">
                <div class="d-flex align-items-center mb-9">
                  <div class="d-flex align-items-center justify-content-center bg-dark-light rounded-4" style="width: 32px; height: 32px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_695_7653)">
                        <path d="M7.3333 5.99996H9.99996C10.1768 5.99996 10.3463 5.92972 10.4714 5.8047C10.5964 5.67967 10.6666 5.5101 10.6666 5.33329C10.6666 5.15648 10.5964 4.98691 10.4714 4.86189C10.3463 4.73686 10.1768 4.66663 9.99996 4.66663H8.66663V3.99996C8.66663 3.82315 8.59639 3.65358 8.47137 3.52855C8.34634 3.40353 8.17677 3.33329 7.99996 3.33329C7.82315 3.33329 7.65358 3.40353 7.52856 3.52855C7.40353 3.65358 7.3333 3.82315 7.3333 3.99996V4.66663C6.80286 4.66663 6.29416 4.87734 5.91908 5.25241C5.54401 5.62748 5.3333 6.13619 5.3333 6.66663C5.3333 7.19706 5.54401 7.70577 5.91908 8.08084C6.29416 8.45591 6.80286 8.66663 7.3333 8.66663H8.66663C8.84344 8.66663 9.01301 8.73686 9.13803 8.86189C9.26306 8.98691 9.3333 9.15648 9.3333 9.33329C9.3333 9.5101 9.26306 9.67967 9.13803 9.8047C9.01301 9.92972 8.84344 9.99996 8.66663 9.99996H5.99996C5.82315 9.99996 5.65358 10.0702 5.52856 10.1952C5.40353 10.3202 5.3333 10.4898 5.3333 10.6666C5.3333 10.8434 5.40353 11.013 5.52856 11.138C5.65358 11.2631 5.82315 11.3333 5.99996 11.3333H7.3333V12C7.3333 12.1768 7.40353 12.3463 7.52856 12.4714C7.65358 12.5964 7.82315 12.6666 7.99996 12.6666C8.17677 12.6666 8.34634 12.5964 8.47137 12.4714C8.59639 12.3463 8.66663 12.1768 8.66663 12V11.3333C9.19706 11.3333 9.70577 11.1226 10.0808 10.7475C10.4559 10.3724 10.6666 9.86372 10.6666 9.33329C10.6666 8.80286 10.4559 8.29415 10.0808 7.91908C9.70577 7.54401 9.19706 7.33329 8.66663 7.33329H7.3333C7.15649 7.33329 6.98692 7.26305 6.86189 7.13803C6.73687 7.01301 6.66663 6.84344 6.66663 6.66663C6.66663 6.48981 6.73687 6.32025 6.86189 6.19522C6.98692 6.0702 7.15649 5.99996 7.3333 5.99996ZM7.99996 0.666626C6.54957 0.666626 5.13174 1.09672 3.92578 1.90252C2.71982 2.70831 1.77989 3.85362 1.22485 5.19361C0.669803 6.53361 0.524579 8.00809 0.807537 9.43062C1.0905 10.8531 1.78893 12.1598 2.81451 13.1854C3.8401 14.211 5.14677 14.9094 6.5693 15.1924C7.99183 15.4753 9.46632 15.3301 10.8063 14.7751C12.1463 14.22 13.2916 13.2801 14.0974 12.0741C14.9032 10.8682 15.3333 9.45036 15.3333 7.99996C15.3333 6.05504 14.5607 4.18978 13.1854 2.81451C11.8101 1.43924 9.94488 0.666626 7.99996 0.666626ZM7.99996 14C6.81327 14 5.65324 13.6481 4.66654 12.9888C3.67985 12.3295 2.91081 11.3924 2.45669 10.2961C2.00256 9.1997 1.88374 7.9933 2.11525 6.82942C2.34676 5.66553 2.91821 4.59643 3.75732 3.75732C4.59644 2.9182 5.66553 2.34676 6.82942 2.11525C7.99331 1.88374 9.19971 2.00256 10.2961 2.45668C11.3924 2.91081 12.3295 3.67984 12.9888 4.66654C13.6481 5.65323 14 6.81327 14 7.99996C14 9.59126 13.3678 11.1174 12.2426 12.2426C11.1174 13.3678 9.59126 14 7.99996 14Z" fill="#194BFB"></path>
                      </g>
                    </svg>
                  </div>
                  <div class="ms-4"><span class="d-block fs-10 fw-medium text-secondary-light">Main account</span><span class="d-block fw-semibold text-white">$16,045.00</span></div>
                </div>
                <div class="d-flex align-items-end gap-2">
                  <div class="d-inline-block pt-12 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-16 w-25 bg-primary rounded-top-3"></div>
                  <div class="d-inline-block pt-12 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-14 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-16 w-25 bg-dark-light rounded-top-3"></div>
                </div>
              </div>
            </div>
            <div class="col-12 col-md-4 mb-6">
              <div class="pt-6 pb-4 px-4 bg-secondary rounded-4">
                <div class="d-flex align-items-center mb-9">
                  <div class="d-flex align-items-center justify-content-center bg-dark-light rounded-4" style="width: 32px; height: 32px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M6.33338 7.00001H8.00005C8.17686 7.00001 8.34643 6.92977 8.47145 6.80474C8.59647 6.67972 8.66671 6.51015 8.66671 6.33334C8.66671 6.15653 8.59647 5.98696 8.47145 5.86193C8.34643 5.73691 8.17686 5.66667 8.00005 5.66667H7.33338V5.33334C7.33338 5.15653 7.26314 4.98696 7.13812 4.86193C7.01309 4.73691 6.84352 4.66667 6.66671 4.66667C6.4899 4.66667 6.32033 4.73691 6.19531 4.86193C6.07028 4.98696 6.00005 5.15653 6.00005 5.33334V5.70001C5.595 5.78225 5.23495 6.01207 4.98982 6.34485C4.74468 6.67762 4.63194 7.08961 4.67348 7.50084C4.71501 7.91206 4.90787 8.29318 5.2146 8.57021C5.52133 8.84725 5.92006 9.00042 6.33338 9.00001H7.00005C7.08845 9.00001 7.17324 9.03512 7.23575 9.09764C7.29826 9.16015 7.33338 9.24493 7.33338 9.33334C7.33338 9.42174 7.29826 9.50653 7.23575 9.56904C7.17324 9.63155 7.08845 9.66667 7.00005 9.66667H5.33338C5.15657 9.66667 4.987 9.73691 4.86198 9.86193C4.73695 9.98696 4.66671 10.1565 4.66671 10.3333C4.66671 10.5101 4.73695 10.6797 4.86198 10.8047C4.987 10.9298 5.15657 11 5.33338 11H6.00005V11.3333C6.00005 11.5101 6.07028 11.6797 6.19531 11.8047C6.32033 11.9298 6.4899 12 6.66671 12C6.84352 12 7.01309 11.9298 7.13812 11.8047C7.26314 11.6797 7.33338 11.5101 7.33338 11.3333V10.9667C7.73843 10.8844 8.09847 10.6546 8.34361 10.3218C8.58875 9.98905 8.70149 9.57706 8.65995 9.16584C8.61841 8.75461 8.42556 8.37349 8.11882 8.09646C7.81209 7.81943 7.41336 7.66626 7.00005 7.66667H6.33338C6.24497 7.66667 6.16019 7.63155 6.09768 7.56904C6.03516 7.50653 6.00005 7.42174 6.00005 7.33334C6.00005 7.24493 6.03516 7.16015 6.09768 7.09764C6.16019 7.03512 6.24497 7.00001 6.33338 7.00001ZM14 8.00001H12V2C12.0005 1.88253 11.9699 1.76702 11.9114 1.66517C11.8529 1.56332 11.7684 1.47874 11.6667 1.42C11.5654 1.36149 11.4504 1.33069 11.3334 1.33069C11.2164 1.33069 11.1014 1.36149 11 1.42L9.00005 2.56667L7.00005 1.42C6.8987 1.36149 6.78374 1.33069 6.66671 1.33069C6.54969 1.33069 6.43473 1.36149 6.33338 1.42L4.33338 2.56667L2.33338 1.42C2.23203 1.36149 2.11707 1.33069 2.00005 1.33069C1.88302 1.33069 1.76806 1.36149 1.66671 1.42C1.56498 1.47874 1.48057 1.56332 1.42203 1.66517C1.3635 1.76702 1.33291 1.88253 1.33338 2V12.6667C1.33338 13.1971 1.54409 13.7058 1.91917 14.0809C2.29424 14.456 2.80295 14.6667 3.33338 14.6667H12.6667C13.1971 14.6667 13.7059 14.456 14.0809 14.0809C14.456 13.7058 14.6667 13.1971 14.6667 12.6667V8.66667C14.6667 8.48986 14.5965 8.32029 14.4715 8.19527C14.3464 8.07024 14.1769 8.00001 14 8.00001ZM3.33338 13.3333C3.15657 13.3333 2.987 13.2631 2.86197 13.1381C2.73695 13.0131 2.66671 12.8435 2.66671 12.6667V3.15334L4.00005 3.91334C4.10294 3.96708 4.2173 3.99515 4.33338 3.99515C4.44946 3.99515 4.56382 3.96708 4.66671 3.91334L6.66671 2.76667L8.66671 3.91334C8.7696 3.96708 8.88396 3.99515 9.00005 3.99515C9.11613 3.99515 9.23049 3.96708 9.33338 3.91334L10.6667 3.15334V12.6667C10.6685 12.8941 10.7091 13.1196 10.7867 13.3333H3.33338ZM13.3334 12.6667C13.3334 12.8435 13.2631 13.0131 13.1381 13.1381C13.0131 13.2631 12.8435 13.3333 12.6667 13.3333C12.4899 13.3333 12.3203 13.2631 12.1953 13.1381C12.0703 13.0131 12 12.8435 12 12.6667V9.33334H13.3334V12.6667Z" fill="#194BFB"></path>
                    </svg>
                  </div>
                  <div class="ms-4"><span class="d-block fs-10 fw-medium text-secondary-light">Taxes</span><span class="d-block fw-semibold text-white">$5,025.00</span></div>
                </div>
                <div class="d-flex align-items-end gap-2">
                  <div class="d-inline-block pt-12 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-16 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-14 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-14 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-16 w-25 bg-dark-light rounded-top-3"></div>
                </div>
              </div>
            </div>
            <div class="col-12 col-md-4 mb-6">
              <div class="pt-6 pb-4 px-4 bg-secondary rounded-4">
                <div class="d-flex align-items-center mb-9">
                  <div class="d-flex align-items-center justify-content-center bg-dark-light rounded-4" style="width: 32px; height: 32px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M14.1467 8C14.4786 7.63491 14.6638 7.16004 14.6667 6.66667C14.6667 6.13623 14.456 5.62753 14.0809 5.25245C13.7058 4.87738 13.1971 4.66667 12.6667 4.66667H9.21337C9.31987 4.36545 9.35266 4.04311 9.30899 3.72662C9.26532 3.41013 9.14646 3.10871 8.96237 2.84759C8.77828 2.58647 8.53432 2.37325 8.2509 2.22579C7.96748 2.07832 7.65286 2.0009 7.33337 2H3.33337C2.80294 2 2.29423 2.21071 1.91916 2.58579C1.54409 2.96086 1.33337 3.46957 1.33337 4C1.33631 4.49337 1.52151 4.96824 1.85337 5.33333C1.5254 5.70002 1.34409 6.17471 1.34409 6.66667C1.34409 7.15862 1.5254 7.63332 1.85337 8C1.5254 8.36668 1.34409 8.84138 1.34409 9.33333C1.34409 9.82529 1.5254 10.3 1.85337 10.6667C1.52151 11.0318 1.33631 11.5066 1.33337 12C1.33337 12.5304 1.54409 13.0391 1.91916 13.4142C2.29423 13.7893 2.80294 14 3.33337 14H12.6667C13.0519 13.9979 13.4283 13.8847 13.7506 13.6739C14.073 13.4631 14.3276 13.1637 14.4839 12.8116C14.6403 12.4596 14.6916 12.0699 14.6318 11.6894C14.5719 11.3089 14.4035 10.9538 14.1467 10.6667C14.4747 10.3 14.656 9.82529 14.656 9.33333C14.656 8.84138 14.4747 8.36668 14.1467 8ZM7.33337 12.6667H3.33337C3.15656 12.6667 2.98699 12.5964 2.86197 12.4714C2.73695 12.3464 2.66671 12.1768 2.66671 12C2.66671 11.8232 2.73695 11.6536 2.86197 11.5286C2.98699 11.4036 3.15656 11.3333 3.33337 11.3333H7.33337C7.51018 11.3333 7.67975 11.4036 7.80478 11.5286C7.9298 11.6536 8.00004 11.8232 8.00004 12C8.00004 12.1768 7.9298 12.3464 7.80478 12.4714C7.67975 12.5964 7.51018 12.6667 7.33337 12.6667ZM7.33337 10H3.33337C3.15656 10 2.98699 9.92976 2.86197 9.80474C2.73695 9.67971 2.66671 9.51014 2.66671 9.33333C2.66671 9.15652 2.73695 8.98695 2.86197 8.86193C2.98699 8.73691 3.15656 8.66667 3.33337 8.66667H7.33337C7.51018 8.66667 7.67975 8.73691 7.80478 8.86193C7.9298 8.98695 8.00004 9.15652 8.00004 9.33333C8.00004 9.51014 7.9298 9.67971 7.80478 9.80474C7.67975 9.92976 7.51018 10 7.33337 10ZM7.33337 7.33333H3.33337C3.15656 7.33333 2.98699 7.2631 2.86197 7.13807C2.73695 7.01305 2.66671 6.84348 2.66671 6.66667C2.66671 6.48986 2.73695 6.32029 2.86197 6.19526C2.98699 6.07024 3.15656 6 3.33337 6H7.33337C7.51018 6 7.67975 6.07024 7.80478 6.19526C7.9298 6.32029 8.00004 6.48986 8.00004 6.66667C8.00004 6.84348 7.9298 7.01305 7.80478 7.13807C7.67975 7.2631 7.51018 7.33333 7.33337 7.33333ZM7.33337 4.66667H3.33337C3.15656 4.66667 2.98699 4.59643 2.86197 4.4714C2.73695 4.34638 2.66671 4.17681 2.66671 4C2.66671 3.82319 2.73695 3.65362 2.86197 3.5286C2.98699 3.40357 3.15656 3.33333 3.33337 3.33333H7.33337C7.51018 3.33333 7.67975 3.40357 7.80478 3.5286C7.9298 3.65362 8.00004 3.82319 8.00004 4C8.00004 4.17681 7.9298 4.34638 7.80478 4.4714C7.67975 4.59643 7.51018 4.66667 7.33337 4.66667ZM13.1267 12.4733C13.0676 12.5357 12.9962 12.585 12.917 12.6183C12.8378 12.6516 12.7526 12.6681 12.6667 12.6667H9.21337C9.37324 12.2366 9.37324 11.7634 9.21337 11.3333H12.6667C12.8435 11.3333 13.0131 11.4036 13.1381 11.5286C13.2631 11.6536 13.3334 11.8232 13.3334 12C13.3321 12.0887 13.3132 12.1762 13.2777 12.2575C13.2423 12.3388 13.1909 12.4121 13.1267 12.4733ZM13.1267 9.80667C13.0676 9.869 12.9962 9.91837 12.917 9.95165C12.8378 9.98493 12.7526 10.0014 12.6667 10H9.21337C9.37324 9.56993 9.37324 9.09674 9.21337 8.66667H12.6667C12.8435 8.66667 13.0131 8.73691 13.1381 8.86193C13.2631 8.98695 13.3334 9.15652 13.3334 9.33333C13.3321 9.42201 13.3132 9.50955 13.2777 9.59083C13.2423 9.6721 13.1909 9.74548 13.1267 9.80667ZM13.1267 7.14C13.0676 7.20233 12.9962 7.2517 12.917 7.28499C12.8378 7.31827 12.7526 7.33473 12.6667 7.33333H9.21337C9.37324 6.90327 9.37324 6.43007 9.21337 6H12.6667C12.8435 6 13.0131 6.07024 13.1381 6.19526C13.2631 6.32029 13.3334 6.48986 13.3334 6.66667C13.3321 6.75534 13.3132 6.84288 13.2777 6.92416C13.2423 7.00544 13.1909 7.07882 13.1267 7.14Z" fill="#194BFB"></path>
                    </svg>
                  </div>
                  <div class="ms-4"><span class="d-block fs-10 fw-medium text-secondary-light">Savings</span><span class="d-block fw-semibold text-white">$2,525.00</span></div>
                </div>
                <div class="d-flex align-items-end gap-2">
                  <div class="d-inline-block pt-12 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-16 w-25 bg-primary rounded-top-3"></div>
                  <div class="d-inline-block pt-12 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-14 w-25 bg-dark-light rounded-top-3"></div>
                  <div class="d-inline-block pt-16 w-25 bg-dark-light rounded-top-3"></div>
                </div>
              </div>
            </div>
            <div class="col-12 mb-6">
              <div class="py-6 px-5 bg-secondary rounded-4">
                <div class="d-md-flex flex-wrap align-items-center justify-content-between">
                  <h6 class="fs-8 fw-semibold text-secondary-light mb-4 mb-md-0">Money Flow</h6>
                  <div class="d-sm-flex align-items-center">
                    <div class="d-flex align-items-center mb-2 mb-sm-0 me-sm-4">
                      <svg width="12" height="4" viewBox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="12" height="4" rx="2" fill="#194BFB"></rect>
                      </svg><span class="ms-2 fs-10 fw-semibold text-light">Income</span>
                    </div>
                    <div class="d-flex mb-4 mb-sm-0 me-sm-4 align-items-center">
                      <svg width="12" height="4" viewBox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="12" height="4" rx="2" fill="#FACC15"></rect>
                      </svg><span class="ms-2 fs-10 fw-semibold text-light">Expenses</span>
                    </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-6 fs-10 fw-semibold text-secondary-light bg-transparent border-0" name="" id="">
                        <option value="1">7 Days</option>
                        <option value="1">14 Days</option>
                        <option value="1">21 Days</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="chart mt-8 mb-3" data-type="chart-line" style="min-height: 200px;"></div>
              </div>
            </div>
            <div class="col-12 mb-6">
              <div class="py-6 px-5 bg-secondary rounded-4">
                <div class="d-flex flex-wrap mb-6 align-items-center justify-content-between">
                  <h6 class="fs-8 fw-semibold text-secondary-light mb-0">Statistics</h6><a class="btn d-flex align-items-center btn-dark-light text-secondary-light btn-sm py-2 px-3 fs-10" href="#"><span>View All</span>
                    <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M6.5 12L10.5 8L6.5 4" stroke="#3D485B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg></a>
                </div>
                <div class="pt-10 pb-4 ps-12 pe-8 bg-dark-light rounded-4">
                  <div class="row align-items-center">
                    <div class="col-md-5 mb-10 mb-md-0">
                      <div class="row mb-n4">
                        <div class="col-sm-6 mb-4">
                          <div class="d-flex align-items-center">
                            <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="#936DFF"></circle>
                            </svg>
                            <div class="ms-3"><span class="d-block fs-9 fw-semibold text-secondary-light">$725.00</span><span class="d-block fs-10 fw-semibold text-secondary-light">Shopping</span></div>
                          </div>
                        </div>
                        <div class="col-sm-6 mb-4">
                          <div class="d-flex align-items-center">
                            <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>
                            <div class="ms-3"><span class="d-block fs-9 fw-semibold text-secondary-light">$725.00</span><span class="d-block fs-10 fw-semibold text-secondary-light">Food</span></div>
                          </div>
                        </div>
                        <div class="col-sm-6 mb-4">
                          <div class="d-flex align-items-center">
                            <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>
                            <div class="ms-3"><span class="d-block fs-9 fw-semibold text-secondary-light">$2,350.00</span><span class="d-block fs-10 fw-semibold text-secondary-light">Home</span></div>
                          </div>
                        </div>
                        <div class="col-sm-6 mb-4">
                          <div class="d-flex align-items-center">
                            <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="#FACC15"></circle>
                            </svg>
                            <div class="ms-3"><span class="d-block fs-9 fw-semibold text-secondary-light">$710.00</span><span class="d-block fs-10 fw-semibold text-secondary-light">Others</span></div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-7">
                      <div class="chart px-2" data-type="radial-bar-part" data-variant="four" style="min-height: 120px; min-width: 100%;"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-5">
          <div class="pt-6 pb-4 px-4 bg-secondary rounded-4">
            <div class="d-flex mb-8 align-items-center justify-content-between">
              <h6 class="fs-8 fw-semibold text-secondary-light mb-0">Wallet</h6>
              <button class="btn btn-outline-secondary-light p-0 border-0 bg-transparent">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M4 12C4 12.5523 4.44772 13 5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M18 12C18 12.5523 18.4477 13 19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </button>
            </div>
            <div class="mw-xs mx-auto mb-9"><img class="img-fluid d-block mb-6 mx-auto" src="trizzle-assets/images/card.png" alt="">
              <div class="d-flex mb-6 align-items-center justify-content-center">
                <button class="btn btn-primary me-1 pt-1 pb-0 ps-3 pe-4 rounded-pill"></button>
                <button class="btn btn-secondary-dark me-1 pt-1 pb-0 px-2 rounded-pill"></button>
                <button class="btn btn-secondary-dark me-1 pt-1 pb-0 px-2 rounded-pill"></button>
              </div><a class="btn w-100 d-flex align-items-center justify-content-center btn-secondary-dark" href="#">
                <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.3334 3.75H4.66669C4.00365 3.75 3.36776 4.01339 2.89892 4.48223C2.43008 4.95107 2.16669 5.58696 2.16669 6.25V13.75C2.16669 14.413 2.43008 15.0489 2.89892 15.5178C3.36776 15.9866 4.00365 16.25 4.66669 16.25H16.3334C16.9964 16.25 17.6323 15.9866 18.1011 15.5178C18.57 15.0489 18.8334 14.413 18.8334 13.75V6.25C18.8334 5.58696 18.57 4.95107 18.1011 4.48223C17.6323 4.01339 16.9964 3.75 16.3334 3.75ZM17.1667 13.75C17.1667 13.971 17.0789 14.183 16.9226 14.3393C16.7663 14.4955 16.5544 14.5833 16.3334 14.5833H4.66669C4.44567 14.5833 4.23371 14.4955 4.07743 14.3393C3.92115 14.183 3.83335 13.971 3.83335 13.75V6.25C3.83335 6.02899 3.92115 5.81702 4.07743 5.66074C4.23371 5.50446 4.44567 5.41667 4.66669 5.41667H16.3334C16.5544 5.41667 16.7663 5.50446 16.9226 5.66074C17.0789 5.81702 17.1667 6.02899 17.1667 6.25V13.75ZM13.8334 8.75C13.3903 8.7531 12.956 8.87389 12.575 9.1C12.1954 8.87477 11.763 8.75405 11.3216 8.7501C10.8803 8.74615 10.4458 8.85912 10.0622 9.07752C9.67867 9.29592 9.35978 9.61197 9.13796 9.99355C8.91613 10.3751 8.79928 10.8086 8.79928 11.25C8.79928 11.6914 8.91613 12.1249 9.13796 12.5065C9.35978 12.888 9.67867 13.2041 10.0622 13.4225C10.4458 13.6409 10.8803 13.7538 11.3216 13.7499C11.763 13.746 12.1954 13.6252 12.575 13.4C12.9065 13.5967 13.279 13.714 13.6634 13.7429C14.0477 13.7718 14.4336 13.7114 14.7908 13.5664C15.1479 13.4215 15.4667 13.1959 15.7223 12.9074C15.9778 12.6188 16.1632 12.275 16.2639 11.903C16.3645 11.5309 16.3778 11.1406 16.3027 10.7625C16.2275 10.3845 16.066 10.0289 15.8307 9.72364C15.5953 9.41836 15.2926 9.17163 14.9461 9.00273C14.5996 8.83383 14.2188 8.74733 13.8334 8.75ZM11.475 12.0833C11.4279 12.0874 11.3805 12.0874 11.3334 12.0833C11.1123 12.0833 10.9004 11.9955 10.7441 11.8393C10.5878 11.683 10.5 11.471 10.5 11.25C10.5 11.029 10.5878 10.817 10.7441 10.6607C10.9004 10.5045 11.1123 10.4167 11.3334 10.4167C11.3805 10.4126 11.4279 10.4126 11.475 10.4167C11.2864 10.9333 11.2864 11.5 11.475 12.0167V12.0833ZM13.8334 12.0833C13.6685 12.0833 13.5074 12.0345 13.3704 11.9429C13.2333 11.8513 13.1265 11.7212 13.0635 11.5689C13.0004 11.4166 12.9839 11.2491 13.016 11.0874C13.0482 10.9258 13.1276 10.7773 13.2441 10.6607C13.3606 10.5442 13.5091 10.4648 13.6708 10.4327C13.8324 10.4005 14 10.417 14.1523 10.4801C14.3045 10.5432 14.4347 10.65 14.5262 10.787C14.6178 10.9241 14.6667 11.0852 14.6667 11.25C14.6667 11.471 14.5789 11.683 14.4226 11.8393C14.2663 11.9955 14.0544 12.0833 13.8334 12.0833Z" fill="#3D485B"></path>
                </svg><span class="ms-2">Add new Card</span></a>
            </div>
            <div class="pt-8 border-top border-light-dark">
              <div class="d-flex mb-9 align-items-center justify-content-between">
                <h6 class="fs-8 fw-semibold text-secondary-light mb-0">Recent Activity</h6><span class="fs-9 fw-medium text-secondary-light">View all</span>
              </div>
              <div class="d-flex mb-6 align-items-center justify-content-between">
                <div class="d-flex align-items-center">
                  <div class="d-flex me-3 align-items-center justify-content-center rounded-pill bg-dark-light" 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="M13.479 9.88303C11.853 9.27903 10.967 8.81603 10.967 8.08003C10.967 7.45803 11.478 7.10303 12.39 7.10303C14.057 7.10303 15.769 7.74503 16.948 8.32303L17.614 4.21203C16.679 3.76603 14.767 3.03503 12.124 3.03503C10.254 3.03503 8.69903 3.52403 7.58803 4.43603C6.43303 5.39003 5.83103 6.77003 5.83103 8.43603C5.83103 11.459 7.67803 12.748 10.678 13.839C12.614 14.527 13.257 15.017 13.257 15.773C13.257 16.505 12.628 16.928 11.495 16.928C10.092 16.928 7.77903 16.239 6.26403 15.35L5.59003 19.507C6.89403 20.239 9.29503 20.995 11.787 20.995C13.763 20.995 15.411 20.528 16.522 19.639C17.767 18.662 18.412 17.217 18.412 15.35C18.412 12.259 16.523 10.97 13.477 9.88203H13.479V9.88303Z" fill="#936DFF"></path>
                    </svg>
                  </div>
                  <div><span class="d-block fs-9 fw-semibold text-secondary-light">Stripe</span><span class="d-block fs-10 fw-semibold text-light-dark">Deposit</span></div>
                </div>
                <div class="text-end"><span class="d-block fs-9 fw-semibold text-secondary-light">+$523.10</span><span class="d-block fs-10 fw-semibold text-light-dark">Today at 7.18 AM</span></div>
              </div>
              <div class="d-flex mb-6 align-items-center justify-content-between">
                <div class="d-flex align-items-center">
                  <div class="d-flex me-3 align-items-center justify-content-center rounded-pill bg-dark-light" style="width: 48px; height: 48px;">
                    <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M18.4167 3.79172C18.4167 3.64807 18.3596 3.51029 18.258 3.40871C18.1564 3.30713 18.0187 3.25006 17.875 3.25006H15.1667C13.8029 3.18212 12.4676 3.65673 11.4527 4.57019C10.4377 5.48364 9.8256 6.76168 9.75 8.12506V11.0501H7.04167C6.89801 11.0501 6.76023 11.1071 6.65865 11.2087C6.55707 11.3103 6.5 11.4481 6.5 11.5917V14.4084C6.5 14.552 6.55707 14.6898 6.65865 14.7914C6.76023 14.893 6.89801 14.9501 7.04167 14.9501H9.75V22.2084C9.75 22.352 9.80707 22.4898 9.90865 22.5914C10.0102 22.693 10.148 22.7501 10.2917 22.7501H13.5417C13.6853 22.7501 13.8231 22.693 13.9247 22.5914C14.0263 22.4898 14.0833 22.352 14.0833 22.2084V14.9501H16.9217C17.0421 14.9518 17.1597 14.9133 17.2559 14.8407C17.352 14.7681 17.4212 14.6656 17.4525 14.5492L18.2325 11.7326C18.2541 11.6525 18.2569 11.5686 18.241 11.4873C18.225 11.4059 18.1906 11.3294 18.1403 11.2634C18.0901 11.1975 18.0254 11.144 17.9512 11.107C17.8771 11.07 17.7954 11.0505 17.7125 11.0501H14.0833V8.12506C14.1103 7.85691 14.2362 7.60843 14.4365 7.42814C14.6368 7.24786 14.8972 7.14871 15.1667 7.15006H17.875C18.0187 7.15006 18.1564 7.09299 18.258 6.99141C18.3596 6.88982 18.4167 6.75205 18.4167 6.60839V3.79172Z" fill="#194BFB"></path>
                    </svg>
                  </div>
                  <div><span class="d-block fs-9 fw-semibold text-secondary-light">Facebook</span><span class="d-block fs-10 fw-semibold text-light-dark">Advertising</span></div>
                </div>
                <div class="text-end"><span class="d-block fs-9 fw-semibold text-secondary-light">-$600.00</span><span class="d-block fs-10 fw-semibold text-light-dark">Today at 6.24 AM</span></div>
              </div>
              <div class="d-flex mb-6 align-items-center justify-content-between">
                <div class="d-flex align-items-center">
                  <div class="d-flex me-3 align-items-center justify-content-center rounded-pill bg-dark-light" 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 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="#00ACEE"></path>
                    </svg>
                  </div>
                  <div><span class="d-block fs-9 fw-semibold text-secondary-light">Twitter</span><span class="d-block fs-10 fw-semibold text-light-dark">Advertising</span></div>
                </div>
                <div class="text-end"><span class="d-block fs-9 fw-semibold text-secondary-light">-$1,243.00</span><span class="d-block fs-10 fw-semibold text-light-dark">Yesterday at 10.00 PM </span></div>
              </div>
              <div class="d-flex mb-6 align-items-center justify-content-between">
                <div class="d-flex align-items-center">
                  <div class="d-flex me-3 align-items-center justify-content-center rounded-pill bg-dark-light" style="width: 48px; height: 48px;">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_161_2891)">
                        <path d="M5.14016 15.1181C5.14016 16.4976 4.0252 17.6126 2.64567 17.6126C1.26614 17.6126 0.151184 16.4976 0.151184 15.1181C0.151184 13.7386 1.26614 12.6236 2.64567 12.6236H5.14016V15.1181ZM6.3874 15.1181C6.3874 13.7386 7.50237 12.6236 8.88189 12.6236C10.2614 12.6236 11.3764 13.7386 11.3764 15.1181V21.3543C11.3764 22.7338 10.2614 23.8488 8.88189 23.8488C7.50237 23.8488 6.3874 22.7338 6.3874 21.3543V15.1181Z" fill="#E01E5A"></path>
                        <path d="M8.88144 5.10238C7.50191 5.10238 6.38695 3.98742 6.38695 2.60789C6.38695 1.22836 7.50191 0.113403 8.88144 0.113403C10.261 0.113403 11.3759 1.22836 11.3759 2.60789V5.10238H8.88144ZM8.88144 6.36852C10.261 6.36852 11.3759 7.48348 11.3759 8.86301C11.3759 10.2425 10.261 11.3575 8.88144 11.3575H2.62632C1.2468 11.3575 0.131836 10.2425 0.131836 8.86301C0.131836 7.48348 1.2468 6.36852 2.62632 6.36852H8.88144Z" fill="#36C5F0"></path>
                        <path d="M18.8787 8.86301C18.8787 7.48348 19.9937 6.36852 21.3732 6.36852C22.7528 6.36852 23.8677 7.48348 23.8677 8.86301C23.8677 10.2425 22.7528 11.3575 21.3732 11.3575H18.8787V8.86301ZM17.6315 8.86301C17.6315 10.2425 16.5165 11.3575 15.137 11.3575C13.7575 11.3575 12.6425 10.2425 12.6425 8.86301V2.60789C12.6425 1.22836 13.7575 0.113403 15.137 0.113403C16.5165 0.113403 17.6315 1.22836 17.6315 2.60789V8.86301Z" fill="#2EB67D"></path>
                        <path d="M15.137 18.8598C16.5165 18.8598 17.6315 19.9748 17.6315 21.3543C17.6315 22.7338 16.5165 23.8488 15.137 23.8488C13.7575 23.8488 12.6425 22.7338 12.6425 21.3543V18.8598H15.137ZM15.137 17.6126C13.7575 17.6126 12.6425 16.4976 12.6425 15.1181C12.6425 13.7386 13.7575 12.6236 15.137 12.6236H21.3921C22.7716 12.6236 23.8866 13.7386 23.8866 15.1181C23.8866 16.4976 22.7716 17.6126 21.3921 17.6126H15.137Z" fill="#ECB22E"></path>
                      </g>
                    </svg>
                  </div>
                  <div><span class="d-block fs-9 fw-semibold text-secondary-light">Slack</span><span class="d-block fs-10 fw-semibold text-light-dark">Payment</span></div>
                </div>
                <div class="text-end"><span class="d-block fs-9 fw-semibold text-secondary-light">-$190.00</span><span class="d-block fs-10 fw-semibold text-light-dark">Yesterday at 4.00 PM</span></div>
              </div>
              <div class="d-flex mb-6 align-items-center justify-content-between">
                <div class="d-flex align-items-center">
                  <div class="d-flex me-3 align-items-center justify-content-center rounded-pill bg-dark-light" style="width: 48px; height: 48px;">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_695_7689)">
                        <path d="M9.406 17.183C9.837 16.158 9.356 14.977 8.33 14.546L6.568 13.805C6.899 13.68 7.222 13.623 7.55 13.622C9.068 13.622 10.315 14.858 10.329 16.376C10.343 17.914 9.112 19.168 7.576 19.182C6.417 19.187 5.438 18.498 5.005 17.517L6.768 18.258C7.795 18.69 8.975 18.208 9.406 17.183ZM19 0H5C2.239 0 0 2.239 0 5V11.043L5.585 13.392C6.181 13.002 6.868 12.793 7.631 12.809L10.648 8.588C10.696 6.047 12.77 4 15.322 4C17.904 4 20 6.094 20 8.677C20 11.258 17.902 13.38 15.268 13.352L11.153 16.419L11.144 16.423C11.132 18.385 9.551 19.981 7.583 20C5.806 20.015 4.349 18.751 4.023 17.105L0 15.413V19C0 21.761 2.239 24 5 24H19C21.762 24 24 21.761 24 19V5C24 2.239 21.762 0 19 0ZM15.322 11.857C13.57 11.857 12.143 10.43 12.143 8.677C12.143 6.924 13.57 5.498 15.322 5.498C17.076 5.498 18.501 6.924 18.501 8.677C18.501 10.43 17.076 11.857 15.322 11.857ZM15.322 11.078C16.647 11.078 17.722 10.001 17.722 8.677C17.722 7.354 16.647 6.276 15.322 6.276C13.998 6.276 12.921 7.354 12.921 8.677C12.921 10.001 13.998 11.078 15.322 11.078Z" fill="white"></path>
                      </g>
                    </svg>
                  </div>
                  <div><span class="d-block fs-9 fw-semibold text-secondary-light">Steam</span><span class="d-block fs-10 fw-semibold text-light-dark">Payment</span></div>
                </div>
                <div class="text-end"><span class="d-block fs-9 fw-semibold text-secondary-light">-$450.00</span><span class="d-block fs-10 fw-semibold text-light-dark">Yesterday at 4.00 PM</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<nav class="navbar navbar-light bg-white">
  <div class="container-fluid">
    <button class="navbar-burger navbar-toggler" type="button"><span class="navbar-toggler-icon"></span></button><a href="#"><img class="img-fluid rounded-1" style="width: 40px; height: 40px;" src="https://images.unsplash.com/photo-1593789382576-54f489574d26?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=faces&amp;cs=tinysrgb&amp;fit=crop&amp;h=128&amp;w=128" alt=""/></a>
  </div>
</nav>