/* chicago-digital-marketing-agency.css — dark-theme (da-new-theme) color overrides
   for chicago-digital-marketing-agency.php
   Loaded after main.css/home-new.css; same-specificity selectors here win via source order.
   Colors/backgrounds/borders only — no layout, sizing, or structural changes.
   This page is structurally identical to digital-marketing-agency-in-new-york-city.php
   (same .hero1-section-area/.all-section-bg/.heading6/.btn/.service-card/.testimonial/
   .header-btn1/.cta-section-area classes, only city-specific copy/images differ), so this
   file is a direct copy of digital-marketing-agency-in-new-york-city.css. */

/* Hero — hide the light pastel decorative bitmap (header-bg1.webp) and replace it with
   the same dark radial-gradient used on about.php/contact-us.php's hero for a consistent
   look; the bitmap has no dark-theme equivalent asset, so it's neutralized via CSS. */
.hero-bg {
    display: none;
}

.hero1-section-area {
    background: radial-gradient(120% 120% at 50% 0%, rgba(124, 58, 237, 0.18) 0%, rgba(10, 10, 10, 0) 60%), #0a0a0a;
}

/* Everything below the hero is wrapped in .all-section-bg with an inline light pastel
   background-image (pages-bg1.webp); override (with !important, the only way to beat an
   inline style="" from an external stylesheet) to the plain dark tone used sitewide. */
.all-section-bg {
    background-image: none !important;
    background-color: #0a0a0a !important;
}

/* Hero */
.heading1 h5 {
    color: #a855f7;
}

.heading1 h1 {
    color: #ffffff;
}

.heading1 p {
    color: #cbd5e1;
}

.hero1-section-area .header-main-content .btn-area .header-btn2 {
    color: #a855f7;
    border-color: #a855f7;
}

/* Platform/brand strip */
.slider-section-area {
    background: #0d0d0d;
}

.slider-section-area .sldier-head p {
    color: #cbd5e1;
}

/* Mission/Vision */
.heading6 h2 {
    color: #ffffff;
}

.heading6 p {
    color: #cbd5e1;
}

.btn {
    background:
        linear-gradient(#060612, #060612) padding-box,
        linear-gradient(90deg, #7c3aed 0%, #c026d3 55%, #e11d48 100%) border-box;
    border: 2px solid transparent;
    color: #ffffff;
}

.btn:hover {
    background:
        linear-gradient(#060612, #060612) padding-box,
        linear-gradient(90deg, #7c3aed 0%, #c026d3 55%, #e11d48 100%) border-box;
    color: #ffffff;
    filter: brightness(1.15);
}

/* Info blocks (Standing Out / What We Do / Why Choose Us) */
.info-text p {
    color: #cbd5e1;
}

/* Services grid */
.service-card:nth-child(1) { background: rgba(124, 58, 237, 0.08); border-color: #7c3aed; }
.service-card:nth-child(2) { background: rgba(192, 38, 211, 0.08); border-color: #c026d3; }
.service-card:nth-child(3) { background: rgba(225, 29, 72, 0.08); border-color: #e11d48; }
.service-card:nth-child(4) { background: rgba(124, 58, 237, 0.08); border-color: #7c3aed; }
.service-card:nth-child(5) { background: rgba(192, 38, 211, 0.08); border-color: #c026d3; }
.service-card:nth-child(6) { background: rgba(225, 29, 72, 0.08); border-color: #e11d48; }

.service-card:nth-child(1):hover { background: rgba(124, 58, 237, 0.16); border-color: #7c3aed; }
.service-card:nth-child(2):hover { background: rgba(192, 38, 211, 0.16); border-color: #c026d3; }
.service-card:nth-child(3):hover { background: rgba(225, 29, 72, 0.16); border-color: #e11d48; }
.service-card:nth-child(4):hover { background: rgba(124, 58, 237, 0.16); border-color: #7c3aed; }
.service-card:nth-child(5):hover { background: rgba(192, 38, 211, 0.16); border-color: #c026d3; }
.service-card:nth-child(6):hover { background: rgba(225, 29, 72, 0.16); border-color: #e11d48; }

.icon-container {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35);
}

/* Section headings using the shared .heading2 wrapper (services grid / testimonials /
   contact section headings, depending on the page) — missed in the initial pass; main.css
   only gives this class dark text (#090b0e h2, #3d4c5e p), invisible against the dark page.
   The CTA band's .cta-header-area h2/p already has its own more-specific white override in
   main.css and is unaffected by this addition. */
.heading2 h2 {
    color: #ffffff;
}

.heading2 p {
    color: #cbd5e1;
}

/* Testimonials */
.testimonial {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
}

.testimonial .quote {
    color: #c026d3;
}

.testimonial p {
    color: #cbd5e1;
}

.testimonial .name {
    color: #ffffff;
}

.testimonial .designation {
    color: #a0aec0;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: rgba(255, 255, 255, 0.08);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: none;
}

/* Contact form card */
.contact1-section-area .contact-boxarea {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}

.contact1-section-area .contact-boxarea h3 {
    color: #ffffff;
}

.contact1-section-area .contact-boxarea p {
    color: #a0aec0;
}

.contact1-section-area .contact-boxarea .input-area input,
.contact1-section-area .contact-boxarea .input-area textarea {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(124, 58, 237, 0.25);
    color: #ffffff;
}

.contact1-section-area .contact-boxarea .input-area input::placeholder,
.contact1-section-area .contact-boxarea .input-area textarea::placeholder {
    color: #a0aec0;
}

.contact1-section-area .contact-boxarea .input-area select.country-area {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(124, 58, 237, 0.25);
    color: #ffffff;
}

.contact1-section-area .contact-boxarea .input-area select.country-area option {
    background: #0a0a0a;
    color: #ffffff;
}

/* Submit button + CTA band link (same structure as about.php/contact-us.php) */
.header-btn1 {
    background:
        linear-gradient(#060612, #060612) padding-box,
        linear-gradient(90deg, #7c3aed 0%, #c026d3 55%, #e11d48 100%) border-box;
    border: 2px solid transparent;
    color: #ffffff;
}

.header-btn1 span {
    background: #7c3aed;
    color: #ffffff;
}

/* Closing CTA band */
.cta-section-area,
.cta-section-area .cta-header-area {
    background: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);
}