.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-4c16b2f:#F5F7F9;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   ELEMENTOR WIDGET COMPANION STYLES  ·  wrapper-independent (v5)
   ------------------------------------------------------------
   Styles native widget output (heading / text-editor / button) that
   would otherwise fall back to Elementor's global-color defaults
   (blue headings, green buttons).

   Specificity is bumped by DOUBLING the widget's own class
   (".vw-x.vw-x .child" = 0,3,0) instead of scoping under an Elementor
   wrapper (.elementor / .elementor-widget). The wrapper classes are
   NOT reliably present inside the Elementor editor preview, which is
   why earlier versions showed defaults while editing. The vw- class
   IS always on the widget in both the editor and the front end, so
   this matches in both — the editor preview now equals the live page.

   Container-level look (backgrounds, padding, boxed width, gaps, card
   surface, hero overlay, row direction/widths) is set as NATIVE
   container settings in the template JSON, not here.
   ============================================================ */

/* ---- Buttons ---- */
.vw-btn.vw-btn .elementor-button{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:var(--font);font-weight:700;font-size:.92rem;letter-spacing:.01em;
  padding:15px 28px;border-radius:var(--radius);border:2px solid transparent;line-height:1;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.vw-btn-primary.vw-btn-primary .elementor-button{background:var(--burgundy) !important;color:#fff !important;box-shadow:0 10px 24px -10px rgba(108,19,41,.7)}
.vw-btn-primary.vw-btn-primary .elementor-button:hover{background:var(--burgundy-hover) !important;transform:translateY(-2px)}
.vw-btn-ghost.vw-btn-ghost .elementor-button{background:transparent !important;color:#fff !important;border-color:rgba(255,255,255,.5) !important}
.vw-btn-ghost.vw-btn-ghost .elementor-button:hover{background:rgba(255,255,255,.1) !important;border-color:#fff !important;transform:translateY(-2px)}
.vw-btn-blue.vw-btn-blue .elementor-button{background:var(--blue) !important;color:#fff !important}
.vw-btn-blue.vw-btn-blue .elementor-button:hover{background:var(--blue-dark) !important;transform:translateY(-2px)}
.vw-btn-outline.vw-btn-outline .elementor-button{background:transparent !important;color:var(--ink-900) !important;border-color:var(--line) !important}
.vw-btn-outline.vw-btn-outline .elementor-button:hover{border-color:var(--ink-900) !important;transform:translateY(-2px)}

/* ---- Headings + body text (override Elementor global colors) ---- */
.vw-hero-title.vw-hero-title .elementor-heading-title{color:#fff !important;font-size:clamp(2.7rem,6vw,4.4rem);font-weight:800;line-height:1.08;letter-spacing:-.02em;max-width:15ch}
.vw-hero-sub.vw-hero-sub p{margin-top:22px;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:500;color:#eef1f4 !important;max-width:34ch;line-height:1.4}
.vw-hero-lede.vw-hero-lede p{margin-top:14px;font-size:1.02rem;color:#cfd4d9 !important;max-width:46ch;line-height:1.65}
.vw-section-title.vw-section-title .elementor-heading-title{font-size:clamp(1.9rem,3.6vw,2.75rem);font-weight:800;line-height:1.08;letter-spacing:-.01em;color:var(--ink-900) !important}
.vw-section-sub.vw-section-sub p{margin-top:16px;font-size:1.05rem;color:var(--ink-700) !important;line-height:1.65}
.vw-tp-title.vw-tp-title .elementor-heading-title{font-size:1rem;font-weight:700;color:var(--ink-900) !important;line-height:1.2}
.vw-tp-sub.vw-tp-sub p{font-size:.8rem;color:var(--ink-500) !important;margin-top:2px}
.vw-preferred-label.vw-preferred-label p{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-500) !important}
.vw-service-name.vw-service-name .elementor-heading-title{font-size:1.55rem;font-weight:800;color:var(--ink-900) !important;line-height:1.1;margin-bottom:12px}
.vw-service-desc.vw-service-desc p{font-size:.98rem;color:var(--ink-700) !important;line-height:1.6}
.vw-about-title.vw-about-title .elementor-heading-title{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:800;color:var(--ink-900) !important;line-height:1.08;margin-bottom:20px}
.vw-about-p.vw-about-p p{font-size:1.04rem;color:var(--ink-700) !important;line-height:1.65;margin-bottom:16px}
.vw-cta-title.vw-cta-title .elementor-heading-title{color:#fff !important;font-size:clamp(1.7rem,3.3vw,2.5rem);font-weight:800;line-height:1.08;max-width:18ch}
.vw-cta-p.vw-cta-p p{margin-top:12px;color:#c3c7cd !important;font-size:1.02rem;max-width:44ch;line-height:1.6}

/* ---- Service card "link" (Button widget styled as a text link + arrow) ---- */
.vw-service-link.vw-service-link{margin-top:auto;padding-top:20px}
.vw-service-link.vw-service-link .elementor-button{background:none !important;border:0;box-shadow:none;padding:0;color:var(--blue-dark) !important;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.vw-service-link.vw-service-link .elementor-button::after{content:"\2192";margin-left:8px}

/* ---- Image widgets: size to their role (logos fixed height, card/photo fill) ---- */
.vw-preferred-logo.vw-preferred-logo img{height:clamp(46px,6vw,62px) !important;width:auto !important;opacity:.92;display:block}
.vw-service-media.vw-service-media img{width:100% !important;aspect-ratio:16/9;object-fit:cover !important;display:block}
.vw-about-img.vw-about-img img{width:100% !important;border-radius:var(--radius);box-shadow:var(--shadow-card-hover);display:block}

/* ---- Inner content of HTML widgets (no Elementor default to beat → single class) ---- */
.vw-tp-icon svg{width:32px;height:32px;flex-shrink:0;stroke:var(--blue);stroke-width:1.6;fill:none}
.vw-chip-row{display:flex;flex-wrap:wrap;gap:12px}
.vw-service-placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(150deg,#3a3c41,#2b2d31) !important;color:#fff !important}
.vw-service-placeholder svg{width:46px;height:46px;stroke:var(--blue);stroke-width:1.6;fill:none}
.vw-service-placeholder span{font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55) !important}
.vw-about-badge .badge{background:#fff !important;border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:13px}
.vw-about-badge .big{font-size:1.6rem;font-weight:800;color:var(--blue-dark) !important;line-height:1}
.vw-about-badge .lbl{font-size:.76rem;font-weight:600;color:var(--ink-700) !important;line-height:1.3;max-width:120px}/* End custom CSS */