/* =====================================================================
   FastDriver Plugin 1325 - Topics Covered Grid
   Scoped under .fdtp-section. Theme vars for colour/fonts; Bootstrap grid.
   ===================================================================== */
.fdtp-section, .fdtp-section *, .fdtp-section *::before, .fdtp-section *::after{ box-sizing:border-box; }
.fdtp-section{
  background:#F7F7F4; padding:96px 0;
  font-family: var(--creote-family-two, "Inter", sans-serif);
  font-size: var(--font-size-base, 17px);
  color: var(--text-color-dark, #4a4e56);
  -webkit-font-smoothing:antialiased;
}
.fdtp-container{ max-width:1280px; }
.fdtp-header{ max-width:760px; }
.fdtp-eyebrow{
  display:inline-block; background: var(--primary-color-one,#C1F11D); color: var(--primary-color-two,#141414);
  padding:8px 16px; border-radius:100px; font-size:12px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase;
}
.fdtp-title{
  margin:16px 0 0; font-family: var(--creote-family-one,"Spartan",sans-serif);
  font-size:clamp(30px,3.4vw,44px); font-weight:600; letter-spacing:-0.025em; text-transform:uppercase; line-height:1.1;
  color: var(--primary-color-two,#141414);
}
.fdtp-intro{ margin:20px 0 0; font-size:18px; line-height:1.65; color:rgba(20,20,20,0.62); }

.fdtp-grid{ margin-top:52px; }
.fdtp-col{ display:flex; }
.fdtp-card{
  width:100%; background:#fff; padding:28px 26px 30px; border:1px solid rgba(20,20,20,0.09);
  border-radius:16px; box-shadow:0 2px 10px rgba(20,20,20,0.04);
}
.fdtp-card__title{ margin:20px 0 0; font-family: var(--creote-family-one,"Spartan",sans-serif); font-size:19px; font-weight:600; color: var(--primary-color-two,#141414); }
.fdtp-card__text{ margin:8px 0 0; font-size:15px; line-height:1.55; color:rgba(20,20,20,0.6); }

/* ── Marker shapes ── */
.fdtp-mark{ display:block; width:14px; height:14px; }
.fdtp-mark--lime-square{ background: var(--primary-color-one,#C1F11D); border:1px solid var(--primary-color-two,#141414); }
.fdtp-mark--lime-circle{ background: var(--primary-color-one,#C1F11D); border:1px solid var(--primary-color-two,#141414); border-radius:100px; }
.fdtp-mark--lime-diamond{ background: var(--primary-color-one,#C1F11D); border:1px solid var(--primary-color-two,#141414); transform:rotate(45deg); }
.fdtp-mark--ink-square{ background: var(--primary-color-two,#141414); }
.fdtp-mark--ink-circle{ background: var(--primary-color-two,#141414); border-radius:100px; }
.fdtp-mark--ink-diamond{ background: var(--primary-color-two,#141414); transform:rotate(45deg); }

@media(max-width:768px){ .fdtp-section{ padding:56px 0; } }
@media(max-width:640px){ .fdtp-col{ width:100%; flex:0 0 100%; max-width:100%; } }