/* Section tag (chhota label heading ke upar) */
.ccs-sec-tag {
    display: inline-block;
    margin-bottom: 8px;
    padding: 5px 14px;
    border-radius: 30px;
    background: var(--ccs-gradient-soft);
    color: var(--ccs-purple);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

/* Banner buttons se anchor jump: sticky header ke neeche na chhupe */
.ccs-anchor {
    scroll-margin-top: 80px;
}

/* Banner ke andar heading animation white-orange (dark background) */
.ccs-about-banner .ccs-heading-gradient-anim {
    background-image: linear-gradient(90deg, #ffffff, #ffe2bd, #ff971d, #ffe2bd, #ffffff);
}

/* English / Hindi ke beech ki patti */
.ccs-lang-divider {
    background: linear-gradient(110deg, #16133d 0%, #28205d 38%, #563a76 68%, #9b542f 100%);
}

/* Contact box */
.ccs-contact-box {
    background: linear-gradient(110deg, #101B3D, #28205d);
    border-left: 6px solid var(--ccs-orange);
}

/* Hindi font aur line height */
[lang="hi"] {
    font-family: 'Noto Sans Devanagari', 'Nirmala UI', 'Mangal', sans-serif;
    line-height: 1.8;
}

/* Language toggle (banner par, dark background) */
.ccs-lang-pills .nav-link {
    color: #fff;
    font-weight: 600;
    padding: .5rem 1.8rem;
    margin: 0 5px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50rem;
    transition: background .2s ease, color .2s ease;
}

    .ccs-lang-pills .nav-link:hover {
        background: rgba(255, 255, 255, .15);
        color: #fff;
    }

    .ccs-lang-pills .nav-link.active,
    .ccs-lang-pills .nav-link.active:hover {
        background: #fff;
        color: #28205d;
    }