/* ======================================================
   Intenttale UI — MD3 Readable Themes (Light & Dark)
   Merged & De-duplicated (no color changes)
   ====================================================== */

/* =============================== */
/* MD3 TOKENS & GLOBAL BASE        */
/* =============================== */
:root{
  /* Type scale */
  --md-display-large:57px; --md-display-medium:45px; --md-display-small:36px;
  --md-headline-large:32px; --md-headline-medium:28px; --md-headline-small:24px;
  --md-title-large:22px; --md-title-medium:16px; --md-title-small:14px;
  --md-body-large:16px; --md-body-medium:14px; --md-body-small:12px;
  --md-label-large:14px; --md-label-medium:12px; --md-label-small:11px;

  /* Elevation */
  --md-elevation-0:none;
  --md-elevation-1:0 1px 2px rgba(0,0,0,.25), 0 1px 3px rgba(0,0,0,.12);
  --md-elevation-2:0 2px 8px rgba(0,0,0,.26), 0 6px 16px rgba(0,0,0,.12);

  /* State layers */
  --state-hover:.10; --state-focus:.16; --state-press:.14;

  /* Brand seeds */
  --it-purple:#4a154b; --it-blue:#64c3eb; --it-yellow:#e3b34c; --it-red:#ce375c; --it-green:#0a7a4b;
  --it-ink:#0e0f12; --it-ring:#e8ebf1;

  /* Header metrics */
  --hdr-h:78px; --hdr-h-sticky:62px;
  --logo-w:180px; --logo-w-sticky:120px; --logo-w-mobile:70px;

  /* Glass elevations */
  --elev-0:none;
  --elev-1:0 2px 4px rgba(0,0,0,.10), 0 1px 1px rgba(0,0,0,.04);
  --elev-2:0 6px 18px rgba(0,0,0,.14), 0 2px 6px rgba(0,0,0,.08);
}

/* =============================== */
/* LIGHT THEME                     */
/* =============================== */
:root,
:root[data-theme="light"]{
  color-scheme: light;
  --md-primary: var(--it-purple);
  --md-on-primary:#ffffff;
  --md-primary-container:#e9d7f3;
  --md-on-primary-container:#2b0b2c;

  --md-secondary:#2f6f89;
  --md-on-secondary:#ffffff;
  --md-secondary-container:#d8eefb;
  --md-on-secondary-container:#072230;

  --md-tertiary:#a22d4b;
  --md-on-tertiary:#ffffff;
  --md-tertiary-container:#ffd9e2;
  --md-on-tertiary-container:#3b0a18;

  --md-surface:#ffffff;
  --md-surface-variant:#f3f5f9;
  --md-surface-container:#f7f8fb;
  --md-on-surface:#0b0d10;
  --md-on-surface-variant:#3b3f46;

  --md-outline:#c5cad3;
  --md-outline-variant:#dfe3ea;
  --md-shadow:rgba(0,0,0,.14);
  --md-scrim:rgba(0,0,0,.4);
}

/* =============================== */
/* DARK THEME (tokens)             */
/* =============================== */
:root[data-theme="dark"]{
  color-scheme: dark;
  --md-primary:#caa1cd; --md-on-primary:#2a072b;
  --md-primary-container:#4a154b; --md-on-primary-container:#ffffff;

  --md-secondary:#8ad1ee; --md-on-secondary:#062231;
  --md-secondary-container:#1f2d36; --md-on-secondary-container:#dff4ff;

  --md-tertiary:#ffb1c3; --md-on-tertiary:#3a0d19;
  --md-tertiary-container:#5c1f33; --md-on-tertiary-container:#fff4f7;

  --md-surface:#111318; --md-surface-variant:#161922; --md-surface-container:#1b1f28;
  --md-on-surface:#f5f7fb; --md-on-surface-variant:#c7cbd6;

  --md-outline:#38404d; --md-outline-variant:#28303c;
  --md-shadow:rgba(0,0,0,.6); --md-scrim:rgba(0,0,0,.7);

  --elev-1:0 2px 4px rgba(0,0,0,.55), 0 1px 1px rgba(0,0,0,.35);
  --elev-2:0 10px 24px rgba(0,0,0,.65), 0 4px 10px rgba(0,0,0,.45);
}

/* Auto-fallback if no explicit data-theme is set */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]):not([data-theme="dark"]){
    --md-primary:#caa1cd; --md-on-primary:#2a072b;
    --md-primary-container:#4a154b; --md-on-primary-container:#ffffff;
    --md-secondary:#8ad1ee; --md-on-secondary:#062231;
    --md-secondary-container:#1f2d36; --md-on-secondary-container:#dff4ff;
    --md-tertiary:#ffb1c3; --md-on-tertiary:#3a0d19;
    --md-tertiary-container:#5c1f33; --md-on-tertiary-container:#fff4f7;
    --md-surface:#111318; --md-surface-variant:#161922; --md-surface-container:#1b1f28;
    --md-on-surface:#f5f7fb; --md-on-surface-variant:#c7cbd6;
    --md-outline:#38404d; --md-outline-variant:#28303c; --md-shadow:rgba(0,0,0,.6);
  }
}

/* Base page paint */
html,body{ margin:0; padding:0; background:var(--md-surface); color:var(--md-on-surface) }

/* Ensure theme also applies if data-theme sits on html/body */
html[data-theme="dark"], body[data-theme="dark"]{
  --md-primary:#caa1cd; --md-on-primary:#2a072b;
  --md-primary-container:#4a154b; --md-on-primary-container:#ffffff;
  --md-secondary:#8ad1ee; --md-on-secondary:#062231;
  --md-secondary-container:#1f2d36; --md-on-secondary-container:#dff4ff;
  --md-tertiary:#ffb1c3; --md-on-tertiary:#3a0d19;
  --md-tertiary-container:#5c1f33; --md-on-tertiary-container:#fff4f7;
  --md-surface:#111318; --md-surface-variant:#161922; --md-surface-container:#1b1f28;
  --md-on-surface:#f5f7fb; --md-on-surface-variant:#c7cbd6;
  --md-outline:#38404d; --md-outline-variant:#28303c;
}
/* Guarantee page actually flips in dark */
:root[data-theme="dark"] body,
html[data-theme="dark"] body,
body[data-theme="dark"]{
  background:var(--md-surface)!important; color:var(--md-on-surface)!important;
}

/* =============================== */
/* TYPOGRAPHY / HEADLINES          */
/* =============================== */
.it-heading .elementor-heading-title{
  font-size:var(--md-headline-medium);
  font-weight:700; line-height:1.2; letter-spacing:.15px;
  color:var(--md-on-surface);
  background:none; -webkit-background-clip:initial; background-clip:initial; -webkit-text-fill-color:currentColor;
  text-shadow:none;
}
h1{ font-size:inherit; font-weight:700; line-height:1.2; letter-spacing:.1px; color:var(--md-on-surface) }
@media (max-width:600px){
  h1{ font-size:var(--md-display-small) }
  .it-heading .elementor-heading-title{ font-size:var(--md-headline-small) }
}

/* Headline/text visibility reset (kills transparent/gradient fills) */
body, .elementor, .elementor-widget, .elementor-widget-container,
.elementor-text-editor, p, li, span, strong, small{ color:var(--md-on-surface)!important }
.it-heading .elementor-heading-title,
.elementor-heading-title, h1,h2,h3,h4,h5,h6{
  color:var(--md-on-surface)!important;
  background:none!important; -webkit-background-clip:initial!important; background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important; text-shadow:none!important;
  font-weight:700; line-height:1.2; letter-spacing:.01em;
}
/* Nested spans/icons inherit solid text */
.it-heading .elementor-heading-title *, .elementor-heading-title *{
  color:inherit!important; -webkit-text-fill-color:inherit!important; background:none!important;
}
/* MD3 scale */
h1{ font-size:var(--md-display-medium) } h2{ font-size:var(--md-headline-large) }
h3{ font-size:var(--md-headline-medium) } h4{ font-size:var(--md-headline-small) }
h5{ font-size:var(--md-title-large) } h6{ font-size:var(--md-title-medium) }
@media (max-width:600px){
  h1{ font-size:var(--md-display-small) } h2{ font-size:var(--md-headline-medium) } h3{ font-size:var(--md-headline-small) }
}
/* Optional opt-in gradient headline */
.it-heading--gradient .elementor-heading-title{
  background:linear-gradient(90deg,var(--md-primary),var(--md-secondary),var(--md-tertiary))!important;
  -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important;
}

/* =============================== */
/* CARDS                           */
/* =============================== */
.it-card{
  background:var(--md-surface)!important; color:inherit;
  border:1px solid var(--md-outline)!important; border-radius:12px!important;
  box-shadow:var(--md-elevation-1)!important; overflow:hidden; margin:16px;
  transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
}
.it-card > .e-con-inner, .it-card > .elementor-container, .it-card > .elementor-widget-wrap{ border-radius:inherit; overflow:hidden }
.it-card .elementor-background-overlay{ display:none }
@media (hover:hover){ .it-card:hover{ box-shadow:var(--md-elevation-2)!important; transform:translateY(-1px) } }
.it-card--nomargin{ margin:0!important } .it-card--flat{ box-shadow:var(--md-elevation-0)!important } .it-card--tight{ border-radius:8px!important }

/* =============================== */
/* BUTTONS                         */
/* =============================== */
.it-btn .elementor-button,
.elementor-button.it-btn,
.it-btn-red .elementor-button,
.elementor-button.it-btn-red{
  display:inline-flex!important; align-items:center; justify-content:center; gap:8px;
  padding:10px 20px; border-radius:28px; border:1px solid var(--md-outline);
  font-size:var(--md-label-large); font-weight:700; line-height:1.2; letter-spacing:.4px; text-transform:uppercase;
  text-decoration:none; background:var(--md-primary-container); color:var(--md-on-primary-container)!important;
  box-shadow:var(--md-elevation-1);
  transition:background-color .18s, box-shadow .18s, transform .18s, color .18s;
}
@media (hover:hover){
  .it-btn .elementor-button:hover, .elementor-button.it-btn:hover{
    background:#d9c4e5; color:#1e0a1f!important; box-shadow:var(--md-elevation-2); transform:translateY(-1px)
  }
}
.it-btn .elementor-button:active, .elementor-button.it-btn:active{ transform:scale(.98) }
/* Tertiary (red) */
.it-btn-red .elementor-button, .elementor-button.it-btn-red{ background:var(--md-tertiary-container)!important; color:var(--md-on-tertiary-container)!important }
@media (hover:hover){
  .it-btn-red .elementor-button:hover, .elementor-button.it-btn-red:hover{ background:#f7c1cf; color:#2f0c17!important; box-shadow:var(--md-elevation-2); transform:translateY(-1px) }
}
/* Icons follow text */
.it-btn .elementor-button .elementor-button-icon,
.it-btn-red .elementor-button .elementor-button-icon,
.elementor-button.it-btn .elementor-button-icon,
.elementor-button.it-btn-red .elementor-button-icon{ color:currentColor!important; fill:currentColor!important; stroke:currentColor!important }
@media (prefers-reduced-motion:reduce){
  .it-btn .elementor-button, .elementor-button.it-btn, .it-btn-red .elementor-button, .elementor-button.it-btn-red{ transition:none!important }
}
@media (max-width:600px){
  .it-btn .elementor-button, .elementor-button.it-btn, .it-btn-red .elementor-button, .elementor-button.it-btn-red{ font-size:var(--md-label-medium); padding:8px 16px }
}
/* Focus ring */
.it-btn .elementor-button:focus-visible,
.elementor-button.it-btn:focus-visible,
.it-btn-red .elementor-button:focus-visible,
.elementor-button.it-btn-red:focus-visible{ outline:3px solid var(--it-blue); outline-offset:2px }
/* Kill transparent fills anywhere inside buttons */
.elementor-button, .elementor-button *{ color:currentColor!important; -webkit-text-fill-color:currentColor!important }

/* =============================== */
/* ACCORDION                       */
/* =============================== */
.it-acc .elementor-accordion .elementor-tab-title,
.it-acc .e-n-accordion-item-title{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:12px 24px; border-radius:16px; border:1px solid var(--md-outline);
  background:var(--md-surface-container); color:var(--md-on-surface);
  font-size:var(--md-title-medium); font-weight:700; line-height:1.2; letter-spacing:.15px;
  box-shadow:var(--md-elevation-0);
  transition:background-color .18s, box-shadow .18s, transform .18s, color .18s;
}
@media (hover:hover){
  .it-acc .elementor-accordion .elementor-tab-title:hover,
  .it-acc .e-n-accordion-item-title:hover{
    background:var(--md-surface-variant); box-shadow:var(--md-elevation-1); transform:translateY(-1px);
  }
}
.it-acc .elementor-accordion .elementor-tab-title:active, .it-acc .e-n-accordion-item-title:active{ transform:scale(.98) }
.it-acc .elementor-accordion .elementor-tab-title:focus-visible, .it-acc .e-n-accordion-item-title:focus-visible{ outline:2px solid var(--md-primary); outline-offset:2px }
.it-acc .elementor-accordion .elementor-tab-content,
.it-acc .e-n-accordion .e-n-accordion-item-content{
  background:var(--md-surface); color:var(--md-on-surface);
  border:1px solid var(--md-outline); border-radius:10px; margin-top:8px; padding:16px; font-size:var(--md-body-medium);
}
/* Red variant */
.it-acc.it-acc--red .elementor-accordion .elementor-tab-title,
.it-acc.it-acc--red .e-n-accordion-item-title{
  background:var(--md-tertiary-container); color:var(--md-on-tertiary-container); border-color:var(--md-outline);
}
.it-acc .elementor-accordion .elementor-accordion-icon,
.it-acc .e-n-accordion-item-title .e-n-accordion-item-title-icon{ color:currentColor!important; fill:currentColor!important; stroke:currentColor!important }
@media (max-width:600px){
  .it-acc .elementor-accordion .elementor-tab-title, .it-acc .e-n-accordion-item-title{ font-size:var(--md-title-small); padding:10px 16px }
}

/* =============================== */
/* GLASS HEADER & MENU (SCOPED)    */
/* =============================== */
[data-it-glass-root]{
  position:relative; z-index:9999; width:100%;
  background:var(--md-surface); border-bottom:1px solid var(--md-outline);
  box-shadow:var(--elev-0);
  transition:background-color .25s,height .25s,box-shadow .25s,border-color .25s,backdrop-filter .25s,-webkit-backdrop-filter .25s;
}
[data-it-glass-root] .elementor-container,
[data-it-glass-root] .e-con-inner, [data-it-glass-root] .e-con{ height:var(--hdr-h); transition:height .25s }
[data-it-glass-root] .logo img, [data-it-glass-root] .custom-logo,
[data-it-glass-root] .elementor-widget-theme-site-logo img,
[data-it-glass-root] .elementor-widget-image img{
  max-width:var(--logo-w); height:auto; transition:max-width .25s,height .25s;
}
[data-it-glass-root].it-is-sticky .elementor-container,
[data-it-glass-root].it-is-sticky .e-con-inner,
[data-it-glass-root].it-is-sticky .e-con{ height:var(--hdr-h-sticky)!important }
[data-it-glass-root].it-is-sticky .logo img,
[data-it-glass-root].it-is-sticky .custom-logo,
[data-it-glass-root].it-is-sticky .elementor-widget-theme-site-logo img,
[data-it-glass-root].it-is-sticky .elementor-widget-image img{ max-width:var(--logo-w-sticky)!important }
@media (max-width:480px){
  [data-it-glass-root] .logo img, [data-it-glass-root] .custom-logo,
  [data-it-glass-root] .elementor-widget-theme-site-logo img,
  [data-it-glass-root] .elementor-widget-image img{ max-width:var(--logo-w-mobile)!important }
}
/* glass when scrolled */
[data-it-glass-root].it-is-glass{
  position:fixed!important; top:0; left:0; right:0;
  background:color-mix(in oklab,var(--md-surface) 88%,transparent)!important;
  -webkit-backdrop-filter:saturate(160%) blur(12px); backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid var(--md-outline); box-shadow:var(--elev-2);
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  [data-it-glass-root].it-is-glass{ background:color-mix(in oklab,var(--md-surface) 96%, var(--md-on-surface) 4%)!important; }
}
[data-it-glass-root].it-is-glass.it-is-sticky{
  -webkit-backdrop-filter:saturate(180%) blur(14px); backdrop-filter:saturate(180%) blur(14px);
  box-shadow:0 14px 30px rgba(0,0,0,.14), 0 6px 12px rgba(0,0,0,.08);
}
/* Elementor sticky placeholder */
.elementor-sticky--placeholder{ background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; }
.elementor-sticky--placeholder > *{ visibility:hidden!important; pointer-events:none!important }

/* Menu & CTA */
[data-it-glass-root] .elementor-nav-menu .menu-item > a{
  color:var(--md-on-surface); border-radius:12px; padding:12px 14px;
  transition:background-color .18s,color .18s,transform .18s;
}
@media (hover:hover){
  [data-it-glass-root] .elementor-nav-menu .menu-item:hover > a{
    background:color-mix(in oklab,var(--md-on-surface) calc(var(--state-hover)*100%),transparent);
    color:var(--md-on-surface); transform:translateY(-1px);
  }
}
[data-it-glass-root] .elementor-nav-menu .sub-menu .menu-item > a{ position:relative }
[data-it-glass-root] .elementor-nav-menu .sub-menu .menu-item > a::before{
  content:"\f0da"; font-family:"Font Awesome 6 Free"; font-weight:900; display:inline-block; width:1em; margin-right:8px; line-height:1;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; speak:never; color:var(--md-primary);
}
[data-it-glass-root].it-is-sticky .elementor-nav-menu .menu-item > a{ font-size:14px; padding:10px 12px; transition:font-size .25s,padding .25s,background-color .18s,color .18s; }

/* Header CTA button (readable on all states) */
[data-it-glass-root] .elementor-nav-menu .menu-item.contact-button > a.elementor-item,
[data-it-glass-root] nav a[href*="/contact-us/"]{
  display:inline-flex!important; align-items:center; justify-content:center; gap:.55em;
  width:auto!important; max-width:max-content; white-space:nowrap;
  padding:.7em 1.2em; border-radius:999px; text-decoration:none!important; position:relative; isolation:isolate;
  font-weight:800; letter-spacing:.2px; line-height:1;
  font-family:var(--font-system, ui-sans-serif,Fields Light, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial);
  background:var(--md-primary)!important; color:var(--md-on-primary)!important; border:1px solid transparent; box-shadow:var(--elev-1);
  transition:transform 120ms cubic-bezier(.2,0,0,1), background-color 120ms cubic-bezier(.2,0,.2,1), box-shadow 120ms cubic-bezier(.2,0,.2,1), color 120ms cubic-bezier(.2,0,.2,1);
}
@media (hover:hover){
  [data-it-glass-root] .elementor-nav-menu .menu-item.contact-button > a.elementor-item:hover,
  [data-it-glass-root] nav a[href*="/contact-us/"]:hover{ transform:translateY(-1px); box-shadow:var(--elev-2); background:#3b0f3c!important; }
}
[data-it-glass-root] .elementor-nav-menu .menu-item.contact-button > a.elementor-item:focus-visible,
[data-it-glass-root] nav a[href*="/contact-us/"]:focus-visible{ outline:3px solid var(--md-primary-container); outline-offset:2px }
[data-it-glass-root] .elementor-nav-menu .menu-item.contact-button > a.elementor-item:active,
[data-it-glass-root] nav a[href*="/contact-us/"]:active{ transform:translateY(0) scale(.98); box-shadow:var(--elev-1); background:#2e0c2f!important }
[data-it-glass-root].it-is-sticky .elementor-nav-menu .menu-item.contact-button > a.elementor-item,
.elementor-sticky--active [data-it-glass-root] .elementor-nav-menu .menu-item.contact-button > a.elementor-item{ font-size:14px; padding:10px 12px }

/* =============================== */
/* FIRST SECTION OFFSET + RESP     */
/* =============================== */
.first-section-after-header{ scroll-margin-top:var(--hdr-h-sticky); margin-top:0 }
@media (max-width:1024px){ :root{ --hdr-h:66px; --hdr-h-sticky:56px; --logo-w-sticky:110px } }
@media (max-width:768px){ :root{ --hdr-h:54px; --hdr-h-sticky:54px; --logo-w-sticky:100px } }
@media (max-width:480px){ :root{ --hdr-h:48px; --hdr-h-sticky:48px; --logo-w-sticky:90px } }

/* =============================== */
/* CTA HERO / IT HERO              */
/* =============================== */
.cta-hero{ position:relative; isolation:isolate; padding:min(7vh,40px) 18px; text-align:center; background:var(--md-surface); color:var(--md-on-surface);
  font-family:"Fields Light",-apple-system,system-ui,"Segoe UI",Roboto,Arial,sans-serif }
.cta-hero, .cta-hero *{ box-sizing:border-box }
.cta-hero__bg{ display:none!important }
.cta-hero__container{ max-width:1100px; margin:0 auto; padding:clamp(28px,5vw,56px) }
.it-card.cta-hero__container{ background:var(--md-surface)!important; border:1px solid var(--md-outline-variant)!important; border-radius:28px!important; box-shadow:var(--elev-1)!important }
.cta-hero__eyebrow{ display:inline-flex; align-items:center; gap:8px; margin:6px auto 14px; padding:8px 12px; border-radius:999px; background:var(--md-surface); color:var(--md-on-surface); border:1px solid var(--md-outline-variant); box-shadow:var(--elev-0); font-size:clamp(1rem,1.4vw,1.08rem) }
.cta-hero__eyebrow-dot{ width:10px; height:10px; border-radius:50%; background:var(--it-blue); box-shadow:0 0 0 6px rgba(100,195,235,.18) }
.cta-hero .it-heading{ margin:0 auto 12px; text-align:center }
.cta-hero__h1{ font-family:"Fields Display Semi Bold","Fields Light",-apple-system,system-ui,sans-serif; font-weight:800; line-height:1.12; letter-spacing:.2px; font-size:clamp(2.5rem,4.5vw,3.5rem); margin:0 auto; max-width:22ch; color:var(--md-on-surface); -webkit-text-fill-color:currentColor }
.it-heading .elementor-heading-title .cta-hero__grad{ background:none!important; color:inherit!important; -webkit-text-fill-color:inherit!important }
.cta-hero__sub{ max-width:820px; margin:0 auto 22px; color:var(--md-on-surface-variant); font-size:clamp(1rem,1.4vw,1.08rem) }
.cta-hero__trust{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:18px 0 8px }
.cta-hero__badge{ font-size:.98rem; color:var(--md-on-surface); background:var(--md-surface-container); border:1px solid var(--md-outline-variant); padding:8px 12px; border-radius:999px; display:inline-flex; align-items:center; gap:8px; box-shadow:var(--elev-0) }
@media (hover:hover){ .cta-hero__badge:hover{ background:var(--md-surface-variant); border-color:var(--md-outline) } }
.cta-hero__buttons{ margin:16px auto 14px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap }
.cta-hero__btn{ text-decoration:none }
.cta-hero .elementor-button .elementor-button-text{ font-weight:800; letter-spacing:.2px }
.cta-hero .it-btn:focus-visible, .cta-hero .it-btn-red:focus-visible{ outline:2px solid var(--it-blue); outline-offset:2px }
.cta-hero__stats{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin:18px auto 0 }
.cta-hero__stat{ padding:16px 18px; min-width:140px; text-align:center; background:var(--md-surface-container); border:1px solid var(--md-outline-variant); border-radius:20px; box-shadow:var(--elev-0); transition:transform .18s cubic-bezier(.2,0,0,1), box-shadow .18s cubic-bezier(.2,0,.2,1) }
.cta-hero__stat:hover{ transform:translateY(-2px); box-shadow:var(--elev-1) }
.cta-hero__stat strong{ display:block; font-family:"Fields Display Semi Bold","Fields Light",sans-serif; font-weight:800; font-size:2rem; color:var(--it-green); margin-bottom:6px; letter-spacing:.02em }
.cta-hero__stat span{ display:block; font-size:.98rem; color:var(--md-on-surface-variant) }
.cta-hero__rating{ margin-top:16px; display:flex; gap:10px; justify-content:center; align-items:center; color:var(--md-on-surface-variant) }
.cta-hero__stars{ letter-spacing:2px; color:#f4b400; filter:drop-shadow(0 2px 4px rgba(244,180,0,.25)) }
.cta-hero__rating-text{ color:var(--md-on-surface) }
@media (max-width:1024px){ .cta-hero__container{ padding:clamp(22px,5vw,44px) } }
@media (max-width:768px){ .cta-hero__h1{ font-size:2.5rem } .cta-hero__buttons{ flex-direction:column } .cta-hero__btn{ justify-content:center } }
/* prevent gradient leaks on CTA buttons */
.cta-hero .elementor-button .elementor-button-text,
.cta-hero .elementor-button .elementor-button-icon,
.cta-hero .elementor-button .elementor-button-icon i,
.cta-hero .elementor-button .elementor-button-icon svg{
  background:none!important; -webkit-background-clip:initial!important; background-clip:initial!important; -webkit-text-fill-color:currentColor!important; color:currentColor!important;
}
.cta-hero .elementor-button .elementor-button-content-wrapper{ position:relative; z-index:2 }
@media (hover:hover){
  .cta-hero .elementor-button.it-btn:hover{ background:#3b0f3c!important; color:#fff!important }
  .cta-hero .elementor-button.it-btn-red:hover{ background:#6f253c!important; color:#fff!important }
}
/* IT-Hero (other pages) */
.it-hero{
  position:relative; isolation:isolate; padding:min(7vh,40px) 18px; text-align:center;
  background:linear-gradient(135deg,var(--md-primary-container) 0%, var(--md-secondary-container) 100%);
  color:var(--md-on-surface); font-family:"Fields Light",-apple-system,system-ui,"Segoe UI",Roboto,Arial,sans-serif
}
.it-hero, .it-hero *{ box-sizing:border-box }
.it-hero__container{ max-width:1100px; margin:0 auto; padding:clamp(28px,5vw,56px) }
.it-hero .it-heading{ margin:0 auto 12px; text-align:center }
.it-hero__h1{ font-family:"Fields Display Semi Bold","Fields Light",-apple-system,system-ui,sans-serif; font-weight:800; line-height:1.12; letter-spacing:.2px; font-size:clamp(2.5rem,4.5vw,3.5rem); margin:0 auto; max-width:22ch; color:var(--md-on-surface); -webkit-text-fill-color:currentColor }
.it-hero .it-heading .elementor-heading-title .it-hero__grad{ background:none!important; color:inherit!important; -webkit-text-fill-color:inherit!important }
.it-hero__sub{ max-width:820px; margin:0 auto 22px; color:var(--md-on-surface-variant); font-size:clamp(1rem,1.4vw,1.08rem) }

/* =============================== */
/* ACCESSIBILITY HELPERS           */
/* =============================== */
:root[data-contrast="more"]{ --state-hover:.14; --state-focus:.22 }
:root[data-contrast="more"] .it-btn .elementor-button,
:root[data-contrast="more"] .elementor-button.it-btn{ border-color:var(--md-on-surface-variant) }

/* =============================== */
/* DARK MODE SAFETY GUARDS         */
/* =============================== */


/* B) White-box exceptions in dark mode: keep white but flip ink */
html[data-theme="dark"], body[data-theme="dark"]{
  --md-ink-on-light:#111318; --md-border-on-light:#d9dee6;
}
html[data-theme="dark"] :where(
  .elementor-section, .elementor-container, .elementor-column,
  .elementor-widget, .elementor-widget-wrap, .elementor-widget-container,
  .it-card, .elementor-testimonial, .testimonial, blockquote, .elementor-blockquote,
  header, nav, .elementor-sticky--effects,
  .has-white-background-color, .bg-light, [data-bg="light"]
)[style*="background:#fff"],
html[data-theme="dark"] :where(
  .elementor-section, .elementor-container, .elementor-column,
  .elementor-widget, .elementor-widget-wrap, .elementor-widget-container,
  .it-card, .elementor-testimonial, .testimonial, blockquote, .elementor-blockquote,
  header, nav, .elementor-sticky--effects,
  .has-white-background-color, .bg-light, [data-bg="light"]
)[style*="background:#ffffff"],
html[data-theme="dark"] :where(
  .elementor-section, .elementor-container, .elementor-column,
  .elementor-widget, .elementor-widget-wrap, .elementor-widget-container,
  .it-card, .elementor-testimonial, .testimonial, blockquote, .elementor-blockquote,
  header, nav, .elementor-sticky--effects,
  .has-white-background-color, .bg-light, [data-bg="light"]
)[style*="background-color:#fff"],
html[data-theme="dark"] :where(
  .elementor-section, .elementor-container, .elementor-column,
  .elementor-widget, .elementor-widget-wrap, .elementor-widget-container,
  .it-card, .elementor-testimonial, .testimonial, blockquote, .elementor-blockquote,
  header, nav, .elementor-sticky--effects,
  .has-white-background-color, .bg-light, [data-bg="light"]
)[style*="background-color:#ffffff"],
html[data-theme="dark"] :where(.has-white-background-color, .bg-light, [data-bg="light"]){
  background:#ffffff!important; color:var(--md-ink-on-light)!important; -webkit-text-fill-color:var(--md-ink-on-light)!important; border-color:var(--md-border-on-light)!important;
}
/* Flip text inside those white boxes */
html[data-theme="dark"] :where(
  [style*="background:#fff"], [style*="background:#ffffff"],
  [style*="background-color:#fff"], [style*="background-color:#ffffff"],
  .has-white-background-color, .bg-light, [data-bg="light"]
) :where(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a){
  color:var(--md-ink-on-light)!important; -webkit-text-fill-color:var(--md-ink-on-light)!important; background:none!important;
}

/* C) Header/Nav readability in dark */
html[data-theme="dark"] [data-it-glass-root]{
  background:var(--md-surface)!important; color:var(--md-on-surface)!important; border-color:var(--md-outline)!important;
}
html[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu .menu-item > a{
  color:var(--md-on-surface)!important; -webkit-text-fill-color:var(--md-on-surface)!important; background:transparent!important;
}
@media (hover:hover){
  html[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu .menu-item:hover > a{
    background:var(--md-surface-container)!important; color:var(--md-on-surface)!important;
  }
}
/* If header itself is forced white, keep nav text dark */
html[data-theme="dark"] [data-it-glass-root][style*="background:#fff"],
html[data-theme="dark"] [data-it-glass-root][style*="background:#ffffff"],
html[data-theme="dark"] [data-it-glass-root][style*="background-color:#fff"],
html[data-theme="dark"] [data-it-glass-root][style*="background-color:#ffffff"]{
  background:#ffffff!important; color:#111318!important;
}
html[data-theme="dark"] [data-it-glass-root][style*="background:#fff"] .elementor-nav-menu .menu-item > a,
html[data-theme="dark"] [data-it-glass-root][style*="background:#ffffff"] .elementor-nav-menu .menu-item > a,
html[data-theme="dark"] [data-it-glass-root][style*="background-color:#fff"] .elementor-nav-menu .menu-item > a,
html[data-theme="dark"] [data-it-glass-root][style*="background-color:#ffffff"] .elementor-nav-menu .menu-item > a{
  color:#111318!important; -webkit-text-fill-color:#111318!important;
}

/* D) Contact button contrast (all states) */
html[data-theme="dark"] [data-it-glass-root] .menu-item.contact-button > a.elementor-item{
  background:var(--md-primary)!important; color:var(--md-on-primary)!important;
}
@media (hover:hover){
  html[data-theme="dark"] [data-it-glass-root] .menu-item.contact-button > a.elementor-item:hover{
    background:color-mix(in oklab,var(--md-primary) 88%, black 12%)!important; color:var(--md-on-primary)!important;
  }
}

/* E) Testimonials on dark (if not forced white) */
html[data-theme="dark"] :is(.elementor-testimonial, .testimonial, .elementor-blockquote):not([style*="background:#fff"]):not([style*="background:#ffffff"]):not(.bg-light){
  background:var(--md-surface-container)!important; color:var(--md-on-surface)!important;
  border:1px solid var(--md-outline)!important; border-radius:12px!important;
}
html[data-theme="dark"] :is(.elementor-testimonial__text, .elementor-testimonial__content, blockquote p){ color:var(--md-on-surface)!important }
html[data-theme="dark"] :is(.elementor-testimonial__name, .elementor-testimonial__title){ color:var(--md-on-surface)!important; font-weight:700 }

/* =============================== */
/* SUBNAV (merged hard/soft fixes) */
/* =============================== */
.subnav a{ color:var(--md-on-surface)!important; background:transparent!important; border-color:transparent!important; -webkit-text-fill-color:currentColor!important }
@media (hover:hover){
  .subnav a:not(.active):hover{
    background:color-mix(in oklab,var(--md-on-surface) calc((var(--state-hover,.10))*100%),transparent)!important;
    color:var(--md-on-surface)!important;
  }
}
.subnav a.active, .subnav a[aria-current="true"]{ background:var(--md-primary)!important; color:var(--md-on-primary)!important; border-color:transparent!important }
.subnav a *{ color:inherit!important; background:none!important; -webkit-text-fill-color:inherit!important; fill:currentColor!important; stroke:currentColor!important }

/* Subnav container (single consolidated block) */
#section-subnav.subnav{
  background:var(--md-surface-bright)!important; border:1.5px solid var(--md-outline)!important; box-shadow:var(--elev-1)!important; color:var(--md-on-surface)!important;
}
#section-subnav.subnav a{ color:var(--md-on-surface)!important; background:transparent!important; border-color:transparent!important; text-shadow:none!important; -webkit-background-clip:initial!important; background-clip:initial!important; -webkit-text-fill-color:currentColor!important }
#section-subnav.subnav a *{ color:inherit!important; background:none!important; -webkit-text-fill-color:inherit!important; fill:currentColor!important; stroke:currentColor!important }
@media (hover:hover){
  #section-subnav.subnav a:not(.active):hover{
    background:color-mix(in oklab,var(--md-on-surface) calc((var(--state-hover,.10))*100%),transparent)!important; color:var(--md-on-surface)!important;
  }
}
#section-subnav.subnav a.active, #section-subnav.subnav a[aria-current="true"]{
  background:var(--md-primary)!important; color:var(--md-on-primary)!important; -webkit-text-fill-color:currentColor!important; border-color:transparent!important;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) #section-subnav.subnav,
  :root:not([data-theme="light"]) #section-subnav.subnav a{ color:var(--md-on-surface)!important }
}
html[data-theme="dark"] #section-subnav.subnav,
html[data-theme="dark"] #section-subnav.subnav a{ color:var(--md-on-surface)!important }

/* =============================== */
/* NAV TEXT VISIBILITY IN HEADER   */
/* =============================== */
[data-it-glass-root] .elementor-nav-menu a,
[data-it-glass-root] .elementor-nav-menu .menu-item > a,
[data-it-glass-root] .elementor-nav-menu .sub-menu .menu-item > a,
.elementor-nav-menu--dropdown a{
  color:var(--md-on-surface)!important; -webkit-text-fill-color:currentColor!important;
  background:none!important; -webkit-background-clip:initial!important; background-clip:initial!important;
  text-shadow:none!important; opacity:1!important; mix-blend-mode:normal!important;
}
[data-it-glass-root] .elementor-nav-menu a i,
[data-it-glass-root] .elementor-nav-menu a svg,
.elementor-nav-menu--dropdown a i,
.elementor-nav-menu--dropdown a svg{ color:currentColor!important; fill:currentColor!important; stroke:currentColor!important }
@media (hover:hover){
  [data-it-glass-root] .elementor-nav-menu .menu-item:hover > a,
  .elementor-nav-menu--dropdown a:hover{
    background:var(--md-surface-container)!important; color:var(--md-on-surface)!important;
  }
}
/* Dark dropdown panel surface */
:root[data-theme="dark"] .elementor-nav-menu--dropdown,
html[data-theme="dark"] .elementor-nav-menu--dropdown{
  background:var(--md-surface)!important; border:1px solid var(--md-outline)!important;
}
/* Kill any global link gradient inside header */
[data-it-glass-root] a{ -webkit-text-fill-color:currentColor!important; background:none!important }
/* FINAL GUARD — dark mode: make text readable inside any white box */
[data-theme="dark"] :is(
  [style*="background:#fff"],
  [style*="background:#ffffff"],
  [style*="background-color:#fff"],
  [style*="background-color:#ffffff"],
  .has-white-background-color, .bg-light, [data-bg="light"]
){
  color:#111318 !important;                 /* dark ink on light */
  -webkit-text-fill-color:#111318 !important;
  text-shadow:none !important;
  mix-blend-mode:normal !important;
}
[data-theme="dark"] :is(
  [style*="background:#fff"], [style*="background:#ffffff"],
  [style*="background-color:#fff"], [style*="background-color:#ffffff"],
  .has-white-background-color, .bg-light, [data-bg="light"]
) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
  color:#111318 !important;
  -webkit-text-fill-color:#111318 !important;
  fill:currentColor !important; stroke:currentColor !important;
}
/* === DARK MODE: soften "paint everything dark" === */
/* Only paint common containers dark IF they don't already set any background.
   This preserves intentionally light/white sections, gradients, and images. */

html[data-theme="dark"] :where(
  body, header, footer, main,
  [data-it-glass-root],
  .elementor-section, .elementor-container, .elementor-column,
  .elementor-widget, .elementor-widget-wrap, .elementor-widget-container,
  .it-card, .cta-hero, .it-hero
):not([style*="background"])
 :not([style*="background-color"])
 :not(.bg-light):not([data-bg="light"])
 :not(.force-light):not(.elementor-has-background){
  background: var(--md-surface) !important;
  color: var(--md-on-surface) !important;
}

/* Elementor adds a "has background" class in many contexts – cover variants */
html[data-theme="dark"] :is(
  .elementor-section.has-background,
  .elementor-widget.has-background,
  .elementor-element.has-background
){
  /* leave them as author-defined; don't repaint dark */
  background: inherit !important;
}

/* Utilities to explicitly keep a section light in dark mode */
.bg-light, [data-bg="light"], .force-light{
  background: #fff !important;
  color: #111318 !important;               /* readable ink on light */
  -webkit-text-fill-color:#111318 !important;
  border-color:#d9dee6 !important;
}

/* Ensure text inside any white/light box flips to dark ink */
html[data-theme="dark"] :is(
  [style*="background:#fff"],
  [style*="background:#ffffff"],
  [style*="background-color:#fff"],
  [style*="background-color:#ffffff"],
  .bg-light, [data-bg="light"], .force-light
) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
  color:#111318 !important;
  -webkit-text-fill-color:currentColor !important;
  fill:currentColor !important; stroke:currentColor !important;
}

/* Optional: keep image-heavy or gradient heroes from being flattened */
html[data-theme="dark"] :is(.cta-hero, .it-hero, .hero, .banner).force-auto{
  background: initial !important; /* let their own gradient/image show */
  color: var(--md-on-surface) !important;
}

/* Keep header/menu text readable regardless of section background */
[data-it-glass-root] .elementor-nav-menu a{
  color: var(--md-on-surface) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Preserve elevation so dark UI doesn’t feel flat */
html[data-theme="dark"] :where(.it-card, .elementor-widget, .elementor-column){
  box-shadow: var(--elev-1) !important;
  border-color: var(--md-outline) !important;
}
/* =========================================================
   FINAL VISIBILITY GUARD — AUTO (OS dark) + EXPLICIT DARK
   Fix: readable text inside any #fff / white box in dark mode
   (No color changes; only flips ink to dark on light surfaces)
   ========================================================= */

/* A) AUTO MODE: OS is dark, no explicit data-theme="light" set */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) {
    /* 1) Any white/forced-light box keeps white bg, gets dark ink */
    :is(
      [style*="background:#fff"],
      [style*="background:#ffffff"],
      [style*="background-color:#fff"],
      [style*="background-color:#ffffff"],
      .has-white-background-color,
      .bg-light, [data-bg="light"], .force-light
    ){
      background:#ffffff !important;
      color:#111318 !important;
      -webkit-text-fill-color:#111318 !important;
      border-color:#d9dee6 !important;
      text-shadow:none !important;
      mix-blend-mode:normal !important;
    }
    /* 1b) Ensure all text/icons inside those boxes also flip */
    :is(
      [style*="background:#fff"], [style*="background:#ffffff"],
      [style*="background-color:#fff"], [style*="background-color:#ffffff"],
      .has-white-background-color, .bg-light, [data-bg="light"], .force-light
    ) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
      color:#111318 !important;
      -webkit-text-fill-color:currentColor !important;
      fill:currentColor !important; stroke:currentColor !important;
    }

    /* 2) Don’t darken media accidentally */
    :is(img,video,canvas,svg){ background:transparent !important }

    /* 3) Header/nav text stays painted (kills transparent fills) */
    [data-it-glass-root] .elementor-nav-menu a{
      color:var(--md-on-surface) !important;
      -webkit-text-fill-color:currentColor !important;
      background:none !important;
    }
  }
}

/* B) EXPLICIT DARK MODE: data-theme="dark" (html/body/:root) */
:root[data-theme="dark"], html[data-theme="dark"], body[data-theme="dark"]{
  /* Same white-box flip as above, for attribute-driven dark */
  :is(
    [style*="background:#fff"],
    [style*="background:#ffffff"],
    [style*="background-color:#fff"],
    [style*="background-color:#ffffff"],
    .has-white-background-color,
    .bg-light, [data-bg="light"], .force-light
  ){
    background:#ffffff !important;
    color:#111318 !important;
    -webkit-text-fill-color:#111318 !important;
    border-color:#d9dee6 !important;
    text-shadow:none !important;
    mix-blend-mode:normal !important;
  }
  :is(
    [style*="background:#fff"], [style*="background:#ffffff"],
    [style*="background-color:#fff"], [style*="background-color:#ffffff"],
    .has-white-background-color, .bg-light, [data-bg="light"], .force-light
  ) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
    color:#111318 !important;
    -webkit-text-fill-color:currentColor !important;
    fill:currentColor !important; stroke:currentColor !important;
  }

  /* Keep header/menu text readable regardless of section bg */
  [data-it-glass-root] .elementor-nav-menu a{
    color:var(--md-on-surface) !important;
    -webkit-text-fill-color:currentColor !important;
    background:none !important;
  }

  /* Optional: only paint dark surfaces on containers with no bg set */
  :where(
    body, header, footer, main, [data-it-glass-root],
    .elementor-section, .elementor-container, .elementor-column,
    .elementor-widget, .elementor-widget-wrap, .elementor-widget-container,
    .it-card, .cta-hero, .it-hero
  ):not([style*="background"]):not([style*="background-color"])
   :not(.bg-light):not([data-bg="light"]):not(.force-light)
   :not(.elementor-has-background):not(.has-background){
    background:var(--md-surface) !important;
    color:var(--md-on-surface) !important;
  }

  /* Preserve depth so dark UI isn’t a flat slab */
  :where(.it-card, .elementor-widget, .elementor-column){
    box-shadow:var(--elev-1) !important;
    border-color:var(--md-outline) !important;
  }

  /* Never paint over media */
  :is(img,video,canvas,svg){ background:transparent !important }
}
/* ================= HEADER LIGHT-BG READABILITY PATCH ================= */
/* Make header nav links follow the container color (not fixed tokens) */
[data-it-glass-root] .elementor-nav-menu .menu-item > a{
  color: currentColor !important;            /* overrides earlier var(--md-on-surface) */
  -webkit-text-fill-color: currentColor !important;
}

/* If you mark the header as light, paint dark ink for contrast */
[data-it-glass-root][data-bg="light"],
[data-it-glass-root].force-light{
  background: #fff !important;
  color: #111318 !important;                 /* dark ink on white */
}

/* When the header is white via inline style (various notations), flip ink */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) 
  [data-it-glass-root][style*="background:#fff"],
  :root:not([data-theme="light"]) 
  [data-it-glass-root][style*="background:#ffffff"],
  :root:not([data-theme="light"]) 
  [data-it-glass-root][style*="background-color:#fff"],
  :root:not([data-theme="light"]) 
  [data-it-glass-root][style*="background-color:#ffffff"],
  :root:not([data-theme="light"]) 
  [data-it-glass-root][style*="255,255,255"],
  :root:not([data-theme="light"]) 
  [data-it-glass-root][style*="255, 255, 255"]{
    background:#fff !important;
    color:#111318 !important;
  }
}
:is(:root,html,body)[data-theme="dark"] 
[data-it-glass-root][style*="background:#fff"],
:is(:root,html,body)[data-theme="dark"] 
[data-it-glass-root][style*="background:#ffffff"],
:is(:root,html,body)[data-theme="dark"] 
[data-it-glass-root][style*="background-color:#fff"],
:is(:root,html,body)[data-theme="dark"] 
[data-it-glass-root][style*="background-color:#ffffff"],
:is(:root,html,body)[data-theme="dark"] 
[data-it-glass-root][style*="255,255,255"],
:is(:root,html,body)[data-theme="dark"] 
[data-it-glass-root][style*="255, 255, 255"]{
  background:#fff !important;
  color:#111318 !important;
}

/* Keep hover subtle on a light header (no dark chip) */
[data-it-glass-root][data-bg="light"] .elementor-nav-menu .menu-item:hover > a,
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root][style*="background:#fff"] .elementor-nav-menu .menu-item:hover > a,
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root][style*="background-color:#fff"] .elementor-nav-menu .menu-item:hover > a{
  background: color-mix(in oklab, currentColor 10%, transparent) !important;
  color: currentColor !important;
}

/* CTA keeps its brand colors; no change needed, just ensure it doesn't get overridden */
[data-it-glass-root] .elementor-nav-menu .menu-item.contact-button > a.elementor-item{
  background: var(--md-primary) !important;
  color: var(--md-on-primary) !important;
}
/* ===================== FINAL OVERRIDE: readable ink on white ===================== */
/* Works in AUTO (OS dark) and explicit [data-theme="dark"]. No palette changes.    */

:root{ --it-ink: #0e0f12; } /* already in your tokens; restated for clarity */

/* --- define a helper to match any white/light box --- */
@layer intenttale-overrides {  /* harmless if layers not supported; treated as normal order */
  /* AUTO mode (OS prefers dark, no explicit light) */
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]) {
      /* Any explicitly white/light surface: set local tokens to dark ink */
      :is(
        [style*="background:#fff"],
        [style*="background:#ffffff"],
        [style*="background-color:#fff"],
        [style*="background-color:#ffffff"],
        [style*="rgb(255,255,255)"], [style*="rgb(255, 255, 255)"],
        .has-white-background-color, .bg-light, [data-bg="light"], .force-light
      ){
        --md-on-surface: var(--it-ink) !important;
        --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 80%, #ffffff 20%) !important;
        color: var(--md-on-surface) !important;
        -webkit-text-fill-color: currentColor !important;
        border-color: #d9dee6 !important;
        text-shadow: none !important; mix-blend-mode: normal !important;
      }
      /* All common text/link elements inside those boxes inherit the darker token */
      :is(
        [style*="background:#fff"], [style*="background:#ffffff"],
        [style*="background-color:#fff"], [style*="background-color:#ffffff"],
        [style*="rgb(255,255,255)"], [style*="rgb(255, 255, 255)"],
        .has-white-background-color, .bg-light, [data-bg="light"], .force-light
      ) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
        color: var(--md-on-surface) !important;
        -webkit-text-fill-color: currentColor !important;
        fill: currentColor !important; stroke: currentColor !important;
      }
    }
  }

  /* Explicit dark attribute */
  :is(:root,html,body)[data-theme="dark"] {
    :is(
      [style*="background:#fff"],
      [style*="background:#ffffff"],
      [style*="background-color:#fff"],
      [style*="background-color:#ffffff"],
      [style*="rgb(255,255,255)"], [style*="rgb(255, 255, 255)"],
      .has-white-background-color, .bg-light, [data-bg="light"], .force-light
    ){
      --md-on-surface: var(--it-ink) !important;
      --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 80%, #ffffff 20%) !important;
      color: var(--md-on-surface) !important;
      -webkit-text-fill-color: currentColor !important;
      border-color: #d9dee6 !important;
    }
    :is(
      [style*="background:#fff"], [style*="background:#ffffff"],
      [style*="background-color:#fff"], [style*="background-color:#ffffff"],
      [style*="rgb(255,255,255)"], [style*="rgb(255, 255, 255)"],
      .has-white-background-color, .bg-light, [data-bg="light"], .force-light
    ) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
      color: var(--md-on-surface) !important;
      -webkit-text-fill-color: currentColor !important;
      fill: currentColor !important; stroke: currentColor !important;
    }
  }

  /* Header: when the glass header is white, flip its token + make links follow it */
  :is(:root,html,body)[data-theme="dark"] [data-it-glass-root][data-bg="light"],
  :is(:root,html,body)[data-theme="dark"] [data-it-glass-root][style*="background:#fff"],
  :is(:root,html,body)[data-theme="dark"] [data-it-glass-root][style*="background:#ffffff"],
  :is(:root,html,body)[data-theme="dark"] [data-it-glass-root][style*="rgb(255, 255, 255)"],
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]) [data-it-glass-root][data-bg="light"],
    :root:not([data-theme="light"]) [data-it-glass-root][style*="background:#fff"],
    :root:not([data-theme="light"]) [data-it-glass-root][style*="background:#ffffff"],
    :root:not([data-theme="light"]) [data-it-glass-root][style*="rgb(255, 255, 255)"]
  }{
    --md-on-surface: var(--it-ink) !important;
    color: var(--md-on-surface) !important;
  }
  [data-it-glass-root] .elementor-nav-menu .menu-item > a{
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
  }
}
/* =========================================================
   A) DARK MODE HEADER = LIGHT HEADER (ALL STATES)
   Keeps brand CTA as-is; links inherit container color.
   ========================================================= */

/* Dark mode (attribute) */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root]{
  background:#fff !important;
  color:#111318 !important;            /* dark ink on white */
  border-bottom:1px solid #d9dee6 !important;
  box-shadow: var(--elev-0) !important;
}

/* Glass state in dark mode uses white translucency (not dark) */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root].it-is-glass{
  background: color-mix(in oklab, #ffffff 88%, transparent) !important;
  -webkit-backdrop-filter: saturate(160%) blur(12px);
  backdrop-filter: saturate(160%) blur(12px);
  border-bottom:1px solid #d9dee6 !important;
  box-shadow: var(--elev-2) !important;
}

/* Nav links follow container color, not dark token */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu .menu-item > a{
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
}

/* Hover stays subtle on a light header */
@media (hover:hover){
  :is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu .menu-item:hover > a{
    background: color-mix(in oklab, currentColor 8%, transparent) !important;
    color: currentColor !important;
  }
}

/* Dropdown panel should be light too in dark mode header */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu--dropdown{
  background:#fff !important;
  border:1px solid #d9dee6 !important;
}
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu--dropdown a{
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Keep CTA readable (brand tokens) */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .menu-item.contact-button > a.elementor-item{
  background: var(--md-primary) !important;
  color: var(--md-on-primary) !important;
}

/* AUTO mode (OS prefers dark) — same header behavior even without data-theme */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) [data-it-glass-root]{
    background:#fff !important;
    color:#111318 !important;
    border-bottom:1px solid #d9dee6 !important;
  }
  :root:not([data-theme="light"]) [data-it-glass-root].it-is-glass{
    background: color-mix(in oklab, #ffffff 88%, transparent) !important;
  }
  :root:not([data-theme="light"]) [data-it-glass-root] .elementor-nav-menu .menu-item > a{
    color: currentColor !important; -webkit-text-fill-color: currentColor !important;
  }
  :root:not([data-theme="light"]) [data-it-glass-root] .elementor-nav-menu--dropdown{
    background:#fff !important; border:1px solid #d9dee6 !important;
  }
}

/* =========================================================
   B) LIGHT-BLUE FOOTER (and any #d8eefb box) → DARK INK
   Fixes #F5F7FB text on light blue backgrounds in dark/auto.
   ========================================================= */

/* helper */
:root{ --it-ink: #0e0f12; } /* already in your tokens; restated safely */

/* Explicit dark mode */
:is(:root,html,body)[data-theme="dark"] :is(
  footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
)[style*="background:#d8eefb"],
:is(:root,html,body)[data-theme="dark"] :is(
  footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
)[style*="background-color:#d8eefb"],
:is(:root,html,body)[data-theme="dark"] :is(
  footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
)[style*="rgb(216,238,251)"]{
  /* keep the light-blue but flip tokens/text to dark ink */
  --md-on-surface: var(--it-ink) !important;
  --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 80%, #ffffff 20%) !important;
  color: var(--md-on-surface) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: #bcd6e6 !important; /* subtle border on blue */
}
:is(:root,html,body)[data-theme="dark"] :is(
  [style*="background:#d8eefb"], [style*="background-color:#d8eefb"], [style*="rgb(216,238,251)"]
) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
  color: var(--md-on-surface) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* AUTO mode (OS dark) */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) :is(
    footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
  )[style*="background:#d8eefb"],
  :root:not([data-theme="light"]) :is(
    footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
  )[style*="background-color:#d8eefb"],
  :root:not([data-theme="light"]) :is(
    footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
  )[style*="rgb(216,238,251)"]{
    --md-on-surface: var(--it-ink) !important;
    --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 80%, #ffffff 20%) !important;
    color: var(--md-on-surface) !important;
    -webkit-text-fill-color: currentColor !important;
    border-color: #bcd6e6 !important;
  }
  :root:not([data-theme="light"]) :is(
    [style*="background:#d8eefb"], [style*="background-color:#d8eefb"], [style*="rgb(216,238,251)"]
  ) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
    color: var(--md-on-surface) !important;
    -webkit-text-fill-color: currentColor !important;
  }
}
/* =========================================================
   A) DARK MODE HEADER = LIGHT HEADER (ALL STATES)
   Keeps brand CTA as-is; links inherit container color.
   ========================================================= */

/* Dark mode (attribute) */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root]{
  background:#fff !important;
  color:#111318 !important;            /* dark ink on white */
  border-bottom:1px solid #d9dee6 !important;
  box-shadow: var(--elev-0) !important;
}

/* Glass state in dark mode uses white translucency (not dark) */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root].it-is-glass{
  background: color-mix(in oklab, #ffffff 88%, transparent) !important;
  -webkit-backdrop-filter: saturate(160%) blur(12px);
  backdrop-filter: saturate(160%) blur(12px);
  border-bottom:1px solid #d9dee6 !important;
  box-shadow: var(--elev-2) !important;
}

/* Nav links follow container color, not dark token */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu .menu-item > a{
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
}

/* Hover stays subtle on a light header */
@media (hover:hover){
  :is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu .menu-item:hover > a{
    background: color-mix(in oklab, currentColor 8%, transparent) !important;
    color: currentColor !important;
  }
}

/* Dropdown panel should be light too in dark mode header */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu--dropdown{
  background:#fff !important;
  border:1px solid #d9dee6 !important;
}
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu--dropdown a{
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Keep CTA readable (brand tokens) */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .menu-item.contact-button > a.elementor-item{
  background: var(--md-primary) !important;
  color: var(--md-on-primary) !important;
}

/* AUTO mode (OS prefers dark) — same header behavior even without data-theme */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) [data-it-glass-root]{
    background:#fff !important;
    color:#111318 !important;
    border-bottom:1px solid #d9dee6 !important;
  }
  :root:not([data-theme="light"]) [data-it-glass-root].it-is-glass{
    background: color-mix(in oklab, #ffffff 88%, transparent) !important;
  }
  :root:not([data-theme="light"]) [data-it-glass-root] .elementor-nav-menu .menu-item > a{
    color: currentColor !important; -webkit-text-fill-color: currentColor !important;
  }
  :root:not([data-theme="light"]) [data-it-glass-root] .elementor-nav-menu--dropdown{
    background:#fff !important; border:1px solid #d9dee6 !important;
  }
}

/* =========================================================
   B) LIGHT-BLUE FOOTER (and any #d8eefb box) → DARK INK
   Fixes #F5F7FB text on light blue backgrounds in dark/auto.
   ========================================================= */

/* helper */
:root{ --it-ink: #0e0f12; } /* already in your tokens; restated safely */

/* Explicit dark mode */
:is(:root,html,body)[data-theme="dark"] :is(
  footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
)[style*="background:#d8eefb"],
:is(:root,html,body)[data-theme="dark"] :is(
  footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
)[style*="background-color:#d8eefb"],
:is(:root,html,body)[data-theme="dark"] :is(
  footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
)[style*="rgb(216,238,251)"]{
  /* keep the light-blue but flip tokens/text to dark ink */
  --md-on-surface: var(--it-ink) !important;
  --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 80%, #ffffff 20%) !important;
  color: var(--md-on-surface) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: #bcd6e6 !important; /* subtle border on blue */
}
:is(:root,html,body)[data-theme="dark"] :is(
  [style*="background:#d8eefb"], [style*="background-color:#d8eefb"], [style*="rgb(216,238,251)"]
) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
  color: var(--md-on-surface) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* AUTO mode (OS dark) */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) :is(
    footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
  )[style*="background:#d8eefb"],
  :root:not([data-theme="light"]) :is(
    footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
  )[style*="background-color:#d8eefb"],
  :root:not([data-theme="light"]) :is(
    footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
  )[style*="rgb(216,238,251)"]{
    --md-on-surface: var(--it-ink) !important;
    --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 80%, #ffffff 20%) !important;
    color: var(--md-on-surface) !important;
    -webkit-text-fill-color: currentColor !important;
    border-color: #bcd6e6 !important;
  }
  :root:not([data-theme="light"]) :is(
    [style*="background:#d8eefb"], [style*="background-color:#d8eefb"], [style*="rgb(216,238,251)"]
  ) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
    color: var(--md-on-surface) !important;
    -webkit-text-fill-color: currentColor !important;
  }
}
/* =========================================================
   A) DARK MODE HEADER = LIGHT HEADER (ALL STATES)
   Keeps brand CTA as-is; links inherit container color.
   ========================================================= */

/* Dark mode (attribute) */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root]{
  background:#fff !important;
  color:#111318 !important;            /* dark ink on white */
  border-bottom:1px solid #d9dee6 !important;
  box-shadow: var(--elev-0) !important;
}

/* Glass state in dark mode uses white translucency (not dark) */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root].it-is-glass{
  background: color-mix(in oklab, #ffffff 88%, transparent) !important;
  -webkit-backdrop-filter: saturate(160%) blur(12px);
  backdrop-filter: saturate(160%) blur(12px);
  border-bottom:1px solid #d9dee6 !important;
  box-shadow: var(--elev-2) !important;
}

/* Nav links follow container color, not dark token */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu .menu-item > a{
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
}

/* Hover stays subtle on a light header */
@media (hover:hover){
  :is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu .menu-item:hover > a{
    background: color-mix(in oklab, currentColor 8%, transparent) !important;
    color: currentColor !important;
  }
}

/* Dropdown panel should be light too in dark mode header */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu--dropdown{
  background:#fff !important;
  border:1px solid #d9dee6 !important;
}
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu--dropdown a{
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Keep CTA readable (brand tokens) */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .menu-item.contact-button > a.elementor-item{
  background: var(--md-primary) !important;
  color: var(--md-on-primary) !important;
}

/* AUTO mode (OS prefers dark) — same header behavior even without data-theme */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) [data-it-glass-root]{
    background:#fff !important;
    color:#111318 !important;
    border-bottom:1px solid #d9dee6 !important;
  }
  :root:not([data-theme="light"]) [data-it-glass-root].it-is-glass{
    background: color-mix(in oklab, #ffffff 88%, transparent) !important;
  }
  :root:not([data-theme="light"]) [data-it-glass-root] .elementor-nav-menu .menu-item > a{
    color: currentColor !important; -webkit-text-fill-color: currentColor !important;
  }
  :root:not([data-theme="light"]) [data-it-glass-root] .elementor-nav-menu--dropdown{
    background:#fff !important; border:1px solid #d9dee6 !important;
  }
}

/* =========================================================
   B) LIGHT-BLUE FOOTER (and any #d8eefb box) → DARK INK
   Fixes #F5F7FB text on light blue backgrounds in dark/auto.
   ========================================================= */

/* helper */
:root{ --it-ink: #0e0f12; } /* already in your tokens; restated safely */

/* Explicit dark mode */
:is(:root,html,body)[data-theme="dark"] :is(
  footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
)[style*="background:#d8eefb"],
:is(:root,html,body)[data-theme="dark"] :is(
  footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
)[style*="background-color:#d8eefb"],
:is(:root,html,body)[data-theme="dark"] :is(
  footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
)[style*="rgb(216,238,251)"]{
  /* keep the light-blue but flip tokens/text to dark ink */
  --md-on-surface: var(--it-ink) !important;
  --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 80%, #ffffff 20%) !important;
  color: var(--md-on-surface) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: #bcd6e6 !important; /* subtle border on blue */
}
:is(:root,html,body)[data-theme="dark"] :is(
  [style*="background:#d8eefb"], [style*="background-color:#d8eefb"], [style*="rgb(216,238,251)"]
) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
  color: var(--md-on-surface) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* AUTO mode (OS dark) */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) :is(
    footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
  )[style*="background:#d8eefb"],
  :root:not([data-theme="light"]) :is(
    footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
  )[style*="background-color:#d8eefb"],
  :root:not([data-theme="light"]) :is(
    footer, .site-footer, .elementor-section, .e-con, .elementor-container, .elementor-widget, .elementor-widget-wrap
  )[style*="rgb(216,238,251)"]{
    --md-on-surface: var(--it-ink) !important;
    --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 80%, #ffffff 20%) !important;
    color: var(--md-on-surface) !important;
    -webkit-text-fill-color: currentColor !important;
    border-color: #bcd6e6 !important;
  }
  :root:not([data-theme="light"]) :is(
    [style*="background:#d8eefb"], [style*="background-color:#d8eefb"], [style*="rgb(216,238,251)"]
  ) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
    color: var(--md-on-surface) !important;
    -webkit-text-fill-color: currentColor !important;
  }
}
/* === Dark header identical to light header (simple + consistent) === */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root],
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) [data-it-glass-root]{
    background:#fff !important;
    color:#111318 !important;
    border-bottom:1px solid #d9dee6 !important;
    box-shadow:var(--elev-0) !important;
  }
}
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root].it-is-glass,
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) [data-it-glass-root].it-is-glass{
    background: color-mix(in oklab, #ffffff 88%, transparent) !important;
    -webkit-backdrop-filter:saturate(160%) blur(12px);
    backdrop-filter:saturate(160%) blur(12px);
    border-bottom:1px solid #d9dee6 !important;
    box-shadow:var(--elev-2) !important;
  }
}
/* nav links follow container color */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu .menu-item > a,
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) [data-it-glass-root] .elementor-nav-menu .menu-item > a{
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    background: transparent !important;
  }
}
/* dropdown stays light too */
:is(:root,html,body)[data-theme="dark"] [data-it-glass-root] .elementor-nav-menu--dropdown,
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) [data-it-glass-root] .elementor-nav-menu--dropdown{
    background:#fff !important; border:1px solid #d9dee6 !important;
  }
}

/* === Token flip utility for *actually* light boxes (auto-tagged by JS) === */
:root{ --it-ink:#0e0f12 } /* already in your tokens; restated safely */

:is(:root,html,body)[data-theme="dark"] .force-light-ink,
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .force-light-ink{
    /* locally override tokens so existing “color: var(--md-on-surface)” resolves to dark ink */
    --md-on-surface: var(--it-ink) !important;
    --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 80%, #ffffff 20%) !important;
    color: var(--md-on-surface) !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important; mix-blend-mode: normal !important;
  }
}
:is(:root,html,body)[data-theme="dark"] .force-light-ink :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i),
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .force-light-ink :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,p,span,li,small,strong,a,svg,svg *,i){
    color: var(--md-on-surface) !important;
    -webkit-text-fill-color: currentColor !important;
    fill: currentColor !important; stroke: currentColor !important;
  }
}

/* Footer light-blue (e.g., #d8eefb) also gets the light-ink treatment */
:is(:root,html,body)[data-theme="dark"] .force-light-ink--blue,
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .force-light-ink--blue{
    --md-on-surface: var(--it-ink) !important;
    --md-on-surface-variant: color-mix(in oklab, var(--it-ink) 75%, #ffffff 25%) !important;
    color: var(--md-on-surface) !important;
    -webkit-text-fill-color: currentColor !important;
    border-color: #bcd6e6 !important;
  }
}

/* =============================== */
/* END                             */
/* =============================== */