/* =====================================================================
   FastDriver Plugin 1324 - How It Works Steps
   Scoped under .fdhw-section. Theme vars for colour/fonts; Bootstrap grid.
   ===================================================================== */
.fdhw-section, .fdhw-section *, .fdhw-section *::before, .fdhw-section *::after{ box-sizing:border-box; }
.fdhw-section{
  background:#fff; border-top:1px solid rgba(20,20,20,0.08); 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;
}
.fdhw-container{ max-width:1280px; }
.fdhw-header{ max-width:720px; }
.fdhw-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;
}
.fdhw-title{
  margin:14px 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; line-height:1.1;
  color: var(--primary-color-two,#141414);
}
.fdhw-intro{ margin:16px 0 0; font-size:18px; line-height:1.65; color:rgba(20,20,20,0.62); }

.fdhw-grid{ margin-top:44px; }
.fdhw-col{ display:flex; }
.fdhw-card{
  width:100%; background:#F7F7F4; border:1px solid rgba(20,20,20,0.08); border-radius:20px;
  padding:28px 26px 32px; display:flex; flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease;
}
.fdhw-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(20,20,20,0.09); }
.fdhw-card--dark{ background: var(--primary-color-two,#141414); border-color: var(--primary-color-two,#141414); color:#fff; }
.fdhw-card--dark:hover{ box-shadow:0 16px 36px rgba(20,20,20,0.22); }
.fdhw-card__top{ display:flex; align-items:center; justify-content:space-between; }
.fdhw-card__icon{ width:52px; height:52px; border-radius:16px; background: var(--primary-color-one,#C1F11D); display:grid; place-items:center; color: var(--primary-color-two,#141414); }
.fdhw-card__icon svg{ width:22px; height:22px; }
.fdhw-card__num{ font-size:15px; font-weight:600; color:rgba(20,20,20,0.28); }
.fdhw-card--dark .fdhw-card__num{ color:rgba(255,255,255,0.35); }
.fdhw-card__title{ margin:22px 0 0; font-family: var(--creote-family-one,"Spartan",sans-serif); font-size:20px; font-weight:600; letter-spacing:-0.01em; color: var(--primary-color-two,#141414); }
.fdhw-card--dark .fdhw-card__title{ color:#fff; }
.fdhw-card__text{ margin:10px 0 0; font-size:15px; line-height:1.6; color:rgba(20,20,20,0.62); }
.fdhw-card--dark .fdhw-card__text{ color:rgba(255,255,255,0.66); }
.fdhw-card__link{ margin-top:20px; color: var(--primary-color-one,#C1F11D); font-size:15px; font-weight:600; text-decoration:none; }
.fdhw-card__link:hover{ color: var(--primary-color-one,#C1F11D); opacity:.85; }

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