/* About Us Page Dark Mode Styles */
:root.dark-theme {
    --about-heading-color: #ffffff;
    --about-text-color: #e4e4e4;
    --about-secondary-text: #b0b0b0;
    --about-card-bg: #1a1a2e;
    --about-border-color: #3a3a4c;
    --about-highlight: #00a2b8;
    --about-accent: #ff7755;
    --about-shape-opacity: 0.05;
    --about-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Main About Us container */
.dark-theme .about-us,
.dark-theme .contact-us,
.dark-theme .our-vision,
.dark-theme .features {
    background-color: #051a1e;
}

/* About Us header section */
.dark-theme .about-header {
    border-bottom-color: var(--about-border-color);
}

.dark-theme .about-header h1 {
    color: var(--about-heading-color);
}

.dark-theme .about-header .breadcrumb {
    color: var(--about-secondary-text);
}

.dark-theme .about-header .breadcrumb a {
    color: var(--about-highlight);
}

/* About content section */
.dark-theme .about-content h2 {
    color: var(--about-heading-color);
}

.dark-theme .about-content p {
    color: var(--about-text-color);
}

.dark-theme .about-content .highlight-text {
    color: var(--about-accent);
}

/* About image grid */
.dark-theme .image-grid {
    box-shadow: var(--about-box-shadow);
}

.dark-theme .image-item {
    border: 1px solid var(--about-border-color);
    box-shadow: var(--about-box-shadow);
    overflow: hidden;
}

.dark-theme .image-item::after {
    background: linear-gradient(to top,
            rgba(18, 18, 32, 0.8) 0%,
            rgba(18, 18, 32, 0) 100%);
}

.dark-theme .image-caption {
    color: var(--about-heading-color);
}

/* Stats badge */
.dark-theme .stats-badge {
    background: linear-gradient(90deg,
            var(--about-highlight) 0%,
            var(--about-accent) 100%);
    color: #ffffff;
    box-shadow: var(--about-box-shadow);
}

/* Shape decorations */
.dark-theme .shape-decoration {
    opacity: var(--about-shape-opacity);
}

/* Timeline section */
.dark-theme .about-timeline {
    background-color: #0f0f1a;
}

.dark-theme .timeline {
    border-left-color: var(--about-border-color);
}

.dark-theme .timeline-item {
    background-color: var(--about-card-bg);
    border: 1px solid var(--about-border-color);
}

.dark-theme .timeline-item:before {
    background-color: var(--about-highlight);
    border-color: #051a1e;
}

.dark-theme .timeline-item .date {
    color: var(--about-accent);
}

.dark-theme .timeline-item h3 {
    color: var(--about-heading-color);
}

.dark-theme .timeline-item p {
    color: var(--about-text-color);
}

/* Team section */
.dark-theme .about-team {
    background-color: #0f0f1a;
}

.dark-theme .team-card {
    background-color: var(--about-card-bg);
    box-shadow: var(--about-box-shadow);
}

.dark-theme .team-member-image {
    border-color: var(--about-border-color);
}

.dark-theme .team-member-name {
    color: var(--about-heading-color);
}

.dark-theme .team-member-position {
    color: var(--about-accent);
}

.dark-theme .team-member-bio {
    color: var(--about-text-color);
}

.dark-theme .team-social a {
    background-color: #2a2a3c;
    color: var(--about-secondary-text);
}

.dark-theme .team-social a:hover {
    background-color: var(--about-highlight);
    color: #ffffff;
}

/* Values/Mission section */
.dark-theme .about-values {
    background-color: #051a1e;
}

.dark-theme .values-grid {
    gap: 30px;
}

.dark-theme .value-card {
    background-color: var(--about-card-bg);
    box-shadow: var(--about-box-shadow);
    border: 1px solid var(--about-border-color);
}

.dark-theme .value-icon {
    color: var(--about-accent);
    background-color: rgba(255, 119, 85, 0.1);
}

.dark-theme .value-card h3 {
    color: var(--about-heading-color);
}

.dark-theme .value-card p {
    color: var(--about-text-color);
}

.dark-theme .mission-vision-container {
    background-color: var(--about-card-bg);
    border: 1px solid var(--about-border-color);
}

.dark-theme .mission-box,
.dark-theme .vision-box {
    border-color: var(--about-border-color);
}

.dark-theme .mission-box h3,
.dark-theme .vision-box h3 {
    color: var(--about-heading-color);
}

.dark-theme .mission-box p,
.dark-theme .vision-box p {
    color: var(--about-text-color);
}

/* Statistics/Counters section */
.dark-theme .about-stats {
    background: linear-gradient(135deg, #10101a 0%, #1f2b38 100%);
}

.dark-theme .counter-box {
    background-color: var(--about-card-bg);
}

.dark-theme .counter-number {
    color: var(--about-highlight);
}

.dark-theme .counter-text {
    color: var(--about-text-color);
}

/* Testimonials in About page */
.dark-theme .about-testimonials .testimonial-card {
    background-color: var(--about-card-bg);
    box-shadow: var(--about-box-shadow);
}

.dark-theme .testimonial-content p {
    color: var(--about-text-color);
}

.dark-theme .testimonial-author h4 {
    color: var(--about-heading-color);
}

.dark-theme .testimonial-author span {
    color: var(--about-secondary-text);
}

/* Call to Action section */
.dark-theme .about-cta {
    background: linear-gradient(135deg, #10101a 0%, #1a1a2e 100%);
}

.dark-theme .about-cta h2 {
    color: var(--about-heading-color);
}

.dark-theme .about-cta p {
    color: var(--about-secondary-text);
}

.dark-theme .cta-button {
    background: linear-gradient(90deg,
            var(--about-highlight) 0%,
            var(--about-accent) 100%);
    color: #ffffff;
}

.dark-theme .cta-button:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

/* FAQ Section */
.dark-theme .about-faq .accordion-item {
    background-color: var(--about-card-bg);
    border-color: var(--about-border-color);
}

.dark-theme .accordion-button {
    background-color: #1e1e36;
    color: var(--about-heading-color);
}

.dark-theme .accordion-button:not(.collapsed) {
    background-color: #2a2a3c;
    color: var(--about-highlight);
}

.dark-theme .accordion-button::after {
    filter: invert(1);
}

.dark-theme .accordion-body {
    color: var(--about-text-color);
}

/* Partners section */
.dark-theme .about-partners {
    background-color: #0f0f1a;
}

.dark-theme .partner-logo {
    background-color: var(--about-card-bg);
    border: 1px solid var(--about-border-color);
    padding: 20px;
}

.dark-theme .partner-logo img {
    filter: brightness(0) invert(1) opacity(0.7);
    transition: all 0.3s ease;
}

.dark-theme .partner-logo:hover img {
    filter: brightness(0) invert(1) opacity(1);
}

.dark-theme .shape-divider .shape-fill {
    fill: #051a1e;
}

/* About hero section */
.dark-theme .about-hero {
    background: linear-gradient(135deg, #1a1a2e, #0f0f1a);
    color: var(--about-heading-color);
    padding: 180px 0 100px;
    position: relative;
    overflow: hidden;
    box-shadow: var(--about-box-shadow);
    border-bottom: 1px solid var(--about-border-color);
}