.elementor-kit-1454{--e-global-color-primary:#143444;--e-global-color-secondary:#83B0C4;--e-global-color-text:#0E1010;--e-global-color-accent:#36383A;--e-global-color-7a5a0c0:#525E61;--e-global-color-1c42f44:#A8A5A3;--e-global-color-6884c27:#F7F6F5;--e-global-color-fc957a7:#E3E3E4;--e-global-color-480df6e:#FFFFFF;--e-global-color-66e9df7:#2D7A4F;--e-global-color-3e708f8:#B03A3A;--e-global-color-b7efeb3:#83B0C4;--e-global-typography-primary-font-family:"Matter";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Matter";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;--e-global-typography-93642d8-font-family:"Matter";--e-global-typography-93642d8-font-size:28px;--e-global-typography-5bf4c6a-font-family:"Matter";--e-global-typography-5bf4c6a-font-size:22px;--e-global-typography-5c180ec-font-family:"Manrope";--e-global-typography-5c180ec-font-size:18px;--e-global-typography-5c180ec-font-weight:600;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-1454 a{color:var( --e-global-color-primary );font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-kit-1454 h1{color:var( --e-global-color-primary );font-family:"Matter", Sans-serif;font-size:56px;font-weight:normal;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.elementor-kit-1454 e-page-transition{background-color:#FFBC7D;}.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-kit-1454{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:28px;--e-global-typography-text-font-size:16px;--e-global-typography-93642d8-font-size:22px;--e-global-typography-5bf4c6a-font-size:18px;--e-global-typography-5c180ec-font-size:16px;font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1454{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:28px;--e-global-typography-text-font-size:16px;--e-global-typography-93642d8-font-size:22px;--e-global-typography-5bf4c6a-font-size:18px;--e-global-typography-5c180ec-font-size:16px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-1454 h1{font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ========================================================================== 
   Active IT Elementor Design System – v3 (Elementor 4 container-safe)

   Paste into Elementor Site Settings → Custom CSS (Global Custom CSS).

   V3 architecture note:
   - Elementor 4.0.x stores custom CSS classes on Containers but does not
     render those Container classes into the DOM on Active IT staging.
   - This file is therefore WIDGET-ONLY. It styles native Elementor widgets
     that render .ait-* classes correctly.
   - Container layout, backgrounds, spacing, widths, panels and grids are set
     directly in the homepage/header/footer JSON Container settings.
   - Exception: V3 Icon Box card widths use scoped widget-class fallbacks
     because Elementor V4 may not render _element_custom_width.
   - The previous layout-CSS version is preserved as active-it-elementor-v2.css.bak.
   ========================================================================== */

:root {
  --ait-primary: #143444;
  --ait-primary-hover: #0e2633;
  --ait-soft-blue: #83b0c4;
  --ait-pale-blue: #d8e8ef;
  --ait-surface: #f7f6f5;
  --ait-white: #ffffff;
  --ait-ink: #0e1010;
  --ait-slate: #36383a;
  --ait-muted: #5d6669;
  --ait-border: #d8d5d2;
  --ait-border-strong: #bdb8b3;
  --ait-success: #2d7a4f;
  --ait-error: #b03a3a;

  --ait-radius-sm: 6px;
  --ait-radius-md: 8px;
  --ait-radius-lg: 10px;
  --ait-radius-pill: 999px;

  --ait-shadow-card: 0 16px 40px rgba(20, 52, 68, 0.07);
  --ait-shadow-card-hover: 0 22px 54px rgba(20, 52, 68, 0.11);
  --ait-shadow-image: 0 28px 70px rgba(20, 52, 68, 0.16);

  --ait-page-width: 1200px;
  --ait-narrow-width: 740px;
  --ait-section-y: 96px;
  --ait-section-y-tablet: 72px;
  --ait-section-y-mobile: 60px;
  --ait-side-pad: 32px;
  --ait-side-pad-mobile: 20px;
}

.ait-section__title,
.ait-section__title h1,
.ait-section__title h2,
.ait-section__title h3,
.ait-section__title h4,
.ait-section__title h5,
.ait-section__title h6,
.ait-section__title .elementor-heading-title {
  color: var(--ait-primary);
  margin: 0;
}

.ait-section__intro,
.ait-section__intro p {
  color: var(--ait-muted);
  font-size: 18px;
  line-height: 1.65;
  margin: 14px 0 0;
}

.ait-kicker,
.ait-kicker h1,
.ait-kicker h2,
.ait-kicker h3,
.ait-kicker h4,
.ait-kicker h5,
.ait-kicker h6,
.ait-kicker .elementor-heading-title,
.ait-kicker p {
  color: var(--ait-primary);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.3;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.ait-kicker--light,
.ait-kicker--light h1,
.ait-kicker--light h2,
.ait-kicker--light h3,
.ait-kicker--light h4,
.ait-kicker--light h5,
.ait-kicker--light h6,
.ait-kicker--light .elementor-heading-title,
.ait-kicker--light p {
  color: var(--ait-pale-blue);
}

.ait-btn .elementor-button,
.ait-btn > a,
.ait-btn > button,
a.ait-btn,
button.ait-btn {
  align-items: center;
  border-radius: var(--ait-radius-sm);
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 50px;
  padding: 15px 24px;
  text-decoration: none;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
  white-space: nowrap;
}

.ait-btn .elementor-button:hover,
.ait-btn .elementor-button:focus-visible,
.ait-btn > a:hover,
.ait-btn > a:focus-visible,
.ait-btn > button:hover,
.ait-btn > button:focus-visible,
a.ait-btn:hover,
a.ait-btn:focus-visible,
button.ait-btn:hover,
button.ait-btn:focus-visible {
  transform: translateY(-1px);
}

.ait-btn--primary .elementor-button,
.ait-btn--primary > a,
.ait-btn--primary > button,
a.ait-btn--primary,
button.ait-btn--primary {
  background: var(--ait-primary);
  border: 1px solid var(--ait-primary);
  color: var(--ait-white);
}

.ait-btn--primary .elementor-button:hover,
.ait-btn--primary .elementor-button:focus-visible,
.ait-btn--primary > a:hover,
.ait-btn--primary > a:focus-visible,
.ait-btn--primary > button:hover,
.ait-btn--primary > button:focus-visible,
a.ait-btn--primary:hover,
a.ait-btn--primary:focus-visible,
button.ait-btn--primary:hover,
button.ait-btn--primary:focus-visible {
  background: var(--ait-primary-hover);
  border-color: var(--ait-primary-hover);
  color: var(--ait-white);
}

.ait-btn--secondary .elementor-button,
.ait-btn--secondary > a,
.ait-btn--secondary > button,
a.ait-btn--secondary,
button.ait-btn--secondary {
  background: transparent;
  border: 1.5px solid var(--ait-primary);
  color: var(--ait-primary);
}

.ait-btn--secondary .elementor-button:hover,
.ait-btn--secondary .elementor-button:focus-visible,
.ait-btn--secondary > a:hover,
.ait-btn--secondary > a:focus-visible,
.ait-btn--secondary > button:hover,
.ait-btn--secondary > button:focus-visible,
a.ait-btn--secondary:hover,
a.ait-btn--secondary:focus-visible,
button.ait-btn--secondary:hover,
button.ait-btn--secondary:focus-visible {
  background: var(--ait-primary);
  border-color: var(--ait-primary);
  color: var(--ait-white);
}

.ait-btn--light .elementor-button,
.ait-btn--light > a,
.ait-btn--light > button,
a.ait-btn--light,
button.ait-btn--light {
  background: var(--ait-white);
  border: 1px solid var(--ait-white);
  color: var(--ait-primary);
}

.ait-btn--light .elementor-button:hover,
.ait-btn--light .elementor-button:focus-visible,
.ait-btn--light > a:hover,
.ait-btn--light > a:focus-visible,
.ait-btn--light > button:hover,
.ait-btn--light > button:focus-visible,
a.ait-btn--light:hover,
a.ait-btn--light:focus-visible,
button.ait-btn--light:hover,
button.ait-btn--light:focus-visible {
  background: var(--ait-surface);
  border-color: var(--ait-surface);
  color: var(--ait-primary);
}

.ait-btn--ghost-light .elementor-button,
.ait-btn--ghost-light > a,
.ait-btn--ghost-light > button,
a.ait-btn--ghost-light,
button.ait-btn--ghost-light {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: var(--ait-white);
}

.ait-btn--ghost-light .elementor-button:hover,
.ait-btn--ghost-light .elementor-button:focus-visible,
.ait-btn--ghost-light > a:hover,
.ait-btn--ghost-light > a:focus-visible,
.ait-btn--ghost-light > button:hover,
.ait-btn--ghost-light > button:focus-visible,
a.ait-btn--ghost-light:hover,
a.ait-btn--ghost-light:focus-visible,
button.ait-btn--ghost-light:hover,
button.ait-btn--ghost-light:focus-visible {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.7);
  color: var(--ait-white);
}

.ait-link a,
a.ait-link,
.ait-link .elementor-button,
.ait-link > a,
.ait-link > button {
  background: transparent !important;
  border: 0 !important;
  color: var(--ait-primary) !important;
  font-weight: 700;
  padding: 0 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

.ait-link a:hover,
a.ait-link:hover,
.ait-link .elementor-button:hover,
.ait-link > a:hover,
.ait-link > button:hover {
  text-decoration: underline;
}

.ait-link--light a,
a.ait-link--light,
.ait-link--light > a {
  color: var(--ait-white);
}

.ait-btn .elementor-button:focus-visible,
.ait-btn > a:focus-visible,
.ait-btn > button:focus-visible,
a.ait-btn:focus-visible,
button.ait-btn:focus-visible,
.ait-link a:focus-visible,
a.ait-link:focus-visible {
  outline: 3px solid rgba(131, 176, 196, 0.55);
  outline-offset: 2px;
}

.ait-card {
  background: var(--ait-white);
  border: 1px solid rgba(20, 52, 68, 0.12);
  border-radius: var(--ait-radius-md);
  box-shadow: none;
  height: 100%;
  padding: 30px;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.ait-card:hover {
  border-color: rgba(20, 52, 68, 0.24);
  box-shadow: var(--ait-shadow-card-hover);
  transform: translateY(-2px);
}

.ait-card__title,
.ait-card__title h1,
.ait-card__title h2,
.ait-card__title h3,
.ait-card__title h4,
.ait-card__title h5,
.ait-card__title h6,
.ait-card__title .elementor-heading-title {
  color: var(--ait-primary);
  margin: 0 0 12px;
}

.ait-card__text,
.ait-card__text p {
  color: var(--ait-muted);
  line-height: 1.65;
  margin: 0;
}

.ait-icon-badge {
  align-items: center;
  background: var(--ait-pale-blue);
  border-radius: var(--ait-radius-sm);
  color: var(--ait-primary);
  display: inline-flex;
  height: 48px;
  justify-content: center;
  margin-bottom: 22px;
  width: 48px;
}

.ait-icon-badge .elementor-icon,
.ait-icon-badge svg,
.ait-icon-badge i {
  color: var(--ait-primary);
  font-size: 23px;
}

.ait-service-card,
.ait-problem-card,
.ait-office-card {
  display: flex;
  flex-direction: column;
}

.ait-service-card .elementor-icon-box-icon,
.ait-problem-card .elementor-icon-box-icon,
.ait-office-card .elementor-icon-box-icon {
  margin-bottom: 18px;
}

.ait-service-card .elementor-icon,
.ait-problem-card .elementor-icon,
.ait-office-card .elementor-icon {
  background: var(--ait-pale-blue);
  border-radius: var(--ait-radius-sm);
  color: var(--ait-primary);
  display: inline-flex;
  height: 48px;
  width: 48px;
}

.e-con > .ait-problem-card,
.e-con-inner > .ait-problem-card,
.e-con > .ait-service-card,
.e-con-inner > .ait-service-card,
.e-con > .ait-office-card,
.e-con-inner > .ait-office-card {
  box-sizing: border-box;
  flex: 0 0 32% !important;
  max-width: 32% !important;
  width: 32% !important;
}

@media (max-width: 1024px) {
  .e-con > .ait-problem-card,
  .e-con-inner > .ait-problem-card,
  .e-con > .ait-service-card,
  .e-con-inner > .ait-service-card,
  .e-con > .ait-office-card,
  .e-con-inner > .ait-office-card {
    flex-basis: 48.5% !important;
    max-width: 48.5% !important;
    width: 48.5% !important;
  }
}

.ait-hero__title,
.ait-hero__title h1,
.ait-hero__title h2,
.ait-hero__title h3,
.ait-hero__title .elementor-heading-title {
  color: var(--ait-primary);
  margin: 0;
}

.ait-hero__intro,
.ait-hero__intro p {
  color: var(--ait-slate);
  font-size: 20px;
  line-height: 1.6;
  margin: 22px 0 0;
  max-width: 620px;
}

.ait-trust-pill {
  align-items: center;
  background: var(--ait-surface);
  border: 1px solid rgba(20, 52, 68, 0.12);
  border-radius: var(--ait-radius-pill);
  color: var(--ait-primary);
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  padding: 9px 13px;
  width: auto;
}

.ait-trust-pill p {
  margin: 0;
}

.ait-hero__image img,
.ait-hero__image > img {
  aspect-ratio: 4 / 5;
  border-radius: var(--ait-radius-lg);
  box-shadow: var(--ait-shadow-image);
  object-fit: cover;
  width: 100%;
}

.ait-problem__closing,
.ait-problem__closing p {
  color: var(--ait-slate);
  font-size: 18px;
  line-height: 1.65;
  margin: 34px auto 0;
  max-width: 760px;
  text-align: center;
}

.ait-step-card__number,
.ait-step-card__number h1,
.ait-step-card__number h2,
.ait-step-card__number h3,
.ait-step-card__number h4,
.ait-step-card__number .elementor-heading-title,
.ait-step-card__number p {
  color: rgba(20, 52, 68, 0.18);
  font-family: "Matter", "Manrope", system-ui, sans-serif;
  font-size: 64px;
  line-height: 0.95;
  margin: 0 0 22px;
}

.ait-step-card__number--premium {
  align-items: center !important;
  background: var(--ait-primary) !important;
  border: 0 !important;
  border-radius: 50% !important;
  display: flex !important;
  height: 64px !important;
  justify-content: center !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
  width: 64px !important;
}

.ait-step-card__number--premium h1,
.ait-step-card__number--premium h2,
.ait-step-card__number--premium h3,
.ait-step-card__number--premium h4,
.ait-step-card__number--premium .elementor-heading-title,
.ait-step-card__number--premium p {
  color: var(--ait-white) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.ait-healthcare__title,
.ait-healthcare__title h1,
.ait-healthcare__title h2,
.ait-healthcare__title h3,
.ait-healthcare__title .elementor-heading-title {
  color: var(--ait-white);
  margin: 0;
}

.ait-healthcare__text,
.ait-healthcare__text p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 1.68;
  margin: 20px 0 0;
}

.ait-proof-mini {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.86);
  padding: 18px 0;
}

.ait-proof-mini:first-child {
  padding-top: 0;
}

.ait-proof-mini:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.ait-proof-mini p {
  margin: 0;
}

.ait-check-list,
.ait-check-list ul {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
}

.ait-check-list li,
.ait-check-list .elementor-icon-list-item {
  color: var(--ait-slate);
  line-height: 1.55;
  margin-bottom: 12px;
}

.ait-check-list--light li,
.ait-check-list--light .elementor-icon-list-item,
.ait-check-list--light .elementor-icon-list-text {
  color: rgba(255, 255, 255, 0.84);
}

.ait-check-list .elementor-icon-list-icon,
.ait-check-list .elementor-icon-list-icon i,
.ait-check-list .elementor-icon-list-icon svg {
  color: var(--ait-soft-blue);
}

.ait-fact {
  background: var(--ait-surface);
  border: 1px solid rgba(20, 52, 68, 0.1);
  border-radius: var(--ait-radius-pill);
  color: var(--ait-primary);
  font-size: 13px;
  font-weight: 700;
  padding: 10px 14px;
  width: auto;
}

.ait-fact p {
  margin: 0;
}

.ait-proof-card__quote,
.ait-proof-card__quote p {
  color: var(--ait-slate);
  font-size: 17px;
  line-height: 1.7;
  margin: 0;
}

.ait-proof-card__source,
.ait-proof-card__source h1,
.ait-proof-card__source h2,
.ait-proof-card__source h3,
.ait-proof-card__source h4,
.ait-proof-card__source h5,
.ait-proof-card__source h6,
.ait-proof-card__source .elementor-heading-title,
.ait-proof-card__source p {
  color: var(--ait-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  margin: 22px 0 0;
}

.ait-form .elementor-field-group {
  margin-bottom: 16px;
}

.ait-form .elementor-field,
.ait-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.ait-form textarea,
.ait-form select {
  border: 1px solid var(--ait-border);
  border-radius: var(--ait-radius-sm);
  min-height: 48px;
}

.ait-form .elementor-field:focus,
.ait-form input:focus,
.ait-form textarea:focus,
.ait-form select:focus {
  border-color: var(--ait-soft-blue);
  box-shadow: 0 0 0 3px rgba(131, 176, 196, 0.24);
  outline: none;
}

.ait-form .elementor-button,
.ait-form button[type="submit"],
.ait-form input[type="submit"] {
  background: var(--ait-primary);
  border-radius: var(--ait-radius-sm);
  color: var(--ait-white);
  font-weight: 700;
  min-height: 50px;
}

.ait-form .elementor-button:hover,
.ait-form .elementor-button:focus-visible,
.ait-form button[type="submit"]:hover,
.ait-form button[type="submit"]:focus-visible,
.ait-form input[type="submit"]:hover,
.ait-form input[type="submit"]:focus-visible {
  background: var(--ait-primary-hover);
}

.ait-final-cta__title,
.ait-final-cta__title h1,
.ait-final-cta__title h2,
.ait-final-cta__title h3,
.ait-final-cta__title .elementor-heading-title {
  color: var(--ait-white);
  margin: 0;
}

.ait-final-cta__text,
.ait-final-cta__text p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 18px;
  line-height: 1.65;
  margin: 14px 0 0;
}

.ait-header__utility-text,
.ait-header__utility-text p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.ait-header__utility-text strong {
  color: var(--ait-white);
  font-weight: 700;
}

.ait-header__logo img,
.ait-header__logo > img {
  display: block;
  height: auto;
  max-height: 44px;
  max-width: 190px;
  object-fit: contain;
  width: auto;
}

.ait-header__nav-link .elementor-button,
.ait-header__nav-link > a,
.ait-header__nav-link > button,
a.ait-header__nav-link,
button.ait-header__nav-link {
  background: transparent;
  border: 0;
  border-radius: var(--ait-radius-sm);
  color: var(--ait-primary);
  font-size: 15px;
  font-weight: 700;
  min-height: 40px;
  padding: 9px 8px;
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease;
}

.ait-header__nav-link .elementor-button:hover,
.ait-header__nav-link .elementor-button:focus-visible,
.ait-header__nav-link > a:hover,
.ait-header__nav-link > a:focus-visible,
.ait-header__nav-link > button:hover,
.ait-header__nav-link > button:focus-visible {
  background: var(--ait-surface);
  color: var(--ait-primary-hover);
}

.ait-header__phone .elementor-button,
.ait-header__cta .elementor-button {
  min-height: 44px;
  padding: 13px 18px;
}

.ait-footer__logo img,
.ait-footer__logo > img {
  display: block;
  height: auto;
  max-height: 46px;
  max-width: 190px;
  object-fit: contain;
  width: auto;
}

.ait-footer__cta-title,
.ait-footer__cta-title h1,
.ait-footer__cta-title h2,
.ait-footer__cta-title h3,
.ait-footer__cta-title .elementor-heading-title,
.ait-footer__column-title,
.ait-footer__column-title h1,
.ait-footer__column-title h2,
.ait-footer__column-title h3,
.ait-footer__column-title .elementor-heading-title {
  color: var(--ait-white);
  margin: 0;
}

.ait-footer__column-title,
.ait-footer__column-title .elementor-heading-title {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.25;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.ait-footer__cta-text,
.ait-footer__cta-text p,
.ait-footer__brand-text,
.ait-footer__brand-text p,
.ait-footer__contact-text,
.ait-footer__contact-text p,
.ait-footer__offices,
.ait-footer__offices p,
.ait-footer__meta,
.ait-footer__meta p,
.ait-footer__trust-note,
.ait-footer__trust-note p,
.ait-footer__legal,
.ait-footer__legal p {
  color: rgba(255, 255, 255, 0.76);
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}

.ait-footer__cta-text,
.ait-footer__cta-text p {
  font-size: 17px;
  margin-top: 12px;
  max-width: 720px;
}

.ait-footer__brand-text,
.ait-footer__brand-text p {
  margin-top: 22px;
  max-width: 390px;
}

.ait-footer__meta,
.ait-footer__meta p {
  color: rgba(255, 255, 255, 0.88);
  font-weight: 700;
  margin-top: 18px;
}

.ait-footer__trust-note,
.ait-footer__trust-note p {
  color: var(--ait-pale-blue);
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
}

.ait-footer__links .elementor-icon-list-items {
  display: grid;
  gap: 9px;
}

.ait-footer__links .elementor-icon-list-item {
  margin: 0;
}

.ait-footer__links .elementor-icon-list-icon {
  display: none;
}

.ait-footer__links .elementor-icon-list-text,
.ait-footer__links a,
.ait-footer__contact-text a,
.ait-footer__legal a {
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  text-underline-offset: 4px;
}

.ait-footer__links a:hover,
.ait-footer__links a:focus-visible,
.ait-footer__contact-text a:hover,
.ait-footer__contact-text a:focus-visible,
.ait-footer__legal a:hover,
.ait-footer__legal a:focus-visible {
  color: var(--ait-white);
  text-decoration: underline;
}

.ait-footer__contact-text strong,
.ait-footer__offices strong {
  color: var(--ait-white);
  font-weight: 800;
}

.ait-footer__offices p + p {
  margin-top: 14px;
}

.ait-footer__legal,
.ait-footer__legal p {
  font-size: 13px;
}

@media (max-width: 767px) {
  .e-con > .ait-problem-card,
  .e-con-inner > .ait-problem-card,
  .e-con > .ait-service-card,
  .e-con-inner > .ait-service-card,
  .e-con > .ait-office-card,
  .e-con-inner > .ait-office-card {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .ait-section__intro,
  .ait-section__intro p {
    font-size: 16px;
  }

  .ait-card {
    padding: 24px;
  }

  .ait-hero__intro,
  .ait-hero__intro p {
    font-size: 18px;
  }

  .ait-hero__image img,
  .ait-hero__image > img {
    aspect-ratio: 4 / 3;
  }

  .ait-trust-pill {
    font-size: 12px;
  }

  .ait-problem__closing,
  .ait-problem__closing p {
    text-align: left;
  }

  .ait-step-card__number,
  .ait-step-card__number .elementor-heading-title,
  .ait-step-card__number p {
    font-size: 52px;
  }

  .ait-fact {
    border-radius: var(--ait-radius-sm);
    width: 100%;
  }

  .ait-header__utility-text,
  .ait-header__utility-text p {
    font-size: 12px;
  }

  .ait-header__logo img,
  .ait-header__logo > img,
  .ait-footer__logo img,
  .ait-footer__logo > img {
    max-height: 40px;
  }

  .ait-header__nav-link .elementor-button,
  .ait-header__nav-link > a,
  .ait-header__nav-link > button,
  .ait-header__phone .elementor-button,
  .ait-header__cta .elementor-button {
    justify-content: center;
    width: 100%;
  }

  .ait-footer__cta-text,
  .ait-footer__cta-text p {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ait-btn .elementor-button,
  .ait-btn > a,
  .ait-btn > button,
  a.ait-btn,
  button.ait-btn,
  .ait-card {
    transition: none;
  }

  .ait-btn .elementor-button:hover,
  .ait-btn .elementor-button:focus-visible,
  .ait-btn > a:hover,
  .ait-btn > a:focus-visible,
  .ait-btn > button:hover,
  .ait-btn > button:focus-visible,
  a.ait-btn:hover,
  a.ait-btn:focus-visible,
  button.ait-btn:hover,
  button.ait-btn:focus-visible,
  .ait-card:hover {
    transform: none;
  }
}


/* WCAG AA Contrast: Light-text variants for dark sections */
.ait-hero__title--light, .ait-hero__title--light h1, .ait-hero__title--light h2, .ait-hero__title--light h3, .ait-hero__title--light .elementor-heading-title { color: var(--ait-white) !important; }
.ait-hero__intro--light, .ait-hero__intro--light p { color: rgba(255, 255, 255, 0.88) !important; }
.ait-hero__signal-card, .ait-hero__signal-card h1, .ait-hero__signal-card h2, .ait-hero__signal-card h3, .ait-hero__signal-card h4, .ait-hero__signal-card h5, .ait-hero__signal-card h6, .ait-hero__signal-card p, .ait-hero__signal-card strong, .ait-hero__signal-card .elementor-heading-title { color: var(--ait-white) !important; }
.ait-header__wordmark, .ait-header__wordmark a, a.ait-header__wordmark, .ait-header__wordmark--dark, .ait-header__wordmark--dark a, a.ait-header__wordmark--dark, .ait-header__wordmark .elementor-heading-title { color: var(--ait-white) !important; }
.ait-header__utility-contact, .ait-header__utility-contact a, a.ait-header__utility-contact, .ait-header__utility-contact strong, .ait-header__utility-contact p { color: var(--ait-white) !important; }
.ait-final-cta__proof, .ait-final-cta__proof p, .ait-final-cta__proof strong { color: rgba(255, 255, 255, 0.88) !important; }


/* Landing-page hero variants (.ait-page-hero__* classes) */
.ait-page-hero__title--light, .ait-page-hero__title--light h1, .ait-page-hero__title--light h2, .ait-page-hero__title--light h3, .ait-page-hero__title--light .elementor-heading-title { color: var(--ait-white) !important; }
.ait-page-hero__intro--light, .ait-page-hero__intro--light p { color: rgba(255, 255, 255, 0.88) !important; }
.ait-page-hero__signal-card, .ait-page-hero__signal-card h1, .ait-page-hero__signal-card h2, .ait-page-hero__signal-card h3, .ait-page-hero__signal-card h4, .ait-page-hero__signal-card h5, .ait-page-hero__signal-card h6, .ait-page-hero__signal-card p, .ait-page-hero__signal-card strong, .ait-page-hero__signal-card .elementor-heading-title { color: var(--ait-white) !important; }
.ait-detail-text--light, .ait-detail-text--light p, .ait-detail-text--light strong { color: rgba(255, 255, 255, 0.85) !important; }
/* ISO trust chips in footer (dark bg) */
/* Proof strip in landing-page hero (dark bg) */
.ait-page-hero__proof-strip, .ait-page-hero__proof-strip p, .ait-page-hero__proof-strip strong, .ait-page-hero__proof-strip span, .ait-page-hero__proof-strip a { color: rgba(255, 255, 255, 0.88) !important; }
.ait-hero__proof-strip, .ait-hero__proof-strip p, .ait-hero__proof-strip strong, .ait-hero__proof-strip span, .ait-hero__proof-strip a { color: rgba(255, 255, 255, 0.88) !important; }

/* Footer CTA — white card on dark navy footer. --dark = dark text variant */
.ait-footer__cta-title--dark, .ait-footer__cta-title--dark h1, .ait-footer__cta-title--dark h2, .ait-footer__cta-title--dark h3, .ait-footer__cta-title--dark .elementor-heading-title { color: #0f2f3f !important; }
.ait-footer__cta-text--dark, .ait-footer__cta-text--dark p, .ait-footer__cta-text--dark strong { color: #1a1f2e !important; }
.ait-footer__wordmark, .ait-footer__wordmark a, a.ait-footer__wordmark, .ait-footer__wordmark .elementor-heading-title, .ait-footer__wordmark strong { color: #ffffff !important; }
.ait-page-hero__proof-strip, .ait-page-hero__proof-strip p { margin: 0; }
.ait-page-hero__proof-strip { margin-top: 28px; }
.ait-page-hero__proof-strip p { display: flex !important; flex-wrap: wrap; gap: 10px; }
.ait-page-hero__proof-strip span { background: #d8e8ef !important; border: 1px solid rgba(216,232,239,0.8) !important; border-radius: 999px !important; color: #143444 !important; display: inline-flex !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.3 !important; padding: 9px 13px !important; }
.ait-hero__proof-strip, .ait-hero__proof-strip p { margin: 0; }
.ait-hero__proof-strip { margin-top: 28px; }
.ait-hero__proof-strip p { display: flex !important; flex-wrap: wrap; gap: 10px; }
.ait-hero__proof-strip span { background: #d8e8ef !important; border: 1px solid rgba(216,232,239,0.8) !important; border-radius: 999px !important; color: #143444 !important; display: inline-flex !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.3 !important; padding: 9px 13px !important; }

/* Trust note + chips: light footer = dark text. Dark footer override below. */
.ait-footer__trust-note, .ait-footer__trust-note p, .ait-footer__trust-note strong { color: rgba(15,47,63,0.75) !important; }
.ait-footer__trust-chip { background: #d8e8ef !important; border: 1px solid rgba(216,232,239,0.8) !important; }
.ait-footer__trust-chip, .ait-footer__trust-chip p, .ait-footer__trust-chip strong, .ait-footer__trust-chip span { color: #143444 !important; }

/* Trust note in brand block (sibling of wordmark, on navy bg) — light text */
.ait-footer__wordmark ~ .ait-footer__trust-note, .ait-footer__wordmark ~ .ait-footer__trust-note p, .ait-footer__wordmark ~ .ait-footer__trust-note strong { color: #d8e8ef !important; }

/* Trust pill dark variant — pale-blue pill on dark sections */
.ait-trust-pill--dark { background: #d8e8ef !important; border-color: rgba(216,232,239,0.8) !important; color: #143444 !important; }
.ait-trust-pill--dark p { color: #143444 !important; }

/* ============================================================
   Mega Menu Dropdown — Premium dark with Kommer snart-pill
   ============================================================ */
.ait-mega-dropdown {
  background: #143444 !important;
  border-radius: 8px !important;
}
.ait-mega-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.ait-mega-card {
  background: #1a4055 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  transition: background 0.2s, border-color 0.2s, transform 0.2s !important;
}
.ait-mega-card:hover {
  background: #21536d !important;
  border-color: rgba(216,232,239,0.35) !important;
  transform: translateY(-1px);
}
.ait-mega-card--all {
  background: #143444 !important;
  border-color: #d8e8ef !important;
}
.ait-mega-card--all:hover {
  background: #d8e8ef !important;
}
.ait-mega-card--all:hover .ait-mega-card__title .elementor-heading-title,
.ait-mega-card--all:hover .ait-mega-card__sub p {
  color: #143444 !important;
}
.ait-mega-card__title,
.ait-mega-card__title .elementor-heading-title {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}
.ait-mega-card__title a {
  color: inherit !important;
  text-decoration: none !important;
}
.ait-mega-card__sub,
.ait-mega-card__sub p {
  color: rgba(216,232,239,0.75) !important;
  font-size: 12px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
.ait-mega-card__pill,
.ait-mega-card__pill p {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(216,232,239,0.14) !important;
  color: rgba(216,232,239,0.9) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  margin: 6px 0 0 !important;
  width: auto !important;
  max-width: max-content !important;
}
.ait-mega-card--soon .ait-mega-card__title {
  opacity: 0.8;
}
/* Kunskap dropdown — simple link list */
.ait-mega-dropdown--kunskap {
  padding: 18px !important;
}
.ait-mega-link,
.ait-mega-link .elementor-heading-title {
  color: #d8e8ef !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
  transition: background 0.2s, color 0.2s !important;
}
.ait-mega-link--top,
.ait-mega-link--top .elementor-heading-title {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
  padding-bottom: 12px !important;
  margin-bottom: 6px !important;
  border-radius: 0 !important;
}
.ait-mega-link:hover,
.ait-mega-link:hover .elementor-heading-title {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}
.ait-mega-link a {
  color: inherit !important;
  text-decoration: none !important;
}
.ait-mega-link--nested {
  padding-left: 22px !important;
  font-size: 13px !important;
}
/* Mobile: stack cards full-width, ensure dropdown isn't desktop-panel */
@media (max-width: 1024px) {
  .ait-mega-grid {
    flex-direction: column !important;
  }
  .ait-mega-card {
    width: 100% !important;
  }
}

/* :has()-fallback for V4 container classes (containers don't render _css_classes in DOM) */
.e-con:has(> .e-con-inner > .ait-mega-card__title),
.e-con:has(> .ait-mega-card__title) {
  background: #1a4055 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  transition: background 0.2s, border-color 0.2s, transform 0.2s !important;
}
.e-con:has(> .e-con-inner > .ait-mega-card__title):hover,
.e-con:has(> .ait-mega-card__title):hover {
  background: #21536d !important;
  border-color: rgba(216,232,239,0.35) !important;
  transform: translateY(-1px);
}
/* Mobile/tablet — stack cards inside Tjänster dropdown */
@media (max-width: 1024px) {
  .e-con:has(> .e-con-inner > .ait-mega-card__title),
  .e-con:has(> .ait-mega-card__title) {
    width: 100% !important;
    flex-basis: 100% !important;
  }
}
/* "Alla tjänster" first card — accent border */
.e-con:has(> .e-con-inner > .ait-mega-card__title a[href$="/tjanster/"]),
.e-con:has(> .ait-mega-card__title a[href$="/tjanster/"]) {
  border-color: #d8e8ef !important;
}

/* Touch target — mobile minimum 44px for .ait-link */
@media (max-width: 767px) {
  .ait-link a,
  .ait-link .elementor-button,
  .ait-link > a {
    min-height: 44px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Matter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://active.se/wp-content/uploads/2026/05/Matter-Regular-for-rubriker.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-display: auto;
	src: url('https://active.se/wp-content/uploads/2026/05/Manrope-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */