/* =====================================================================
   FastDriver Plugin 1371 - Dark CTA Block
   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 .fddc-sec.
   ===================================================================== */

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

.fddc-sec{
  --fddc-lime:var(--primary-color-one,#C1F11D);
  --fddc-ink:var(--primary-color-two,#141414);
  background:var(--fddc-ink);
  color:#ffffff;
  padding:80px 0;
  -webkit-font-smoothing:antialiased;
}
.fddc-wrap{max-width:1280px;margin:0 auto;padding:0 40px}

.fddc-title{
  margin:0;
  max-width:60ch;
  font-weight:600;
  color:#ffffff;
}
.fddc-body{margin-top:18px;max-width:70ch;color:rgba(255,255,255,.72)}
.fddc-body p{margin:0 0 12px;color:rgba(255,255,255,.72)}
.fddc-body p:last-child{margin-bottom:0}
.fddc-body a{color:var(--fddc-lime);text-decoration:underline}

.fddc-btns{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.fddc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:18px 32px;
  border-radius:100px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  transition:filter .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.fddc-btn--lime{background:var(--fddc-lime);color:var(--fddc-ink)}
.fddc-btn--lime:hover{filter:brightness(.94);color:var(--fddc-ink)}
.fddc-btn--light{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffff;font-weight:500;padding:18px 30px}
.fddc-btn--light:hover{background:#ffffff;color:var(--fddc-ink)}
.fddc-btn--solid{background:#ffffff;color:var(--fddc-ink)}
.fddc-btn--solid:hover{filter:brightness(.92);color:var(--fddc-ink)}

.fddc-fine{margin-top:22px;max-width:70ch;color:rgba(255,255,255,.56)}
.fddc-fine p{margin:0 0 8px;color:rgba(255,255,255,.56)}
.fddc-fine p:last-child{margin-bottom:0}

@media(max-width:760px){
  .fddc-sec{padding:56px 0}
  .fddc-wrap{padding:0 20px}
  .fddc-btns .fddc-btn{width:100%}
}
@media(max-width:400px){
  .fddc-wrap{padding:0 16px}
}