/*
=============================================================================
  AGARWAL PACKERS & MOVERS - Global Text Visibility Fix
  Fixes: Dark text on dark backgrounds across ALL pages & sections
=============================================================================
*/

/* 1. HOME-SLIDER / BANNER SECTION (All Pages) */
.home-slider .pro-web,
.home-slider .item { color: #ffffff !important; }
.home-slider .pro-web h1,.home-slider .pro-web h2,.home-slider .pro-web h3,.home-slider .pro-web h4,.home-slider .pro-web h5,.home-slider .pro-web h6 { color: #ffffff !important; }
.home-slider .pro-web p,.home-slider .pro-web ul li,.home-slider .pro-web span { color: #e2e8f0 !important; }
.home-slider .pro-web .pro-track h4,.home-slider .pro-web .section-form h4,.home-slider .pro-web .section-form h5 { color: #ffffff !important; }

/* 2. NEW HERO SECTION (Homepage) */
.new-hero-section p,.new-hero-section ul li { color: #e2e8f0 !important; }
.new-hero-section h1,.new-hero-section h2,.new-hero-section h3,.new-hero-section h4 { color: #ffffff !important; }
.hero-subtext { color: #e2e8f0 !important; }
.hero-checklist-item { color: #f1f5f9 !important; }
.cert-badge-card { color: #ffffff !important; background: rgba(255,255,255,0.12) !important; border-color: rgba(255,255,255,0.25) !important; }

/* 3. HEADER TOP BAR */
.header-top { background-color: #0f172a !important; }
.header-top *,.header-links ul li,.header-links ul li a { color: #cbd5e1 !important; }
.header-links ul li a:hover { color: #f97316 !important; }

/* 4. FIRST FOOTER - Robust Responsive Grid & Pure White Text */
.first-footer { 
  background-color: #0f172a !important; 
  padding: 40px 0 25px 0 !important; 
  color: #ffffff !important; 
}
.first-footer .container {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.first-footer .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
}
@media (min-width: 992px) {
  .first-footer .col-lg-9 {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .first-footer .col-lg-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .first-footer .inner-row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }
  .first-footer .inner-row .border-left,
  .first-footer .inner-row .col-lg-4 {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
    width: 33.333333% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .first-footer .col-lg-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .first-footer .col-lg-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
  }
  .first-footer .inner-row .border-left,
  .first-footer .inner-row .col-md-4 {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
    width: 33.333333% !important;
  }
}
@media (max-width: 767px) {
  .first-footer .col-lg-9,
  .first-footer .col-lg-3,
  .first-footer .inner-row .border-left {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 25px !important;
  }
}
.first-footer h1, .first-footer h2, .first-footer h3, .first-footer h4, .first-footer h5,
.ft-link1 h3, .first-footer .clearfix h3, .first-footer .bg-box h3 {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-top: 5px !important;
  margin-bottom: 15px !important;
  text-transform: capitalize !important;
  letter-spacing: 0.3px !important;
}
.first-footer p,
.first-footer ul li,
.first-footer ul li a,
.first-footer span,
.first-footer li a,
.ft-link1 ul li a,
.ft-link1 span,
.ft-link1 p,
.ft-link1 li {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  opacity: 1 !important;
  text-decoration: none !important;
}
.first-footer ul li a:hover,
.ft-link1 ul li a:hover,
.first-footer a:hover {
  color: #f97316 !important;
  text-decoration: underline !important;
}
.first-footer .f-logo {
  background: #ffffff !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  max-width: 190px !important;
  height: auto !important;
}

/* 5. SECOND FOOTER - Bright Clean Text */
.second-footer { 
  background-color: #080d1a !important; 
  padding: 18px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.second-footer * { color: #ffffff !important; }
.second-footer .copy-right { color: #ffffff !important; font-size: 13.5px !important; font-weight: 500 !important; }
.second-footer .footer-links ul li a { color: #ffffff !important; font-size: 13.5px !important; }
.second-footer .footer-links ul li a:hover { color: #f97316 !important; }

/* 6. SECTION-SEVEN (Nav strip above footer) - Bright & Readable */
.section-seven { background-color: #182538 !important; padding: 12px 0 !important; }
.section-seven *,.section-seven a,.list-sec ul li a { color: #ffffff !important; font-size: 14px !important; font-weight: 500 !important; }
.section-seven a:hover,.list-sec ul li a:hover { color: #f97316 !important; }

/* 7. LEGAL COMPLIANCE SECTION */
.legal-compliance-section { background: #0b1326 !important; color: #ffffff !important; border-top: 3px solid #f97316 !important; }
.legal-compliance-section *,.legal-compliance-box p,.legal-compliance-box span { color: #ffffff !important; }
.legal-compliance-box h4 { color: #f97316 !important; font-weight: 700 !important; }
.legal-compliance-box strong,.legal-disclaimer-card strong { color: #ffffff !important; font-weight: 700 !important; }
.legal-disclaimer-card { background: rgba(255, 255, 255, 0.08) !important; border-left: 4px solid #f97316 !important; color: #ffffff !important; }

/* 8. CTA SECTIONS */
.new-banner-cta-section { color: #ffffff !important; }
.new-banner-cta-section h2,.new-banner-cta-section h3,.new-cta-text h2 { color: #ffffff !important; }
.new-banner-cta-section p,.new-cta-text p { color: #cbd5e1 !important; }

/* 9. GLASS LEAD CARD / DARK FORM CARDS */
.glass-lead-card { background: rgba(30,41,59,0.85) !important; }
.lead-tab-btn { color: #cbd5e1 !important; }
.lead-tab-btn.active { color: #f97316 !important; }
.form-group-new .form-label { color: #f1f5f9 !important; }
.tracking-pane-new p { color: #cbd5e1 !important; }
.tracking-pane-new h4 { color: #ffffff !important; }

/* 10. PRICING TABLE DARK HEADER */
.pricing-table-card-header { background: #0f172a !important; }
.pricing-table-card-header h3,.pricing-table-card-header h3 * { color: #ffffff !important; }

/* 11. MOBILE MENU OVERLAY */
.menu.menuEffects { background-color: #0f172a !important; }
.menu.menuEffects *,.menuContent a,.overlay-list a { color: #e2e8f0 !important; }
.menuContent a:hover,.overlay-list a:hover { color: #f97316 !important; }

/* 12. INNER BANNER / PAGE HERO (Other Pages) */
.inner-banner,.page-banner,.banner-section,.item .banner-content { color: #ffffff !important; }
.inner-banner h1,.inner-banner h2,.inner-banner p,.page-banner h1,.page-banner h2,.page-banner p,.banner-section h1,.banner-section h2,.banner-section p { color: #ffffff !important; }

/* 13. PRO-TRACK DARK CARD FORM */
.pro-track,.pro-track h4,.section-form .section-form-head a,.section-form .section-form-head span,.section-form .section-form-head b,.head-borders a,.head-borders span,.head-borders b { color: #ffffff !important; }
.pro-track .ft-colr,.section-form h5.ft-colr { color: #f97316 !important; }

/* 14. FOOTER ADDRESS */
footer li[style*="color: #ccc"],footer li[style*="color:#ccc"],footer [style*="color: #ccc"] { color: #ffffff !important; }

/* =============================================================
   ADDITIONAL FIXES - Dark Section Headings & Text (City Pages)
   These classes have dark backgrounds but headings get overridden
   by body.new-design-body h1-h6 { color: var(--text-main) }
   ============================================================= */

/* .cta-banner - Dark navy gradient background */
.cta-banner,
.cta-banner * {
  color: #ffffff !important;
}
.cta-banner h1, .cta-banner h2, .cta-banner h3,
.cta-banner h4, .cta-banner h5, .cta-banner h6 {
  color: #ffffff !important;
}
.cta-banner p, .cta-banner span, .cta-banner li {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* .cta-banner-section - Dark teal/navy gradient background */
.cta-banner-section h1, .cta-banner-section h2, .cta-banner-section h3,
.cta-banner-section h4, .cta-banner-section h5, .cta-banner-section h6 {
  color: #ffffff !important;
}
.cta-banner-section p, .cta-banner-section span {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* .banner-cta - Dark navy with image overlay */
.banner-cta h1, .banner-cta h2, .banner-cta h3,
.banner-cta h4, .banner-cta h5, .banner-cta h6 {
  color: #ffffff !important;
}
.banner-cta p, .banner-cta span {
  color: #dddddd !important;
}

/* .premium-cta - Dark navy gradient */
.premium-cta h1, .premium-cta h2, .premium-cta h3,
.premium-cta h4, .premium-cta h5, .premium-cta h6 {
  color: #ffffff !important;
}
.premium-cta p, .premium-cta span {
  color: #dddddd !important;
}

/* .cta-box - Primary orange background */
.cta-box h1, .cta-box h2, .cta-box h3,
.cta-box h4, .cta-box h5, .cta-box h6 {
  color: #ffffff !important;
}
.cta-box p, .cta-box span {
  color: rgba(255, 255, 255, 0.95) !important;
}

/* .pro-web slider section - Dark overlay background */
.pro-web h1, .pro-web h2, .pro-web h3, .pro-web h4 {
  color: #ffffff !important;
}
.pro-web p, .pro-web ul li {
  color: #e2e8f0 !important;
}
.pro-web b, .pro-web strong {
  color: #ffffff !important;
}

/* Global catch-all: ANY heading inside a dark-gradient container */
[style*="background: linear-gradient(135deg, #0"] h1,
[style*="background: linear-gradient(135deg, #0"] h2,
[style*="background: linear-gradient(135deg, #0"] h3,
[style*="background: linear-gradient(135deg, #0"] h4,
[style*="background: linear-gradient(135deg, #1"] h1,
[style*="background: linear-gradient(135deg, #1"] h2,
[style*="background: linear-gradient(135deg, #1"] h3,
[style*="background: linear-gradient(135deg, #1"] h4,
[style*="background: linear-gradient(135deg, #003"] h1,
[style*="background: linear-gradient(135deg, #003"] h2,
[style*="background: linear-gradient(135deg, #003"] h3,
[style*="background: linear-gradient(135deg, #003"] h4 {
  color: #ffffff !important;
}

/* Override body.new-design-body heading rule for all dark sections */
.cta-banner h1, .cta-banner h2, .cta-banner h3,
.cta-banner-section h1, .cta-banner-section h2, .cta-banner-section h3,
.banner-cta h1, .banner-cta h2, .banner-cta h3,
.premium-cta h1, .premium-cta h2, .premium-cta h3,
.cta-box h1, .cta-box h2, .cta-box h3,
.new-banner-cta-section h1, .new-banner-cta-section h2, .new-banner-cta-section h3,
.new-hero-section h1, .new-hero-section h2, .new-hero-section h3,
.pricing-table-card-header h1, .pricing-table-card-header h2, .pricing-table-card-header h3,
.legal-compliance-section h1, .legal-compliance-section h2, .legal-compliance-section h3,
.first-footer h1, .first-footer h2, .first-footer h3,
.second-footer h1, .second-footer h2, .second-footer h3,
.glass-lead-card h3, .glass-lead-card h4,
.tracking-pane-new h3, .tracking-pane-new h4 {
  color: #ffffff !important;
}