.donation-section.pledge-pay-page .section_body {
    border-radius: 15px;
    padding: 10px;
    background: var(--white);
    margin-top: 12px;
    margin-bottom: 12px;

    & .table thead td {
        border-top: 0;
    }

    & tbody tr:nth-child(odd) {
        background: var(--gray-bg);
    }

    & .amount_value {
        border: solid 1px var(--accent);
        width: 85%;
        box-sizing: border-box;
    }
}

@media (min-width: 840px) {
    .donation-section.pledge-pay-page .section_body {
        min-width: min(100%, 700px);
    }
}

@media (max-width: 767px) {
    .donation-section.pledge-pay-page {
        max-width: 100%;
        width: 100%;
        text-align: start;
        padding-left: 0.35rem;
        padding-right: 0.35rem;
        box-sizing: border-box;
    }

    .donation-section.pledge-pay-page .section_body .amount_value {
        width: 100%;
    }

    .pledge-pay-footer {
        flex-direction: column;
        align-items: stretch;
        padding-left: 0;
        padding-right: 0;
        margin-top: 1rem;
    }

    .pledge-pay-submit-btn {
        width: 100%;
    }
}

.pledge-pay-table-wrap {
    -webkit-overflow-scrolling: touch;
}

#pledge_pay_body .payment-mode-toggle-group {
    width: 100%;
    max-width: 36rem;
}

@media (min-width: 768px) {
    #pledge_pay_body .payment-mode-toggle-group {
        width: 75%;
    }
}

@media (max-width: 767.98px) {
    #pledge_pay_body .payment_type .btn-group-toggle {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        align-items: stretch;
    }

    #pledge_pay_body .payment_type .btn-group-toggle > .btn {
        border-radius: 0.25rem;
        margin-bottom: 0.4rem;
    }

    #pledge_pay_body .payment_type .btn-group-toggle > .btn:last-child {
        margin-bottom: 0;
    }
}

#pledge_pay_body .pledge-pay-matanah-group {
    flex-wrap: nowrap;
}

@media (max-width: 575.98px) {
    #pledge_pay_body .pledge-pay-matanah-group {
        flex-wrap: wrap;
    }

    #pledge_pay_body .pledge-pay-matanah-group .form-control-sm {
        width: 100%;
        min-width: 0;
        border-radius: 0.25rem;
    }

    #pledge_pay_body .pledge-pay-matanah-group .input-group-append {
        width: 100%;
        margin-left: 0;
    }

    #pledge_pay_body .pledge-pay-matanah-group .input-group-append .btn {
        width: 100%;
        border-radius: 0.25rem;
    }
}