/* Loaded after stored masar-site-overrides. html:root beats :root.
   Explicit chrome keeps white type on navy heroes, header, and footer. */

html:root {
    --masar-orange: #FF7A00;
    --masar-orange-deep: #FF5A00;
    --masar-bg-0: #FFFFFF;
    --masar-bg-1: #F4F7FB;
    --masar-bg-2: #F4F7FB;
    --masar-card: #FFFFFF;
    --masar-border: rgba(14, 27, 43, 0.12);
    --masar-border-strong: rgba(14, 27, 43, 0.18);
    --masar-text: #0E1B2B;
    --masar-muted: #3E4C5E;
    --masar-ink: #0E1B2B;
    --masar-ink-soft: #3E4C5E;
    --masar-cream: #FFFFFF;
    --masar-sand: #F4F7FB;
    --masar-line: rgba(14, 27, 43, 0.12);
    --masar-navy: #0E1B2B;
    --masar-blue: #007BFF;
    --masar-green: #22C55E;
    --masar-cyan: #00D2FF;
    --bs-primary: #FF7A00;
    --bs-primary-rgb: 255, 122, 0;
    --o-color-1: #FF7A00;
}

html body,
html body #wrapwrap,
html body #wrapwrap > main,
html body .masar-site {
    background: #FFFFFF !important;
    color: #0E1B2B !important;
}

html body #wrapwrap header#top,
html body #wrapwrap .o_header_standard,
html body #wrapwrap header#top .navbar,
html body #wrapwrap footer#bottom,
html body #wrapwrap footer,
html body #wrapwrap .o_footer {
    background: #0E1B2B !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html body #wrapwrap header#top .navbar .nav-link,
html body #wrapwrap header#top .navbar-brand,
html body #wrapwrap footer a,
html body #wrapwrap .o_footer a {
    color: #FFFFFF !important;
}

html body #wrapwrap header#top .navbar .nav-link:hover,
html body #wrapwrap header#top .navbar .nav-link.active {
    color: #FF7A00 !important;
}

html body #wrapwrap .dropdown-menu {
    background: #FFFFFF !important;
    color: #0E1B2B !important;
}

html body #wrapwrap .dropdown-menu .dropdown-item {
    color: #0E1B2B !important;
}

html body #wrapwrap .dropdown-menu .dropdown-item:hover,
html body #wrapwrap .dropdown-menu .dropdown-item:focus {
    color: #FF7A00 !important;
    background: #F4F7FB !important;
}

html body .masar-site .masar-section,
html body .masar-site .masar-section-band,
html body .masar-site .masar-section-band--a,
html body .masar-site .masar-section-band--c,
html body .masar-site #masar-content-top {
    background: #FFFFFF !important;
    color: #0E1B2B !important;
    border-color: rgba(14, 27, 43, 0.1) !important;
}

html body .masar-site .masar-section-band--b,
html body .masar-site .s_masar_solutions {
    background: #F4F7FB !important;
    color: #0E1B2B !important;
}

html body .masar-site .masar-editorial-card,
html body .masar-site .masar-solution-card,
html body .masar-site #solutionsRegion .s_card {
    background: #FFFFFF !important;
    color: #0E1B2B !important;
    border-color: rgba(14, 27, 43, 0.12) !important;
}

html body .masar-site .masar-service__name,
html body .masar-site .masar-solution-card__title,
html body .masar-site .s_masar_solutions .masar-title,
html body .masar-site .masar-editorial-card__body,
html body .masar-site .masar-solution-card__features li {
    color: #0E1B2B !important;
}

html body .masar-site .masar-editorial-card p,
html body .masar-site .masar-editorial-card__body,
html body .masar-site .s_masar_solutions .masar-lead,
html body .masar-site .masar-solution-card__features li {
    color: #3E4C5E !important;
}

html body .masar-site .masar-btn--primary,
html body .btn-primary,
html body a.btn-primary,
html body .btn-fill-o_color_1,
html body .bg-o-color-1,
html body .bg-primary {
    background: #FF7A00 !important;
    background-color: #FF7A00 !important;
    border-color: #FF7A00 !important;
    color: #FFFFFF !important;
}

html body .masar-site .masar-btn--primary:hover,
html body .btn-primary:hover {
    background: #FF5A00 !important;
    background-color: #FF5A00 !important;
    border-color: #FF5A00 !important;
}

html body .masar-site .masar-btn--outline {
    border-color: #0E1B2B !important;
    color: #0E1B2B !important;
    background: transparent !important;
}

html body .masar-banner .masar-btn--outline,
html body .masar-hero .masar-btn--outline {
    border-color: rgba(255, 255, 255, 0.55) !important;
    color: #FFFFFF !important;
}

html body .masar-banner__overlay {
    background: linear-gradient(100deg, rgba(14, 27, 43, 0.78) 0%, rgba(14, 27, 43, 0.5) 46%, rgba(14, 27, 43, 0.16) 100%) !important;
}

html body [dir="rtl"] .masar-banner__overlay {
    background: linear-gradient(260deg, rgba(14, 27, 43, 0.78) 0%, rgba(14, 27, 43, 0.5) 46%, rgba(14, 27, 43, 0.16) 100%) !important;
}

html body .masar-banner__bg {
    opacity: 0.68 !important;
}

html body .masar-banner__title,
html body .masar-banner__eyebrow,
html body .masar-hero,
html body .masar-hero__title,
html body .masar-site .masar-hero__title {
    color: #FFFFFF !important;
}

html body .masar-banner__lead,
html body .masar-hero__lead,
html body .masar-site .masar-hero__lead {
    color: rgba(255, 255, 255, 0.84) !important;
}

html body .masar-site a:not(.masar-btn):not(.btn):not(.nav-link):not(.navbar-brand):not(.dropdown-item) {
    color: #007BFF !important;
}

html body .masar-banner a:not(.masar-btn),
html body .masar-hero a:not(.masar-btn),
html body #wrapwrap footer a {
    color: #FFFFFF !important;
}

html body .text-primary,
html body .text-o-color-1,
html body .btn-outline-primary {
    color: #007BFF !important;
}

html body .btn-outline-primary {
    border-color: #007BFF !important;
}

html body .masar-site .text-success,
html body .masar-site .alert-success {
    color: #22C55E !important;
}

html body .masar-hero .masar-hero__part--accent,
html body .masar-site a.masar-textlink,
html body .masar-site a.masar-textlink:hover {
    color: var(--masar-orange) !important;
}

html body .masar-site a.masar-offer,
html body .masar-site a.masar-offer .masar-offer__name {
    color: var(--masar-navy) !important;
}

html body .masar-site a.masar-offer .masar-offer__text {
    color: var(--masar-text-soft) !important;
}

html body .masar-site .masar-band,
html body .masar-site .masar-audience__card {
    color: var(--masar-white) !important;
}

html body .masar-site .masar-band {
    background:
        radial-gradient(circle at 80% 20%, rgba(0, 160, 255, 0.18), transparent 18rem),
        var(--masar-navy) !important;
}

html body #wrapwrap footer a.masar-footer__link:hover,
html body #wrapwrap footer a.masar-footer__legal-link:hover,
html body #wrapwrap footer .masar-nav__link.is-active {
    color: var(--masar-orange) !important;
}