/* =====================================================================
   FastDriver Plugin 1361 - Split Heading Text
   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 .fdsx-sec.
   ===================================================================== */

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

.fdsx-sec{
  --fdsx-head:var(--heading-dark,#141414);
  --fdsx-body:var(--text-color-dark,#4a4e56);
  --fdsx-line:var(--border-color-dark,#e4e7ee);
  background:#ffffff;
  padding:80px 0;
  color:var(--fdsx-body);
  -webkit-font-smoothing:antialiased;
}
.fdsx-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.fdsx-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:start}

.fdsx-title{
  margin:0;
  font-weight:600;
  color:var(--fdsx-head);
}

.fdsx-body{display:flex;flex-direction:column;gap:18px;max-width:70ch;min-width:0}
.fdsx-p p{margin:0 0 12px;color:var(--fdsx-body)}
.fdsx-p p:last-child{margin-bottom:0}
.fdsx-p a{color:var(--fdsx-head);text-decoration:underline}

@media(max-width:1000px){
  .fdsx-grid{grid-template-columns:1fr;gap:24px}
}
@media(max-width:760px){
  .fdsx-sec{padding:56px 0}
  .fdsx-wrap{padding:0 20px}
}
@media(max-width:400px){
  .fdsx-wrap{padding:0 16px}
}