.elementor-kit-1926{--e-global-color-primary:#002D72;--e-global-color-secondary:#004B8D;--e-global-color-text:#0B1B2B;--e-global-color-accent:#F7F7F7;--e-global-color-background:#FFFFFF;--e-global-color-backgroundAccent:#F2F2F2;--e-global-color-transparent:#00000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.5rem;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-ddbb51d-font-family:"Montserrat";--e-global-typography-ddbb51d-font-size:0.8rem;--e-global-typography-ddbb51d-line-height:1rem;--e-global-typography-97531fc-font-family:"Montserrat";--e-global-typography-97531fc-font-size:1.2rem;--e-global-typography-97531fc-line-height:1.5rem;--e-global-typography-heading-xl-font-family:"Poppins";--e-global-typography-heading-xl-font-size:56px;--e-global-typography-heading-xl-font-weight:600;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Poppins";--e-global-typography-heading-l-font-size:48px;--e-global-typography-heading-l-font-weight:600;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Poppins";--e-global-typography-heading-m-font-size:40px;--e-global-typography-heading-m-font-weight:600;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Poppins";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Figtree";--e-global-typography-body-s-font-size:14px;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;background-color:var( --e-global-color-background );}.elementor-kit-1926 button,.elementor-kit-1926 input[type="button"],.elementor-kit-1926 input[type="submit"],.elementor-kit-1926 .elementor-button{background-color:var( --e-global-color-primary );color:#FFFFFF;border-style:none;border-radius:40px 40px 40px 40px;padding:15px 30px 15px 30px;}.elementor-kit-1926 button:hover,.elementor-kit-1926 button:focus,.elementor-kit-1926 input[type="button"]:hover,.elementor-kit-1926 input[type="button"]:focus,.elementor-kit-1926 input[type="submit"]:hover,.elementor-kit-1926 input[type="submit"]:focus,.elementor-kit-1926 .elementor-button:hover,.elementor-kit-1926 .elementor-button:focus{background-color:#FFFFFF;color:#004B8D;box-shadow:0px 0px 8px 0px #E0E0E0;}.elementor-kit-1926 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1926 img{border-radius:0px 0px 0px 0px;opacity:100;}.elementor-kit-1926 label{color:var( --e-global-color-secondary );}.elementor-kit-1926 input:not([type="button"]):not([type="submit"]),.elementor-kit-1926 textarea,.elementor-kit-1926 .elementor-field-textual{color:var( --e-global-color-secondary );accent-color:var( --e-global-color-primary );background-color:var( --e-global-color-background );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-backgroundAccent );border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-1926{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1926{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading-xl-font-size:40px;--e-global-typography-heading-l-font-size:32px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =======================================================
   ETM GLOBAL THEME — FINAL MASTER (Aug 2025)
   Purpose: utilities + light polish only; content is managed in Elementor.
   ======================================================= */

/* ---------- 0) Palette (brand-aligned) ---------- */
:root{
  --etm-blue:#002D72;      /* Primary */
  --etm-blue-2:#004B8D;    /* Hover / Secondary */
  --etm-text:#0B1B2B;      /* Body text */
  --etm-white:#FFFFFF;
  --etm-ice:#F3F7FF;       /* Pale blue band */
  --etm-border:#E6E8EC;
  --etm-focus:#94C9DA;     /* Focus ring */
}

/* ---------- 1) Typography (light touch) ---------- */
html,body{
  color:var(--etm-text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4{ color:var(--etm-blue); line-height:1.2; letter-spacing:.1px; }

/* ---------- 2) Links ---------- */
a, .elementor-text-editor a{ color:var(--etm-blue-2); text-decoration:none; }
a:hover, .elementor-text-editor a:hover{ text-decoration:underline; text-underline-offset:2px; }
a:focus-visible{ outline:3px solid var(--etm-focus); outline-offset:2px; border-radius:4px; }

/* Header/nav links on blue header */
header a{ color:#fff !important; text-decoration:none !important; }
header a:hover{ color:#DDEAF2 !important; text-decoration:underline !important; }

/* ---------- 3) Buttons (one global style + accessible states) ---------- */
.elementor-button, .etm-btn, .elementor-slide-button{
  background:var(--etm-blue) !important;
  color:#fff !important;
  border:none;
  border-radius:30px;
  padding:12px 22px;
  font-weight:600;
  line-height:1;
  transition:background .2s ease, transform .06s ease, box-shadow .2s ease;
}
.elementor-button:hover, .etm-btn:hover, .elementor-slide-button:hover{
  background:transparent !important;
  color:var(--etm-blue) !important;
  border:2px solid var(--etm-blue) !important;
  transform:translateY(-1px);
}
.elementor-button:focus-visible, .etm-btn:focus-visible, .elementor-slide-button:focus-visible{
  outline:3px solid var(--etm-focus); outline-offset:2px;
}

/* Optional outline variant for use on blue sections */
.etm-btn--outline,
.etm-cta-outline .elementor-button{
  background:transparent;
  color:#fff;
  border:2px solid #fff;
  border-radius:30px;
}
.etm-btn--outline:hover,
.etm-cta-outline .elementor-button:hover{ background:#ffffff1a; }

/* ---------- 4) Sections / Layout utilities ---------- */
/* Tone utilities applied in Elementor via Section > Advanced > CSS Classes */
.etm-white { background:var(--etm-white) !important; color:var(--etm-text); }
.etm-ice   { background:var(--etm-ice)   !important; color:var(--etm-text); }
.etm-blue  { background:var(--etm-blue)  !important; color:#fff; }

/* Invert text & link styling automatically on brand blue */
.etm-blue h1,.etm-blue h2,.etm-blue h3,.etm-blue h4,
.etm-blue p,.etm-blue li,.etm-blue .text-muted{ color:#fff; }
.etm-blue a{ color:#fff; text-decoration:underline; text-underline-offset:2px; }
.etm-blue a:hover{ opacity:.85; }

/* Vertical rhythm for all structured bands */
.etm-section{ padding-top:60px !important; padding-bottom:60px !important; }
@media (max-width:767px){
  .etm-section{ padding-top:40px !important; padding-bottom:40px !important; }
}

/* Alternation: apply ONLY when sections are tagged `.etm-section` */
.etm-section:nth-of-type(odd){  background:var(--etm-white) !important; color:var(--etm-text) !important; }
.etm-section:nth-of-type(even){ background:var(--etm-ice)   !important; color:var(--etm-text) !important; }

/* Center common inner widths when you add `etm-max` to a section */
.etm-max > .elementor-container{ max-width:1200px; margin-inline:auto; }

/* Equal-height columns when section has `etm-eq` */
.etm-eq .elementor-column{ display:flex; }
.etm-eq .elementor-widget-wrap{
  display:flex; flex-direction:column; gap:16px; width:100%;
}

/* Credential/badge global-widget safety net band (wrap section uses `etm-cred-wrap`) */
.etm-cred-wrap{ background:var(--etm-ice) !important; }

/* ---------- 5) Cards / badges / dividers ---------- */
.etm-card{
  background:#fff; border:1px solid var(--etm-border);
  border-radius:14px; padding:1.25rem;
  box-shadow:0 4px 10px rgba(0,0,0,.06);
  height:100%;
}
.text-muted{ color:#5c6b7a; }

.etm-badges{ width:100%; gap:30px; align-items:center; justify-content:center; }
.etm-badge .elementor-widget-container{ display:flex; flex-direction:column; align-items:center; }
.etm-badge img{ height:72px; width:auto; object-fit:contain; display:block; margin:0 auto 8px; }
.etm-badge .elementor-image-caption{ font-size:14px; line-height:1.3; font-weight:600; text-align:center; margin:0; max-width:220px; }
@media (max-width:1024px){ .etm-badges{ gap:24px; } .etm-badge img{ height:64px; } }
@media (max-width:540px){  .etm-badges{ gap:16px; } .etm-badge img{ height:56px; } .etm-badge .elementor-image-caption{ font-size:13px; } }

.etm-divider{ border-top:3px solid var(--etm-blue) !important; margin:0 auto 32px; width:100%; opacity:1; }
.etm-blue .etm-divider{ border-top-color:#ffffff55 !important; }

/* ---------- 6) Hero Slides polish (contrast & controls) ---------- */
.elementor-widget-slides .elementor-background-overlay{ background:rgba(0,0,0,.45) !important; }
.elementor-widget-slides .elementor-slide-content{ max-width:980px; margin-inline:auto; padding:16px; }
.elementor-widget-slides .elementor-slide-heading{
  color:#fff; line-height:1.2; text-shadow:0 2px 6px rgba(0,0,0,.55);
}
.elementor-widget-slides .elementor-slide-description{
  color:rgba(255,255,255,.9); line-height:1.6; text-shadow:0 2px 6px rgba(0,0,0,.55);
}
/* Arrows & dots */
.elementor-widget-slides .swiper-button-prev,
.elementor-widget-slides .swiper-button-next{ color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.6); }
.elementor-widget-slides .swiper-pagination-bullet{ background:#ffffff80; opacity:1; }
.elementor-widget-slides .swiper-pagination-bullet-active{ background:#fff; }
@media (max-width:1024px){
  .elementor-widget-slides .elementor-slide-heading{ font-size:38px; }
  .elementor-widget-slides .elementor-slide-description{ font-size:16px; }
}
@media (max-width:767px){
  .elementor-widget-slides .elementor-slide-heading{ font-size:28px; }
}

/* ---------- 7) Testimonials (scoped, reusable) ---------- */
#client-testimonials{ background:var(--etm-ice); }
#client-testimonials::before{
  content:""; display:block; width:100%;
  border-top:3px solid var(--etm-blue); margin:0 auto 32px;
}
#client-testimonials .elementor-container{ max-width:1100px; margin-inline:auto; }
#client-testimonials h2,#client-testimonials h3{ margin-bottom:.35rem; }
#client-testimonials .eyebrow{
  display:inline-block; font-weight:700; font-size:.9rem;
  color:var(--etm-blue); background:#E9F2FB; padding:.25rem .5rem; border-radius:6px;
}
#client-testimonials p{ margin:0 0 10px; }

/* ---------- 8) General polish ---------- */
ul{ margin:0 0 1rem 1.1rem; } li{ margin:.25rem 0; }
img{ max-width:100%; height:auto; }
mark{ background:#E9F5FA; color:var(--etm-blue); padding:.05rem .25rem; border-radius:4px; }
/* ===== ETM Global Divider Standard ===== */
/* Base: applies to all Elementor Divider widgets */
.elementor-divider .elementor-divider-separator,
.elementor-widget-divider .elementor-divider__separator {
  border-top: 3px solid var(--etm-blue, #002d72);
  width: 100%;
  margin: 32px 0;            /* vertical spacing */
  opacity: 1;
}

/* Make sure line shows even if widget tried to hide it */
.elementor-divider,
.elementor-widget-divider {
  --divider-border-width: 3px;
  --divider-color: var(--etm-blue, #002d72);
}

/* If a divider has centered text or icon, keep the line style consistent */
.elementor-divider--view-line_text .elementor-divider-separator,
.elementor-divider--view-line_icon .elementor-divider-separator {
  border-top-style: solid;
  border-top-width: 3px;
}

/* Utility: use on dividers in dark/blue sections when you want a white line */
.etm-divider--light .elementor-divider-separator { border-top-color: #ffffff; }

/* Utility: short accent line variant (add class `etm-divider--short` to that widget) */
.etm-divider--short .elementor-divider-separator { width: 120px; }

/* Utility: reduced spacing variant (add class `etm-divider--tight`) */
.etm-divider--tight .elementor-divider-separator { margin: 16px 0; }
/* ETM Global Content Rails */
.elementor-section:not(.elementor-inner-section) > .elementor-container {
  max-width: 1200px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
}

/* Inner content rail for long text blocks */
.etm-inner,
.elementor-section .elementor-widget-wrap.etm-inner {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

/* Uniform vertical rhythm */
.elementor-section:not(.elementor-inner-section) {
  --etm-pad-desktop: 80px;
  --etm-pad-tablet: 40px;
  padding-top: var(--etm-pad-desktop);
  padding-bottom: var(--etm-pad-desktop);
}
@media (max-width: 1024px) {
  .elementor-section:not(.elementor-inner-section) {
    padding-top: var(--etm-pad-tablet);
    padding-bottom: var(--etm-pad-tablet);
  }
}

/* Prevent oversized images from breaking rails */
.elementor img { max-width: 100%; height: auto; display: block; }
/* ===== ETM Super CSS – Global Content Rails (Pass 2) ===== */
/* Edit these once if you want different rails */
:root{
  --etm-rail: 1200px;    /* container rail */
  --etm-inner: 1040px;   /* text rail */
  --etm-pad-d: 80px;     /* desktop vertical rhythm */
  --etm-pad-t: 40px;     /* tablet/mobile vertical rhythm */
}

/* 1) Constrain all top-level Elementor sections to the 1200px rail */
.elementor-section:not(.elementor-inner-section) > .elementor-container{
  max-width: var(--etm-rail);
  margin-left: auto; margin-right: auto;
  padding-left: 40px; padding-right: 40px;
}

/* 2) Uniform vertical rhythm for all top-level sections */
.elementor-section:not(.elementor-inner-section){
  padding-top: var(--etm-pad-d);
  padding-bottom: var(--etm-pad-d);
}
@media (max-width: 1024px){
  .elementor-section:not(.elementor-inner-section){
    padding-top: var(--etm-pad-t);
    padding-bottom: var(--etm-pad-t);
  }
}

/* 3) Default text rail for long-copy blocks (apply class `etm-inner` to a Column or Inner Section when needed) */
.etm-inner{
  max-width: var(--etm-inner);
  margin-left: auto; margin-right: auto;
}

/* 4) Cards/grids polish (consistent gaps, prevent overflow) */
.elementor .elementor-widget:not(.elementor-widget-image) img{max-width:100%;height:auto;display:block;}
.elementor .elementor-column-gap-default > .elementor-column > .elementor-widget-wrap{row-gap:24px;}

/* 5) Divider standard (3px ETM blue) — matches your earlier request */
.elementor-widget-divider .elementor-divider__separator{
  border-top:3px solid var(--etm-blue, #002d72);
  opacity:1; width:100%; margin:32px 0;
}

/* 6) HTML/shortcode bands (credentials, etc.)
   Add class `etm-band` to the widget or wrap once in a <div class="etm-band">…</div> */
.etm-band{ max-width:var(--etm-rail); margin:0 auto; padding:64px 40px; }
.etm-band > *{ max-width:var(--etm-inner); margin-left:auto; margin-right:auto; }

/* 7) Safe opt-outs:
   - `etm-full` keeps something full-bleed (hero sliders, image strips)
   - `etm-wide` uses a wider rail when you want breath without true full-bleed */
.etm-full > .elementor-container{ max-width:none !important; padding-left:0; padding-right:0; }
.etm-wide > .elementor-container{ max-width: calc(var(--etm-rail) + 160px); }

/* 8) Guard against theme/global weirdness */
.elementor-section > .elementor-container{ box-sizing:border-box; }
/* Rails (already used elsewhere; keep once) */
.etm-band { max-width: 1200px; margin: 0 auto; padding: 64px 40px; }
.etm-band > * { max-width: 1040px; margin-left: auto; margin-right: auto; }

/* Pale blue band option */
.etm-ice { background: #f0f6fb; }
/* Tight band utility: use on sections that must be compact */
.elementor-top-section.etm-tight,
.elementor-section.etm-tight{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.elementor-top-section.etm-tight > .elementor-container{
  padding-left: 16px;
  padding-right: 16px;
}

/* Credential grid layout */
.etm-cred-grid .elementor-widget-container,
.etm-cred-grid .elementor-widget-html { width: 100%; }

/* If your HTML outputs plain <ul>/<div> items, this normalizes them into a grid */
.etm-cred-grid .etm-cred-list { 
  display: grid; 
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1024px){
  .etm-cred-grid .etm-cred-list { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px){
  .etm-cred-grid .etm-cred-list { grid-template-columns: repeat(2, 1fr); }
}

/* Card polish (works whether you use <li> or <div> with class .cred-card) */
.etm-cred-grid .cred-card{
  background:#fff; border:1px solid #e6e9ef; border-radius:14px;
  padding:24px; box-shadow:0 4px 12px rgba(0,0,0,.06);
  display:flex; flex-direction:column; align-items:center; justify-content:center; 
  min-height:180px;
}
.etm-cred-grid .cred-card img{ max-width:120px; height:auto; display:block; margin:0 auto 12px; }
.etm-cred-grid .cred-card .cred-label{ text-align:center; font-size:15px; line-height:1.4; color:#1e293b; }
/* ===== ETM MVP polish (non-destructive) ===== */

/* Container & rhythm */
.etm-wrap { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
.etm-section { padding: 56px 0 !important; }
.section--light { background: var(--etm-white); }
.section--muted { background: #F3F6FA; } /* slightly richer than --etm-bg for contrast */

/* Headings & ledes */
.etm-h2 { color: var(--etm-blue); font-size: 34px; line-height: 1.2; margin: 0 0 10px; }
.etm-lede { color: var(--etm-gray); font-size: 16px; margin: 0 0 22px; }

/* CTA buttons */
.etm-btn { background: var(--etm-amber); color: #fff; border: 0; border-radius: 10px;
  padding: .9rem 1.2rem; font-weight: 700; display: inline-block; text-decoration: none; }
.etm-btn:hover { background: var(--etm-amber-hover); }

/* Grids */
.etm-cases-grid, .etm-whatif-grid { display: grid; gap: 22px; grid-template-columns: repeat(3,1fr); }
@media (max-width: 1024px){ .etm-cases-grid, .etm-whatif-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px){ .etm-cases-grid, .etm-whatif-grid { grid-template-columns: 1fr; } }

/* Cards */
.etm-case, .etm-whatif-card {
  background: #fff; border: 1px solid var(--etm-border); border-radius: 14px; padding: 18px 18px 16px;
  box-shadow: 0 4px 10px rgba(0,0,0,.06); display: flex; flex-direction: column; gap: 10px; min-height: 160px;
}
.etm-case h3, .etm-whatif-card h3 { margin: 0; color: var(--etm-blue); font-size: 18px; }
.etm-tag, .etm-eyebrow { display: inline-block; background: var(--etm-blue); color: #fff; font-weight: 700;
  border-radius: 6px; padding: .2rem .45rem; font-size: .78rem; }
.etm-metric { margin-top: auto; padding-top: 10px; border-top: 1px dashed var(--etm-border);
  color: var(--etm-amber); font-weight: 700; }

/* “What if” CTA link */
.etm-cta-link { margin-top: auto; color: var(--etm-teal); font-weight: 700; text-decoration: none; }
.etm-cta-link:hover { text-decoration: underline; }

/* Risk App CTA block */
.etm-risk { background: linear-gradient(180deg,#fff,#f8f9fa); border: 1px solid var(--etm-border);
  border-radius: 16px; padding: 22px; box-shadow: 0 6px 18px rgba(0,0,0,.06);
  display: flex; gap: 20px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.etm-risk h3 { margin: 0 0 6px; color: var(--etm-blue); font-size: 22px; }
.etm-risk .etm-btn--outline { background: transparent; color: var(--etm-blue);
  border: 2px solid var(--etm-blue); border-radius: 10px; padding: .8rem 1.1rem; font-weight: 700; }
.etm-risk .etm-btn--outline:hover { background: var(--etm-blue); color: #fff; }

/* Lists in muted bands look a bit faint; strengthen */
#alerts ul { margin: 8px 0 0 18px; }
#alerts li { margin: 4px 0; color: #213043; }

/* Mini helpers */
img[alt*="Badge"], img[alt*="Scorecard"] { max-height: 60px; width: auto; }
<!-- =============================
Supersize CSS (no HTML changes needed)
Use: paste this CSS into the same HTML widget(s) *below* the existing CSS, or in Site Settings → Custom CSS.
Affects only .etm-credbar and .etm-announce.
============================= -->
<style>
  /* ---------- Mini Credential Bar: Supersize ---------- */
  .etm-credbar{ padding: 18px 0; }
  .etm-credbar .container{ max-width: 1200px; margin: 0 auto; padding: 0 16px; }
  .etm-credbar .wrap{ gap: 20px; }
  .etm-credbar .note{ font-size: clamp(14px, 1.2vw, 18px); font-weight: 600; letter-spacing:.2px; }
  .etm-credbar .logos{ gap: 22px; }
  .etm-credbar img{ height: clamp(26px, 2.2vw, 36px); opacity:.98; }
  .etm-credbar img:hover{ filter: brightness(1) invert(0); opacity:1; transition: filter .2s ease, opacity .2s ease; }
  @media (max-width: 900px){
    .etm-credbar .wrap{ justify-content: center; }
    .etm-credbar .note{ flex: 1 1 100%; text-align:center; margin-bottom: 6px; }
  }

  /* ---------- Announcement Strip: Supersize ---------- */
  .etm-announce{ padding: 12px 0; }
  .etm-announce .container{ max-width: 1200px; margin: 0 auto; padding: 0 16px; }
  .etm-announce .wrap{ gap: 14px; }
  .etm-announce .tag{ font-size: clamp(12px, 0.95vw, 14px); padding: 6px 12px; }
  .etm-announce .muted{ font-size: clamp(14px, 1.25vw, 18px); }
  .etm-announce a{ color:#0B4DA2; font-weight:600; text-decoration: underline; }

  /* Optional subtle separators for clarity */
  .etm-credbar{ box-shadow: 0 1px 0 rgba(0,0,0,.04) inset; }
  .etm-announce{ border-top: 1px solid #e6ecf5; box-shadow: 0 -1px 0 rgba(0,0,0,.02) inset; }

  /* Reduced motion preference */
  @media (prefers-reduced-motion: reduce){
    .etm-credbar img:hover{ transition: none; }
  }
</style>
/* ===== Mini Credential Bar ===== */
.etm-credbar {
  background: var(--etm-blue);
  color: #fff;
  padding: 12px 0;
  box-shadow: 0 1px 0 rgba(0,0,0,.05) inset;
}

.etm-credbar .wrap {
  max-width: var(--etm-rail);
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.etm-credbar .note {
  font-size: clamp(14px, 1.1vw, 16px);
  font-weight: 600;
  line-height: 1.4;
  flex: 1 1 280px;
}

.etm-credbar .logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  flex: 2;
}

.etm-credbar .logos img {
  height: clamp(28px, 2.5vw, 40px);
  max-width: 140px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: .9;
  transition: opacity .2s ease, transform .1s ease;
}

.etm-credbar .logos img:hover {
  opacity: 1;
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .etm-credbar .wrap { justify-content: center; }
  .etm-credbar .note { text-align: center; margin-bottom: 8px; }
  .etm-credbar .logos { justify-content: center; }
}
/* Make credential/notice bands compact when the section has class `etm-tight` */
.elementor-section.etm-tight{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Optional: if the inner container feels wide for the tiny band */
.elementor-section.etm-tight > .elementor-container{
  padding-left: 16px;
  padding-right: 16px;
}

/* ==== ETM Large Credibility Bar — tuned for current homepage rails/spacing ==== */
.etm-credxl{
  /* harmonize with your rails & rhythm */
  --rail: var(--etm-rail, 1200px);
  --blue: var(--etm-blue, #002D72);
  --ink: #e8f0ff;
  --muted: rgba(255,255,255,.9);
  --chip-bg: rgba(255,255,255,.06);
  --chip-br: rgba(255,255,255,.16);

  background: radial-gradient(1200px 520px at 60% -6%, #0b4da2 0%, var(--blue) 58%) !important;
  color:#fff;
  padding: 48px 0 44px;          /* slightly tighter to sit under hero */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.etm-credxl .rail{ max-width:var(--rail); margin:0 auto; padding:0 24px; }
.etm-credxl h2{ margin:0 0 6px; font-size:clamp(26px,2.2vw,34px); line-height:1.25; }
.etm-credxl .lede{ margin:0 0 22px; color:var(--muted); }

/* Row 1 */
.etm-credxl .badges{
  list-style:none; margin:0; padding:0;
  display:grid; gap:18px;
  grid-template-columns: repeat(8, minmax(0,1fr));
}
@media (max-width:1100px){ .etm-credxl .badges{ grid-template-columns: repeat(4,1fr); } }
@media (max-width:640px){  .etm-credxl .badges{ grid-template-columns: repeat(2,1fr); } }

.etm-credxl .cred{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:14px 12px;             /* slightly reduced padding */
  text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:8px;
  min-height:132px;
}
.etm-credxl .icon{
  width:42px; height:42px; border-radius:10px;
  background:linear-gradient(180deg, #e7f0ff, #cfe1ff);
  box-shadow: inset 0 0 0 2px #ffffffa8, 0 4px 10px rgba(0,0,0,.18);
}
.etm-credxl .label{ font-weight:800; }
.etm-credxl .sub{ font-size:12px; color:var(--ink); opacity:.95; }

/* Divider */
.etm-credxl .split{ border:0; border-top:1px solid rgba(255,255,255,.12); margin:22px 0; }

/* Row 2 chips */
.etm-credxl .eyebrow{ margin:0 0 10px; font-size:14px; font-weight:800; letter-spacing:.02em; color:#dfe8ff; }
.etm-credxl .chips{ display:flex; flex-wrap:wrap; gap:12px; }
.etm-credxl .chip{
  background:var(--chip-bg); border:1px solid var(--chip-br); border-radius:14px;
  padding:10px 16px; display:flex; flex-direction:column; gap:4px;
  min-width:162px; text-align:center;
}
.etm-credxl .chip strong{ font-weight:900; }
.etm-credxl .chip em{ font-style:normal; color:#d9e6ff; font-size:12px; }

/* Row 3 mini badges */
.etm-credxl .mini-badges{
  list-style:none; margin:0 0 18px; padding:0;
  display:grid; gap:14px; grid-template-columns: repeat(6,1fr);
}
@media (max-width:1100px){ .etm-credxl .mini-badges{ grid-template-columns: repeat(3,1fr); } }
@media (max-width:640px){  .etm-credxl .mini-badges{ grid-template-columns: repeat(2,1fr); } }

.etm-credxl .mini{
  display:flex; align-items:center; gap:10px; justify-content:center;
  padding:10px 8px; border-radius:12px; background:transparent; border:1px dashed rgba(255,255,255,.16);
}
.etm-credxl .mini-icon{
  width:26px; height:26px; border-radius:7px;
  background:linear-gradient(180deg, #e7f0ff, #d6e6ff);
  box-shadow: inset 0 0 0 1px #fff6, 0 2px 6px rgba(0,0,0,.18);
}
.etm-credxl .mini-text{ color:#f3f7ff; font-size:14px; }

/* Row 4 KPIs */
.etm-credxl .kpis{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px; padding:16px;
  display:grid; gap:14px; grid-template-columns: repeat(4,1fr);
}
@media (max-width:900px){ .etm-credxl .kpis{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:520px){ .etm-credxl .kpis{ grid-template-columns: 1fr; } }

.etm-credxl .kpi{ text-align:center; padding:8px 6px; }
.etm-credxl .value{
  font-weight:900; font-size:clamp(22px, 2.6vw, 30px);
  color:#ffd27a; text-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.etm-credxl .desc{ font-size:13px; color:#dfe8ff; }/* End custom CSS */