:root {
  --ss-blue: #00B2D4;
  --ss-navy: #182B3A;
  --ss-white: #FFFFFF;
  --ss-black: #000000;
  --ss-flame: #D34027;
  --ss-font: "Nunito Sans", Arial, sans-serif;
}

body {
  background-color: var(--ss-white);
  color: var(--ss-black);
  font-family: var(--ss-font);
}

button, input, select, textarea {
  font-family: inherit;
}

.avs-hero__logo {
  justify-self: start;
}

.ss-logo {
  display: block;
  width: clamp(118px, 14vw, 172px);
  max-width: 100%;
  height: auto;
}

.as-footer__logo .ss-logo {
  width: clamp(148px, 20vw, 216px);
}

.as-footer :is(input, textarea):is(:user-invalid, [aria-invalid="true"]) {
  border-color: var(--ss-flame);
}


/* Tilda export typography and controls */
:root body, :root #allrecords .r {
  --t-headline-font: var(--ss-font);
  --t-text-font: var(--ss-font);
  font-family: var(--ss-font);
}

:root .avs-hero__logo {
  background: transparent;
  border-radius: 0;
}

:root .avs-hero__logo-accent,
:root .avs-hero__logo:hover .avs-hero__logo-text {
  color: var(--ss-blue);
}

:root .as-footer__logo .as-footer__logo-accent {
  color: var(--ss-navy);
}

:root .ca-map [fill="#ff6b1a"] { fill: var(--ss-blue); }
:root .ca-map [fill="#0a2540"] { fill: var(--ss-navy); }
:root .ca-map [stroke="#ff6b1a"] { stroke: var(--ss-blue); }

/* Brand overrides for the Safety Service blocks */

:root .avs-hero {
  color: var(--ss-white);
  background: var(--ss-navy);
}

:root .avs-hero__veil {
  background: linear-gradient(
          180deg,
          rgba(24, 43, 58, 0.55) 0%,
          rgba(24, 43, 58, 0.25) 35%,
          rgba(24, 43, 58, 0.55) 65%,
          rgba(24, 43, 58, 0.92) 100%
        ),
        linear-gradient(
          90deg,
          rgba(24, 43, 58, 0.78) 0%,
          rgba(24, 43, 58, 0.35) 55%,
          rgba(24, 43, 58, 0.15) 100%
        );
}

:root .avs-hero__logo {
  color: var(--ss-white);
}

:root .avs-hero__nav-link::after {
  background: var(--ss-blue);
}

:root .avs-hero__nav-link:hover {
  color: var(--ss-white);
}

:root .avs-hero__region-dot {
  background: var(--ss-blue);
}

:root .avs-hero__eyebrow::before {
  background: var(--ss-blue);
}

:root .avs-hero__title {
  color: var(--ss-white);
}

:root .avs-hero__title-mark {
  color: var(--ss-blue);
}

:root .avs-hero__btn--primary {
  background: var(--ss-blue);
  color: var(--ss-navy);
}

:root .avs-hero__btn--primary:hover {
  background: var(--ss-white);
}

:root .avs-hero__btn--ghost {
  color: var(--ss-white);
}

:root .avs-hero__metric-value {
  color: var(--ss-white);
}

:root .avc-flow {
  --avc-bg: var(--ss-navy);
  --avc-ink: var(--ss-white);
  --avc-action: var(--ss-blue);
}

:root .avc-flow__step--action .avc-flow__step-icon::after {
  box-shadow: inset 0 0 0 1px rgba(0, 178, 212, 0.30);
}

:root .av-sol {
  --bg: var(--ss-navy);
  --ink: var(--ss-white);
  --accent: var(--ss-blue);
}

:root .av-sol::before {
  background: radial-gradient(circle at 18% -10%, rgba(0, 178, 212, 0.10), transparent 45%),
        radial-gradient(circle at 95% 110%, rgba(74, 85, 103, 0.18), transparent 50%);
}

:root .av-sol__card-num::before {
  box-shadow: 0 0 0 4px rgba(0, 178, 212, 0.15);
}

:root .mt-aqp {
  background: var(--ss-navy);
  color: var(--ss-white);
}

:root .mt-aqp__count {
  color: var(--ss-blue);
}

:root .sv-k7m {
  background: var(--ss-navy);
  color: var(--ss-white);
}

:root .sv-k7m__num {
  background: var(--ss-navy);
  border: 1px solid var(--ss-blue);
  color: var(--ss-blue);
}

:root .sv-k7m__name {
  color: var(--ss-white);
}

:root .wu-why {
  --wu-bg: var(--ss-white);
  --wu-ink: var(--ss-navy);
  --wu-accent: var(--ss-blue);
  --wu-navy: var(--ss-navy);
  --wu-card: var(--ss-white);
  --wu-shadow: 0 1px 2px rgba(24, 43, 58,0.04), 0 8px 24px rgba(24, 43, 58,0.06);
  --wu-shadow-hover: 0 2px 4px rgba(24, 43, 58,0.06), 0 18px 40px rgba(24, 43, 58,0.12);
}

:root .wu-why::before {
  background-image: linear-gradient(rgba(24, 43, 58,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(24, 43, 58,0.04) 1px, transparent 1px);
}

:root .wu-why__eyebrow {
  color: var(--ss-navy);
}

:root .wu-why__icon::after {
  border: 1px solid rgba(0, 178, 212,0.0);
}

:root .wu-why__card:hover .wu-why__icon::after {
  border-color: rgba(0, 178, 212,0.4);
}

:root .wu-why__icon svg {
  stroke: var(--ss-white);
}

:root .wu-why__strip {
  color: var(--ss-white);
}

:root .wu-why__strip-title {
  color: var(--ss-white);
}

:root .wu-why__strip-title span {
  color: var(--ss-navy);
}

:root .ca-map {
  --ca-bg: var(--ss-white);
  --ca-ink: var(--ss-navy);
  --ca-accent: var(--ss-blue);
}

:root .ca-map__background::before {
  background-image: linear-gradient(
            rgba(24, 43, 58,0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(24, 43, 58,0.025) 1px,
            transparent 1px
        );
}

:root .ca-country--kz {
  filter: drop-shadow(
        0 5px 12px rgba(0, 178, 212,0.10)
    );
}

:root .ca-map__eyebrow {
  color: var(--ss-navy);
}

:root .ca-map__region--active {
  color: var(--ss-navy);
}

:root .ca-map__region--active::before {
  box-shadow: 0 0 0 4px rgba(0, 178, 212,0.08);
}

:root .ca-map__info {
  border-top: 1px solid rgba(24, 43, 58,0.10);
}

:root .ca-map__marker {
  box-shadow: 0 0 0 5px rgba(0, 178, 212,0.12),
        0 0 0 11px rgba(0, 178, 212,0.045);
}

:root .ca-map__marker-label {
  color: var(--ss-navy);
}

:root .ca-map__fade {
  background: linear-gradient(
            90deg,
            var(--ca-bg) 0%,
            rgba(255, 255, 255,0.90) 25%,
            rgba(255, 255, 255,0.20) 48%,
            rgba(255, 255, 255,0.00) 70%
        );
}

@media (max-width: 960px) {
  :root .ca-map__fade {
    background: linear-gradient(
                  90deg,
                  var(--ca-bg) 0%,
                  rgba(255, 255, 255,0.88) 35%,
                  rgba(255, 255, 255,0.15) 72%,
                  rgba(255, 255, 255,0) 100%
              );
  }
}

:root .as-cta {
  --as-bg: var(--ss-white);
  --as-ink: var(--ss-navy);
  --as-accent: var(--ss-blue);
  --as-card: var(--ss-navy);
  --as-white: var(--ss-white);
}

:root .as-cta::before {
  background-image: linear-gradient(
            rgba(24, 43, 58, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(24, 43, 58, 0.035) 1px,
            transparent 1px
        );
}

:root .as-cta__panel {
  box-shadow: 0 2px 4px rgba(24, 43, 58,0.06),
        0 20px 50px rgba(24, 43, 58,0.14);
}

:root .as-cta__title {
  color: var(--ss-white);
}

:root .as-cta__button--primary {
  color: var(--ss-navy);
  box-shadow: 0 6px 18px rgba(0, 178, 212,0.22);
}

:root .as-cta__button--primary:hover {
  background: var(--ss-blue);
  border-color: var(--ss-blue);
  color: var(--ss-navy);
  box-shadow: 0 10px 25px rgba(0, 178, 212,0.30);
}

:root .as-cta__button--secondary {
  color: var(--ss-white);
}

:root .as-cta__button--secondary:hover {
  color: var(--ss-white);
}

:root .as-footer {
  --as-bg: var(--ss-white);
  --as-ink: var(--ss-navy);
  --as-accent: var(--ss-blue);
  --as-navy: var(--ss-navy);
  --as-white: var(--ss-white);
}

:root .as-footer::before {
  background-image: linear-gradient( rgba(24, 43, 58,0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(24, 43, 58,0.035) 1px, transparent 1px );
}

:root .as-footer__topography {
  border: 1px solid rgba(24, 43, 58,0.045);
  box-shadow: 0 0 0 45px rgba(24, 43, 58,0.025), 0 0 0 90px rgba(24, 43, 58,0.020), 0 0 0 135px rgba(24, 43, 58,0.015), 0 0 0 180px rgba(24, 43, 58,0.010);
}

:root .as-footer__eyebrow {
  color: var(--ss-navy);
}

:root .as-footer__contact:hover {
  color: var(--ss-navy);
}

:root .as-footer__contact:hover .as-footer__contact-icon {
  border-color: var(--ss-navy);
  background: rgba(0, 178, 212,0.06);
}

:root .as-footer__form-wrapper {
  box-shadow: 0 1px 2px rgba(24, 43, 58,0.04), 0 12px 32px rgba(24, 43, 58,0.06);
}

:root .as-footer__input:focus, :root .as-footer__textarea:focus, :root .as-footer__select:focus {
  background: var(--ss-white);
  border-color: var(--ss-navy);
  box-shadow: 0 0 0 3px rgba(0, 178, 212,0.08);
}

:root .as-footer__submit {
  color: var(--ss-navy);
}

:root .as-footer__submit:hover {
  background: var(--ss-blue);
  box-shadow: 0 8px 22px rgba(0, 178, 212,0.25);
}

:root .as-footer__submit svg {
  stroke: currentColor;
}

:root .as-footer__bottom-brand span {
  color: var(--ss-navy);
}