/* White theme overrides */
/*
   MOYBON White Theme
   Load this file after styles.css.
*/

:root {
    --primary-black: #111111;
    --secondary-black: #2b2b2b;
    --dark-gray: #3a3a3a;
    --medium-gray: #f4f6f8;
    --light-gray: #e7ebf0;
    --text-gray: #5f6875;
    --text-light: #111111;
    --primary-orange: #E53E3E;
    --hover-orange: #c92f2f;
    --accent-gold: #F2A93B;
    --accent-gray: #7a8491;
    --brand-bg: #ffffff;
    --brand-surface: #ffffff;
    --brand-surface-2: #f7f8fb;
    --brand-soft: #f5f7fb;
    --brand-text: #161616;
    --brand-muted: #667085;
    --brand-line: rgba(17, 24, 39, 0.12);
    --brand-accent-red: #E53E3E;
    --brand-accent-gold: #F2A93B;
    --brand-accent-silver: #8b96a5;
    --brand-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
    --shadow-light: 0 4px 12px rgba(15, 23, 42, 0.08);
    --shadow-medium: 0 16px 40px rgba(15, 23, 42, 0.12);
    --shadow-heavy: 0 28px 80px rgba(15, 23, 42, 0.16);
}

html,
body {
    background: #ffffff !important;
    color: var(--brand-text) !important;
}

html {
    background:
        radial-gradient(circle at 8% 0%, rgba(229, 62, 62, 0.08), transparent 24%),
        radial-gradient(circle at 92% 0%, rgba(242, 169, 59, 0.12), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
}

body::before {
    background:
        linear-gradient(120deg, rgba(229, 62, 62, 0.035), transparent 38%),
        radial-gradient(circle at 50% 0%, rgba(242, 169, 59, 0.08), transparent 34%) !important;
}

a {
    color: inherit;
}

.header,
.header:not(.scrolled),
.header.scrolled {
    background: rgba(255, 255, 255, 0.88) !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.1) !important;
    box-shadow: 0 10px 32px rgba(15, 23, 42, 0.08) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

.logo-img,
.footer-logo-img {
    filter: brightness(0) saturate(100%) !important;
}

.nav-link,
.header:not(.scrolled) .nav-link,
.phone,
.phone-number,
.header:not(.scrolled) .phone-number {
    color: #1f2937 !important;
}

.nav-link.active,
.nav-link:hover {
    color: var(--primary-orange) !important;
}

.nav-link.active::after {
    background: linear-gradient(90deg, var(--primary-orange), var(--accent-gold)) !important;
}

.nav-dropdown-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(17, 24, 39, 0.1) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14) !important;
}

.nav-dropdown-menu a {
    color: #1f2937 !important;
}

.nav-dropdown-menu a:hover {
    background: #f6f7fb !important;
    color: var(--primary-orange) !important;
}

.header .phone-icon,
.header-actions .phone-icon {
    background: linear-gradient(135deg, #ffffff, #f5f7fb) !important;
    color: var(--primary-orange) !important;
    border: 1px solid rgba(229, 62, 62, 0.15) !important;
    box-shadow: 0 12px 28px rgba(229, 62, 62, 0.16) !important;
}

.mobile-menu-toggle span {
    background: #1f2937 !important;
}

.btn-primary,
.btn-orange,
.portfolio-v2-category-count,
.portfolio-v2-featured-category,
.process-explorer .flow-step.active .flow-number,
.process-overview-v2 .timeline-step.active .step-circle {
    background: linear-gradient(135deg, var(--primary-orange), var(--accent-gold)) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

.btn-secondary,
.btn-outline-white,
.btn-outline-dark,
.btn-dark {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(17, 24, 39, 0.14) !important;
    color: #1f2937 !important;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-dark:hover,
.btn-outline-dark:hover,
.btn-orange:hover,
.btn-outline-white:hover {
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.14) !important;
}

.hero-new,
.page-hero,
.page-header,
.portfolio-v2-hero,
.services-landing-hero {
    background:
        radial-gradient(circle at 15% 8%, rgba(229, 62, 62, 0.12), transparent 28%),
        radial-gradient(circle at 88% 4%, rgba(242, 169, 59, 0.16), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
    color: #111827 !important;
}

.hero-background,
.hero-background::before {
    background:
        radial-gradient(circle at 15% 8%, rgba(229, 62, 62, 0.10), transparent 28%),
        radial-gradient(circle at 88% 4%, rgba(242, 169, 59, 0.14), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
}

.services-landing-hero::after {
    background-image: radial-gradient(rgba(17, 24, 39, 0.10) 1px, transparent 1px) !important;
}

.hero-overlay,
.hero-new .hero-overlay,
.page-hero .hero-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.22)) !important;
}

.title-main,
.hero-title-new .title-main,
.page-title,
.page-header h1,
.portfolio-v2-title {
    color: #111827 !important;
    text-shadow: none !important;
}

.title-sub {
    color: var(--primary-orange) !important;
    text-shadow: none !important;
}

.hero-subtitle,
.hero-description-new,
.page-subtitle,
.portfolio-v2-description,
.section-description,
.presence-description,
.story-text p,
.contact-form-wrap > p,
.contact-info-wrap > p,
.intro-text,
.navigator-header p,
.footer-left p {
    color: #4b5563 !important;
    text-shadow: none !important;
}

.hero-right .hero-image,
.portfolio-v2-feature-item,
.portfolio-v2-featured-item,
.image-main,
.portfolio-image,
.story-image,
.service-intro-image,
.panel-visual {
    background: #ffffff !important;
    border: 1px solid rgba(17, 24, 39, 0.1) !important;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.14) !important;
}

.hero-carousel-dot {
    border-color: rgba(17, 24, 39, 0.35) !important;
}

.hero-carousel-dot.active {
    border-color: var(--primary-orange) !important;
    background: var(--primary-orange) !important;
}

.hero-wordmark .dot-red {
    background: #E53E3E !important;
}

.hero-wordmark .dot-gray {
    background: #9ca3af !important;
}

.hero-wordmark .dot-gold {
    background: #F2A93B !important;
}

.trusted-brands,
.trusted-brands .marquee-wrapper,
.recent-work,
.recent-work.portfolio-v2-featured,
.portfolio-v2-featured,
.portfolio-v2-categories,
.company-motto,
.mission-vision,
.team-section,
.why-choose-us,
.why-choose-new,
.process-explorer,
.portfolio-v2-testimonials,
.portfolio-v2-cta,
.contact-section,
.service-overview,
.services-summary-section,
.services-capability-section,
.service-categories-circular,
.technology-circular-section,
.quality-guarantee-circular,
.interactive-brand-process,
.brand-portfolio-showcase,
.feature-section {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 251, 0.98)) !important;
    color: #111827 !important;
}

.mission-vision::before,
.team-section::before,
.why-choose-us::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 251, 0.98)) !important;
}

.trusted-brands {
    border-top: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08) !important;
}

.trusted-brands .brands-header h3,
.brands-header h3 {
    background: linear-gradient(135deg, var(--primary-orange), var(--accent-gold)) !important;
    color: #ffffff !important;
    border: 0 !important;
}

.trusted-brands .brand-logo,
.portfolio-v2-category-card,
.portfolio-v2-testimonial,
.contact-hero-card,
.contact-hero-item,
.contact-form-wrap,
.contact-info-wrap,
.portfolio-item,
.team-member,
.team-member.featured,
.mission-card,
.vision-card,
.values-card,
.service-circular-card,
.nav-btn,
.step-content-panel,
.benefit-item,
.guarantee-card,
.process-overview .process-step,
.process-overview-v2 .process-timeline-bar,
.process-overview-v2 .benefit-item,
.process-explorer .step-content-panel,
.process-explorer .step-metrics .metric {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(17, 24, 39, 0.1) !important;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10) !important;
    color: #111827 !important;
}

.team-member:hover,
.team-member.featured:hover,
.portfolio-v2-category-card:hover,
.portfolio-v2-featured-item:hover,
.contact-hero-item:hover,
.benefit-item:hover {
    background: #ffffff !important;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.14) !important;
}

.section-title,
.services-landing-copy h1,
.services-capability-grid h2,
.services-summary-section .solutions-title,
.services-summary-section .solutions-header h2,
.work-title,
.recent-work.portfolio-v2-featured .work-title,
.recent-work.portfolio-v2-featured .section-title,
.mission-card h3,
.vision-card h3,
.values-card h3,
.why-choose-us .why-item h3,
.team-section .member-info h3,
.portfolio-v2-category-title,
.portfolio-v2-testimonials-header .section-title,
.process-explorer-header h2,
.process-explorer .panel-content h3,
.contact-form-wrap h2,
.contact-info-wrap h2,
.contact-info-item h4,
.footer-col h4 {
    color: #111827 !important;
    text-shadow: none !important;
}

.services-landing-copy p,
.services-summary-card p,
.services-capability-item p {
    color: #4b5563 !important;
}

.services-summary-card,
.services-capability-item {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(17, 24, 39, 0.10) !important;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10) !important;
    color: #111827 !important;
}

.services-summary-card h3,
.services-capability-item h3 {
    color: #111827 !important;
}

.services-landing-media {
    border-color: rgba(17, 24, 39, 0.12) !important;
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.14) !important;
}

.section-label,
.portfolio-v2-eyebrow,
.portfolio-v2-categories-header .portfolio-v2-eyebrow,
.recent-work.portfolio-v2-featured .portfolio-v2-eyebrow,
.process-label,
.solutions-label,
.presence-label,
.work-link,
.highlight-number,
.service-number,
.metric-value,
.story-stats .stat-number,
.why-choose-us .why-icon,
.mission-card .card-icon,
.vision-card .card-icon,
.values-card .card-icon,
.footer-contact-icon,
.portfolio-v2-stat strong {
    color: var(--primary-orange) !important;
}

.portfolio-v2-eyebrow,
.portfolio-v2-categories-header .portfolio-v2-eyebrow,
.recent-work.portfolio-v2-featured .portfolio-v2-eyebrow {
    background: rgba(229, 62, 62, 0.08) !important;
    border: 1px solid rgba(229, 62, 62, 0.16) !important;
}

.portfolio-v2-category-description,
.portfolio-v2-testimonial-text,
.portfolio-v2-testimonial-author span,
.portfolio-v2-cta-description,
.recent-work.portfolio-v2-featured .section-description,
.why-choose-us .why-item p,
.team-section .member-info .bio,
.contact-info-item p,
.process-explorer .step-description,
.process-explorer .animated-list li,
.story-stats .stat-label,
.footer-col a,
.footer-col li,
.footer-bottom p {
    color: #5f6875 !important;
}

.portfolio-v2-feature-label,
.portfolio-v2-featured-overlay {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.0), rgba(17, 24, 39, 0.78)) !important;
    color: #ffffff !important;
}

.portfolio-v2-featured-title,
.portfolio-v2-featured-description,
.portfolio-v2-featured-content,
.portfolio-v2-featured-details span {
    color: #ffffff !important;
}

.portfolio-v2-category-subcats span,
.team-member .competencies span,
.team-section .team-member .competencies span,
.process-explorer .tab-btn,
.tab-btn {
    background: #f2f5f9 !important;
    border: 1px solid rgba(17, 24, 39, 0.1) !important;
    color: #31527a !important;
}

.team-member .competencies span i,
.competencies span i {
    background: rgba(229, 62, 62, 0.10) !important;
    color: var(--primary-orange) !important;
}

.process-explorer .tab-btn.active,
.process-explorer .tab-btn:hover,
.tab-btn.active,
.tab-btn:hover {
    background: rgba(229, 62, 62, 0.10) !important;
    border-color: rgba(229, 62, 62, 0.35) !important;
    color: var(--primary-orange) !important;
}

.flow-step:hover,
.flow-step.active {
    background: rgba(229, 62, 62, 0.07) !important;
    border-color: rgba(229, 62, 62, 0.24) !important;
}

.flow-title,
.flow-step.active .flow-title {
    color: #111827 !important;
}

.flow-duration,
.process-explorer .metric-label {
    color: #6b7280 !important;
}

.flow-number {
    background: #f2f5f9 !important;
    color: #6b7280 !important;
    border-color: rgba(17, 24, 39, 0.1) !important;
}

.flow-progress {
    background: rgba(17, 24, 39, 0.1) !important;
}

.flow-progress span {
    background: var(--primary-orange) !important;
}

.contact-hero-card {
    background: rgba(255, 255, 255, 0.72) !important;
}

.contact-hero-icon,
.contact-info-icon {
    background: linear-gradient(135deg, rgba(229, 62, 62, 0.12), rgba(242, 169, 59, 0.18)) !important;
    border-color: rgba(229, 62, 62, 0.18) !important;
    color: var(--primary-orange) !important;
}

.contact-hero-icon i,
.contact-info-icon i,
.contact-info-icon svg {
    color: var(--primary-orange) !important;
}

input,
textarea,
select {
    background: #ffffff !important;
    border-color: rgba(17, 24, 39, 0.16) !important;
    color: #111827 !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: rgba(229, 62, 62, 0.6) !important;
    box-shadow: 0 0 0 4px rgba(229, 62, 62, 0.10) !important;
}

.footer-new {
    background: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%) !important;
    border-top: 1px solid rgba(17, 24, 39, 0.1) !important;
    color: #111827 !important;
}

.footer-logo-img {
    background: transparent !important;
}

.footer-col a:hover,
.footer-location-link:hover {
    color: var(--primary-orange) !important;
}

.social-link {
    background: #ffffff !important;
    border: 1px solid rgba(17, 24, 39, 0.12) !important;
    color: var(--primary-orange) !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08) !important;
}

.social-link:hover {
    background: var(--primary-orange) !important;
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .nav-menu {
        background: rgba(255, 255, 255, 0.98) !important;
        border: 1px solid rgba(17, 24, 39, 0.12) !important;
        box-shadow: 0 28px 70px rgba(15, 23, 42, 0.18) !important;
    }

    .nav-dropdown-menu {
        background: #f7f8fb !important;
    }

    .hero-new .hero-content-new,
    .page-hero,
    .page-header {
        background: transparent !important;
    }
}

/* Consolidated utility classes moved from inline HTML styles */
.contact-map-link {
    color: inherit;
    text-decoration: none;
}

.contact-map-link:hover,
.contact-map-link:focus-visible {
    color: var(--primary-orange);
}

.contact-submit-button {
    width: 100%;
    justify-content: center;
}

.flow-progress-fill-20 { width: 20%; }
.flow-progress-fill-40 { width: 40%; }
.flow-progress-fill-60 { width: 60%; }
.flow-progress-fill-80 { width: 80%; }
.flow-progress-fill-100 { width: 100%; }

.progress-circle.progress-25 { --progress: 25; }
.progress-circle.progress-50 { --progress: 50; }
.progress-circle.progress-75 { --progress: 75; }
.progress-circle.progress-100 { --progress: 100; }

/* White theme contrast cleanup */
.about-hero .title-main,
.contact-hero .title-main,
.process-hero .title-main,
.service-hero .title-main {
    color: #111827 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.about-hero .title-sub,
.contact-hero .title-sub,
.process-hero .title-sub,
.service-hero .title-sub {
    color: var(--primary-orange) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.about-hero .hero-description-new,
.contact-hero .hero-description-new,
.process-hero .hero-description-new,
.service-hero .hero-description-new {
    color: #4b5563 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.about-hero .about-hero-stats,
.contact-hero .about-hero-stats,
.process-hero .about-hero-stats,
.service-hero .about-hero-stats {
    border-top-color: rgba(17, 24, 39, 0.12) !important;
}

.about-hero-stat strong,
.portfolio-v2-stat strong,
.story-stats .stat-number,
.industry-stats .stat-number {
    color: var(--primary-orange) !important;
    opacity: 1 !important;
}

.about-hero-stat span,
.portfolio-v2-stat span,
.story-stats .stat-label,
.industry-stats .stat-label,
.hero-stats .stat-label,
.stat-label,
.metric-label,
.service-metric-circle .metric-label {
    color: #4b5563 !important;
    opacity: 1 !important;
}

.contact-hero-item strong,
.contact-info-item h4,
.service-circular-card h3,
.feature-item h4,
.step-content-text h3,
.panel-content h3,
.metric-value,
.service-metric-circle .metric-number {
    color: #111827 !important;
}

.contact-hero-item .contact-content span,
.contact-hero-item .contact-content a,
.contact-info-item p,
.service-circular-card p,
.feature-item p,
.step-content-text p,
.panel-content p {
    color: #4b5563 !important;
}

.contact-hero-icon,
.contact-info-icon,
.feature-icon,
.service-circular-icon {
    color: var(--primary-orange) !important;
}

.about-hero .hero-image img,
.process-hero .hero-image img,
.service-hero .hero-image img {
    opacity: 1 !important;
    filter: none !important;
}

.service-overview,
.service-types,
.process-section,
.service-categories-circular,
.technology-circular-section,
.quality-guarantee-circular,
.interactive-brand-process,
.brand-portfolio-showcase,
.process-overview,
.process-guarantees {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
    color: #111827 !important;
}

.service-overview .service-text h2,
.service-types .section-title,
.process-section .section-title,
.service-categories-circular .section-header h2,
.technology-circular-section .section-header h2,
.quality-guarantee-circular .section-header h2,
.interactive-brand-process .section-header h2,
.brand-portfolio-showcase .section-header h2,
.process-overview h2,
.process-guarantees h2,
.process-step-content h3,
.step-features h4,
.guarantee-feature-content h4 {
    color: #111827 !important;
    text-shadow: none !important;
}

.service-overview .service-text p,
.service-overview .intro-text,
.service-categories-circular .section-header p,
.technology-circular-section .section-header p,
.quality-guarantee-circular .section-header p,
.interactive-brand-process .section-header p,
.brand-portfolio-showcase .section-header p,
.process-section p,
.process-overview .intro-text,
.process-overview .benefit-text,
.process-guarantees p,
.step-features p,
.guarantee-feature-content p,
.animated-list li {
    color: #4b5563 !important;
}

.service-metric-circle,
.progress-ring,
.metric,
.metric-item {
    background: #ffffff !important;
    border-color: rgba(229, 62, 62, 0.28) !important;
    color: #111827 !important;
}

.feature-circle-icon,
.service-price-circle,
.large-circular-icon,
.feature-icon-circle,
.guarantee-icon-circle {
    background: linear-gradient(135deg, rgba(229, 62, 62, 0.10), rgba(242, 169, 59, 0.20)) !important;
    border-color: rgba(229, 62, 62, 0.18) !important;
    color: #111827 !important;
}

.progress-text,
.center-text,
.step-number,
.step-label,
.price-text {
    color: #111827 !important;
}

.timeline-circle.active .step-number,
.timeline-circle.active .step-label {
    color: #ffffff !important;
}

.emergency-box,
.contact-emergency {
    background: #fff7ed !important;
    border-color: rgba(242, 169, 59, 0.35) !important;
}

.emergency-box p,
.contact-emergency p,
.emergency-note {
    color: #4b5563 !important;
}

.service-intro-content h2,
.service-overview h2,
.section-header h2,
.guarantee-details h1,
.guarantee-details h2,
.quality-guarantee-circular h1,
.quality-guarantee-circular h2,
.process-overview .step-content h3,
.process-step-content h3,
.process-step-content h4,
.step-content-panel h3,
.step-content-panel h4,
.portfolio-showcase-item h3,
.portfolio-showcase-item h4 {
    color: #111827 !important;
    text-shadow: none !important;
}

.service-intro-content p,
.service-intro-content .intro-text,
.section-header p,
.guarantee-details p,
.process-overview .step-content p,
.process-step-content p,
.step-content-panel p,
.step-content-panel li,
.portfolio-showcase-item p,
.process-explorer-header .intro-text,
.process-explorer .intro-text {
    color: #4b5563 !important;
}

.process-step-content,
.step-content-panel,
.portfolio-showcase-item,
.process-overview .process-step {
    background: #ffffff !important;
    border-color: rgba(17, 24, 39, 0.12) !important;
}

.emergency-box h4 {
    color: #111827 !important;
}

.emergency-phone {
    color: var(--primary-orange) !important;
}

.brand-services-overview {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
    color: #111827 !important;
}

.brand-services-overview .section-header h2,
.interactive-brand-process .section-header h2,
.brand-portfolio-showcase .section-header h2,
.interactive-brand-process .step-content-text h3,
.brand-portfolio-showcase .step-content-text h3,
.interactive-brand-process .feature-item h4,
.brand-portfolio-showcase .feature-item h4,
.interactive-brand-process .process-step-content h3,
.brand-portfolio-showcase .process-step-content h3 {
    color: #111827 !important;
}

.brand-services-overview .section-header p,
.interactive-brand-process .section-header p,
.brand-portfolio-showcase .section-header p,
.interactive-brand-process .step-description,
.brand-portfolio-showcase .step-description,
.interactive-brand-process .feature-item p,
.brand-portfolio-showcase .feature-item p,
.interactive-brand-process .process-step-content p,
.brand-portfolio-showcase .process-step-content p {
    color: #4b5563 !important;
}

.interactive-brand-process .metric-label,
.brand-portfolio-showcase .metric-label {
    color: #4b5563 !important;
}

/* White version final polish: logos, home services, about mission cards */
.logo-img,
.footer-logo-img {
    filter: none !important;
}

.core-solutions-new {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
    color: #111827 !important;
}

.core-solutions-new .solutions-label {
    color: var(--primary-orange) !important;
}

.core-solutions-new .solutions-title,
.core-solutions-new .solution-title-new {
    color: #111827 !important;
    text-shadow: none !important;
}

.core-solutions-new .solution-desc-new {
    color: #4b5563 !important;
}

.core-solutions-new .solution-card-new {
    background: #ffffff !important;
    border: 1px solid rgba(17, 24, 39, 0.12) !important;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10) !important;
}

.core-solutions-new .solution-card-new:hover {
    background: #ffffff !important;
    border-color: rgba(229, 62, 62, 0.28) !important;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.14) !important;
}

.core-solutions-new .solution-card-new::before {
    color: rgba(229, 62, 62, 0.14) !important;
}

.mission-vision {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
    color: #111827 !important;
}

.mission-vision::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 251, 0.98)) !important;
}

.mission-vision .mission-card,
.mission-vision .vision-card,
.mission-vision .values-card {
    background: #ffffff !important;
    border: 1px solid rgba(17, 24, 39, 0.12) !important;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10) !important;
    color: #111827 !important;
}

.mission-vision .mission-card h3,
.mission-vision .vision-card h3,
.mission-vision .values-card h3 {
    color: #111827 !important;
}

.mission-vision .mission-card p,
.mission-vision .vision-card p,
.mission-vision .values-card p {
    color: #4b5563 !important;
    opacity: 1 !important;
}

.mission-vision .card-icon {
    color: var(--primary-orange) !important;
}