/**
 * Page Background Color Fixes
 * Changes specific sections to white backgrounds as requested
 */

/* Home Page - Why Choose Qdesk AI section background to white */
.features6 {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Home Page - FAQ section background to white */
.faq6 {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* About Page - Whole page background to white (except footer) */
body.body2.body {
  background-color: #FFFFFF !important;
}

/* About Page - All sections except footer */
.about-page-area1,
.about-boxs {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* About Page - Pages hero section - override company-colors.css */
body.body2 .pages-hero {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
}

/* Blog Page - All sections except footer */
.blog-area-all,
.blog-big-sec {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Blog Page - Pages hero section - override company-colors.css */
body.body2 .pages-hero {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
}

/* Careers Page - All sections except ready to apply and footer */
.about-page-area1 {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Careers Page - Pages hero section - override company-colors.css */
body.body2 .pages-hero {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
}

/* Keep footer backgrounds dark (they should remain as is) */
.footer6,
.footer2 {
  background: var(--qt-gradient-dark) !important;
  background-image: linear-gradient(135deg, #001F54 0%, #003366 100%) !important;
}

/* Keep CTA sections dark (ready to apply section in careers) */
.cta2-area,
.cta6,
.email-innovation {
  background: var(--qt-gradient-dark) !important;
  background-image: linear-gradient(135deg, #001F54 0%, #003366 100%) !important;
}

/* Ensure email-innovation section keeps its background image if it has one */
.email-innovation {
  background-image: url(assets/img/bg/others2-bg.png) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-color: #FFFFFF !important;
}

/* Email-innovation section text visibility - Navy blue text on white background */
.email-innovation h1,
.email-innovation h2,
.email-innovation h3,
.email-innovation .headding2-w h1,
.email-innovation .headding2-w h2,
.email-innovation .headding2-w h3 {
  color: #001F54 !important;
  text-shadow: none !important;
}

.email-innovation p,
.email-innovation .headding2-w p {
  color: #515456 !important;
  text-shadow: none !important;
}

/* Hide author photo placeholders across all blog pages */
img[src*="blog2-icon2.png"] {
  display: none !important;
}

/* Email-innovation button styling - proper contrast on white background */
.email-innovation .theme-btn3,
.email-innovation a.theme-btn3,
body.body2 .email-innovation .theme-btn3,
body.body2 .email-innovation a.theme-btn3 {
  background: #001F54 !important;
  background-color: #001F54 !important;
  color: #FFFFFF !important;
  border: 2px solid #001F54 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  padding: 12px 30px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

.email-innovation .theme-btn3:hover,
.email-innovation a.theme-btn3:hover,
body.body2 .email-innovation .theme-btn3:hover,
body.body2 .email-innovation a.theme-btn3:hover {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #001F54 !important;
  border: 2px solid #001F54 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(0, 31, 84, 0.3) !important;
  text-decoration: none !important;
}

/* Ensure text and nested elements inherit correct colors */
.email-innovation .theme-btn3 *,
.email-innovation a.theme-btn3 *,
body.body2 .email-innovation .theme-btn3 *,
body.body2 .email-innovation a.theme-btn3 * {
  color: inherit !important;
}

/* Special styling for careers page email-innovation section - needs dark background */
body.body2 .email-innovation {
  background: var(--qt-gradient-dark) !important;
  background-image: linear-gradient(135deg, #001F54 0%, #003366 100%), url(assets/img/bg/others2-bg.png) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Careers page email-innovation text - white text on dark background */
body.body2 .email-innovation h1,
body.body2 .email-innovation h2,
body.body2 .email-innovation h3,
body.body2 .email-innovation .headding2-w h1,
body.body2 .email-innovation .headding2-w h2,
body.body2 .email-innovation .headding2-w h3 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

body.body2 .email-innovation p,
body.body2 .email-innovation .headding2-w p {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Contact info box styling */
body.body2 .email-innovation .contact-info-box h3 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

body.body2 .email-innovation .contact-info-box p {
  color: #FFFFFF !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

body.body2 .email-innovation .contact-info-box a {
  color: #FFFFFF !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

body.body2 .email-innovation .contact-info-box i {
  color: #FFFFFF !important;
}

/* CTA sections text visibility */
.cta2-area h1,
.cta2-area h2,
.cta2-area h3,
.cta2-area .headding2-w h1,
.cta2-area .headding2-w h2,
.cta2-area .headding2-w h3 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.cta2-area p,
.cta2-area .headding2-w p {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Ensure text colors are appropriate for white backgrounds */
.features6 h2,
.features6 h3,
.features6 p,
.features6 .heading6 h2,
.features6 .heading6 span {
  color: #001F54 !important;
}

.faq6 h2,
.faq6 .heading6 h2,
.faq6 .heading6 span,
.faq6 .accordion-button {
  color: #001F54 !important;
}

.faq6 .accordion-button {
  background-color: #FFFFFF !important;
  color: #001F54 !important;
}

.faq6 .accordion-body {
  background-color: #FFFFFF !important;
  color: #7E7F83 !important;
}

/* About page text colors for white background - match "Building the future" text color */
body.body2.body .pages-hero h1,
body.body2.body .pages-hero h2,
body.body2.body .pages-hero h3,
body.body2.body .pages-hero p,
body.body2.body .pages-hero .main-headding h1,
body.body2.body .pages-hero .main-headding p {
  color: #001F54 !important;
}

.about-page-area1 h2,
.about-page-area1 h3,
.about-page-area1 h5,
.about-page-area1 .headding2 h2,
.about-page-area1 .headding2 h3,
.about-page-area1 .headding2 h5 {
  color: #001F54 !important;
}

.about-page-area1 p,
.about-page-area1 .headding2 p {
  color: #515456 !important;
}

.about-boxs h2,
.about-boxs h3,
.about-boxs h4,
.about-boxs h5,
.about-boxs .headding2 h2 {
  color: #001F54 !important;
}

.about-boxs p,
.about-boxs .single-box p {
  color: #515456 !important;
}

/* Blog page text colors for white background - match "Building the future" text color */
body.body2.body .pages-hero h1,
body.body2.body .pages-hero h2,
body.body2.body .pages-hero h3,
body.body2.body .pages-hero p,
body.body2.body .pages-hero .main-headding h1,
body.body2.body .pages-hero .main-headding p {
  color: #001F54 !important;
}

.blog-area-all h2,
.blog-area-all h3,
.blog-area-all h4,
.blog-area-all h5,
.blog-area-all .headding2 h2,
.blog-area-all .headding2 h3 {
  color: #001F54 !important;
}

.blog-area-all p,
.blog-area-all .headding2 p {
  color: #515456 !important;
}

.blog-big-sec h3,
.blog-big-sec h4,
.blog-big-sec .headding2 h3 {
  color: #001F54 !important;
}

.blog-big-sec p,
.blog-big-sec .headding2 p {
  color: #515456 !important;
}

.blog-box h4,
.blog-box h3,
.blog-box .headding h4 {
  color: #001F54 !important;
}

.blog-box p,
.blog-box .headding p {
  color: #515456 !important;
}

/* Careers page text colors for white background - match "Building the future" text color */
body.body2.body .pages-hero h1,
body.body2.body .pages-hero h2,
body.body2.body .pages-hero h3,
body.body2.body .pages-hero p,
body.body2.body .pages-hero .main-headding h1,
body.body2.body .pages-hero .main-headding p {
  color: #001F54 !important;
}

.about-page-area1 h2,
.about-page-area1 h3,
.about-page-area1 h5,
.about-page-area1 .headding2 h2,
.about-page-area1 .headding2 h3,
.about-page-area1 .headding2 h5 {
  color: #001F54 !important;
}

.about-page-area1 p,
.about-page-area1 .headding2 p,
.about-page-area1 .list li {
  color: #515456 !important;
}

.about-page-area1 .list li span,
.about-page-area1 .list li i {
  color: #001F54 !important;
}

/* Additional text elements for all pages */
body.body2.body .pages-hero a,
body.body2.body .pages-hero .theme-btn2,
body.body2.body .pages-hero .theme-btn3 {
  color: inherit !important;
}

/* Links in content areas */
.about-page-area1 a,
.about-boxs a,
.blog-area-all a,
.blog-big-sec a,
.blog-box a {
  color: #004080 !important;
}

.about-page-area1 a:hover,
.about-boxs a:hover,
.blog-area-all a:hover,
.blog-big-sec a:hover,
.blog-box a:hover {
  color: #4A90E2 !important;
}

/* Blog Detail Pages - Background and Text Colors */
/* Blog detail pages background to white */
body.body2.body .blog-details-sidebar,
body.body2.body .blog-details-all,
body.body2.body .blog-details-sidebar .blog-details-all {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Blog detail pages hero section */
body.body2.body .pages-hero.pages-hero-unic {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
}

/* Blog detail pages text colors - match "Building the future" text color */
body.body2.body .pages-hero.pages-hero-unic h1,
body.body2.body .pages-hero.pages-hero-unic h2,
body.body2.body .pages-hero.pages-hero-unic h3,
body.body2.body .pages-hero.pages-hero-unic h4,
body.body2.body .pages-hero.pages-hero-unic h5,
body.body2.body .pages-hero.pages-hero-unic p,
body.body2.body .pages-hero.pages-hero-unic .main-headding h1,
body.body2.body .pages-hero.pages-hero-unic .main-headding p,
body.body2.body .pages-hero.pages-hero-unic .autor-area h5,
body.body2.body .pages-hero.pages-hero-unic .autor-area p,
body.body2.body .pages-hero.pages-hero-unic .tag a,
body.body2.body .pages-hero.pages-hero-unic .date a {
  color: #001F54 !important;
}

/* Blog detail content area */
.blog-details-all h1,
.blog-details-all h2,
.blog-details-all h3,
.blog-details-all h4,
.blog-details-all h5,
.blog-details-all .headding2 h2,
.blog-details-all .headding2 h3,
.blog-details-all .headding2 h4,
.blog-details-all .headding2 h5 {
  color: #001F54 !important;
}

.blog-details-all p,
.blog-details-all .headding2 p {
  color: #515456 !important;
}

.blog-details-all .details-box h1,
.blog-details-all .details-box h2,
.blog-details-all .details-box h3,
.blog-details-all .details-box h4,
.blog-details-all .details-box h5 {
  color: #001F54 !important;
}

.blog-details-all .details-box p {
  color: #515456 !important;
}

/* Blog detail tags, dates, and meta information */
.blog-details-all .all-tags a,
.blog-details-all .tag a,
.blog-details-all .date a,
.blog-details-all .social-area-all .tags a,
.blog-details-all .social-area-all .tags .date a {
  color: #001F54 !important;
}

/* Blog detail lists */
.blog-details-all .text-list li {
  color: #515456 !important;
}

.blog-details-all .text-list li span,
.blog-details-all .text-list li i {
  color: #001F54 !important;
}

/* Blog detail comment/quote area */
.blog-details-all .comment-area p {
  color: #515456 !important;
  background-color: #F8F9FA !important;
  border-left: 4px solid #004080 !important;
}

/* Author box */
.blog-details-all .author-box,
.author-box {
  background-color: #F8F9FA !important;
}

.author-box h3,
.author-box h4,
.author-box h5 {
  color: #001F54 !important;
}

.author-box p {
  color: #515456 !important;
}

/* Blog detail links */
.blog-details-all a,
.blog-details-all .details-box a {
  color: #004080 !important;
}

.blog-details-all a:hover,
.blog-details-all .details-box a:hover {
  color: #4A90E2 !important;
}

/* Social icons in blog details */
.blog-details-all .social-icons a,
.blog-details-all .social-icons i {
  color: #001F54 !important;
}

.blog-details-all .social-icons a:hover,
.blog-details-all .social-icons a:hover i {
  color: #4A90E2 !important;
}

/* Blog detail page overall background - Override main.css body.body2 rule */
body.blog-detail-page,
body.body2.blog-detail-page,
body.body2.body.blog-detail-page {
  background-color: #FFFFFF !important;
  background-image: none !important;
}

/* Override main.css body.body2 background specifically for all blog pages */
body.body2.body {
  background-color: #FFFFFF !important;
}

/* Additional comprehensive blog page background overrides */
body.body2.body.blog-detail-page,
body.blog-detail-page.body2,
body.blog-detail-page.body,
body.body2.blog-seo-strategies,
body.body2.blog-opencv-computer-vision,
body.body2.blog-nlp-details,
body.body2.blog-neural-networks,
body.body2.blog-ai-software-development,
body.body2.blog-digital-marketing {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  background-image: none !important;
}

/* Override any CSS variable that might affect blog page backgrounds */
body.blog-detail-page {
  --qt-bg-bg-5: #FFFFFF !important;
}

/* Blog page specific header positioning fix */
body.body2.body .pages-hero .main-headding {
  padding-top: 80px !important;
}

/* Ensure proper spacing when sticky header is active on blog page */
body.body2.body {
  padding-top: 0 !important;
}

/* Fix sticky header overlap issue on blog page */
.header-area2.sticky ~ .pages-hero {
  padding-top: 80px !important;
}

/* Blog Page AI Innovation section text and button */
.blog-page .email-innovation .headding2-w h2,
.blog-page .email-innovation .headding2-w h3,
.blog-page .email-innovation .headding2-w p {
  color: #001F54 !important;
}

.blog-page .email-innovation .theme-btn3 {
  background: #001F54 !important;
  color: #FFFFFF !important;
  border: 2px solid #001F54 !important;
  border-radius: 50px;
  transition: all 0.3s ease;
  transform: translateY(0);
  box-shadow: 0 6px 18px rgba(0, 31, 84, 0.2);
}

.blog-page .email-innovation .theme-btn3 * {
  color: inherit !important;
}

.blog-page .email-innovation .theme-btn3:hover {
  background: #FFFFFF !important;
  color: #001F54 !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 31, 84, 0.25);
}