.elementor-86 .elementor-element.elementor-element-94ed7df{--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;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-86 .elementor-element.elementor-element-704266c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-86 .elementor-element.elementor-element-efa96f5{--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;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-86 .elementor-element.elementor-element-c8a27c3.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-86 .elementor-element.elementor-element-94ed7df{--width:874px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-86 .elementor-element.elementor-element-704266c{width:var( --container-widget-width, 388px );max-width:388px;--container-widget-width:388px;--container-widget-flex-grow:0;}.elementor-86 .elementor-element.elementor-element-efa96f5{--width:874px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-86 .elementor-element.elementor-element-c8a27c3{width:var( --container-widget-width, 388px );max-width:388px;--container-widget-width:388px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-86 .elementor-element.elementor-element-94ed7df{--width:50%;}.elementor-86 .elementor-element.elementor-element-efa96f5{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-704266c *//* Existing styles remain — just ADD this Mobile CSS at the bottom: */

@media (max-width: 768px) {
    .container {
        padding: 15px;
    }

    /* Make table scrollable on mobile */
    table {
        display: block;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
    }

    /* Make toggle buttons stack on small screen */
    .toggle-group {
        flex-direction: column;
    }

    .toggle-group button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8a27c3 *//* Existing styles remain — just ADD this Mobile CSS at the bottom: */

@media (max-width: 768px) {
    .container {
        padding: 15px;
    }

    /* Make table scrollable on mobile */
    table {
        display: block;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
    }

    /* Make toggle buttons stack on small screen */
    .toggle-group {
        flex-direction: column;
    }

    .toggle-group button {
        width: 100%;
    }
}/* End custom CSS */