/* ==========================================================================
   Anmol Digital — Section Heading Cards V4
   Premium card styling only for marked content blocks:
   Services, Team, About, Distribution Network and similar section headers.
   ========================================================================== */

:root {
    --heading-card-bg: linear-gradient(145deg, rgba(255,255,255,.98), rgba(245,245,241,.98));
    --heading-card-border: rgba(16, 16, 16, .10);
    --heading-card-shadow: 0 1px 0 rgba(255,255,255,.95) inset, 0 22px 58px rgba(0,0,0,.08);
    --heading-card-shadow-hover: 0 1px 0 rgba(255,255,255,.98) inset, 0 28px 68px rgba(0,0,0,.10);
    --heading-badge-bg: linear-gradient(180deg, #1f1f1f, #080808);
    --heading-badge-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 12px 26px rgba(0,0,0,.18);
}

/* --------------------------------------------------------------------------
   Shared heading card shell
   -------------------------------------------------------------------------- */

.section-heading,
.about-section__content .section-heading,
.about-page__content .section-heading,
.home-about__content .section-heading,
[class*="about"] > .section-heading,
[class*="services"] > .section-heading,
[class*="team"] > .section-heading,
[class*="partner"] > .section-heading,
[class*="network"] > .section-heading {
    position: relative;
    isolation: isolate;
}

.section-heading::before,
.about-section__content .section-heading::before,
.about-page__content .section-heading::before,
.home-about__content .section-heading::before,
[class*="about"] > .section-heading::before,
[class*="services"] > .section-heading::before,
[class*="team"] > .section-heading::before,
[class*="partner"] > .section-heading::before,
[class*="network"] > .section-heading::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border: 1px solid var(--heading-card-border);
    border-radius: 34px;
    background: var(--heading-card-bg);
    box-shadow: var(--heading-card-shadow);
}

.section-heading::after,
.about-section__content .section-heading::after,
.about-page__content .section-heading::after,
.home-about__content .section-heading::after,
[class*="about"] > .section-heading::after,
[class*="services"] > .section-heading::after,
[class*="team"] > .section-heading::after,
[class*="partner"] > .section-heading::after,
[class*="network"] > .section-heading::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: 33px;
    background: radial-gradient(circle at 12% 10%, rgba(255,255,255,.65), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0));
    pointer-events: none;
}

.section-heading:hover::before,
.about-section__content .section-heading:hover::before,
.about-page__content .section-heading:hover::before,
.home-about__content .section-heading:hover::before,
[class*="about"] > .section-heading:hover::before,
[class*="services"] > .section-heading:hover::before,
[class*="team"] > .section-heading:hover::before,
[class*="partner"] > .section-heading:hover::before,
[class*="network"] > .section-heading:hover::before {
    box-shadow: var(--heading-card-shadow-hover);
}

.section-heading {
    padding: clamp(28px, 3vw, 42px);
    margin-bottom: clamp(28px, 3vw, 40px);
}

.section-heading--center {
    max-width: 980px;
    margin-inline: auto;
    text-align: center;
}

.section-heading--split {
    max-width: 100%;
}

/* Try to support both direct-content and wrapped-content markup */
.section-heading__content,
.section-heading__inner,
.section-heading__wrap,
.section-heading__body,
.section-heading__grid {
    position: relative;
    z-index: 1;
}

.section-heading--center .section-heading__content,
.section-heading--center .section-heading__inner,
.section-heading--center .section-heading__wrap,
.section-heading--center .section-heading__body,
.section-heading--center .section-heading__grid {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
}

.section-heading--split .section-heading__content,
.section-heading--split .section-heading__inner,
.section-heading--split .section-heading__wrap,
.section-heading--split .section-heading__body,
.section-heading--split .section-heading__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
    align-items: center;
    gap: clamp(18px, 3vw, 34px);
}

/* --------------------------------------------------------------------------
   Eyebrow / badge
   -------------------------------------------------------------------------- */

.section-heading__eyebrow,
.section-heading .section-eyebrow,
.section-heading .eyebrow,
.section-heading .heading-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 18px;
    padding: 9px 15px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
    background: var(--heading-badge-bg) !important;
    box-shadow: var(--heading-badge-shadow);
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .24em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.section-heading__eyebrow::before,
.section-heading .section-eyebrow::before,
.section-heading .eyebrow::before,
.section-heading .heading-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #ffffff, #a7a7a7);
    box-shadow: 0 0 0 4px rgba(255,255,255,.10);
    flex: 0 0 auto;
}

.section-heading--center .section-heading__eyebrow,
.section-heading--center .section-eyebrow,
.section-heading--center .eyebrow,
.section-heading--center .heading-eyebrow {
    margin-inline: auto;
}

/* --------------------------------------------------------------------------
   Title / description / action text
   -------------------------------------------------------------------------- */

.section-heading h2,
.section-heading__title,
.section-heading__heading {
    margin: 0 0 14px;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
    text-wrap: balance;
}

.section-heading--center h2,
.section-heading--center .section-heading__title,
.section-heading--center .section-heading__heading {
    margin-inline: auto;
    max-width: 12ch;
}

.section-heading p,
.section-heading__description,
.section-heading__text,
.section-heading__lead {
    margin: 0;
    color: #6f6f6f !important;
    font-size: clamp(17px, 1.2vw, 20px) !important;
    line-height: 1.7 !important;
}

.section-heading--center p,
.section-heading--center .section-heading__description,
.section-heading--center .section-heading__text,
.section-heading--center .section-heading__lead {
    max-width: 40ch;
    margin-inline: auto;
}

.section-heading a,
.section-heading .text-link,
.section-heading .section-heading__link,
.section-heading .section-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    font-weight: 800 !important;
}

.section-heading a::before,
.section-heading .text-link::before,
.section-heading .section-heading__link::before,
.section-heading .section-link::before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: linear-gradient(180deg, #1f1f1f, #080808);
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
    flex: 0 0 auto;
}

/* --------------------------------------------------------------------------
   Split about-style heading refinements
   -------------------------------------------------------------------------- */

.about-section__content .section-heading,
.about-page__content .section-heading,
.home-about__content .section-heading,
[class*="about"] > .section-heading {
    padding: clamp(26px, 3vw, 40px);
}

.about-section__content .section-heading h2,
.about-page__content .section-heading h2,
.home-about__content .section-heading h2,
[class*="about"] > .section-heading h2 {
    max-width: 10.5ch;
}

/* --------------------------------------------------------------------------
   Specific sections from screenshots
   -------------------------------------------------------------------------- */

/* Services + Team + Distribution headings kept centered inside card */
[class*="services"] .section-heading,
[class*="team"] .section-heading,
[class*="network"] .section-heading,
[class*="partner"] .section-heading {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

[class*="services"] .section-heading h2,
[class*="team"] .section-heading h2,
[class*="network"] .section-heading h2,
[class*="partner"] .section-heading h2 {
    text-align: center;
}

[class*="services"] .section-heading p,
[class*="team"] .section-heading p,
[class*="network"] .section-heading p,
[class*="partner"] .section-heading p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

[class*="services"] .section-heading a,
[class*="team"] .section-heading a,
[class*="network"] .section-heading a,
[class*="partner"] .section-heading a {
    justify-content: center;
}

/* --------------------------------------------------------------------------
   Dark sections support
   -------------------------------------------------------------------------- */

.section-theme-dark .section-heading::before,
.section-theme-dark.about-section__content .section-heading::before,
.section-theme-dark.about-page__content .section-heading::before {
    border-color: rgba(255,255,255,.10);
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 24px 64px rgba(0,0,0,.28);
}

.section-theme-dark .section-heading::after {
    background: radial-gradient(circle at 12% 10%, rgba(255,255,255,.07), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
}

.section-theme-dark .section-heading p,
.section-theme-dark .section-heading__description,
.section-theme-dark .section-heading__text,
.section-theme-dark .section-heading__lead {
    color: rgba(255,255,255,.76) !important;
}

.section-theme-dark .section-heading h2,
.section-theme-dark .section-heading__title,
.section-theme-dark .section-heading__heading {
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 991px) {
    .section-heading,
    .about-section__content .section-heading,
    .about-page__content .section-heading,
    .home-about__content .section-heading,
    [class*="about"] > .section-heading,
    [class*="services"] > .section-heading,
    [class*="team"] > .section-heading,
    [class*="partner"] > .section-heading,
    [class*="network"] > .section-heading {
        padding: 24px 22px;
        border-radius: 28px;
    }

    .section-heading::before,
    .about-section__content .section-heading::before,
    .about-page__content .section-heading::before,
    .home-about__content .section-heading::before,
    [class*="about"] > .section-heading::before,
    [class*="services"] > .section-heading::before,
    [class*="team"] > .section-heading::before,
    [class*="partner"] > .section-heading::before,
    [class*="network"] > .section-heading::before {
        border-radius: 28px;
    }

    .section-heading::after,
    .about-section__content .section-heading::after,
    .about-page__content .section-heading::after,
    .home-about__content .section-heading::after,
    [class*="about"] > .section-heading::after,
    [class*="services"] > .section-heading::after,
    [class*="team"] > .section-heading::after,
    [class*="partner"] > .section-heading::after,
    [class*="network"] > .section-heading::after {
        border-radius: 27px;
    }

    .section-heading--split .section-heading__content,
    .section-heading--split .section-heading__inner,
    .section-heading--split .section-heading__wrap,
    .section-heading--split .section-heading__body,
    .section-heading--split .section-heading__grid {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .section-heading--split .section-heading__eyebrow,
    .section-heading--split .section-eyebrow,
    .section-heading--split .eyebrow,
    .section-heading--split .heading-eyebrow {
        margin-inline: 0;
    }

    .section-heading--center h2,
    .section-heading--center .section-heading__title,
    .section-heading--center .section-heading__heading,
    .section-heading--center p,
    .section-heading--center .section-heading__description,
    .section-heading--center .section-heading__text,
    .section-heading--center .section-heading__lead {
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .section-heading,
    .about-section__content .section-heading,
    .about-page__content .section-heading,
    .home-about__content .section-heading,
    [class*="about"] > .section-heading,
    [class*="services"] > .section-heading,
    [class*="team"] > .section-heading,
    [class*="partner"] > .section-heading,
    [class*="network"] > .section-heading {
        padding: 20px 18px;
        margin-bottom: 24px;
    }

    .section-heading__eyebrow,
    .section-heading .section-eyebrow,
    .section-heading .eyebrow,
    .section-heading .heading-eyebrow {
        padding: 8px 12px;
        font-size: 10px !important;
        letter-spacing: .18em !important;
    }

    .section-heading p,
    .section-heading__description,
    .section-heading__text,
    .section-heading__lead {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }
}