.elementor-6968 .elementor-element.elementor-element-497f8a5d{--display:flex;}.elementor-6968 .elementor-element.elementor-element-4181667 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-497f8a5d */.comparison-table,
.fee-table,
.borrower-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  overflow: hidden;
}

.comparison-table thead tr,
.fee-table thead tr,
.borrower-table thead tr {
  background-color: #ebf5ee;
}

.comparison-table th,
.fee-table th,
.borrower-table th {
  padding: 16px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  border-bottom: 1px solid #E0E0E0;
}

.comparison-table th:not(:last-child),
.fee-table th:not(:last-child),
.borrower-table th:not(:last-child) {
  border-right: 1px solid #E0E0E0;
}

.comparison-table td,
.fee-table td,
.borrower-table td {
  padding: 16px;
  text-align: center;
  color: #555555;
  line-height: 1.5;
}

.comparison-table tbody tr:not(:last-child) td,
.fee-table tbody tr:not(:last-child) td,
.borrower-table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #E0E0E0;
}

.comparison-table td:not(:last-child),
.fee-table td:not(:last-child),
.borrower-table td:not(:last-child) {
  border-right: 1px solid #E0E0E0;
}

/* Specific Column Widths & Typography */
.comparison-table .col-feature,
.fee-table .col-fee-type,
.borrower-table .col-profile {
  font-weight: bold;
  color: #444444;
}

.comparison-table .col-feature { width: 25%; }
.comparison-table .col-banks { width: 37.5%; }
.comparison-table .col-moneylenders { width: 37.5%; }

.fee-table .col-fee-type { width: 35%; }
.fee-table .col-legal-cap { width: 65%; }

.borrower-table .col-profile { width: 33%; }
.borrower-table .col-income { width: 33%; }
.borrower-table .col-max-loan { width: 34%; }

/* ==========================================================================
   MOBILE RESPONSIVE STYLES (Screens smaller than 768px)
   ========================================================================== */

@media screen and (max-width: 767px) {
  /* Remove outer wrapper border and background for the main table container */
  .comparison-table,
  .fee-table,
  .borrower-table {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: transparent;
  }

  /* Convert Table Elements to Block Layout */
  .comparison-table,
  .comparison-table thead,
  .comparison-table tbody,
  .comparison-table th,
  .comparison-table td,
  .comparison-table tr,
  .fee-table,
  .fee-table thead,
  .fee-table tbody,
  .fee-table th,
  .fee-table td,
  .fee-table tr,
  .borrower-table,
  .borrower-table thead,
  .borrower-table tbody,
  .borrower-table th,
  .borrower-table td,
  .borrower-table tr {
    display: block;
  }

  /* Hide Desktop Table Headers */
  .comparison-table thead tr,
  .fee-table thead tr,
  .borrower-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  /* Transform Rows into Standalone Cards */
  .comparison-table tbody tr,
  .fee-table tbody tr,
  .borrower-table tbody tr {
    margin-bottom: 16px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
  }

  /* Universal Cell Adjustments */
  .comparison-table td,
  .fee-table td,
  .borrower-table td {
    width: 100% !important;
    box-sizing: border-box;
    text-align: left;
    border-right: none !important;
    padding: 12px 16px;
  }

  /* Card Headers (First Column styling on mobile) */
  .comparison-table td.col-feature,
  .fee-table td.col-fee-type,
  .borrower-table td.col-profile {
    background-color: #ebf5ee;
    font-size: 16px;
    color: #333333;
    border-bottom: 1px solid #E0E0E0;
  }

  /* ------------------------------------------------------------------------
     1. COMPARISON TABLE LABELS
     ------------------------------------------------------------------------ */
  .comparison-table td.col-feature::before {
    content: "Feature: ";
    font-weight: bold;
    color: #333333;
    display: inline-block;
    margin-right: 4px;
  }

  .comparison-table td:nth-child(2)::before {
    content: "Banks: ";
    font-weight: bold;
    color: #333333;
    display: block;
    margin-bottom: 4px;
  }

  .comparison-table td:nth-child(3)::before {
    content: "Licensed Moneylenders: ";
    font-weight: bold;
    color: #333333;
    display: block;
    margin-bottom: 4px;
  }

  /* ------------------------------------------------------------------------
     2. FEE TABLE LABELS
     ------------------------------------------------------------------------ */
  .fee-table td.col-fee-type::before {
    content: "Fee Type: ";
    font-weight: bold;
    color: #333333;
    display: inline-block;
    margin-right: 4px;
  }

  .fee-table td:nth-child(2)::before {
    content: "Legal Cap (Under MinLaw): ";
    font-weight: bold;
    color: #333333;
    display: block;
    margin-bottom: 4px;
  }

  /* ------------------------------------------------------------------------
     3. BORROWER TABLE LABELS
     ------------------------------------------------------------------------ */
  .borrower-table td.col-profile::before {
    content: "Borrower Profile: ";
    font-weight: bold;
    color: #333333;
    display: inline-block;
    margin-right: 4px;
  }

  .borrower-table td:nth-child(2)::before {
    content: "Annual Income: ";
    font-weight: bold;
    color: #333333;
    display: block;
    margin-bottom: 4px;
  }

  .borrower-table td:nth-child(3)::before {
    content: "Maximum Loan Amount: ";
    font-weight: bold;
    color: #333333;
    display: block;
    margin-bottom: 4px;
  }
}/* End custom CSS */