/*
 * NeoViews Branding Overrides
 *
 * SINGLE SOURCE OF TRUTH for brand fonts and colors.
 * To change fonts or colors site-wide, edit the CSS variables below.
 *
 * Colors: #35426E (dark blue), #2E548A (mid blue), #C83538 (red), #fff (white)
 * Heading font: Josefin Sans Bold
 * Body font: Poppins Regular
 */

:root {
    /* -- FONTS (change these to swap fonts site-wide) -- */
    --nv-font-heading: 'Josefin Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --nv-font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* -- COLORS -- */
    --nv-dark-blue: #35426E;
    --nv-mid-blue: #2E548A;
    --nv-red: #C83538;
    --nv-red-hover: #a82d30;
    --nv-text: #35426E;
    --nv-text-light: #5a6a85;
    --nv-white: #ffffff;
}

/* ===== GLOBAL FONT ===== */
body {
    font-family: var(--nv-font-body);
    color: var(--nv-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--nv-font-heading);
    color: var(--nv-text);
}

p, li, span, a, input, textarea, select, label, button {
    font-family: var(--nv-font-body);
}

/* ===== HEADER / NAVIGATION ===== */
.menu-area {
    background: var(--nv-white);
}

.sticky-menu .second-menu {
    background: var(--nv-white);
}

.main-menu ul li a {
    font-family: var(--nv-font-body);
    color: var(--nv-dark-blue);
    font-weight: 600;
}

.main-menu ul li:hover > a,
.main-menu ul li.active a {
    color: var(--nv-red);
}

/* Dropdown */
.main-menu .has-sub ul {
    background: var(--nv-white);
}

.main-menu .has-sub ul li a {
    color: var(--nv-dark-blue);
}

.main-menu .has-sub ul li a:hover {
    color: var(--nv-red);
}

/* ===== BUTTONS ===== */
/* Primary button (Request Demo, CTAs) */
.btn-homepage {
    background: var(--nv-red) !important;
    border: none;
    color: #fff;
    font-family: var(--nv-font-heading);
    font-weight: 700;
    border-radius: 6px;
}

.btn-homepage:hover {
    background: var(--nv-red-hover) !important;
    color: #fff;
}

.btn-homepage::before {
    display: none !important;
}

/* Secondary button (ss-btn) */
.btn.ss-btn {
    background: var(--nv-mid-blue) !important;
    background-image: none !important;
    border-radius: 6px;
    font-family: var(--nv-font-heading);
    font-weight: 700;
    color: #fff;
    box-shadow: none;
}

.btn.ss-btn:hover {
    background: var(--nv-dark-blue) !important;
    background-image: none !important;
    color: #fff;
}

.btn.ss-btn.active {
    background: transparent !important;
    border: 2px solid #fff;
    color: #fff;
}

.btn.ss-btn.active:hover {
    background: #fff !important;
    color: var(--nv-dark-blue);
}

/* Slider-specific button overrides */
.slider-bg .text2 .btn.ss-btn {
    background: var(--nv-red) !important;
    background-image: none !important;
    border: none;
}

.slider-bg .text2 .btn.ss-btn:hover {
    background: var(--nv-red-hover) !important;
}

.slider-bg .text2 .btn.ss-btn.active {
    background: transparent !important;
    border: 2px solid #fff;
    color: #fff;
}

.slider-bg .text2 .btn.ss-btn.active:hover {
    background: rgba(255,255,255,0.15) !important;
}

/* Video area button */
.video-area .btn.ss-btn {
    background: var(--nv-red) !important;
    background-image: none !important;
    border-radius: 6px;
}

/* Contact area button */
.contact-bg02 .btn.ss-btn,
.contact-bg02 .btn.ss-btn.active {
    background: var(--nv-red) !important;
    border: 2px solid var(--nv-red);
    color: #fff;
}

.contact-bg02 .btn.ss-btn:hover {
    background: var(--nv-red-hover) !important;
    border-color: var(--nv-red-hover);
}

/* ===== SECTION TITLES ===== */
.section-title h2 {
    font-family: var(--nv-font-heading);
    color: var(--nv-dark-blue);
}

.section-title h2::before {
    background: var(--nv-red);
}

.section-title h5 {
    color: var(--nv-mid-blue);
}

.section-title p {
    color: var(--nv-text-light);
}

.about-title h2,
.about-title.second-title h2 {
    font-family: var(--nv-font-heading);
    color: var(--nv-dark-blue);
}

/* ===== SLIDER ===== */
.slider-bg .text2 h2 {
    font-family: var(--nv-font-body);
    font-weight: 700;
    color: #fff;
}

.slider-bg .text2 p {
    font-family: var(--nv-font-body);
}

/* ===== FOOTER LOGO ===== */
.footer-widget .f-widget-title img {
    background: rgba(255,255,255,0.9);
    border-radius: 8px;
    padding: 8px 12px;
}

/* ===== SERVICES / WHY NEOVIEWS CARDS ===== */
.services-08-item .services-08-thumb i {
    color: var(--nv-mid-blue);
}

.services-08-item:hover .services-08-thumb i {
    color: var(--nv-red);
}

.services-08-content h3,
.services-08-content h3 a {
    font-family: var(--nv-font-heading);
    color: var(--nv-dark-blue);
}

.services-08-content h3 a:hover {
    color: var(--nv-red);
}

.services-08-content p {
    color: var(--nv-text-light);
}

/* ===== BREADCRUMB ===== */
.breadcrumb-area {
    background-color: var(--nv-dark-blue) !important;
}

.breadcrumb-title h2 {
    font-family: var(--nv-font-heading);
    color: #fff;
}

/* ===== CONTACT AREA ===== */
.contact-info {
    background-color: var(--nv-dark-blue) !important;
}

.single-cta h5 {
    font-family: var(--nv-font-heading);
}

.contact-field input,
.contact-field textarea {
    font-family: var(--nv-font-body);
}

/* ===== FOOTER ===== */
.footer-bg {
    background-color: var(--nv-dark-blue);
}

.footer-widget .f-widget-title h2 {
    font-family: var(--nv-font-heading);
    color: #fff;
}

.footer-link,
.footer-link a {
    font-family: var(--nv-font-body);
    color: rgba(255,255,255,0.7);
}

.footer-link a:hover {
    color: var(--nv-red);
}

.f-contact,
.f-contact span,
.f-contact a {
    font-family: var(--nv-font-body);
}

.copyright-wrap {
    background: #2a3760;
    font-family: var(--nv-font-body);
}

/* ===== LINKS ===== */
a {
    color: var(--nv-mid-blue);
}

a:hover {
    color: var(--nv-red);
}

/* ===== GOOGLE TRANSLATE WIDGET ===== */
#google_translate_element {
    position: fixed;
    top: 12px;
    right: 12px;
    z-index: 9999;
}

#google_translate_element select {
    font-family: var(--nv-font-body);
    font-size: 0.75rem;
    padding: 3px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: var(--nv-dark-blue);
    background: #fff;
    cursor: pointer;
    outline: none;
}

/* Hide Google Translate branding bar */
.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame {
    display: none !important;
}

body { top: 0 !important; }

.goog-logo-link { display: none !important; }

.goog-te-gadget { font-size: 0 !important; }
.goog-te-gadget .goog-te-combo { font-size: 0.8rem !important; }

/* ===== WORKFLOW IN ACTION — checklist items ===== */
.nv-wf-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #5a6a85;
    font-size: 0.95rem;
    margin-bottom: 10px;
    line-height: 1.5;
}
.nv-wf-item:last-child {
    margin-bottom: 0;
}
.nv-wf-item i {
    margin-top: 8px;
    flex-shrink: 0;
}

/* ===== SCROLLUP ===== */
#scrollUp {
    background: var(--nv-red);
}

#scrollUp:hover {
    background: var(--nv-dark-blue);
}