.elementor-16315 .elementor-element.elementor-element-044a95c{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16315 .elementor-element.elementor-element-044a95c:not(.elementor-motion-effects-element-type-background), .elementor-16315 .elementor-element.elementor-element-044a95c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4EFE7;}.elementor-16315 .elementor-element.elementor-element-ce46da9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-16315 .elementor-element.elementor-element-8c86e2b{text-align:center;font-size:18px;color:var( --e-global-color-primary );}.elementor-16315 .elementor-element.elementor-element-073cb32{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-16315 .elementor-element.elementor-element-b2d0694{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-16315 .elementor-element.elementor-element-d499d9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-16315 .elementor-element.elementor-element-438d754{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16315 .elementor-element.elementor-element-5c29c13{margin:-48px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16315 .elementor-element.elementor-element-fedc30e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-10px 0px 0px 0px;}.elementor-16315 .elementor-element.elementor-element-16ed14f{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//*
╔══════════════════════════════════════════════════════════════════╗
║  TSS GLOBAL CSS — Block 0                                        ║
║  WHERE TO PASTE: WordPress Dashboard →                           ║
║    Elementor > Custom CSS  (or Appearance > Additional CSS)      ║
║  Paste this ONCE. All other blocks rely on these variables.      ║
╚══════════════════════════════════════════════════════════════════╝
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --tss-navy:        #006786;
  --tss-navy-deep:   #004F68;
  --tss-teal:        #1AACBB;
  --tss-teal-light:  #1ECECA;
  --tss-teal-pale:   #E3F7F8;
  --tss-magenta:     #CC1FAD;
  --tss-mag-pale:    #FBE8F7;
  --tss-cream:       #FDFAF5;
  --tss-warm:        #F4EFE7;
  --tss-ink:         #1A1A2E;
  --tss-ink-mid:     #3C3C52;
  --tss-ink-soft:    #6B6B82;
  --tss-border:      #DDD8CF;
  --tss-serif:       'Cormorant Garamond', Georgia, serif;
  --tss-sans:        'DM Sans', system-ui, sans-serif;
  --tss-r-sm:        8px;
  --tss-r-md:        14px;
  --tss-r-lg:        22px;
}

/* Shared button styles used across all blocks */
.tss-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  font-family: var(--tss-sans, 'DM Sans', system-ui, sans-serif);
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px 22px;
  transition: all 0.18s;
  letter-spacing: 0.01em;
  cursor: pointer;
  border: none;
}
.tss-btn svg {
  width: 14px; height: 14px;
  stroke: currentColor; stroke-width: 2;
  fill: none; stroke-linecap: round; stroke-linejoin: round;
  flex-shrink: 0; transition: transform 0.18s;
}
.tss-btn:hover svg { transform: translateX(3px); }
.tss-btn-lg { padding: 15px 30px; font-size: 16px; border-radius: 10px; }

.tss-btn-teal       { background: #1AACBB; color: #fff; }
.tss-btn-teal:hover { background: #158A99; }
.tss-btn-navy       { background: #006786; color: #fff; }
.tss-btn-navy:hover { background: #004F68; }
.tss-btn-mag        { background: #CC1FAD; color: #fff; }
.tss-btn-mag:hover  { background: #A61890; }
.tss-btn-white      { background: #fff; color: #006786; }
.tss-btn-white:hover{ background: #EAF5F8; }
.tss-btn-white-out  { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,0.42); }
.tss-btn-white-out:hover { border-color: rgba(255,255,255,0.80); background: rgba(255,255,255,0.08); }
.tss-btn-out        { background: transparent; color: #006786; border: 1.5px solid #006786; }
.tss-btn-out:hover  { background: #006786; color: #fff; }
.tss-btn-out-teal   { background: transparent; color: #1AACBB; border: 1.5px solid #1AACBB; }
.tss-btn-out-teal:hover { background: #1AACBB; color: #fff; }
.tss-btn-out-mag    { background: transparent; color: #CC1FAD; border: 1.5px solid #CC1FAD; }
.tss-btn-out-mag:hover  { background: #CC1FAD; color: #fff; }

/* Shared label */
.tss-label {
  font-family: var(--tss-sans, 'DM Sans', system-ui, sans-serif);
  font-size: 11.5px; font-weight: 600;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: #1AACBB;
  margin-bottom: 10px;
  display: flex; align-items: center; gap: 10px;
}
.tss-label::before {
  content: ''; width: 24px; height: 2px;
  background: #1AACBB; border-radius: 2px; flex-shrink: 0;
}

/* Icon placeholder — used in all cards until you add your own icons */
.tss-icon-ph {
  width: 48px; height: 48px;
  border-radius: 12px;
  background: #F4F4F4;
  border: 2px dashed #C8C8C8;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 14px; flex-shrink: 0;
  font-size: 11px; color: #AAAAAA;
  font-family: system-ui, sans-serif;
}
.tss-icon-ph--lg {
  width: 68px; height: 68px;
  border-radius: 16px;
  background: rgba(30,206,202,0.08);
  border: 2px dashed rgba(30,206,202,0.35);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}/* End custom CSS */