/* =====================================================================
   FastDriver Plugin 1362 - Intro Card Grid
   Colour, spacing and layout only. No font-size and no font-family are
   declared anywhere in this file, so headings and body copy inherit the
   site defaults from theme-css.css (body -> --creote-family-two /
   --font-size-base, h1..h6 -> --creote-family-one at the theme's own
   sizes and line heights, p -> 16px / 26px). Change the theme type scale
   and this section follows it.
   Scoped under .fdig-sec.
   ===================================================================== */

.fdig-sec,.fdig-sec *,.fdig-sec *::before,.fdig-sec *::after{box-sizing:border-box}

.fdig-sec{
  --fdig-lime:var(--primary-color-one,#C1F11D);
  --fdig-head:var(--heading-dark,#141414);
  --fdig-body:var(--text-color-dark,#4a4e56);
  --fdig-mute:var(--text-color-dark-two,#888888);
  --fdig-line:var(--border-color-dark,#e4e7ee);
  --fdig-tint:#f8fde8;
  --fdig-tint:color-mix(in srgb, var(--fdig-lime) 13%, #ffffff);
  background:var(--fdig-tint);
  border-top:1px solid var(--fdig-line);
  padding:80px 0;
  color:var(--fdig-body);
  -webkit-font-smoothing:antialiased;
}
.fdig-wrap{max-width:1280px;margin:0 auto;padding:0 40px}

.fdig-head{max-width:74ch}
.fdig-title{
  margin:0;
  font-weight:600;
  color:var(--fdig-head);
}
.fdig-intro{margin-top:16px}
.fdig-intro p{margin:0 0 12px;color:var(--fdig-body)}
.fdig-intro p:last-child{margin-bottom:0}

/* Grid */
.fdig-grid{margin-top:36px;display:grid;gap:18px;align-items:stretch}
.fdig-grid--2{grid-template-columns:repeat(2,1fr)}
.fdig-grid--3{grid-template-columns:repeat(3,1fr)}
.fdig-grid--4{grid-template-columns:repeat(4,1fr)}

.fdig-card{
  background:#ffffff;
  border:1px solid var(--fdig-line);
  border-radius:14px;
  padding:26px 24px;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.fdig-card:hover{border-color:var(--fdig-head);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.fdig-card__t{
  margin:0;
  font-weight:600;
  color:var(--fdig-head);
}
.fdig-card__b{margin-top:12px}
.fdig-card__b p{margin:0 0 10px;color:var(--fdig-body)}
.fdig-card__b p:last-child{margin-bottom:0}

/* Footnote */
.fdig-foot{margin-top:22px;max-width:78ch;color:var(--fdig-mute)}
.fdig-foot p{margin:0 0 10px;color:var(--fdig-mute)}
.fdig-foot p:last-child{margin-bottom:0}

@media(max-width:1000px){
  .fdig-grid--3,.fdig-grid--4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .fdig-sec{padding:56px 0}
  .fdig-wrap{padding:0 20px}
  .fdig-grid--2,.fdig-grid--3,.fdig-grid--4{grid-template-columns:1fr}
}
@media(max-width:400px){
  .fdig-wrap{padding:0 16px}
}