/* Payment CSS */

.payment-method {
    border-bottom: 1px solid #ddd;
}

    .payment-method img {
        width: 140px;
        height: auto;
    }


.header {
    border-bottom: 1px solid #ddd;
    padding: 2rem 0;
    background-color: #f6f8f2;
    text-align: center;
}

    .header h2 {
        font-weight: 600;
        margin: 1rem 0;
        font-size: 2rem;
        text-transform: uppercase;
    }

.payment-method-listing {
    border-bottom: none;
}

.payment-checkout {
    background-color: #f6f8f2;
    padding: 4rem 0;
    font-weight: 600;
    color: #333;
}


@media (max-width: 768px) {
    .header {
        padding: 0;
        text-align: left;
    }
}

/* Receipt CSS */

.vertical-section {
    padding: 1rem 0;
}

    .vertical-section h4 {
        margin-bottom: 2rem;
        font-weight: 600;
    }

    .vertical-section section {
        margin-bottom: 1.5rem;
    }

.send-receipt .text-input {
    border: 1px solid #ddd;
    background-color: #f6f8f2;
}

.status-receipt h4 {
    margin-bottom: 1rem;
}