<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>
