.credit-card-style-2 {
    border-radius: 12px;
    padding: 13px;
    background: radial-gradient(circle,#3bafda 0%,#3bafdabf 100%);
}

.credit-card-style-2>.balance-section {
    display: flex;
    flex-direction: column;
    align-items: center
}

.credit-card-style-2>.balance-section .heading {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.credit-card-style-2>.balance-section .sub-heading {
    font-size: 14px;
    color: #fff;
    text-align: center
}

.report-card-style-1 {
    margin: 0 15px 30px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.report-card-style-1 > .transaction-row {
    padding: 0.5rem;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.transaction-detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    align-content: end
}

.transaction-date {
    font-size: 10px
}

.transaction-amount.added {
    color: #45911e;
    font-weight: bolder;
}

.transaction-amount.deducted {
    color: red;
    font-weight: bolder;
}

.transaction-balance {
    font-weight: bolder;
    font-size: 12px;
    text-align: right
}

.transaction-description {
    color: #000;
}

.pagination-wrapper {
    flex-direction: column;
    gap: 0rem;
}

.pagination-wrapper .pagination .page-link {
    padding: 1px 10px;
    color: #000;
    background-color: #FFF;
    border-radius: 6px;
}

.pagination-wrapper .page-link.active, .active > .page-link {
    background-color: #3bafda !important;
    color: #fff !important;
    border-color: #3bafda;
}

.pagination-wrapper > .mobile-wrapper {
    justify-content: end !important;
}

.pagination-wrapper > .desktop-wrapper ul.pagination {
    margin: 0 !important;
}