/* ==========================================================================
   V1-DIGITAL-MARKETING STYLESHEET
   ========================================================================== */

/* --- Styles from digital-marketing-agency-india-v1.php --- */
.v1-legacy-wrapper {
    background: #ffffff;
    font-family: var(--dmv1-font-body);
}

.v1-sec-title {
    color: var(--dmv1-text-dark);
    font-weight: 800;
    font-size: 2.2rem;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 20px;
}

.v1-accent-line, .animate-border {
    display: none !important;
}

.v1-intro-section {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 70px 0;
    border-bottom: 1px solid var(--dmv1-border);
}

.v1-intro-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.v1-hire-section {
    padding: 80px 0;
    background: #ffffff;
}

.v1-hire-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px;
    border: 1px solid var(--dmv1-border);
    box-shadow: var(--dmv1-shadow-sm);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    height: 100%;
}

.v1-hire-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--dmv1-shadow-md);
    border-color: var(--dmv1-primary);
}

.v1-hire-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(26, 86, 219, 0.08);
    color: var(--dmv1-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 18px;
}

.v1-check-list {
    list-style: none;
    padding-left: 0 !important;
    margin-bottom: 0;
}

.v1-check-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    color: var(--dmv1-text-muted);
    font-size: 0.96rem;
    line-height: 1.6;
}

.v1-check-list li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 3px;
    color: var(--dmv1-accent);
    font-size: 0.9rem;
}

.v1-btn-wrapper {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
}

.v1-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: linear-gradient(135deg, #0059a4 0%, #003d75 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    padding: 16px 40px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 25px rgba(0, 89, 164, 0.35) !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.v1-btn-cta span { color: #ffffff !important; }
.v1-btn-cta i { color: #8dc63f !important; font-size: 1.1rem !important; }


    /* ─── v3-svc-card system (scoped for this page) ─── */
    :root {
        --svc-ease: cubic-bezier(0.16, 1, 0.3, 1);
        --svc-r-xl: 20px;
    }

    .dm-svc__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    /* ---- Base card shell ---- */
    .dm-svc-card {
        position: relative;
        border-radius: var(--svc-r-xl);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: #0f172a;
        transition: transform .4s var(--svc-ease), box-shadow .4s var(--svc-ease), border-color .4s var(--svc-ease);
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.08);
        box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);
        z-index: 1;
    }

    /* ---- SVG pattern background ---- */
    .dm-svc-card__bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 0;
        opacity: .8;
        transition: opacity .4s ease, transform .6s var(--svc-ease);
    }
    .dm-svc-card__bg svg { width: 100%; height: 100%; }
    .dm-svc-card:hover .dm-svc-card__bg { opacity: 1.5; transform: scale(1.05); }

    /* ---- Accent top-border sweep ---- */
    .dm-svc-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 3px;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .5s var(--svc-ease);
        z-index: 2;
    }
    .dm-svc-card:hover::before { transform: scaleX(1); }

    /* ---- Soft ambient glow bloom on hover ---- */
    .dm-svc-card::after {
        content: '';
        position: absolute;
        bottom: -20px; left: 50%;
        transform: translateX(-50%);
        width: 80%; height: 60px;
        border-radius: 50%;
        filter: blur(24px);
        opacity: 0;
        transition: opacity .5s ease;
        z-index: 0;
    }
    .dm-svc-card:hover::after { opacity: .35; }

    /* ---- Inner content wrapper ---- */
    .dm-svc-card__inner {
        position: relative;
        z-index: 1;
        padding: 32px 28px 28px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
        gap: 20px;
    }

    /* ---- Icon ---- */
    .dm-svc-card__ico {
        width: 52px; height: 52px;
        border-radius: 14px;
        display: flex; align-items: center; justify-content: center;
        font-size: 1.3rem;
        margin-bottom: 18px;
        transition: all .4s var(--svc-ease);
        border: 1px solid rgba(15, 23, 42, 0.06);
    }

    /* ---- Title ---- */
    .dm-svc-card__title {
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 10px;
        color: #0f172a;
    }

    /* ---- Body text ---- */
    .dm-svc-card__text {
        font-size: .88rem;
        color: #475569;
        line-height: 1.68;
        margin-bottom: 0;
    }

    /* ---- CTA link ---- */
    .dm-svc-card__link {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        font-size: .85rem;
        font-weight: 700;
        text-decoration: none;
        transition: gap .3s ease, color .3s ease;
    }
    .dm-svc-card:hover .dm-svc-card__link { gap: 12px; }

    /* ---- Hover lift & shadow ---- */
    .dm-svc-card:hover {
        transform: translateY(-7px);
        border-color: rgba(37, 99, 235, 0.22);
        box-shadow: 0 16px 36px -10px rgba(15, 23, 42, 0.08), 0 0 25px rgba(37, 99, 235, 0.08);
        color: #0f172a;
    }

    /* ═══ Per-card accent colours ═══ */

    /* 1. SEO — emerald */
    .dm-svc-card--seo::before { background: linear-gradient(90deg, #059669, #34d399); }
    .dm-svc-card--seo .dm-svc-card__bg { color: #059669; }
    .dm-svc-card--seo .dm-svc-card__ico { color: #059669; background: rgba(5,150,105,.08); }
    .dm-svc-card--seo:hover .dm-svc-card__ico { background: #059669; color: #fff; border-color: transparent; }
    .dm-svc-card--seo .dm-svc-card__link { color: #059669; }

    /* 2. Social Media — rose */
    .dm-svc-card--smm::before { background: linear-gradient(90deg, #e11d48, #fb7185); }
    .dm-svc-card--smm .dm-svc-card__bg { color: #e11d48; }
    .dm-svc-card--smm .dm-svc-card__ico { color: #e11d48; background: rgba(225,29,72,.08); }
    .dm-svc-card--smm:hover .dm-svc-card__ico { background: #e11d48; color: #fff; border-color: transparent; }
    .dm-svc-card--smm .dm-svc-card__link { color: #e11d48; }

    /* 3. Content — violet */
    .dm-svc-card--content::before { background: linear-gradient(90deg, #7c3aed, #c084fc); }
    .dm-svc-card--content .dm-svc-card__bg { color: #7c3aed; }
    .dm-svc-card--content .dm-svc-card__ico { color: #7c3aed; background: rgba(124,58,237,.08); }
    .dm-svc-card--content:hover .dm-svc-card__ico { background: #7c3aed; color: #fff; border-color: transparent; }
    .dm-svc-card--content .dm-svc-card__link { color: #7c3aed; }

    /* 4. Lead Gen — brand blue */
    .dm-svc-card--lead::before { background: linear-gradient(90deg, #2563eb, #60a5fa); }
    .dm-svc-card--lead .dm-svc-card__bg { color: #2563eb; }
    .dm-svc-card--lead .dm-svc-card__ico { color: #2563eb; background: rgba(37,99,235,.08); }
    .dm-svc-card--lead:hover .dm-svc-card__ico { background: #2563eb; color: #fff; border-color: transparent; }
    .dm-svc-card--lead .dm-svc-card__link { color: #2563eb; }

    /* 5. PPC — amber */
    .dm-svc-card--ppc::before { background: linear-gradient(90deg, #d97706, #fbbf24); }
    .dm-svc-card--ppc .dm-svc-card__bg { color: #d97706; }
    .dm-svc-card--ppc .dm-svc-card__ico { color: #d97706; background: rgba(217,119,6,.08); }
    .dm-svc-card--ppc:hover .dm-svc-card__ico { background: #d97706; color: #fff; border-color: transparent; }
    .dm-svc-card--ppc .dm-svc-card__link { color: #d97706; }

    /* 6. Google Ads — cyan/sky */
    .dm-svc-card--google::before { background: linear-gradient(90deg, #0284c7, #38bdf8); }
    .dm-svc-card--google .dm-svc-card__bg { color: #0284c7; }
    .dm-svc-card--google .dm-svc-card__ico { color: #0284c7; background: rgba(2,132,199,.08); }
    .dm-svc-card--google:hover .dm-svc-card__ico { background: #0284c7; color: #fff; border-color: transparent; }
    .dm-svc-card--google .dm-svc-card__link { color: #0284c7; }

    /* 7. Display — orange */
    .dm-svc-card--display::before { background: linear-gradient(90deg, #ea580c, #fb923c); }
    .dm-svc-card--display .dm-svc-card__bg { color: #ea580c; }
    .dm-svc-card--display .dm-svc-card__ico { color: #ea580c; background: rgba(234,88,12,.08); }
    .dm-svc-card--display:hover .dm-svc-card__ico { background: #ea580c; color: #fff; border-color: transparent; }
    .dm-svc-card--display .dm-svc-card__link { color: #ea580c; }

    /* 8. YouTube Ads — red */
    .dm-svc-card--yt::before { background: linear-gradient(90deg, #dc2626, #f87171); }
    .dm-svc-card--yt .dm-svc-card__bg { color: #dc2626; }
    .dm-svc-card--yt .dm-svc-card__ico { color: #dc2626; background: rgba(220,38,38,.08); }
    .dm-svc-card--yt:hover .dm-svc-card__ico { background: #dc2626; color: #fff; border-color: transparent; }
    .dm-svc-card--yt .dm-svc-card__link { color: #dc2626; }

    /* 9. ORM — teal */
    .dm-svc-card--orm::before { background: linear-gradient(90deg, #0d9488, #2dd4bf); }
    .dm-svc-card--orm .dm-svc-card__bg { color: #0d9488; }
    .dm-svc-card--orm .dm-svc-card__ico { color: #0d9488; background: rgba(13,148,136,.08); }
    .dm-svc-card--orm:hover .dm-svc-card__ico { background: #0d9488; color: #fff; border-color: transparent; }
    .dm-svc-card--orm .dm-svc-card__link { color: #0d9488; }

    /* 10. Facebook Mkt — blue */
    .dm-svc-card--fb::before { background: linear-gradient(90deg, #1877f2, #60a5fa); }
    .dm-svc-card--fb .dm-svc-card__bg { color: #1877f2; }
    .dm-svc-card--fb .dm-svc-card__ico { color: #1877f2; background: rgba(24,119,242,.08); }
    .dm-svc-card--fb:hover .dm-svc-card__ico { background: #1877f2; color: #fff; border-color: transparent; }
    .dm-svc-card--fb .dm-svc-card__link { color: #1877f2; }

    /* 11. Facebook Ads — indigo */
    .dm-svc-card--fbads::before { background: linear-gradient(90deg, #4f46e5, #818cf8); }
    .dm-svc-card--fbads .dm-svc-card__bg { color: #4f46e5; }
    .dm-svc-card--fbads .dm-svc-card__ico { color: #4f46e5; background: rgba(79,70,229,.08); }
    .dm-svc-card--fbads:hover .dm-svc-card__ico { background: #4f46e5; color: #fff; border-color: transparent; }
    .dm-svc-card--fbads .dm-svc-card__link { color: #4f46e5; }

    /* 12. Instagram Mkt — fuchsia */
    .dm-svc-card--ig::before { background: linear-gradient(90deg, #a21caf, #e879f9); }
    .dm-svc-card--ig .dm-svc-card__bg { color: #a21caf; }
    .dm-svc-card--ig .dm-svc-card__ico { color: #a21caf; background: rgba(162,28,175,.08); }
    .dm-svc-card--ig:hover .dm-svc-card__ico { background: #a21caf; color: #fff; border-color: transparent; }
    .dm-svc-card--ig .dm-svc-card__link { color: #a21caf; }

    /* 13. Instagram Ads — pink */
    .dm-svc-card--igads::before { background: linear-gradient(90deg, #db2777, #f472b6); }
    .dm-svc-card--igads .dm-svc-card__bg { color: #db2777; }
    .dm-svc-card--igads .dm-svc-card__ico { color: #db2777; background: rgba(219,39,119,.08); }
    .dm-svc-card--igads:hover .dm-svc-card__ico { background: #db2777; color: #fff; border-color: transparent; }
    .dm-svc-card--igads .dm-svc-card__link { color: #db2777; }

    /* 14. LinkedIn Mkt — LinkedIn blue */
    .dm-svc-card--li::before { background: linear-gradient(90deg, #0a66c2, #38bdf8); }
    .dm-svc-card--li .dm-svc-card__bg { color: #0a66c2; }
    .dm-svc-card--li .dm-svc-card__ico { color: #0a66c2; background: rgba(10,102,194,.08); }
    .dm-svc-card--li:hover .dm-svc-card__ico { background: #0a66c2; color: #fff; border-color: transparent; }
    .dm-svc-card--li .dm-svc-card__link { color: #0a66c2; }

    /* 15. LinkedIn Ads — slate */
    .dm-svc-card--liads::before { background: linear-gradient(90deg, #334155, #64748b); }
    .dm-svc-card--liads .dm-svc-card__bg { color: #334155; }
    .dm-svc-card--liads .dm-svc-card__ico { color: #334155; background: rgba(51,65,85,.08); }
    .dm-svc-card--liads:hover .dm-svc-card__ico { background: #334155; color: #fff; border-color: transparent; }
    .dm-svc-card--liads .dm-svc-card__link { color: #334155; }

    /* 16. Twitter Ads — black/X */
    .dm-svc-card--xads::before { background: linear-gradient(90deg, #0f172a, #475569); }
    .dm-svc-card--xads .dm-svc-card__bg { color: #0f172a; }
    .dm-svc-card--xads .dm-svc-card__ico { color: #0f172a; background: rgba(15,23,42,.07); }
    .dm-svc-card--xads:hover .dm-svc-card__ico { background: #0f172a; color: #fff; border-color: transparent; }
    .dm-svc-card--xads .dm-svc-card__link { color: #0f172a; }

    /* 17. Twitter Mkt — sky */
    .dm-svc-card--xmkt::before { background: linear-gradient(90deg, #0ea5e9, #7dd3fc); }
    .dm-svc-card--xmkt .dm-svc-card__bg { color: #0ea5e9; }
    .dm-svc-card--xmkt .dm-svc-card__ico { color: #0ea5e9; background: rgba(14,165,233,.08); }
    .dm-svc-card--xmkt:hover .dm-svc-card__ico { background: #0ea5e9; color: #fff; border-color: transparent; }
    .dm-svc-card--xmkt .dm-svc-card__link { color: #0ea5e9; }

    /* 18. Video Mkt — rose-red */
    .dm-svc-card--video::before { background: linear-gradient(90deg, #be123c, #f43f5e); }
    .dm-svc-card--video .dm-svc-card__bg { color: #be123c; }
    .dm-svc-card--video .dm-svc-card__ico { color: #be123c; background: rgba(190,18,60,.08); }
    .dm-svc-card--video:hover .dm-svc-card__ico { background: #be123c; color: #fff; border-color: transparent; }
    .dm-svc-card--video .dm-svc-card__link { color: #be123c; }

    /* 19. Medium — green logo */
    .dm-svc-card--medium::before { background: linear-gradient(90deg, #16a34a, #4ade80); }
    .dm-svc-card--medium .dm-svc-card__bg { color: #16a34a; }
    .dm-svc-card--medium .dm-svc-card__ico { color: #16a34a; background: rgba(22,163,74,.08); }
    .dm-svc-card--medium:hover .dm-svc-card__ico { background: #16a34a; color: #fff; border-color: transparent; }
    .dm-svc-card--medium .dm-svc-card__link { color: #16a34a; }

    /* 20. Quora — brand red */
    .dm-svc-card--quora::before { background: linear-gradient(90deg, #b92b27, #e66465); }
    .dm-svc-card--quora .dm-svc-card__bg { color: #b92b27; }
    .dm-svc-card--quora .dm-svc-card__ico { color: #b92b27; background: rgba(185,43,39,.08); }
    .dm-svc-card--quora:hover .dm-svc-card__ico { background: #b92b27; color: #fff; border-color: transparent; }
    .dm-svc-card--quora .dm-svc-card__link { color: #b92b27; }

    /* ── Mouse-glow effect ── */
    .dm-svc-card {
        --mx: 50%;
        --my: 50%;
    }
    .dm-svc-card:hover {
        background: radial-gradient(180px circle at var(--mx) var(--my), rgba(37,99,235,.04) 0%, #fff 70%);
    }

    /* ── Responsive ── */
    @media (max-width: 991px) {
        .dm-svc__grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 600px) {
        .dm-svc__grid { grid-template-columns: 1fr; }
        .dm-svc-card__inner { padding: 24px 20px 20px; }
    }