/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 02 2026 | 02:35:56 */
/* ==========================================================================
   MOBILE — pricing table (5 columns) stacks into cards
   ========================================================================== */
@media (max-width: 781px) {
  .rts-table--pricing {
    overflow-x: visible;
  }

  .rts-table--pricing table.rts,
  .rts-table--pricing table.rts tbody,
  .rts-table--pricing table.rts tr,
  .rts-table--pricing table.rts td {
    display: block;
    width: 100%;
  }

  .rts-table--pricing table.rts tr:first-child {
    display: none;
  }

  .rts-table--pricing table.rts tr {
    margin-bottom: 1.25rem;
    border: 1px solid var(--rts-border);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(61, 69, 130, 0.08);
  }

  .rts-table--pricing table.rts td {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    border: none;
    border-bottom: 1px solid var(--rts-border);
    padding: 0.65rem 1rem;
    min-width: 0;
    white-space: normal;
    font-size: 0.85rem;
  }

  .rts-table--pricing table.rts td:last-child {
    border-bottom: none;
  }

  .rts-table--pricing table.rts td::before {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: block;
  }

  .rts-table--pricing table.rts td:nth-child(1)::before { content: "What do you need?"; }
  .rts-table--pricing table.rts td:nth-child(2)::before { content: "Recommended course"; }
  .rts-table--pricing table.rts td:nth-child(3)::before { content: "Best for"; }
  .rts-table--pricing table.rts td:nth-child(4)::before { content: "Delivery & timing"; }
  .rts-table--pricing table.rts td:nth-child(5)::before { content: "Price"; }

  /* --- Card title cell: "What do you need?" (first column) --- */

  /* LIGHT rows (odd, white/tint background) — dark indigo text for readability */
  .rts-table--pricing table.rts tr:not(:nth-child(even)) td:first-child,
  .rts-table--pricing table.rts tr:not(:nth-child(even)) td:first-child::before {
    color: var(--rts-indigo) !important;
  }

  /* DARK rows (even, navy background) — white text for both label and value */
  .rts-table--pricing table.rts tr:nth-child(even) td:first-child {
    background: var(--rts-indigo);
  }
  .rts-table--pricing table.rts tr:nth-child(even) td:first-child,
  .rts-table--pricing table.rts tr:nth-child(even) td:first-child::before {
    color: #FFFFFF !important;
  }

  /* Price cell — a bit more visual weight as the "answer" */
  .rts-table--pricing table.rts td:nth-child(5) {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--rts-indigo);
    white-space: normal;
  }
}