/* Base table styling (desktop & tablet) */
.lvr-compare {
  width: 100%;
  border-collapse: collapse;
}
.lvr-compare td {
  border: 1px solid #e5e5e5;
  padding: 12px 16px;
  vertical-align: top;
}
.lvr-compare tbody tr:first-child td {
  font-weight: 700; /* header row */
  background: #fafafa;
}

/* Mobile: stack rows into cards with labels */
@media (max-width: 768px) {
  .lvr-compare,
  .lvr-compare tbody,
  .lvr-compare tr,
  .lvr-compare td {
    display: block;
    width: 100%;
  }

  /* Card look for each data row */
  .lvr-compare tbody tr {
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 0 16px 0;
  }

  /* Hide the header row on mobile (we’ll inject labels per cell) */
  .lvr-compare tbody tr:first-child {
    display: none;
  }

  .lvr-compare td {
    border: 0;
    border-bottom: 1px solid #f1f1f1;
    padding: 12px 12px 12px 48%;
    position: relative;
    min-height: 44px;
  }
  .lvr-compare td:last-child {
    border-bottom: 0;
  }

  /* Label bullets injected for each column */
  .lvr-compare td::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    width: 44%;
    font-weight: 600;
    white-space: normal;
  }
  .lvr-compare tr td:nth-child(1)::before { content: "Training course"; }
  .lvr-compare tr td:nth-child(2)::before { content: "Units"; }
  .lvr-compare tr td:nth-child(3)::before { content: "Who it suits"; }
  .lvr-compare tr td:nth-child(4)::before { content: "Delivery mode"; }
  .lvr-compare tr td:nth-child(5)::before { content: "Assessment tasks"; }
  .lvr-compare tr td:nth-child(6)::before { content: "Typical duration*"; }

  /* Make the first cell (course name) stand out slightly */
  .lvr-compare tr td:nth-child(1) {
    font-weight: 700;
  }
}
.neo-block.neo-block--accordion {margin-top:2%!important;}
.neo-block{padding-bottom:20px!important;}

h2 + ul {margin-top:20px!important;}

p {margin-top:20px!important;}

h3.h4 {margin-top: 30px!important;}

table {margin-top:20px!important;}

h3 + ul {
  margin-top: 20px!important
}

@media screen and (max-width: 768px){ 
  .column {margin-bottom: 5px!important;}
}
 h3 {margin-bottom:20px!important;} 

.w-full {margin-bottom:20px!important;}