/* ecommerce-marketing-services.css — dark-theme (da-new-theme) color overrides for ecommerce-marketing-services.php
   Loaded after main.css/home-new.css AND after the Tailwind/boxicons CDN links, so same-specificity
   selectors here win via source order — including bare Tailwind/Bootstrap utility classes, which is
   safe since this file is only ever linked from this one page.
   Colors/backgrounds/borders only — no layout, sizing, or structural changes. */

/* A. Page-exclusive .ecom-* / .marketing-* classes */

.ecomerce-banner {
    background: radial-gradient(120% 120% at 50% 0%, rgba(124, 58, 237, 0.18) 0%, rgba(10, 10, 10, 0) 60%), #0a0a0a;
    margin-top: 0;
}

.ecom-container p {
    color: #cbd5e1;
}

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

.ecom-cta-button:hover {
    filter: brightness(1.15);
}

.ecom-image-card {
    background-color: rgba(124, 58, 237, 0.12);
    border-color: #7c3aed;
}

.ecom-image-card::after,
.ecom-image-card::before {
    background-color: #c026d3;
}

.marketing-section {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
}

.marketing-heading {
    color: #ffffff;
}

.marketing-highlight {
    color: #a855f7;
}

.marketing-description {
    color: #cbd5e1;
}

.marketing-image-box {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

/* B. Shared template classes (reused verbatim from about.css / contact-us.css) */

.lets-work {
    color: #ffffff;
}

.lets-work2 {
    color: rgba(255, 255, 255, 0.35);
}

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

input[type="text"],
input[type="email"],
input[type="number"] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(124, 58, 237, 0.25);
    color: #ffffff;
}

textarea {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(124, 58, 237, 0.25);
    color: #ffffff;
}

input::placeholder,
textarea::placeholder {
    color: #a0aec0;
}

.heading2 h2 {
    color: #ffffff;
}

.heading2 p {
    color: #a0aec0;
}

.heading8 h2 {
    color: #ffffff;
}

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

.testimonial .quote {
    color: #c026d3;
}

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

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

.choose-section-area .accordian-tabs-area .accordion .accordion-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
    border-radius: 9px;
}

.choose-section-area .accordian-tabs-area .accordion .accordion-item h2 button {
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
}

.choose-section-area .accordian-tabs-area .accordion .accordion-item h2 button:not(.collapsed) {
    background: rgba(124, 58, 237, 0.14);
    color: #ffffff;
}

.choose-section-area .accordian-tabs-area .accordion .accordion-item .accordion-body {
    color: #cbd5e1;
}

/* C. Tailwind / Bootstrap utility classes used on this page */

.text-gray-600 {
    color: #a0aec0;
}

.text-purple-600 {
    color: #a855f7;
}

.slider-card {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
}

.bg-white {
    background-color: transparent !important;
    background: transparent !important;
}

.bg-gray-50 {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
}

.border-gray-300 {
    border-color: rgba(124, 58, 237, 0.25);
}

.bg-light {
    background-color: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(124, 58, 237, 0.18);
}

.text-primary {
    color: #a855f7 !important;
}

.text-muted {
    color: #a0aec0 !important;
}

#prevSlide,
#nextSlide {
    border-color: rgba(124, 58, 237, 0.3);
}

#prevSlide:hover,
#nextSlide:hover {
    background: rgba(124, 58, 237, 0.2);
}

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

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