/* Banner gradient (site ke colours) */
/*.ccs-reg-banner {
    background: linear-gradient(110deg, #0a3440 0%, #0f5f6b 40%, #b9631f 75%, #f58a1f 100%);
}
*/
.ccs-reg-banner {
    background: radial-gradient(circle at 85% 20%, rgba(255, 255, 255, .18), transparent 45%), linear-gradient(110deg, #0a3440 0%, #0f5f6b 30%, #5c6a62 52%, #b9733a 76%, #f08a24 100%);
}
/* Section card header + number circle */
.ccs-reg-head {
    background: #fff;
    border-bottom: 3px solid var(--ccs-orange);
    font-family: var(--ccs-font-head);
    font-weight: 700;
    color: var(--ccs-navy);
    padding: 16px 24px;
}

.ccs-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2c1a63, var(--ccs-purple));
    color: #fff;
    font-size: .9rem;
}

/* Input focus ka brand colour */
.ccs-reg-card .form-control:focus,
.ccs-reg-card .form-select:focus {
    border-color: var(--ccs-purple);
    box-shadow: 0 0 0 .2rem rgba(122, 47, 166, .15);
}

/* RadioButtonList spacing (asp control Bootstrap class nahi leta) */
.ccs-radio input {
    margin-right: 6px;
    accent-color: var(--ccs-purple);
}

.ccs-radio label {
    margin-right: 22px;
}

/* Submit button gradient */
.ccs-btn-submit {
    background: var(--ccs-gradient);
    color: #fff;
    border: 0;
    box-shadow: 0 8px 20px -6px rgba(122, 47, 166, .45);
    transition: transform .2s ease, box-shadow .2s ease;
}

    .ccs-btn-submit:hover {
        color: #fff;
        transform: translateY(-2px);
    }

/* Success registration number */
.ccs-reg-no {
    color: var(--ccs-purple);
    letter-spacing: 1px;
}

/* Animated gradient heading (home page jaisa) */
/*.ccs-heading-gradient-anim {
    background: linear-gradient(90deg, #241246, #3b1f7a, var(--ccs-purple), var(--ccs-orange), var(--ccs-purple), #3b1f7a, #241246);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    animation: ccsBarSlide 6s ease-in-out infinite alternate;
}*/
.ccs-heading-gradient-anim {
    background: linear-gradient(90deg, #ffffff, #ffe2bd, #ff971d, #ffe2bd, #ffffff);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    animation: ccsBarSlide 6s ease-in-out infinite alternate;
}