.elementor-383 .elementor-element.elementor-element-019e118{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-019e118 *//* 
** 1. RESPONSIVENESS (Horizontal Scrolling on Mobile) ** 
This is what makes the wide table work on narrow screens.
*/
.responsive-payment-table-wrapper {
    width: 100%; 
    overflow-x: auto; /* The MAGIC: Enables horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Improves scrolling behavior on iOS */
    margin-top: 20px; /* Space above table */
    margin-bottom: 20px; /* Space below table */
}

/* Ensure the table itself takes up its required width */
.payment-schedule-table {
    min-width: 900px; /* Use a value that is wide enough to fit all columns without squishing */
    border-collapse: collapse; 
}/* End custom CSS */