.elementor-kit-6{--e-global-color-primary:#1A1A40;--e-global-color-secondary:#54595F;--e-global-color-text:#151515;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Tahoma";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Tahoma";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Tahoma";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Tahoma";--e-global-typography-accent-font-weight:500;color:#111111;font-family:"Tahoma", Sans-serif;font-size:18px;font-weight:400;font-style:normal;line-height:31px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#0048FF;font-family:"Tahoma", Sans-serif;font-size:20px;font-weight:400;font-style:normal;line-height:48px;}.elementor-kit-6 h1{color:#111111;font-family:"Tahoma", Sans-serif;font-size:40px;font-weight:700;font-style:normal;line-height:48px;}.elementor-kit-6 h2{color:#111111;font-family:"Tahoma", Sans-serif;font-size:26px;font-weight:700;font-style:normal;line-height:36px;}.elementor-kit-6 h3{font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- 1. ELITE DESIGN ENGINE VARIABLES --- */
/* These map to the Global Colors you are setting up */
:root {
    --brand-navy: #1A1A40;
    --brand-mint: #00F5D4;
    --brand-cloud: #F8FAFC;
    --brand-slate: #457B9D;
    --text-main: #1E293B;
    --brut-shadow: 8px 8px 0px var(--brand-navy);
}

/* --- 2. GLOBAL UI IMPROVEMENTS --- */
body {
    background-color: var(--brand-cloud) !important;
    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
}

/* --- 3. THE ELITE BUTTON (NEUBRUTALISM) --- */
/* Apply the class 'cc-btn-elite' to any button widget */
.cc-btn-elite .elementor-button {
    background-color: #F0A734 !important;
    color: #000000 !important;               /* Black text */
    border: 2px solid #000000 !important;    /* Black border to match text */
    border-radius: 8px !important;
    box-shadow: var(--brut-shadow);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Hover state */
.cc-btn-elite .elementor-button:hover {
    background-color: #FFCE12 !important;
    color: #000000 !important;               /* Still black text on hover */
    border-color: #000000 !important;        /* Keep black border */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3) !important; /* Optional stronger shadow on hover */
}

.cc-btn-elite .elementor-button:hover {
    background-color: #FFCE12 !important;      /* darker orange on hover */
    color: #000000 !important;                 /* keep black text on hover */
    border-color: #000000 !important;          /* keep black border */
    /* Optional: slightly stronger shadow or scale on hover */
    box-shadow: 6px 6px 0px #000000 !important; /* adjust if needed */
    transform: translate(-2px, -2px) !important; /* neubrutalism "press" effect */
}

.cc-btn-elite .elementor-button:hover {
    transform: translate(-3px, -3px);
    box-shadow: 12px 12px 0px var(--brand-navy);
}

/* --- 4. THE GLASS LAB CARD --- */
/* Apply the class 'cc-lab-card' to any section or column */
.cc-lab-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(26, 26, 64, 0.05);
}

/* --- 5. TYPOGRAPHY POLISH --- */
h1, h2, h3 {
    letter-spacing: -0.03em;
    line-height: 1.1;
}
/* ELITE MENU HOVER ENGINE */

/* 1. Set the default link color to Navy */
.elementor-nav-menu .menu-item a {
    color: var(--brand-navy) !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    padding-bottom: 8px !important;
}

/* 2. The Big Mint Underline on Hover */
.elementor-nav-menu .menu-item a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 4px; /* The "Big" Underline thickness */
    bottom: 0;
    left: 0;
    background-color: var(--brand-mint);
    transition: width 0.3s ease;
}

/* 3. The Hover State Action */
.elementor-nav-menu .menu-item a:hover::after {
    width: 100%;
}

.elementor-nav-menu .menu-item a:hover {
    color: var(--brand-navy) !important; /* Keeps it grounded */
}
/* ELITE FOOTER ENGINE */
.cc-footer-navy {
    background-color: var(--brand-navy) !important;
    padding: 80px 0 40px 0;
    color: #ffffff;
}

.cc-footer-navy h4 {
    color: var(--brand-mint); /* Mint headers in the navy footer */
    font-size: 1.1rem;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cc-footer-navy a {
    color: rgba(255,255,255,0.7);
    transition: all 0.3s ease;
    text-decoration: none;
    font-size: 0.9rem;
}

.cc-footer-navy a:hover {
    color: var(--brand-mint);
    padding-left: 5px; /* Subtle kinetic shift */
}
/* ELITE FOOTER MAKEOVER - 2026 STANDARDS */

/* 1. Reset Spacing for Column Gravity */
.cc-elite-footer {
    background-color: var(--brand-navy) !important;
    padding: 100px 0 60px 0 !important; /* Deep padding for "Expensive" feel */
}

/* 2. Fix the Titles (Column Headers) */
.cc-footer-title {
    color: var(--brand-mint) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem !important;
    margin-bottom: 30px !important;
    display: block;
}

/* 3. The "Institutional" Link List */
.cc-footer-list a {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    transition: all 0.3s ease;
    display: block;
    margin-bottom: 12px;
}

.cc-footer-list a:hover {
    color: var(--brand-mint) !important;
    padding-left: 8px;
}

/* 4. Fix the DUAA Seal (From your screenshot image_8fc169.png) */
.cc-compliance-seal {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    max-width: 200px;
}
/* ELITE TYPOGRAPHY & ACTIVE STATES */
p {
    line-height: 1.6 !important;
    margin-bottom: 1.5rem;
}

/* Force the active page to show the Mint Underline in Header */
.elementor-nav-menu .current-menu-item a::after {
    width: 100% !important;
}

/* Mobile Hamburger Color Fix */
.elementor-menu-toggle i {
    color: var(--brand-navy) !important;
}/* End custom CSS */