.elementor-73 .elementor-element.elementor-element-e643508{--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 html, class: .elementor-element-ad9b0f8 *//* ================= MOBILE TABLE FIX (NO DESIGN CHANGE) ================= */

@media (max-width: 768px) {

    /* Container spacing */
    .container {
        padding: 20px 12px !important;
    }

    .main-title {
        font-size: 22px !important;
    }

    .section {
        padding: 20px !important;
    }

    .box {
        font-size: 13px !important;
    }

    /* KEEP TABLE SAME → ENABLE SCROLL */
    .table {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .table th, 
    .table td {
        font-size: 13px;
        padding: 10px;
    }
}

/* ================= FORCE HEADER COLOR ================= */

.table th {
    background: #99211e !important;
    color: #ffffff !important;
}

/* ================= OPTIONAL SCROLLBAR STYLE ================= */

.table::-webkit-scrollbar {
    height: 6px;
}

.table::-webkit-scrollbar-thumb {
    background: #99211e;
    border-radius: 10px;
}/* End custom CSS */