/* sj-comparison-table */
.sj-ct { font-family: 'Inter', sans-serif; }
.sj-ct * { box-sizing: border-box; }

.sj-ct__inner { 
  width: 100%;
  margin: 0 auto;
}

.sj-ct__eyebrow { 
  font-family: 'Inter', sans-serif; 
  font-weight: 700; 
  font-size: 18px; 
  letter-spacing: .12em; 
  text-transform: uppercase; 
  display: block; 
  margin-bottom: 18px; 
}

.sj-ct__heading {
max-width: 600px;
}

.sj-ct__heading { 
  font-family: 'Macan', sans-serif !important; 
  font-weight: 800; 
  font-size: clamp(30px, 3.7vw, 48px); 
  line-height: 1.12; 
  letter-spacing: -.02em; 
  margin: 0 0 22px;
  text-wrap: balance;
}

.sj-ct__lead { font-size: 18px; line-height: 1.65; max-width: 62ch; margin-bottom: 48px; }
.sj-ct__table { border: 1px solid rgba(255,255,255,0.14); border-radius: 16px; overflow: hidden; }
.sj-ct__header { display: grid; grid-template-columns: 1fr 1fr; font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.14); background: rgba(0,0,0,0.18); }
.sj-ct__header-left { padding: 14px 24px; color: rgba(255,255,255,0.4); }
.sj-ct__header-right { padding: 14px 24px; border-inline-start: 1px solid rgba(255,255,255,0.14); }
.sj-ct__row { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,0.1); }
.sj-ct__row--alt { background: rgba(255,255,255,0.02); }
.sj-ct__cell { padding: 18px 24px; font-size: 16px; display: flex; align-items: center; gap: 12px; }
.sj-ct__cell--left { color: rgba(255,255,255,0.42); }
.sj-ct__cell--right { border-inline-start: 1px solid rgba(255,255,255,0.14); font-weight: 600; color: #fff; background: rgba(3,211,141,0.045); }
.sj-ct__icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-size: 11px; font-weight: 700; }
.sj-ct__icon--x { background: rgba(184,45,63,0.16); color: #e0879a; }
.sj-ct__icon--check { background: rgba(3,211,141,0.18); color: #03D38D; }
.sj-ct__footer { padding: 16px 24px; border-top: 1px solid rgba(255,255,255,0.14); background: rgba(0,0,0,0.18); font-family: 'Macan Mono', monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,0.4); }

/* Dark text scheme overrides */
.sj-ct--text-dark .sj-ct__heading { color: #12161A; }
.sj-ct--text-dark .sj-ct__lead { color: #3E3D37; }
.sj-ct--text-dark .sj-ct__table { border-color: #E2E4E8; }
.sj-ct--text-dark .sj-ct__header { background: #F4F6FA; border-bottom-color: #E2E4E8; }
.sj-ct--text-dark .sj-ct__header-left { color: #373C41; }
.sj-ct--text-dark .sj-ct__row { border-top-color: #E2E4E8; }
.sj-ct--text-dark .sj-ct__cell--left { color: #373C41; }
.sj-ct--text-dark .sj-ct__cell--right { border-inline-start-color: #E2E4E8; color: #12161A; background: rgba(36,111,82,0.05); }
.sj-ct--text-dark .sj-ct__footer { background: #F4F6FA; border-top-color: #E2E4E8; color: #373C41; }
/* Light text scheme */
.sj-ct--text-light .sj-ct__heading { color: #ffffff; }
.sj-ct--text-light .sj-ct__lead { color: rgba(255,255,255,0.65); }

@media (max-width: 768px) {

  .sj-ct__header {
    display: none;
  }

  @media (max-width: 768px) {
  .sj-ct {
    padding: 64px 24px;
  }

  .sj-ct__row {
    display: block;
  }

  .sj-ct__cell--left::before {
    content: "Traditional Training";
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
    opacity: .7;
  }

  .sj-ct__cell--right::before {
    content: "Security Journey";
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
    color: #03D38D;
  }
}

.container {
  max-width: 1240px;
}

.container-fluid {
  max-width: 100%;
}

.container-narrow {
  max-width: 960px;
}