/* 
   Comparison Table Mobile Redesign
   Targeting Mobile view only (max-width: 767px)
*/

@media (max-width: 767px) {

    .modern-table td.highlight-cell {
        color: #ffffff !important;
    }



    /* Container styling */
    .modern-table-wrapper {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        box-shadow: none !important;
        margin-bottom: 30px !important;
    }

    /* Table to Block conversion */
    .modern-table {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
    }

    .modern-table thead {
        display: none !important;
        /* Hide original table header */
    }

    .modern-table tbody,
    .modern-table tr,
    .modern-table td {
        display: block !important;
        width: 100% !important;
    }

    .modern-table tr {
        margin-bottom: 9px !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
    }

    .modern-table td {
        padding: 32px 18px 7px !important;
        position: relative !important;
        text-align: left !important;
        border: none !important;
        margin-bottom: 0 !important;
        color: #ffffff !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        box-sizing: border-box !important;
    }

    /* Label styling using data-label attribute */
    .modern-table td::before {
        content: attr(data-label);
        display: block;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 4px;
        letter-spacing: 0px;
    }

    /* People Financials Card (First TD of every row) */
    .modern-table td.highlight-cell {
        background: #8ab933 !important;
        /* Vibrant Green */
        border-radius: 12px 12px 0 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
    }

    .modern-table td.highlight-cell::before {
        color: #ffffff !important;
    }

    /* Banks / Other firms Card (Second TD of every row) */
    .modern-table td:not(.highlight-cell) {
        background: #419cd7 !important;
        /* Standard Blue */
        border-radius: 0 0 12px 12px !important;
    }

    .modern-table td:not(.highlight-cell)::before {
        color: #aed6f1 !important;
        /* Light blue heading */
    }

    /* Text weight for content */
    .modern-table td {
        font-weight: 500;
        line-height: 1.4 !important;
    }

    /* Section Title Styling (matching screenshot) */
    .comparison-area .section__title.table_22 .title {
        font-size: 24px !important;
        line-height: 1.3 !important;
        color: #1c1c1c !important;
        font-weight: 700 !important;
        margin-bottom: 18px !important;
        text-align: center !important;
    }

    .comparison-area .section__title.table_22 .title span {
        display: block !important;
        color: #84b735 !important;
        font-size: 26px !important;
        font-style: italic !important;
        margin: 0px 0 !important;
        line-height: 1.2 !important;
    }

    .msme-choose-list .col-lg-6 {
        margin-top: 12px !important;
    }

    .msme-choose-item {
        margin-bottom: -4px;
    }

    .modern-table td.highlight-cell {
    font-weight: 500;

}
}