/* =====================================================
   ABOUT US PAGE - FINAL INTEGRATED LIGHT THEME
===================================================== */

/* 1. GLOBAL BACKGROUND & ANIMATION REMOVAL */
[data-theme="light"] body,
[data-theme="light"] main,
[data-theme="light"] .about-section,
[data-theme="light"] .solution-section,
[data-theme="light"] .life-section,
[data-theme="light"] .testimonial-slider,
[data-theme="light"] .awards-slider {
    background-color: #ffffff !important;
    background-image: none !important;
}
[data-theme="light"] .single-service-banner.about{
    background-color: #f8f9fa;
    padding-top: 0;
    padding-bottom: 0;
}
[data-theme="light"] .gradient-bg,
[data-theme="light"] .animated-bg,
[data-theme="light"] .bg-gradients,
[data-theme="light"] .blur-gradient {
    display: none !important;
    background: none !important;
    visibility: hidden !important;
}
/* Remove animated gradient blobs */
[data-theme="light"] .about .gradient-bg,
[data-theme="light"] .about .g-blob {
    display: none !important;
    visibility: hidden !important;
}

/* 2. HERO SECTION - PURE COLOR OVERRIDE ONLY */
[data-theme="light"] .single-service-banner.about .banner-text-block h1 {
    color: #000000 !important; /* Forces Black Text */
    -webkit-text-fill-color: #000000 !important; /* Overrides any white transparent/outline styles */
    background: none !important; /* Removes background box artifacts */
}

/* Description Override */
[data-theme="light"] .single-service-banner.about .banner-text-block h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}

/* 3. CONTENT CONTRAST - PURE BLACK TEXT */
[data-theme="light"] .reveal-text,
[data-theme="light"] #scrollText,
[data-theme="light"] .web-heading,
[data-theme="light"] .web-subheading,
[data-theme="light"] .solution-card h4,
[data-theme="light"] .solution-card p,
[data-theme="light"] .testimonial-marquee-item p,
[data-theme="light"] .testimonial-title,
[data-theme="light"] .award-title,
[data-theme="light"] .award-sub {
    color: #000000 !important;
    opacity: 1 !important;
}

/* 4. ICON & IMAGE CONTROL */
/* Force general icons to Black */
[data-theme="light"] .solution-icon-box img {
    filter: brightness(0) !important;
}

/* RESTORE ORIGINAL COLORS for Image Slider & Awards */
[data-theme="light"] .life-at-slide-item img,
[data-theme="light"] .awards-logo,
[data-theme="light"] .image-item img {
    filter: none !important;
    /* Original Colors as requested */
    opacity: 1 !important;
}

/* 5. CARDS - PURE WHITE BACKGROUNDS */
[data-theme="light"] .solution-card,
[data-theme="light"] .testimonial-marquee-item,
[data-theme="light"] .award-card,
[data-theme="light"] .about-section-container,
[data-theme="light"] .solution-card-content:hover,
[data-theme="light"] .solution-card-content{
    background-color: #ffffff !important;
    /* Pure White BG */
    background-image: none !important;
    border: none !important;
    box-shadow: 0 0px 15px rgb(0 0 0 / 10%) !important;
    border-radius: 16px !important;
}

/* 6. NAVIGATION ARROWS - WHITE BG, BLACK ARROW */
[data-theme="light"] .nav-btn {
    background-color: #ffffff !important;
    /* White Background */
    color: #000000 !important;
    /* Black Arrow */
    border: 1px solid #e0e0e0 !important;
    /* Keep existing border style */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .nav-btn:hover {
    background-color: #f8f9fa !important;
}

/* 7. GALLERY FADE OVERLAYS - UPDATE FOR WHITE BACKGROUND */
[data-theme="light"] .fade-overlay-top {
    display: none !important;
}

[data-theme="light"] .fade-overlay {
    display: none !important;
}

[data-theme="light"] .swiper-slide {
    padding: 10px 10px !important;
}