.elementor-kit-6{--e-global-color-primary:#F59E0B;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#9CA3AF;--e-global-color-accent:#FBBF24;--e-global-color-262f080:#000000;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:0.9em;--e-global-typography-primary-letter-spacing:-2px;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:0.9em;--e-global-typography-primary-letter-spacing:-0.2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:0.9em;--e-global-typography-primary-letter-spacing:-2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   1. GLOBAL & FONTS
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700;900&display=swap');

body {
    font-family: 'Outfit', sans-serif;
    background-color: #050505;
    margin: 0;
    overflow-x: hidden;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #f59e0b; }


/* =========================================
   3. HERO & STATS
   ========================================= */
.valkor-hero-section {
    background-color: #050505;
    background-image: radial-gradient(circle at 80% 20%, rgba(217, 119, 6, 0.15), transparent 40%);
}
.text-gradient-gold {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.valkor-stats-section { padding: 80px 0; background: #050505; }
.stat-card {
    background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px; padding: 40px 20px; text-align: center;
    transition: transform 0.3s, border-color 0.3s;
}
.stat-card:hover { transform: translateY(-5px); border-color: rgba(245,158,11,0.3); }
.stat-number { font-size: 42px; font-weight: 900; color: white; display: block; margin-bottom: 8px; }
.stat-label { color: #6b7280; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; }

/* =========================================
   4. DETAILED SERVICES (FIXED GLOWING BULLETS)
   ========================================= */
.valkor-detailed-services { background-color: #050505; padding: 100px 20px; }
.valkor-service-container { max-width: 1200px; margin: 0 auto; }
.valkor-ds-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }

.valkor-ds-card {
    background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 40px; padding: 48px; transition: all 0.3s ease;
    display: flex; flex-direction: column; justify-content: space-between;
}
.valkor-ds-card:hover {
    border-color: rgba(245, 158, 11, 0.4); transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.03);
}
/* =========================================
   HERO BADGE (Partner in Digital Success)
   ========================================= */

.hero-badgee {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 16px;
    border-radius: 50px;
    color: #9ca3af;
    
    /* Typography */
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

/* The Glowing Amber Bullet */
.hero-badgee::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #F59E0B; /* Amber */
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.8); /* The Glow */
}

/* Optional: Slight Hover Effect */
.hero-badgee:hover {
    border-color: rgba(245, 158, 11, 0.3);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

/* Icons */
.ds-icon-box {
    width: 64px; height: 64px; background: rgba(245,158,11,0.05);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 16px;
    display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;
}
.ds-icon-box svg { width: 28px; height: 28px; fill: #f59e0b; transition: all 0.3s ease; }
.valkor-ds-card:hover .ds-icon-box { background: #f59e0b; }
.valkor-ds-card:hover .ds-icon-box svg { fill: #000; }

/* Typography */
.ds-subtitle { font-size: 10px; font-weight: 900; letter-spacing: 0.3em; color: rgba(245,158,11,0.4); text-transform: uppercase; }
.ds-title { font-size: 32px; font-weight: 900; color: white; margin-bottom: 16px; transition: color 0.3s; }
.valkor-ds-card:hover .ds-title { color: #f59e0b; }
.ds-desc { color: rgba(255,255,255,0.4); font-size: 15px; line-height: 1.6; margin-bottom: 32px; }

/* --- THE GLOWING LIST (FIXED) --- */
/* Supports both .ds-list (custom HTML) and .ds-list-widget (Elementor Text Editor) */
.ds-list, .ds-list-widget ul { list-style: none; padding: 0; margin: 0 0 40px 0; }

.ds-list li, .ds-list-widget li {
    display: flex; align-items: center; gap: 12px;
    color: rgba(255,255,255,0.4); font-size: 13px; font-weight: 700;
    margin-bottom: 12px; transition: color 0.3s;
}
.valkor-ds-card:hover .ds-list li, 
.valkor-ds-card:hover .ds-list-widget li { color: rgba(255,255,255,0.9); }

/* The Bullet Point */
.ds-list li::before, .ds-list-widget li::before {
    content: ''; width: 6px; height: 6px; border-radius: 50%;
    border: 1px solid rgba(245, 158, 11, 0.4); display: block; flex-shrink: 0;
    transition: all 0.3s ease;
}

/* Hover Glow Effect */
.valkor-ds-card:hover .ds-list li::before,
.valkor-ds-card:hover .ds-list-widget li::before {
    background-color: #f59e0b;
    border-color: #f59e0b;
    box-shadow: 0 0 10px #f59e0b; /* This makes it glow */
}

/* Footer CTA */
.ds-footer { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 24px; display: flex; align-items: center; gap: 16px; margin-top: auto; cursor: pointer; }
.ds-cta-text { color: #f59e0b; font-size: 12px; font-weight: 900; letter-spacing: 0.15em; text-transform: uppercase; transition: transform 0.3s; }
.ds-arrow-box { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.05); display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.ds-arrow-box svg { width: 14px; fill: #f59e0b; }
.valkor-ds-card:hover .ds-cta-text { transform: translateX(5px); }
.valkor-ds-card:hover .ds-arrow-box { background: #f59e0b; }
.valkor-ds-card:hover .ds-arrow-box svg { fill: #000; }

.span-full { grid-column: span 2; }
.ds-content-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }

/* =========================================
   5. PROCESS SECTION (Matching Image Style)
   ========================================= */
.valkor-process-section { padding: 100px 20px; }
.process-header { text-align: center; margin-bottom: 60px; }
.process-title { font-size: 48px; font-weight: 900; color: white; line-height: 1.1; margin-bottom: 16px; text-transform: uppercase; }
.valkor-process-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; max-width: 1200px; margin: 0 auto; }

.valkor-process-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px; padding: 48px 40px;
    transition: all 0.3s ease; position: relative; overflow: hidden;
    display: flex; flex-direction: column; align-items: flex-start;
}
.valkor-process-card:hover {
    transform: translateY(-5px); border-color: rgba(245, 158, 11, 0.4);
    background: rgba(255, 255, 255, 0.03);
}

.process-num-box {
    width: 40px; height: 40px; background: rgba(245, 158, 11, 0.1);
    border-radius: 8px; display: flex; align-items: center; justify-content: center;
    margin-bottom: 24px; font-family: 'Outfit', sans-serif;
    font-size: 16px; font-weight: 900; color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.2); transition: all 0.3s ease;
}
.valkor-process-card:hover .process-num-box { background: #f59e0b; color: #000; }

.process-card-title { font-size: 22px; font-weight: 700; color: white; margin-bottom: 16px; }
.process-card-desc { font-size: 14px; font-weight: 400; color: #9ca3af; line-height: 1.6; margin: 0; }

/* =========================================
   6. CONTACT SECTION (No Borders)
   ========================================= */
.valkor-contact-section {
    background-color: #050505; padding: 100px 20px;
    border: none !important; /* Forces removal of border */
    position: relative; overflow: hidden;
}
.valkor-contact-container { max-width: 1200px; margin: 0 auto; }
.valkor-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }

.contact-title { font-size: 56px; font-weight: 900; color: white; line-height: 1; text-transform: uppercase; margin-bottom: 32px; }
.contact-desc { color: #9ca3af; font-size: 16px; font-weight: 300; line-height: 1.6; margin-bottom: 48px; max-width: 480px; }
.contact-links-group { display: flex; flex-direction: column; gap: 24px; margin-bottom: 48px; }
.contact-link-item { display: flex; align-items: center; gap: 16px; text-decoration: none; width: fit-content; }

.link-icon-box {
    width: 48px; height: 48px; background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 12px;
    display: flex; align-items: center; justify-content: center; transition: all 0.3s;
}
.link-icon-box svg { width: 20px; fill: #f59e0b; transition: all 0.3s; }
.contact-link-text { font-size: 14px; font-weight: 700; color: #d1d5db; transition: color 0.3s; }

.contact-link-item:hover .link-icon-box { background: #f59e0b; }
.contact-link-item:hover .link-icon-box svg { fill: #000; }
.contact-link-item:hover .contact-link-text { color: #f59e0b; }

.btn-contact-main {
    background: #f59e0b; color: #000; padding: 18px 36px; border-radius: 50px;
    font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.15em;
    border: none; cursor: pointer; display: inline-flex; align-items: center; gap: 12px;
    transition: all 0.3s; text-decoration: none;
}
.btn-contact-main:hover { background: #fbbf24; transform: translateY(-2px); }
.btn-contact-main svg { width: 14px; fill: #000; transition: transform 0.3s; }
.btn-contact-main:hover svg { transform: translateX(4px); }

/* Strategy Card */
.valkor-strategy-card {
    background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05);
    border-radius: 60px; padding: 60px 40px; text-align: center;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    aspect-ratio: 1/1; position: relative; z-index: 5;
}
.strategy-pulse-icon {
    width: 80px; height: 80px; background: rgba(245,158,11,0.1); border-radius: 50%;
    display: flex; align-items: center; justify-content: center; margin-bottom: 32px;
    animation: pulseGlow 2s infinite;
}
.strategy-pulse-icon svg { width: 32px; fill: #f59e0b; }
@keyframes pulseGlow {
    0% { box-shadow: 0 0 0 0 rgba(245,158,11,0.4); }
    70% { box-shadow: 0 0 0 20px rgba(245,158,11,0); }
    100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); }
}
.strat-title { font-size: 24px; font-weight: 900; color: white; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; }
.strat-desc { font-size: 13px; color: #6b7280; line-height: 1.6; margin-bottom: 32px; max-width: 300px; }
.btn-strat-glass {
    background: rgba(255,255,255,0.02); border: 1px solid rgba(245,158,11,0.3);
    color: #f59e0b; padding: 16px 32px; border-radius: 50px; font-size: 10px;
    font-weight: 900; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; transition: all 0.3s;
}
.btn-strat-glass:hover { background: #f59e0b; color: #000; }
.strategy-blob {
    position: absolute; bottom: -40px; right: -40px; width: 250px; height: 250px;
    background: rgba(245,158,11,0.05); filter: blur(80px); border-radius: 50%; z-index: 1;
}

/* Responsive Fixes */
@media (max-width: 1024px) {
    .valkor-ds-grid, .valkor-process-grid, .valkor-contact-grid { grid-template-columns: 1fr; }
    .span-full { grid-column: span 1; }
    .ds-content-split { grid-template-columns: 1fr; }
    .valkor-strategy-card { aspect-ratio: auto; padding: 60px 20px; }
}

/* =========================================
   7. REVENUE DOMINANCE SECTION
   ========================================= */
.valkor-revenue-section {
    padding: 100px 20px; font-family: 'Outfit', sans-serif; color: white;
}
.valkor-revenue-container {
    max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}
.rev-badge {
    color: #f59e0b; font-size: 9px; font-weight: 700; letter-spacing: 0.4em; text-transform: uppercase;
    display: block; margin-bottom: 24px;
}
.rev-title {
    font-size: 56px; font-weight: 900; line-height: 1.1; margin-bottom: 40px; letter-spacing: -0.02em;
}
.text-glow { color: #f59e0b; text-shadow: 0 0 30px rgba(251, 191, 36, 0.3); }
.rev-desc {
    color: rgba(255, 255, 255, 0.4); font-size: 14px; line-height: 1.6; margin-bottom: 48px; max-width: 480px;
}
.rev-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.rev-stat-card {
    background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(251, 191, 36, 0.1);
    border-radius: 32px; padding: 32px; transition: all 0.3s ease;
}
.rev-stat-card:hover { border-color: rgba(251, 191, 36, 0.4); transform: translateY(-5px); }
.rev-stat-num {
    font-size: 36px; font-weight: 900; color: white; margin-bottom: 8px; display: block; letter-spacing: -0.02em;
}
.rev-stat-card:hover .rev-stat-num { color: #f59e0b; }
.rev-stat-label {
    font-size: 9px; color: rgba(255, 255, 255, 0.2); text-transform: uppercase; font-weight: 900; letter-spacing: 0.3em;
}

.rev-chart-card {
    background: #050505; border: 1px solid rgba(251, 191, 36, 0.2); border-radius: 56px;
    padding: 48px; position: relative; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); overflow: hidden;
}
.chart-top-bar { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; }
.chart-badge {
    color: #f59e0b; font-size: 9px; font-weight: 900; letter-spacing: 0.4em; text-transform: uppercase;
    margin-bottom: 8px; display: block;
}
.chart-sub {
    color: rgba(255, 255, 255, 0.1); font-size: 8px; font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase;
}
.chart-icon-circle {
    width: 32px; height: 32px; border-radius: 50%; background: rgba(251, 191, 36, 0.05);
    display: flex; align-items: center; justify-content: center; color: #f59e0b;
}
.valkor-rechart-svg { width: 100%; height: auto; overflow: visible; }
.chart-grid-line { stroke: rgba(255, 255, 255, 0.02); stroke-width: 1; }
.chart-main-line {
    stroke-dasharray: 2000; stroke-dashoffset: 2000; animation: drawChartLine 2.5s ease-out forwards;
    filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.2));
}
@keyframes drawChartLine { to { stroke-dashoffset: 0; } }
.chart-hover-group {
    opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; transform: translateY(10px); pointer-events: none;
}
.rev-chart-card:hover .chart-hover-group { opacity: 1; transform: translateY(0); }
.chart-tooltip-rect { fill: #000; stroke: rgba(251, 191, 36, 0.2); stroke-width: 1; rx: 12; }
.chart-footer {
    display: flex; justify-content: space-between; align-items: center; margin-top: 40px;
    padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.footer-status {
    font-size: 8px; font-weight: 900; letter-spacing: 0.4em; color: rgba(255, 255, 255, 0.1); text-transform: uppercase;
}
.footer-dots { display: flex; gap: 8px; }
.f-dot { width: 4px; height: 4px; border-radius: 50%; }
.f-dot.amber { background: #f59e0b; }
.f-dot.grey { background: rgba(255, 255, 255, 0.1); }
@media (max-width: 1024px) {
    .valkor-revenue-container { grid-template-columns: 1fr; gap: 60px; }
    .rev-title { font-size: 42px; }
    .rev-chart-card { padding: 32px; border-radius: 40px; }
}

/* =========================================
   8. INDUSTRIES WE SERVE SECTION
   ========================================= */
.valkor-industries-section {
    padding: 100px 20px;
    position: relative;
    z-index: 10;
}

.valkor-industries-container {
    max-width: 1200px;
    margin: 0 auto;
}

.ind-header {
    text-align: center;
    margin-bottom: 80px;
}

.ind-title {
    font-family: 'Outfit', sans-serif;
    font-size: 48px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.valkor-ind-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 Columns Desktop */
    gap: 24px;
}

@media (max-width: 1024px) {
    .valkor-ind-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 Columns Tablet */
    }
}
@media (max-width: 600px) {
    .valkor-ind-grid {
        grid-template-columns: repeat(2, 1fr); /* Keep 2 Columns on Mobile */
        gap: 16px;
    }
    .ind-title { font-size: 32px; }
}

.valkor-ind-card {
    background: rgba(255, 255, 255, 0.02); /* Glass BG */
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 32px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
    cursor: default;
}

.valkor-ind-card:hover {
    border-color: rgba(245, 158, 11, 0.3); /* Amber Border */
    background: rgba(255, 255, 255, 0.03);
    transform: translateY(-5px);
}

.ind-icon-box {
    width: 48px;
    height: 48px;
    background-color: rgba(245, 158, 11, 0.05); /* 5% Amber */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

.ind-icon-box svg {
    width: 20px;
    height: 20px;
    fill: #f59e0b; /* Amber Icon */
    transition: all 0.3s ease;
}

.valkor-ind-card:hover .ind-icon-box {
    background-color: #f59e0b; /* Solid Amber BG */
}
.valkor-ind-card:hover .ind-icon-box svg {
    fill: #000000; /* Black Icon */
}

.ind-name {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: rgba(255, 255, 255, 0.4);
    transition: color 0.3s ease;
}

.valkor-ind-card:hover .ind-name {
    color: #ffffff;
}

/* =========================================
   12. MEET THE VISIONARY SECTION
   ========================================= */

/* Section Spacing */
.valkor-visionary-section {
    padding: 100px 20px;
    position: relative;
}

.valkor-visionary-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Main Card Wrapper */
.valkor-visionary-card {
    background: #080808;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 60px;
    overflow: hidden; /* Clips the image */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columns */
}

/* The Animated Amber Line (Left Border) */
.valkor-visionary-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 0%;
    background-color: rgba(245, 158, 11, 0.4);
    z-index: 20;
    transition: height 1s ease-in-out;
}

.valkor-visionary-card:hover::before {
    height: 100%;
}

/* --- LEFT COLUMN: IMAGE --- */
.visionary-image-box {
    position: relative;
    height: 100%;
    min-height: 600px; /* Ensures height on desktop */
    overflow: hidden;
    background-color: #0a0a0a;
}

/* The Image Itself */
.visionary-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%) opacity(0.8); /* Start Black & White */
    transition: all 1s ease-out;
    display: block;
}

/* Hover: Color & Zoom */
.valkor-visionary-card:hover .visionary-img {
    filter: grayscale(0%) opacity(1);
    transform: scale(1.05);
}

/* Gradient Overlay (Fade to Black on Right) */
.visionary-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.1) 50%, #080808 100%);
    pointer-events: none;
}

/* --- RIGHT COLUMN: CONTENT --- */
.visionary-content {
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 10;
}

/* Typography */
.vis-badge {
    color: rgba(245, 158, 11, 0.8);
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    display: block;
    margin-bottom: 16px;
}

.vis-title {
    font-family: 'Outfit', sans-serif;
    font-size: 56px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1;
    letter-spacing: -0.02em;
    margin-bottom: 32px;
    text-transform: uppercase;
}

.vis-quote {
    font-family: 'Outfit', sans-serif;
    color: #9ca3af; /* Grey-400 */
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 40px;
}

/* List Items */
.vis-list {
    margin-bottom: 48px;
}

.vis-item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.vis-item i {
    color: #f59e0b;
    font-size: 10px;
}

.vis-item span {
    color: #6b7280;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

/* Buttons Container */
.vis-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/* Primary Button (Solid Amber) */
.btn-vis-primary {
    background-color: #f59e0b;
    color: #000000;
    padding: 16px 32px;
    border-radius: 50px;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    text-decoration: none;
    border: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.btn-vis-primary:hover {
    background-color: #fbbf24;
    transform: translateY(-2px);
}

/* Secondary Button (Glass/Outline) */
.btn-vis-glass {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    padding: 16px 32px;
    border-radius: 50px;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.btn-vis-glass:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
    .valkor-visionary-card {
        grid-template-columns: 1fr; /* Stack Vertical */
    }
    .visionary-image-box {
        min-height: 400px;
    }
    /* Change gradient direction on mobile to fade Up */
    .visionary-overlay {
        background: linear-gradient(to top, #080808 0%, transparent 100%);
    }
    .visionary-content {
        padding: 40px;
    }
    .vis-title {
        font-size: 42px;
    }
}

/* =========================================
   11. CLIENT REVIEWS SECTION
   ========================================= */

/* Section Container */

.valkor-reviews-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */
.reviews-header {
    text-align: center;
    margin-bottom: 80px;
}

.reviews-title {
    font-family: 'Outfit', sans-serif;
    font-size: 48px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    line-height: 1.1;
}

/* The Grid (3 Columns) */
.valkor-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

/* Responsive: Stack on Mobile */
@media (max-width: 1024px) {
    .valkor-reviews-grid {
        grid-template-columns: 1fr;
    }
    .reviews-title { font-size: 32px; }
}

/* The Review Card */
.valkor-review-card {
    background: #080808; /* Slightly darker than section BG */
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 40px;
    padding: 40px;
    position: relative;
    overflow: hidden; /* Clips the background quote icon */
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* Hover Effects */
.valkor-review-card:hover {
    border-color: rgba(245, 158, 11, 0.3); /* Amber Border */
    transform: translateY(-5px);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

/* Background "Giant Quote" Icon (Visual Flair) */
.valkor-review-card::before {
    content: '“';
    position: absolute;
    top: 20px;
    right: 30px;
    font-family: serif;
    font-size: 120px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.03); /* Very faint */
    pointer-events: none;
    transition: color 0.3s ease;
}

.valkor-review-card:hover::before {
    color: rgba(245, 158, 11, 0.05); /* Faint Amber on hover */
}

/* Stars Container */
.review-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 32px;
}

.review-stars svg {
    width: 14px;
    height: 14px;
    fill: #f59e0b; /* Amber Stars */
}

/* Quote Text */
.review-text {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

/* Author Info */
.review-author h4 {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.review-author p {
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: #f59e0b;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 0;
}

/* =========================================
   14. FINAL CTA SECTION
   ========================================= */

/* Section Spacing */
.valkor-cta-section {
    background-color: #050505;
    padding: 100px 20px;
    position: relative;
    overflow: hidden;
}

.valkor-cta-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* The Glass Card */
.valkor-cta-card {
    background: rgba(255, 255, 255, 0.02); /* Deep Glass */
    border: 1px solid rgba(245, 158, 11, 0.2); /* Amber Border/20 */
    border-radius: 40px;
    padding: 80px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 100px rgba(245, 158, 11, 0.05); /* Subtle ambient glow */
}

/* Background Blob (Visual Flair) */
.cta-blob {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 250px;
    height: 250px;
    background: rgba(245, 158, 11, 0.1);
    filter: blur(80px);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

/* Content Wrapper (Z-Index fix) */
.cta-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Typography */
.cta-title {
    font-family: 'Outfit', sans-serif;
    font-size: 56px;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: 32px;
}

.cta-desc {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    color: #9ca3af; /* Grey */
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 48px;
    max-width: 700px;
}

/* Button Group */
.cta-btn-group {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Primary Button (Solid Amber) */
.btn-cta-primary {
    background-color: #f59e0b;
    color: #000000;
    padding: 24px 48px; /* Chunky Size */
    border-radius: 50px;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px -5px rgba(245, 158, 11, 0.2);
}

.btn-cta-primary:hover {
    background-color: #fbbf24;
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -10px rgba(245, 158, 11, 0.4);
}

/* Secondary Button (Glass) */
.btn-cta-glass {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    padding: 24px 48px; /* Chunky Size */
    border-radius: 50px;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-cta-glass:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-4px);
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .valkor-cta-card {
        padding: 60px 24px;
    }
    .cta-title {
        font-size: 36px;
    }
    .btn-cta-primary, .btn-cta-glass {
        width: 100%; /* Full width buttons on mobile */
        text-align: center;
        padding: 20px;
    }
    .cta-btn-group {
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }
}
/* =========================================
   6. WHY CHOOSE US SECTION
   ========================================= */

.valkor-why-section {
    background-color: #050505; padding-top: 80px; padding-bottom: 80px; text-align: center;
}
.valkor-why-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1200px;
    margin: 40px auto 0; padding: 0 20px;
}
@media (max-width: 1024px) { .valkor-why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .valkor-why-grid { grid-template-columns: 1fr; } }

.valkor-why-card {
    background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px; padding: 32px 24px; text-align: left;
    transition: all 0.3s ease; display: flex; flex-direction: column; align-items: flex-start; height: 100%;
}
.valkor-why-card:hover {
    transform: translateY(-5px); border-color: rgba(245, 158, 11, 0.3); background: rgba(255, 255, 255, 0.03);
}

.valkor-number-badge {
    background-color: rgba(245, 158, 11, 0.1); color: #f59e0b; width: 40px; height: 40px;
    border-radius: 12px; display: flex; align-items: center; justify-content: center;
    font-family: 'Outfit', sans-serif; font-weight: 900; font-size: 16px; margin-bottom: 20px;
}
.valkor-why-title {
    font-family: 'Outfit', sans-serif; font-size: 18px !important; font-weight: 700; color: #ffffff;
    margin-bottom: 12px; line-height: 1.3;
}
.valkor-why-desc {
    font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 400; color: #9ca3af; line-height: 1.6; margin: 0;
}

/* =========================================
   16. STICKY GLASS HEADER (FIXED)
   ========================================= */

/* 1. Default State (Before Scrolling) */
.valkor-sticky-header {
    background-color: transparent !important; /* Start transparent */
    transition: all 0.3s ease !important;
}

/* 2. Sticky State (When Scrolling Down) */
/* Elementor adds 'elementor-sticky--effects' class when scrolling starts */
.valkor-sticky-header.elementor-sticky--effects {
    background-color: rgba(5, 5, 5, 0.7) !important; /* 70% Black (Critical for blur) */
    backdrop-filter: blur(20px) !important;          /* The Blur Effect */
    -webkit-backdrop-filter: blur(20px) !important;  /* Safari Support */
    
    /* Optional: Subtle bottom border for definition */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    
    /* Optional: Shadow */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5) !important;
}

/* 3. Ensure Dropdowns don't get cut off */
.valkor-sticky-header {
    overflow: visible !important;
}
/* =========================================
   17. FOOTER EXACT MATCH (Tailwind Replica)
   ========================================= */

/* Main Section Background */
.valkor-footer-section {
    background-color: #050505;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 80px;
    padding-bottom: 40px;
}

/* --- 1. BRANDING COLUMN --- */

/* Logo Text */
.valkor-footer-logo .f-logo-text {
    font-family: 'Outfit', sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
}

/* Description Text */
.valkor-footer-desc p {
    color: #9ca3af !important; /* text-gray-400 */
    font-family: 'Outfit', sans-serif;
    font-size: 16px;           /* text-base */
    font-weight: 300;          /* font-light */
    line-height: 1.6;          /* leading-relaxed */
    margin-bottom: 24px;
    max-width: 380px;
}

/* Founder Link (The Amber Button) */
.valkor-founder-link .elementor-icon-list-text {
    color: #f59e0b !important; /* Amber */
    font-family: 'Outfit', sans-serif;
    font-size: 10px !important;
    font-weight: 900 !important; /* Extra Bold */
    text-transform: uppercase;
    letter-spacing: 0.2em;
    transition: color 0.3s;
}

.valkor-founder-link .elementor-icon-list-icon i {
    color: #f59e0b !important;
    font-size: 10px;
}

.valkor-founder-link .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #fbbf24 !important; /* Lighter Amber on Hover */
}

/* Social Icons (Glass Circles) */
.valkor-footer-socials .elementor-social-icon {
    background-color: rgba(255, 255, 255, 0.05) !important; /* Glass BG */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.valkor-footer-socials .elementor-social-icon i {
    color: #9ca3af;
    font-size: 14px;
    transition: all 0.3s ease;
}

.valkor-footer-socials .elementor-social-icon:hover {
    background-color: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(245, 158, 11, 0.5);
    transform: translateY(-3px);
}

.valkor-footer-socials .elementor-social-icon:hover i {
    color: #f59e0b;
}

/* --- 2. NAVIGATION COLUMNS --- */

/* Column Headings (NAVIGATION, SOLUTIONS) */
.valkor-footer-heading .elementor-heading-title {
    color: #ffffff;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    margin-bottom: 24px;
}

/* The Links List */
.valkor-footer-list .elementor-icon-list-item {
    padding-bottom: 12px !important;
}

.valkor-footer-list .elementor-icon-list-text {
    color: #9ca3af !important; /* Gray-400 */
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease;
    padding-left: 0;
}

/* Hover Effect: Slide Right + Amber */
.valkor-footer-list .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #f59e0b !important;
    padding-left: 8px !important; /* The Slide Effect */
}

/* Remove default Elementor list icons if set to none */
.valkor-footer-list .elementor-icon-list-icon {
    display: none;
}

/* --- 3. BOTTOM COPYRIGHT --- */
.valkor-copyright p {
    font-family: 'Outfit', sans-serif;
    color: #9ca3af;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 0;
}

.valkor-legal-links .elementor-icon-list-text {
    font-family: 'Outfit', sans-serif;
    color: #6b7280 !important;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    transition: color 0.3s;
}

.valkor-legal-links .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #f59e0b !important;
}

/* =========================================
   CTA LIST STYLING (New)
   ========================================= */

.cta-list {
    text-align: left; /* Aligns text for readability */
    max-width: 700px; /* Matches description width */
    margin: 0 0 40px 0; /* Spacing below list */
    padding: 0;
    list-style: none; /* Removes default bullets */
    width: 100%;
}

.cta-list li {
    position: relative;
    padding-left: 30px; /* Space for the custom bullet */
    margin-bottom: 16px;
    color: #9ca3af; /* Light Grey to match desc */
    font-family: 'Outfit', sans-serif;
    font-size: 16px; /* Slightly larger than standard text */
    font-weight: 300;
    line-height: 1.6;
}

/* Custom Amber Bullet Point */
.cta-list li::before {
    content: "•"; /* Standard bullet character */
    color: #f59e0b; /* Amber Color */
    font-size: 30px; /* Larger bullet */
    position: absolute;
    left: 0;
    top: -9px; /* Adjusts vertical alignment */
    line-height: 1;
}

/* Mobile Adjustment */
@media (max-width: 768px) {
    .cta-list {
        padding-left: 10px;
    }
}
/* =========================================
   CTA LIST STYLING (Tight Glowing Bullets)
   ========================================= */

.cta-list {
    display: flex;           /* Flexbox for perfect centering */
    flex-direction: column;  /* Stack items vertically */
    align-items: center;     /* Center items horizontally */
    margin: 0 auto 40px auto;
    padding: 0;
    list-style: none;
    width: 100%;
}

.cta-list li {
    position: relative;
    padding: 0 35px;         /* Creates specific space for bullets */
    margin-bottom: 12px;     /* Spacing between lines */
    color: #9ca3af;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    width: fit-content;      /* CRITICAL: Shrinks box to fit text exactly */
    max-width: 100%;         /* Prevents overflow on mobile */
    text-align: center;
}

/* Left Glowing Bullet */
.cta-list li::before {
    content: "•";
    color: #f59e0b;          /* Amber */
    font-size: 28px;         /* Large Bullet */
    position: absolute;
    left: 0;                 /* Sticks to left edge of text box */
    top: -2px;               /* Fine-tune vertical alignment */
    line-height: 1;
    text-shadow: 0 0 10px rgba(245, 158, 11, 0.6); /* Glow */
}

/* Right Glowing Bullet */
.cta-list li::after {
    content: "•";
    color: #f59e0b;          /* Amber */
    font-size: 28px;         /* Large Bullet */
    position: absolute;
    right: 0;                /* Sticks to right edge of text box */
    top: -2px;               /* Fine-tune vertical alignment */
    line-height: 1;
    text-shadow: 0 0 10px rgba(245, 158, 11, 0.6); /* Glow */
}

/* Mobile Adjustment */
@media (max-width: 768px) {
    .cta-list li {
        padding: 0 25px;     /* Tighter padding on mobile */
        font-size: 15px;
    }
    .cta-list li::before, 
    .cta-list li::after {
        font-size: 24px;     /* Slightly smaller bullets on mobile */
        top: 0px;
    }
}
/* =========================================
   VALKOR DROPDOWN FIX (Gap & Icon)
   ========================================= */

/* 1. Main Dropdown Container */
.valkor-nav .sub-menu {
    background-color: #080808 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 12px 0 !important;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.8) !important;
    min-width: 220px !important;
    overflow: visible !important; /* Critical for sub-menus */
    z-index: 9999 !important;
}

/* 2. Menu Items Styling */
.valkor-nav .sub-menu li a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #9ca3af !important;
    padding: 12px 24px !important;
    border-left: 2px solid transparent !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
    
    /* Layout for Icon Alignment */
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* 3. Hover Effects */
.valkor-nav .sub-menu li a:hover,
.valkor-nav .sub-menu li.current-menu-item a,
.valkor-nav .sub-menu li:hover > a {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #f59e0b !important;
    border-left-color: #f59e0b !important;
    padding-left: 24px !important;
}

/* 4. LEVEL 3 SUBMENU (Karachi) - GAP FIX */
.valkor-nav .sub-menu .sub-menu {
    position: absolute !important;
    top: 0 !important;
    
    /* Move to the right, but overlapping slightly to prevent gap issues */
    left: 100% !important; 
    margin-left: -2px !important; /* Negative margin bridges the gap */
    
    margin-top: -12px !important; /* Align tops perfectly */
    
    /* Styling */
    background-color: #080808 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.9) !important;
    
    /* Visibility */
    display: none !important;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Show Level 3 on Hover */
.valkor-nav .sub-menu li:hover > .sub-menu {
    display: block !important;
    opacity: 1;
}

/* 5. ICON FIX (Remove Double Icons) */

/* Rotate the existing Elementor SVG arrow */
.valkor-nav .sub-menu li.menu-item-has-children > a .sub-arrow {
    transform: rotate(-90deg) !important; /* Point right */
    margin-left: auto !important; /* Push to far right */
    display: block !important;
}

/* HIDE any extra pseudo-elements (The "Square" box) */
.valkor-nav .sub-menu li.menu-item-has-children > a::after,
.valkor-nav .sub-menu li.menu-item-has-children > a::before {
    content: none !important;
    display: none !important;
}


/* =========================================
   VALKOR MOBILE MENU (Restored Original)
   ========================================= */
@media (max-width: 767px) {
    /* Main Container */
    .valkor-mobile-menu {
        font-family: 'Outfit', sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: flex-start !important;
        gap: 0;
        padding: 20px;
        width: 100%;
        height: 100vh;
        box-sizing: border-box;
        background-color: #0b0b0b;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .valkor-mobile-menu::-webkit-scrollbar { display: none; }

    /* Header & Logo */
    .valkor-menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        flex-shrink: 0;
    }

    .valkor-logo-group {
        display: flex;
        align-items: center;
        gap: 12px;
        text-decoration: none;
    }

    .valkor-icon {
        background-color: #f59e0b;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        box-shadow: 0 0 15px rgba(245, 158, 11, 0.4);
    }

    .valkor-v-letter {
        color: #000000;
        font-weight: 900;
        font-size: 20px;
        line-height: 1;
    }

    .valkor-text {
        color: #ffffff;
        font-weight: 900;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .valkor-digital { color: #f59e0b; font-weight: 300; }

    /* Main Links */
    .valkor-menu-link {
        display: block;
        width: 100%;
        text-align: left;
        padding: 12px 0;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        text-decoration: none !important;
        transition: color 0.3s;
        flex-shrink: 0;
    }

    .text-white-link { color: #ffffff !important; }
    .text-amber-link { color: #f59e0b !important; }
    .valkor-menu-link:hover { color: #f59e0b !important; }

    /* Expertise Section */
    .expertise-section {
        margin-top: 16px;
        margin-bottom: 10px;
        flex-shrink: 0;
    }

    .expertise-label {
        font-size: 10px;
        font-weight: 900;
        color: #f59e0b !important;
        text-transform: uppercase;
        letter-spacing: 0.3em;
        margin-bottom: 10px;
        display: block;
    }

    .expertise-grid {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding-left: 16px;
        border-left: 2px solid rgba(245, 158, 11, 0.2);
    }

    .sub-link {
        text-align: left;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #9ca3af !important;
        text-decoration: none !important;
        transition: color 0.3s;
        display: block;
        padding: 3px 0;
    }

    .sub-link:hover { color: #ffffff !important; }

    /* Contact Button */
    .contact-cta {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 24px !important;
        padding: 16px 0;
        background-color: #f59e0b !important;
        color: #000000 !important;
        border-radius: 16px;
        font-weight: 900;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        text-decoration: none !important;
        box-shadow: 0 20px 25px -5px rgba(245, 158, 11, 0.2);
        flex-shrink: 0;
    }
}/* End custom CSS */