/* One brand accent across all final pages; neutral surfaces, no pastel blue. */
:root {
  --main-h: 219; --main-s: 53%; --main-l: 34.3%;
  --main-two-h: 219; --main-two-s: 53%; --main-two-l: 34.3%;
  --main-40: #f7f7f8; --main-50: #f4f4f5; --main-100: #eeeeef;
  --main-200: #e1e1e4; --main-300: #294a86; --main-400: #294a86; --main-500: #294a86; --main-600: #294a86;
  --main-two-50: #f4f4f5; --main-two-100: #eeeeef; --main-two-200: #e1e1e4;
  --main-two-300: #294a86; --main-two-400: #294a86; --main-two-500: #294a86; --main-two-600: #294a86;
}
.header.fixedHeaderBgWhite, .header.fixedHeaderBgWhite.fixed-header, .creox-internal .header, .creox-internal .header.fixed-header { background: #fff !important; }
.banner-two, .tech-orbit__panel { background: #f7f7f8 !important; }
.tech-orbit__panel { background-image: none !important; }
.tech-orbit__eyebrow { color: #294a86; }
.tech-orbit__mark::before { background: #fff; }
.tech-orbit__mark { background: #294a86; }
.tech-hex { --hex: #294a86 !important; }
.project-marquee__hint { background: #294a86; color: white; }
.btn-main-two, .btn-main-two .button__label, .bg-main-two-600.text-heading, .bg-main-two-600 .text-heading { color: #fff !important; }
.btn-main-two .arrow-right-img { filter: brightness(0) invert(1); }
.cta-two > .container > div { background: #f4f4f5 !important; }
.banner-two > img[src*="shapes/"], .banner-two > img[src*="social-icon"], #services > img, .project-two > img, .cta-two img[src*="shapes/"] { filter: grayscale(1); }
.customer-statistics .rotate-text-wrapper img { filter: grayscale(1); }
.customer-statistics .rotate-text-wrapper span { color: #fff !important; }
.creox-internal footer img[src*="creox-media-logo"] { background: #fff; }