.elementor-kit-9{--e-global-color-primary:#2369D8;--e-global-color-secondary:#102637;--e-global-color-text:#000000;--e-global-color-accent:#008D83;--e-global-color-45f5dba:#1757B8;--e-global-color-026fed7:#0B2132;--e-global-color-ecf769d:#FFFFFF;--e-global-color-344b8dd:#F5F7F9;--e-global-color-3091494:#EAF2F7;--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.56em;--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-line-height:1.3em;font-family:"Verdana", Sans-serif;line-height:1.5em;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:#0000EE;}.elementor-kit-9 h3{line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.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-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 *//*
 * Pro SEO Solutions — Elementor Global CSS v1.0 / Del A
 * Companion to Elementor Implementation Guide v1.0.
 * Apply class names in Elementor > Advanced > CSS Classes (WITHOUT a leading dot).
 * Keep most sizes/layout in Elementor Site Settings and the relevant containers.
 * This CSS adds reusable refinements, not a wholesale HTML-demo override.
 */
:root {
  --pss-navy: #102637;
  --pss-navy-dark: #0B2132;
  --pss-blue: #2369D8;
  --pss-blue-hover: #1757B8;
  --pss-turquoise: #008D83;
  --pss-neutral: #F5F7F9;
  --pss-bluegray: #EAF2F7;
  --pss-ink: #000000;
  --pss-content-max: 1240px;
  --pss-gutter: clamp(20px, 3.2vw, 40px);
  --pss-system-font: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* Use only if assigned to the intended inner content containers. */
.pss-container { width: 100%; max-width: var(--pss-content-max); margin-inline: auto; padding-inline: var(--pss-gutter); }

/* Small blue section labels with a consistent turquoise dot.
   Applies to Heading widgets; no icon widget or icon library needed. */
.pss-eyebrow .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #2361B2;
  font-family: var(--pss-system-font);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.pss-eyebrow .elementor-heading-title::before {
  content: "";
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--pss-turquoise);
}

/* Primary button: class is attached to Elementor's Button widget. */
.pss-primary-button .elementor-button {
  background: var(--pss-blue);
  color: #fff;
  min-height: 44px;
  border-radius: 10px;
  font-family: var(--pss-system-font);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
}
.pss-primary-button .elementor-button:hover,
.pss-primary-button .elementor-button:focus-visible { background: var(--pss-blue-hover); color: #fff; }

/* Header refinements: white header and 15px main menu as in approved v6.2. */
.pss-header { background: #fff; border-bottom: 1px solid #E3E7EA; }
.pss-header-nav .elementor-nav-menu--main .elementor-item {
  font-family: var(--pss-system-font);
  font-size: 15px;
  font-weight: 550;
  color: var(--pss-ink);
  white-space: nowrap;
}
.pss-header-nav .elementor-nav-menu--main .elementor-item:hover,
.pss-header-nav .elementor-nav-menu--main .elementor-item:focus-visible {
  color: var(--pss-blue-hover);
}

/* Footer is a separate global Theme Builder template.
   Contact section remains a full-width section inside each page. */
.pss-footer-shell {
  background: #fff;
  padding: 30px clamp(16px, 2vw, 30px) 22px;
}
.pss-footer-surface {
  background: var(--pss-navy);
  border-radius: 22px;
  overflow: hidden;
}
/* Configure the 3 columns in Elementor (Row / 3 equal children), not via a widget addon. */
.pss-footer-surface a { color: #DAE5EB; }
.pss-footer-surface a:hover,
.pss-footer-surface a:focus-visible { color: #fff; text-decoration: underline; }

@media (max-width: 620px) {
  .pss-eyebrow .elementor-heading-title { font-size: 14px; }
  .pss-footer-shell { padding: 24px 12px 16px; }
  .pss-footer-surface { border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .pss-primary-button .elementor-button { transition: none; }
}/* End custom CSS */