/* =====================================================================
   NeuSource Rising Startup Awards – Nomination Page styles
   Linked from index.html after Bootstrap 4 and Font Awesome.
   Every section has a "Start" and "End" comment below.

   SCOPE: every page rule starts with :is(#awd_page,.awd_page) so the live site's theme CSS
   can't override this page. It works with the wrapper <div class="awd_page"> alone
   (id="awd_page" optional) and still has id-level strength. Start new rules the same way.
   RULE (cleaned Oct 2026): har selector har jagah (normal / har @media) me
   sirf EK baar likha hai. Kuch badalna ho to us selector ko search karo –
   wahi ek jagah change karo, kahin aur override nahi milega.
   Order in each section: normal rules -> @media 1199 -> 991 -> 767 -> 400
   -> (hover:none) -> (prefers-reduced-motion).
   ===================================================================== */

/* ==================== Start: Global (site base: body, headings, sec_pad) ==================== */
body {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px
}

:is(#awd_page, .awd_page) h1 {
    font-size: 45px;
    font-weight: bold
}

:is(#awd_page, .awd_page) h2,
:is(#awd_page, .awd_page) h3,
:is(#awd_page, .awd_page) h4,
:is(#awd_page, .awd_page) h5,
:is(#awd_page, .awd_page) h6 {
    font-weight: bold
}

:is(#awd_page, .awd_page) .sec_pad {
    padding: 50px 0 50px
}

:is(#awd_page, .awd_page) {
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    --awd-gold: #c99a3b;
    --awd-gold-dk: #b07d1f;
    --awd-gold-lt: #f6e7c1;
    --awd-cream: #fdf9f0;
    --awd-line: #ecdcb5;
    --awd-text: #000;
    --awd-muted: #555;
    --awd-grad: linear-gradient(135deg, #f3d58a 0%, #d9a743 50%, #b8862b 100%);
    --awd-ease: cubic-bezier(.22, .61, .36, 1);
    overflow-x: hidden;
    overflow-x: clip;
    max-width: 100%
}

    :is(#awd_page, .awd_page) p {
        line-height: 1.6;
        text-wrap: pretty
    }

    :is(#awd_page, .awd_page) li {
        line-height: 1.6
    }

@media (max-width:991px) {
    :is(#awd_page, .awd_page) h1 {
        font-size: 36px
    }
}

@media (max-width:767px) {
    body {
        font-size: 16px
    }

    :is(#awd_page, .awd_page) h1 {
        font-size: 30px
    }

    :is(#awd_page, .awd_page) {
        font-size: 16px;
        padding-bottom: 0
    }
}

/* ==================== End: Global (site base: body, headings, sec_pad) ==================== */

/* Text colours: headings / main text = var(--awd-text); descriptions / secondary text = var(--awd-muted) (grey).
   Change the grey once in the .awd_page wrapper rule above and every description updates. */
/* ==================== Start: Common (page wrapper, section heading, label, notes, backgrounds) ==================== */
:is(#awd_page, .awd_page) .commanheading {
    margin-bottom: 40px
}

:is(#awd_page, .awd_page) .show-heading {
    text-align: center
}

:is(#awd_page, .awd_page) .commanheading h2,
:is(#awd_page, .awd_page) .commanheading h4 {
    font-size: 35px;
    margin-bottom: 20px;
    color: var(--awd-text);
    font-weight: 700;
    text-wrap: balance
}

:is(#awd_page, .awd_page) .commanheading h3 {
    font-size: 35px;
    margin-bottom: 20px;
    color: var(--awd-text);
    font-weight: 700
}

:is(#awd_page, .awd_page) .commanheading h2 span,
:is(#awd_page, .awd_page) .commanheading h4 span {
    color: #b07d1f;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

:is(#awd_page, .awd_page) .commanheading p {
    font-size: inherit;
    color: var(--awd-muted);
    margin-bottom: 0;
    line-height: 1.6
}

:is(#awd_page, .awd_page) .awd_eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #b07d1f;
    margin-bottom: 10px
}

    :is(#awd_page, .awd_page) .awd_eyebrow i {
        font-size: 12px;
        color: #d4a640
    }

    :is(#awd_page, .awd_page) .awd_eyebrow:before {
        content: "";
        width: 40px;
        height: 2px;
        background: linear-gradient(90deg, transparent, #d4a640)
    }

    :is(#awd_page, .awd_page) .awd_eyebrow:after {
        content: "";
        width: 40px;
        height: 2px;
        background: linear-gradient(90deg, #d4a640, transparent)
    }

:is(#awd_page, .awd_page) .awd_cta_row {
    text-align: center;
    margin-top: 36px
}

:is(#awd_page, .awd_page) .awd_small_note {
    font-size: 15px;
    color: var(--awd-muted);
    text-align: center;
    line-height: 1.6
}

/* text colours on the dark gold sections (cards inside keep their light look) */
:is(#awd_page, .awd_page) .awd_dark_bg .commanheading h2 {
    color: #fff
}

    :is(#awd_page, .awd_page) .awd_dark_bg .commanheading h2 span {
        color: #e6bf63
    }

:is(#awd_page, .awd_page) .awd_dark_bg .commanheading p,
:is(#awd_page, .awd_page) .awd_dark_bg .awd_small_note {
    color: rgba(255, 255, 255, .72)
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_eyebrow {
    color: #e6bf63
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_about_text p {
    color: rgba(255, 255, 255, .78)
}

    :is(#awd_page, .awd_page) .awd_dark_bg .awd_about_text p.awd_about_lead {
        color: #fff
    }

:is(#awd_page, .awd_page) .awd_dark_bg .awd_about_lead strong {
    color: #e6bf63
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_about_backdrop {
    border-color: rgba(217, 167, 67, .6);
    background: repeating-linear-gradient(135deg, rgba(217, 167, 67, .14) 0 2px, transparent 2px 12px)
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_apply_band .awd_apply_w {
    color: #fff
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_form_lead {
    color: rgba(255, 255, 255, .75)
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_wiz_nav:before {
    background: rgba(255, 255, 255, .22)
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_wiz_nav li span {
    background: #1b1820;
    border-color: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .7)
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_wiz_nav li em {
    color: rgba(255, 255, 255, .65)
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_wiz_nav li.awd_wiz_active em,
:is(#awd_page, .awd_page) .awd_dark_bg .awd_wiz_nav li.awd_wiz_done em,
:is(#awd_page, .awd_page) .awd_dark_bg .awd_wiz_count {
    color: #e6bf63
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_wiz_nav li.awd_wiz_active span {
    background: var(--awd-grad);
    color: #1d1503;
    border-color: #1b1820
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_wiz_nav li.awd_wiz_done span {
    background: #c99a3b;
    border-color: #c99a3b;
    color: #1d1503
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_form_submit p,
:is(#awd_page, .awd_page) .awd_dark_bg .awd_wiz_after {
    color: rgba(255, 255, 255, .7)
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_btn_line {
    --awd-btn-bg: #17141d;
    color: #f3d58a
}

    :is(#awd_page, .awd_page) .awd_dark_bg .awd_btn_line:hover,
    :is(#awd_page, .awd_page) .awd_dark_bg .awd_btn_line:focus {
        --awd-btn-bg: #2a2216;
        color: #fff
    }

:is(#awd_page, .awd_page) .awd_dark_bg .awd_form_msg.awd_msg_err {
    background: #fdecea
}

/* Section backgrounds – change the colour here once and every section using the class updates */
:is(#awd_page, .awd_page) .awd_alt_bg {
    background-color: #fdf9f0
}

:is(#awd_page, .awd_page) .awd_dark_bg .awd_timeline:before {
    background: linear-gradient(180deg, #a8761f, #e6bf63, #a8761f)
}

/* one continuous cream background below the banner; dark gold sections (trophy-photo look) sit on top of it */
:is(#awd_page, .awd_page) .awd_dark_wrap {
    position: relative;
    background: #fdf9f0
}

    :is(#awd_page, .awd_page) .awd_dark_wrap .awd_alt_bg {
        background: transparent
    }

    :is(#awd_page, .awd_page) .awd_dark_wrap .awd_dark_bg {
        background: #0f0e15 url(..//assets/nomination/bg/dark-gold.svg) center/cover no-repeat
    }

html {
    scroll-behavior: smooth
}

:is(#awd_page, .awd_page) section[id] {
    scroll-margin-top: 80px
}

    :is(#awd_page, .awd_page) section[id]:focus {
        outline: none
    }

:is(#awd_page, .awd_page) ::selection {
    background: #f3d58a;
    color: #1d1503
}

:is(#awd_page, .awd_page) a:focus-visible,
:is(#awd_page, .awd_page) button:focus-visible {
    outline: 3px solid rgba(201, 154, 59, .6);
    outline-offset: 3px
}

@media (max-width:991px) {
    :is(#awd_page, .awd_page) .commanheading {
        margin-bottom: 30px
    }

        :is(#awd_page, .awd_page) .commanheading h2,
        :is(#awd_page, .awd_page) .commanheading h3,
        :is(#awd_page, .awd_page) .commanheading h4 {
            font-size: 25px
        }
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_eyebrow {
        white-space: nowrap;
        font-size: 12px;
        letter-spacing: 2px;
        gap: 8px
    }

        :is(#awd_page, .awd_page) .awd_eyebrow:before,
        :is(#awd_page, .awd_page) .awd_eyebrow:after {
            width: 22px
        }
}

@media (max-width:400px) {
    :is(#awd_page, .awd_page) .awd_eyebrow {
        white-space: normal;
        font-size: 11px;
        letter-spacing: 1px;
        gap: 6px;
        max-width: 100%
    }

        :is(#awd_page, .awd_page) .awd_eyebrow:before,
        :is(#awd_page, .awd_page) .awd_eyebrow:after {
            width: 14px
        }
}

@media (prefers-reduced-motion:reduce) {
    :is(#awd_page, .awd_page) * {
        animation: none !important;
        transition: none !important
    }

        :is(#awd_page, .awd_page) *:before,
        :is(#awd_page, .awd_page) *:after {
            animation: none !important
        }
}

/* ==================== End: Common (page wrapper, section heading, label, notes, backgrounds) ==================== */

/* ==================== Start: Buttons / anchor buttons (one class .awd_btn for every button; colour via .awd_btn_gold / .awd_btn_line) ==================== */
:is(#awd_page, .awd_page) .awd_btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 50px;
    border: 3px solid transparent;
    font-weight: 700;
    font-size: 17px;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    isolation: isolate;
    --awd-ring: conic-gradient(from var(--awd-ang), #a8761f 0deg, #a8761f 40deg, #f3d58a 62deg, #ffffff 78deg, #f3d58a 94deg, #a8761f 120deg, #c99a3b 180deg, #a8761f 220deg, #f3d58a 242deg, #ffffff 258deg, #f3d58a 274deg, #a8761f 300deg, #a8761f 360deg);
    transition: transform .3s var(--awd-ease), box-shadow .3s var(--awd-ease), background-color .3s, color .3s;
    animation: awdRingSpin 3.5s linear infinite
}

    :is(#awd_page, .awd_page) .awd_btn:hover,
    :is(#awd_page, .awd_page) .awd_btn:focus {
        text-decoration: none;
        transform: translateY(-4px)
    }

    :is(#awd_page, .awd_page) .awd_btn:active {
        transform: translateY(0)
    }

    :is(#awd_page, .awd_page) .awd_btn i {
        transition: transform .3s var(--awd-ease)
    }

    :is(#awd_page, .awd_page) .awd_btn:hover .fa-arrow-right {
        transform: translateX(4px)
    }

    :is(#awd_page, .awd_page) .awd_btn:hover .fa-arrow-left {
        transform: translateX(-4px)
    }

    :is(#awd_page, .awd_page) .awd_btn:hover .fa-paper-plane {
        transform: translate(3px, -3px)
    }

:is(#awd_page, .awd_page) .awd_btn_gold {
    padding: 11px 27px;
    color: #1d1503;
    background: linear-gradient(135deg, #f3d58a 0%, #d9a743 50%, #b8862b 100%) padding-box, var(--awd-ring) border-box;
    box-shadow: 0 10px 24px -10px rgba(176, 125, 31, .7)
}

    :is(#awd_page, .awd_page) .awd_btn_gold:hover,
    :is(#awd_page, .awd_page) .awd_btn_gold:focus {
        color: #1d1503;
        box-shadow: 0 14px 28px -10px rgba(176, 125, 31, .85)
    }

    :is(#awd_page, .awd_page) .awd_btn_gold:after {
        content: "";
        position: absolute;
        top: 0;
        left: -75%;
        width: 50%;
        height: 100%;
        z-index: -1;
        background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
        transform: skewX(-20deg);
        transition: left .6s ease
    }

    :is(#awd_page, .awd_page) .awd_btn_gold:hover:after {
        left: 130%
    }

:is(#awd_page, .awd_page) .awd_btn_line {
    --awd-btn-bg: #fff;
    padding: 12px 29px;
    color: var(--awd-gold-dk);
    background: linear-gradient(var(--awd-btn-bg), var(--awd-btn-bg)) padding-box, var(--awd-ring) border-box
}

    :is(#awd_page, .awd_page) .awd_btn_line:hover,
    :is(#awd_page, .awd_page) .awd_btn_line:focus {
        --awd-btn-bg: var(--awd-gold-lt);
        color: var(--awd-gold-dk);
        box-shadow: 0 12px 24px -12px rgba(176, 125, 31, .6)
    }

@media (max-width:400px) {
    :is(#awd_page, .awd_page) .awd_btn {
        font-size: 15px;
        gap: 8px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (prefers-reduced-motion:reduce) {
    :is(#awd_page, .awd_page) .awd_btn {
        animation: none !important
    }
}

/* ==================== End: Buttons / anchor buttons (one class .awd_btn for every button; colour via .awd_btn_gold / .awd_btn_line) ==================== */

/* ==================== Start: Banner Section ==================== */
:is(#awd_page, .awd_page) .awd_banner_sec {
    position: relative;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(180deg, #fff6e0 0%, #fffaf0 45%, #fffdf8 100%);
    border-bottom: 0;
    --mx: 0;
    --my: 0
}

    :is(#awd_page, .awd_page) .awd_banner_sec:before {
        content: "";
        position: absolute;
        left: 50%;
        top: -40%;
        width: 1400px;
        height: 1400px;
        transform: translateX(-50%);
        pointer-events: none;
        background: repeating-conic-gradient(from 0deg at 50% 50%, rgba(212, 166, 64, .07) 0deg 6deg, transparent 6deg 18deg);
        -webkit-mask: radial-gradient(circle, #000 0%, transparent 55%);
        mask: radial-gradient(circle, #000 0%, transparent 55%);
        animation: awdSpin 90s linear infinite
    }

    :is(#awd_page, .awd_page) .awd_banner_sec .container {
        position: relative;
        z-index: 2
    }

:is(#awd_page, .awd_page) .awd_banner_confetti {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    transform: translate(calc(var(--mx) * -12px), calc(var(--my) * -12px));
    transition: transform .5s ease-out
}

    :is(#awd_page, .awd_page) .awd_banner_confetti i {
        position: absolute;
        color: #d9a743;
        opacity: .55;
        animation: awdStar 3.2s ease-in-out infinite
    }

:is(#awd_page, .awd_page) .awd_banner_emblem {
    position: relative;
    animation: awdFloat 3.6s ease-in-out infinite;
    width: 160px;
    height: 126px;
    margin: 6px auto 32px
}

    :is(#awd_page, .awd_page) .awd_banner_emblem svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    /* the gold trophy is drawn by this CSS itself (no Font Awesome, no link), so it stays gold whether the HTML has the
   new <svg class="awd_trophy_ic"> or an older <i class="fas fa-trophy awd_trophy_ic"> */
    :is(#awd_page, .awd_page) .awd_banner_emblem .awd_trophy_ic {
        position: absolute;
        display: block;
        filter: drop-shadow(0 6px 10px rgba(176, 125, 31, .35));
        overflow: visible;
        width: 56.25px;
        height: 50px;
        z-index: 1;
        inset: 49% auto auto 50%;
        transform: translate(-50%, -50%);
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='16' y1='-16' x2='560' y2='528'%3E%3Cstop offset='0' stop-color='%23f3d58a'/%3E%3Cstop offset='.5' stop-color='%23d9a743'/%3E%3Cstop offset='1' stop-color='%23b8862b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M552 64H448V24c0-13.3-10.7-24-24-24H152c-13.3 0-24 10.7-24 24v40H24C10.7 64 0 74.7 0 88v56c0 35.7 22.5 72.4 61.9 100.7 31.5 22.7 69.8 37.1 110 41.7C203.3 338.5 240 360 240 360v72h-48c-35.3 0-64 20.7-64 56v12c0 6.6 5.4 12 12 12h296c6.6 0 12-5.4 12-12v-12c0-35.3-28.7-56-64-56h-48v-72s36.7-21.5 68.1-73.6c40.3-4.6 78.6-19 110-41.7 39.3-28.3 61.9-65 61.9-100.7V88c0-13.3-10.7-24-24-24zM99.3 192.8C74.9 175.2 64 155.6 64 144v-16h64.2c1 32.6 5.8 61.2 12.8 86.2-15.1-5.2-29.2-12.4-41.7-21.4zM512 144c0 16.1-17.7 36.1-35.3 48.8-12.5 9-26.7 16.2-41.8 21.4 7-25 11.8-53.6 12.8-86.2H512v16z'/%3E%3C/svg%3E") center/contain no-repeat;
        color: transparent;
        font-size: 0;
        line-height: 0
    }

        :is(#awd_page, .awd_page) .awd_banner_emblem .awd_trophy_ic::before {
            content: none
        }

:is(#awd_page, .awd_page) .awd_banner_presents {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--awd-gold-dk);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

:is(#awd_page, .awd_page) .awd_banner_sec h1 {
    color: #000;
    margin-bottom: 18px;
    line-height: 1.2;
    position: relative;
    padding-bottom: 6px
}

    :is(#awd_page, .awd_page) .awd_banner_sec h1 span {
        background: var(--awd-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        background-size: 200% auto;
        background-image: linear-gradient(110deg, #a8761f 0%, #c99a3b 30%, #e6bf63 50%, #c99a3b 70%, #a8761f 100%);
        animation: awdShine 6s linear infinite;
        filter: drop-shadow(0 2px 0 rgba(255, 255, 255, .6));
        position: relative;
        display: inline-block
    }

:is(#awd_page, .awd_page) .awd_banner_ribbon {
    display: inline-block;
    position: relative;
    padding: 8px 34px;
    background: var(--awd-grad);
    color: #1d1503;
    font-weight: 700;
    font-size: 16px;
    overflow: visible;
    isolation: isolate;
    background-image: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .65) 45%, transparent 60%), var(--awd-grad);
    background-size: 250% 100%, 100% 100%;
    background-position: 150% 0, 0 0;
    animation: awdRibbon 4.5s ease-in-out infinite;
    margin-bottom: 20px
}

    :is(#awd_page, .awd_page) .awd_banner_ribbon:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        left: -14px;
        border-width: 20px 14px 20px 0;
        border-color: transparent #d9a743 transparent transparent;
        top: 0
    }

    :is(#awd_page, .awd_page) .awd_banner_ribbon:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        right: -14px;
        border-width: 20px 0 20px 14px;
        border-color: transparent transparent transparent #c99a3b
    }

:is(#awd_page, .awd_page) .awd_banner_tagline {
    font-size: 26px;
    font-weight: 700;
    color: #000;
    margin-bottom: 6px
}

:is(#awd_page, .awd_page) .awd_banner_sub {
    color: var(--awd-muted);
    max-width: 640px;
    margin: 0 auto 22px;
    line-height: 1.6
}

:is(#awd_page, .awd_page) .awd_banner_meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 0;
    list-style: none;
    margin-bottom: 24px
}

    :is(#awd_page, .awd_page) .awd_banner_meta li {
        color: var(--awd-text);
        text-wrap: balance;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 9px 20px;
        border-radius: 50px;
        border: 1px solid var(--awd-line);
        font-weight: 600;
        font-size: 16px;
        box-shadow: 0 6px 16px -10px rgba(176, 125, 31, .5);
        transition: transform .3s var(--awd-ease), box-shadow .3s var(--awd-ease), background-color .3s, border-color .3s;
        background: rgba(255, 255, 255, .85);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px)
    }

        :is(#awd_page, .awd_page) .awd_banner_meta li i {
            color: var(--awd-gold);
            transition: transform .35s var(--awd-ease)
        }

:is(#awd_page, .awd_page) .awd_banner_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px
}

:is(#awd_page, .awd_page) .awd_banner_meta li:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 22px -12px rgba(176, 125, 31, .6)
}

:is(#awd_page, .awd_page) .awd_countdown {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 26px auto 4px;
    border: 1px solid var(--awd-gold);
    box-shadow: 0 14px 30px -20px rgba(176, 125, 31, .7);
    gap: 12px 22px;
    padding: 12px 14px 12px 20px;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff, #fffaf0)
}

:is(#awd_page, .awd_page) .awd_cd_label {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
    color: #000
}

:is(#awd_page, .awd_page) .awd_cd_units {
    display: inline-flex;
    gap: 8px
}

:is(#awd_page, .awd_page) .awd_cd_unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    background: var(--awd-grad);
    color: #1d1503;
    line-height: 1.1;
    position: relative;
    min-width: 64px;
    padding: 8px 8px 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 8px 16px -10px rgba(176, 125, 31, .8)
}

    :is(#awd_page, .awd_page) .awd_cd_unit b {
        font-weight: 800;
        font-variant-numeric: tabular-nums;
        display: block;
        font-size: 24px
    }

    :is(#awd_page, .awd_page) .awd_cd_unit em {
        font-style: normal;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px
    }

:is(#awd_page, .awd_page) .awd_countdown.awd_cd_closed .awd_cd_units {
    display: none
}

:is(#awd_page, .awd_page) .awd_banner_glow {
    position: absolute;
    left: 50%;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(243, 213, 138, .75) 0%, rgba(243, 213, 138, .25) 40%, transparent 70%);
    animation: awdGlow 4s ease-in-out infinite;
    width: 280px;
    height: 280px;
    margin-left: -140px;
    top: -40px
}

:is(#awd_page, .awd_page) .awd_banner_emblem:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 44%;
    width: 16px;
    height: 16px;
    margin: -40px 0 0 6px;
    background: #fff;
    pointer-events: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
    animation: awdTwinkle 3s ease-in-out infinite
}

:is(#awd_page, .awd_page) .awd_banner_confetti i:nth-child(2n) {
    animation-delay: 1.1s;
    animation-duration: 2.6s
}

:is(#awd_page, .awd_page) .awd_banner_confetti i:nth-child(3n) {
    animation-delay: 2s;
    animation-duration: 3.8s
}

:is(#awd_page, .awd_page) .awd_banner_btns .awd_btn_gold {
    animation: awdRingSpin 3.5s linear infinite, awdRing 2.8s ease-out infinite
}

    :is(#awd_page, .awd_page) .awd_banner_btns .awd_btn_gold:hover {
        animation: awdRingSpin 3.5s linear infinite
    }

:is(#awd_page, .awd_page) .awd_cd_label > i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--awd-gold-lt);
    border: 2px solid var(--awd-gold);
    color: var(--awd-gold-dk);
    font-size: 16px;
    animation: awdHourglass 3s ease-in-out infinite
}

:is(#awd_page, .awd_page) .awd_cd_label span {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    font-weight: 800
}

:is(#awd_page, .awd_page) .awd_cd_label small {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--awd-gold-dk)
}

:is(#awd_page, .awd_page) .awd_cd_unit b.awd_tick {
    animation: awdTick .45s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_cd_unit:last-child {
    animation: awdPulse 1s ease-in-out infinite
}

/* banner confetti: position and size of each star / dot */
:is(#awd_page, .awd_page) .awd_banner_confetti .awd_cf_1 {
    left: 8%;
    top: 18%;
    font-size: 14px
}

:is(#awd_page, .awd_page) .awd_banner_confetti .awd_cf_2 {
    left: 14%;
    top: 62%;
    font-size: 9px
}

:is(#awd_page, .awd_page) .awd_banner_confetti .awd_cf_3 {
    left: 22%;
    top: 34%;
    font-size: 6px
}

:is(#awd_page, .awd_page) .awd_banner_confetti .awd_cf_4 {
    left: 88%;
    top: 22%;
    font-size: 12px
}

:is(#awd_page, .awd_page) .awd_banner_confetti .awd_cf_5 {
    left: 80%;
    top: 56%;
    font-size: 7px
}

:is(#awd_page, .awd_page) .awd_banner_confetti .awd_cf_6 {
    left: 92%;
    top: 74%;
    font-size: 9px
}

:is(#awd_page, .awd_page) .awd_banner_confetti .awd_cf_7 {
    left: 5%;
    top: 84%;
    font-size: 5px
}

:is(#awd_page, .awd_page) .awd_banner_confetti .awd_cf_8 {
    left: 72%;
    top: 12%;
    font-size: 7px
}

/* banner background layers: spotlights, orbs, dot pattern, rising sparkles, deco corners */
:is(#awd_page, .awd_page) .awd_banner_bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden
}

:is(#awd_page, .awd_page) .awd_banner_spot {
    position: absolute;
    top: -80px;
    width: 700px;
    height: 900px;
    opacity: .7;
    background: conic-gradient(from 180deg at 50% 0%, transparent 0deg 162deg, rgba(243, 213, 138, .55) 172deg, rgba(255, 240, 200, .75) 180deg, rgba(243, 213, 138, .55) 188deg, transparent 198deg 360deg);
    -webkit-mask: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .6) 50%, transparent 90%);
    mask: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .6) 50%, transparent 90%)
}

:is(#awd_page, .awd_page) .awd_banner_spot_l {
    left: -4%;
    transform-origin: 50% 0;
    transform: rotate(-24deg);
    animation: awdSpotL 9s ease-in-out infinite
}

:is(#awd_page, .awd_page) .awd_banner_spot_r {
    right: -4%;
    transform-origin: 50% 0;
    transform: rotate(24deg);
    animation: awdSpotR 9s ease-in-out infinite
}

:is(#awd_page, .awd_page) .awd_banner_orb {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(40px);
    opacity: .55
}

:is(#awd_page, .awd_page) .awd_banner_orb_l {
    left: -140px;
    bottom: -120px;
    background: radial-gradient(circle, #f3d58a, transparent 70%);
    animation: awdOrb 12s ease-in-out infinite
}

:is(#awd_page, .awd_page) .awd_banner_orb_r {
    right: -140px;
    top: -100px;
    background: radial-gradient(circle, #efc66b, transparent 70%);
    animation: awdOrb 14s ease-in-out infinite reverse
}

:is(#awd_page, .awd_page) .awd_banner_dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(184, 134, 43, .22) 1.2px, transparent 1.4px);
    background-size: 22px 22px;
    -webkit-mask: radial-gradient(ellipse 70% 60% at 50% 45%, transparent 35%, #000 80%);
    mask: radial-gradient(ellipse 70% 60% at 50% 45%, transparent 35%, #000 80%);
    background-position: calc(var(--mx) * 10px) calc(var(--my) * 10px)
}

:is(#awd_page, .awd_page) .awd_banner_rise i {
    position: absolute;
    bottom: -12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e6bf63;
    box-shadow: 0 0 8px 2px rgba(243, 213, 138, .9);
    opacity: 0;
    animation: awdRise 9s linear infinite
}

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(1) {
        left: 6%;
        animation-delay: 0s
    }

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(2) {
        left: 15%;
        animation-delay: 2.4s;
        width: 4px;
        height: 4px
    }

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(3) {
        left: 27%;
        animation-delay: 5s
    }

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(4) {
        left: 38%;
        animation-delay: 1.2s;
        width: 3px;
        height: 3px
    }

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(5) {
        left: 61%;
        animation-delay: 3.6s;
        width: 4px;
        height: 4px
    }

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(6) {
        left: 72%;
        animation-delay: 6.2s
    }

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(7) {
        left: 83%;
        animation-delay: .6s;
        width: 3px;
        height: 3px
    }

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(8) {
        left: 93%;
        animation-delay: 4.4s
    }

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(9) {
        left: 48%;
        animation-delay: 7.4s;
        width: 3px;
        height: 3px
    }

    :is(#awd_page, .awd_page) .awd_banner_rise i:nth-child(10) {
        left: 2%;
        animation-delay: 8s;
        width: 4px;
        height: 4px
    }

:is(#awd_page, .awd_page) .awd_banner_corner {
    position: absolute;
    width: 70px;
    height: 70px;
    border: 2px solid rgba(201, 154, 59, .55)
}

    :is(#awd_page, .awd_page) .awd_banner_corner:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #c99a3b;
        transform: rotate(45deg)
    }

:is(#awd_page, .awd_page) .awd_bc_tl {
    top: 24px;
    left: 24px;
    border-right: 0;
    border-bottom: 0;
    border-top-left-radius: 6px
}

    :is(#awd_page, .awd_page) .awd_bc_tl:after {
        top: -5px;
        left: -5px
    }

:is(#awd_page, .awd_page) .awd_bc_tr {
    top: 24px;
    right: 24px;
    border-left: 0;
    border-bottom: 0;
    border-top-right-radius: 6px
}

    :is(#awd_page, .awd_page) .awd_bc_tr:after {
        top: -5px;
        right: -5px
    }

:is(#awd_page, .awd_page) .awd_bc_bl {
    bottom: 24px;
    left: 24px;
    border-right: 0;
    border-top: 0;
    border-bottom-left-radius: 6px
}

    :is(#awd_page, .awd_page) .awd_bc_bl:after {
        bottom: -5px;
        left: -5px
    }

:is(#awd_page, .awd_page) .awd_bc_br {
    bottom: 24px;
    right: 24px;
    border-left: 0;
    border-top: 0;
    border-bottom-right-radius: 6px
}

    :is(#awd_page, .awd_page) .awd_bc_br:after {
        bottom: -5px;
        right: -5px
    }

:is(#awd_page, .awd_page) .awd_banner_divider {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d9a743 20%, #f3d58a 50%, #d9a743 80%, transparent)
}

    :is(#awd_page, .awd_page) .awd_banner_divider span {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 14px;
        height: 14px;
        margin: -7px 0 0 -7px;
        background: var(--awd-grad);
        transform: rotate(45deg);
        box-shadow: 0 0 0 4px #fffdf8, 0 0 0 5px #e6bf63
    }

:is(#awd_page, .awd_page) .awd_banner_presents:before {
    content: "";
    width: 70px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c99a3b)
}

:is(#awd_page, .awd_page) .awd_banner_presents:after {
    content: "";
    width: 70px;
    height: 2px;
    background: linear-gradient(90deg, #c99a3b, transparent)
}

:is(#awd_page, .awd_page) .awd_emblem_ring {
    position: absolute;
    border-radius: 50%;
    animation: awdTurn 30s linear infinite;
    width: 150px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -75px;
    border: 1.5px dashed rgba(201, 154, 59, .45)
}

    :is(#awd_page, .awd_page) .awd_emblem_ring:before {
        content: "";
        position: absolute;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(255, 255, 255, .9), rgba(255, 248, 230, .4) 60%, transparent 72%);
        inset: 22px
    }

:is(#awd_page, .awd_page) .awd_float {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, #f3d58a 0%, #d9a743 50%, #b8862b 100%);
    box-shadow: 0 0 0 6px rgba(255, 255, 255, .75), 0 0 0 7px rgba(201, 154, 59, .4), 0 18px 30px -12px rgba(150, 106, 27, .7);
    animation: awdBob 6s ease-in-out infinite;
    transform: translate(calc(var(--mx) * var(--depth, 24px)), calc(var(--my) * var(--depth, 24px)));
    transition: transform .4s ease-out
}

:is(#awd_page, .awd_page) .awd_float_1 {
    left: 9%;
    top: 30%;
    width: 68px;
    height: 68px;
    font-size: 28px;
    --depth: 34px
}

:is(#awd_page, .awd_page) .awd_float_2 {
    right: 10%;
    top: 22%;
    width: 58px;
    height: 58px;
    font-size: 22px;
    animation-delay: 1.5s;
    --depth: 26px
}

:is(#awd_page, .awd_page) .awd_float_3 {
    left: 13%;
    top: 66%;
    width: 50px;
    height: 50px;
    font-size: 20px;
    animation-delay: 3s;
    --depth: 18px
}

:is(#awd_page, .awd_page) .awd_float_4 {
    right: 12%;
    top: 62%;
    width: 44px;
    height: 44px;
    font-size: 17px;
    animation-delay: .8s;
    --depth: 14px
}

:is(#awd_page, .awd_page) .awd_banner_stats {
    display: grid;
    margin: 30px auto 0;
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, .78);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(201, 154, 59, .45);
    box-shadow: 0 20px 40px -26px rgba(150, 106, 27, .6);
    grid-template-columns: repeat(3, 1fr);
    max-width: 820px
}

:is(#awd_page, .awd_page) .awd_stat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 18px 16px;
    text-align: left;
    transition: background-color .3s
}

    :is(#awd_page, .awd_page) .awd_stat + .awd_stat {
        border-left: 1px solid rgba(201, 154, 59, .3)
    }

    :is(#awd_page, .awd_page) .awd_stat:hover {
        background: #fff8e6
    }

:is(#awd_page, .awd_page) .awd_stat_ic {
    flex: none;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid #d9a743;
    color: #b07d1f;
    font-size: 18px;
    transition: transform .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_stat:hover .awd_stat_ic {
    transform: translateY(-4px) rotate(-8deg)
}

:is(#awd_page, .awd_page) .awd_stat_txt {
    display: flex;
    flex-direction: column;
    line-height: 1.2
}

    :is(#awd_page, .awd_page) .awd_stat_txt b {
        font-size: 22px;
        font-weight: 800;
        background: linear-gradient(135deg, #b8862b, #8a5f12);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }

    :is(#awd_page, .awd_page) .awd_stat_txt em {
        font-style: normal;
        font-size: 14px;
        font-weight: 600;
        color: var(--awd-muted)
    }

/* gold confetti falling once when the page opens (pieces are created by js/script.js) */
:is(#awd_page, .awd_page) .awd_banner_burst {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
    overflow: hidden
}

    :is(#awd_page, .awd_page) .awd_banner_burst i {
        position: absolute;
        top: -20px;
        left: var(--x);
        width: var(--w);
        height: var(--h);
        background: var(--c);
        border-radius: 2px;
        opacity: 0;
        animation: awdConfetti var(--d) cubic-bezier(.25, .6, .4, 1) var(--delay) forwards
    }

:is(#awd_page, .awd_page) .awd_banner_sec h1 span:after {
    content: "";
    position: absolute;
    left: 4%;
    right: 4%;
    bottom: -2px;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, transparent, #d9a743 15%, #f3d58a 50%, #d9a743 85%, transparent);
    transform: scaleX(0);
    transform-origin: left;
    animation: awdUnderline 1.4s .9s var(--awd-ease) forwards
}

@media (max-width:1199px) {
    :is(#awd_page, .awd_page) .awd_float {
        display: none
    }
}

@media (max-width:991px) {
    :is(#awd_page, .awd_page) .awd_banner_tagline {
        font-size: 22px
    }

    :is(#awd_page, .awd_page) .awd_banner_spot {
        width: 500px;
        opacity: .55
    }

    :is(#awd_page, .awd_page) .awd_banner_corner {
        width: 48px;
        height: 48px
    }
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_banner_confetti {
        display: none
    }

    :is(#awd_page, .awd_page) .awd_banner_emblem {
        width: 130px;
        height: 104px
    }

        :is(#awd_page, .awd_page) .awd_banner_emblem .awd_trophy_ic {
            width: 45px;
            height: 40px
        }

    :is(#awd_page, .awd_page) .awd_banner_presents {
        font-size: 12px;
        letter-spacing: 2px;
        gap: 10px
    }

    :is(#awd_page, .awd_page) .awd_banner_ribbon {
        font-size: 14px;
        padding: 7px 26px
    }

    :is(#awd_page, .awd_page) .awd_banner_tagline {
        font-size: 20px
    }

    :is(#awd_page, .awd_page) .awd_banner_meta {
        gap: 8px
    }

        :is(#awd_page, .awd_page) .awd_banner_meta li {
            padding: 7px 14px;
            font-size: 14px
        }

    :is(#awd_page, .awd_page) .awd_banner_btns .awd_btn {
        width: 100%
    }

    :is(#awd_page, .awd_page) .awd_countdown {
        display: flex;
        flex-direction: column;
        padding: 12px
    }

    :is(#awd_page, .awd_page) .awd_cd_label {
        font-size: 16px
    }

        :is(#awd_page, .awd_page) .awd_cd_label > i {
            width: 36px;
            height: 36px;
            font-size: 14px
        }

    :is(#awd_page, .awd_page) .awd_banner_spot,
    :is(#awd_page, .awd_page) .awd_banner_corner {
        display: none
    }

    :is(#awd_page, .awd_page) .awd_banner_orb {
        width: 260px;
        height: 260px
    }

    :is(#awd_page, .awd_page) .awd_banner_dots {
        background-size: 18px 18px
    }

    :is(#awd_page, .awd_page) .awd_banner_presents:before,
    :is(#awd_page, .awd_page) .awd_banner_presents:after {
        width: 28px
    }

    :is(#awd_page, .awd_page) .awd_emblem_ring {
        width: 122px;
        height: 122px;
        margin: -57px 0 0 -61px
    }

        :is(#awd_page, .awd_page) .awd_emblem_ring:before {
            inset: 18px
        }

    :is(#awd_page, .awd_page) .awd_banner_stats {
        margin-top: 22px
    }

    :is(#awd_page, .awd_page) .awd_stat {
        flex-direction: column;
        text-align: center;
        gap: 8px;
        padding: 14px 8px
    }

    :is(#awd_page, .awd_page) .awd_stat_ic {
        width: 40px;
        height: 40px;
        font-size: 16px
    }

    :is(#awd_page, .awd_page) .awd_stat_txt b {
        font-size: 18px
    }

    :is(#awd_page, .awd_page) .awd_stat_txt em {
        font-size: 12px
    }
}

@media (max-width:400px) {
    :is(#awd_page, .awd_page) .awd_banner_presents {
        font-size: 11px;
        letter-spacing: 1px;
        gap: 8px
    }

        :is(#awd_page, .awd_page) .awd_banner_presents:before,
        :is(#awd_page, .awd_page) .awd_banner_presents:after {
            width: 16px
        }
}

@media (hover:none) {
    :is(#awd_page, .awd_page) .awd_banner_meta li:hover {
        transform: none
    }
}

@media (prefers-reduced-motion:reduce) {

    :is(#awd_page, .awd_page) .awd_banner_sec:before,
    :is(#awd_page, .awd_page) .awd_banner_confetti i,
    :is(#awd_page, .awd_page) .awd_banner_ribbon,
    :is(#awd_page, .awd_page) .awd_banner_glow,
    :is(#awd_page, .awd_page) .awd_banner_emblem:after,
    :is(#awd_page, .awd_page) .awd_banner_btns .awd_btn_gold,
    :is(#awd_page, .awd_page) .awd_cd_label > i,
    :is(#awd_page, .awd_page) .awd_cd_unit:last-child {
        animation: none !important
    }

    :is(#awd_page, .awd_page) .awd_banner_confetti {
        transform: none
    }

    :is(#awd_page, .awd_page) .awd_banner_sec h1 span {
        animation: none
    }

    :is(#awd_page, .awd_page) .awd_banner_spot,
    :is(#awd_page, .awd_page) .awd_banner_orb,
    :is(#awd_page, .awd_page) .awd_banner_rise i {
        animation: none !important
    }

    :is(#awd_page, .awd_page) .awd_banner_rise {
        display: none
    }

    :is(#awd_page, .awd_page) .awd_emblem_ring {
        animation: none !important
    }

    :is(#awd_page, .awd_page) .awd_float {
        animation: none !important;
        transform: none
    }

    :is(#awd_page, .awd_page) .awd_banner_burst {
        display: none
    }

    :is(#awd_page, .awd_page) .awd_banner_sec h1 span:after {
        animation: none;
        transform: none
    }
}

@keyframes awdSpotL {

    0%, 100% {
        transform: rotate(-26deg)
    }

    50% {
        transform: rotate(-14deg)
    }
}

@keyframes awdSpotR {

    0%, 100% {
        transform: rotate(26deg)
    }

    50% {
        transform: rotate(14deg)
    }
}

@keyframes awdOrb {

    0%, 100% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(40px, -30px)
    }
}

@keyframes awdRise {
    0% {
        transform: translateY(0) scale(.6);
        opacity: 0
    }

    10% {
        opacity: .9
    }

    80% {
        opacity: .6
    }

    100% {
        transform: translateY(-760px) translateX(30px) scale(1.1);
        opacity: 0
    }
}

@keyframes awdTurn {
    to {
        transform: rotate(360deg)
    }
}

@keyframes awdBob {

    0%, 100% {
        translate: 0 0;
        rotate: -6deg
    }

    50% {
        translate: 0 -16px;
        rotate: 6deg
    }
}

@keyframes awdConfetti {
    0% {
        opacity: 1;
        transform: translate(0, 0) rotate(0)
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate(var(--drift), var(--fall)) rotate(var(--spin))
    }
}

@keyframes awdUnderline {
    to {
        transform: scaleX(1)
    }
}

/* ==================== End: Banner Section ==================== */

/* ==================== Start: About Section ==================== */
:is(#awd_page, .awd_page) .awd_about_visual {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    padding: 0 0 22px 22px
}

:is(#awd_page, .awd_page) .awd_about_backdrop {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    border-radius: 26px;
    border: 2px solid var(--awd-gold);
    background: repeating-linear-gradient(135deg, rgba(201, 154, 59, .10) 0 2px, transparent 2px 12px)
}

:is(#awd_page, .awd_page) .awd_about_frame {
    position: relative;
    padding: 10px;
    border-radius: 24px;
    background: var(--awd-grad);
    box-shadow: 0 34px 60px -30px rgba(120, 85, 20, .7);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

    :is(#awd_page, .awd_page) .awd_about_frame img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 4/5;
        object-fit: cover;
        object-position: center 35%;
        border-radius: 16px
    }

:is(#awd_page, .awd_page) .awd_about_text {
    padding-left: 40px
}

    :is(#awd_page, .awd_page) .awd_about_text p {
        color: #000;
        font-size: 17px;
        line-height: 1.75;
        margin-bottom: 14px
    }

        :is(#awd_page, .awd_page) .awd_about_text p.awd_about_lead {
            font-size: 21px;
            line-height: 1.55;
            font-weight: 600;
            color: #000;
            margin-bottom: 16px;
            padding-left: 18px;
            border-left: 4px solid var(--awd-gold)
        }

:is(#awd_page, .awd_page) .awd_about_lead strong {
    color: var(--awd-gold-dk)
}

:is(#awd_page, .awd_page) .awd_about_points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    list-style: none;
    margin: 24px 0;
    padding: 0
}

    :is(#awd_page, .awd_page) .awd_about_points li {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 12px;
        background: var(--awd-cream);
        border: 1px solid var(--awd-line);
        transition: transform .3s var(--awd-ease), border-color .3s, box-shadow .3s
    }

        :is(#awd_page, .awd_page) .awd_about_points li:hover {
            transform: translateY(-4px);
            border-color: var(--awd-gold);
            box-shadow: 0 14px 24px -16px rgba(120, 85, 20, .6)
        }

:is(#awd_page, .awd_page) .awd_about_pt_ic {
    flex: none;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid var(--awd-gold);
    color: var(--awd-gold-dk);
    font-size: 17px
}

:is(#awd_page, .awd_page) .awd_about_points li span:last-child {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: var(--awd-muted);
    line-height: 1.45
}

:is(#awd_page, .awd_page) .awd_about_points b {
    font-size: 16px;
    color: #000
}

:is(#awd_page, .awd_page) .awd_about_quote {
    position: relative;
    margin: 0 0 26px;
    padding: 20px 24px 20px 68px;
    border-left: 4px solid var(--awd-gold);
    background: linear-gradient(90deg, #fff3d4, #fffaf0);
    border-radius: 0 14px 14px 0;
    font-style: italic;
    font-weight: 600;
    font-size: 19px;
    color: #000;
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

    :is(#awd_page, .awd_page) .awd_about_quote i {
        position: absolute;
        left: 22px;
        top: 20px;
        font-size: 28px;
        color: var(--awd-gold)
    }

:is(#awd_page, .awd_page) .awd_about_btns {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

:is(#awd_page, .awd_page) .awd_about_quote:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 40px -24px rgba(120, 85, 20, .6)
}

:is(#awd_page, .awd_page) .awd_about_visual .awd_about_frame {
    transition: transform .4s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_about_visual:hover .awd_about_frame {
    transform: translate(-6px, -6px)
}

/* pinned About (desktop): image stays fixed, right column scrolls beside it. Height set by js/script.js */
@media (min-width:992px) {
    :is(#awd_page, .awd_page) .awd_about_visual {
        max-width: 420px
    }

    :is(#awd_page, .awd_page) .awd_about_frame img {
        aspect-ratio: 3/4
    }

    :is(#awd_page, .awd_page) .awd_about_pin.awd_pin_on .awd_about_stage {
        position: sticky;
        top: 30px
    }

    :is(#awd_page, .awd_page) .awd_about_pin.awd_pin_on .awd_about_row {
        align-items: flex-start
    }

    :is(#awd_page, .awd_page) .awd_about_pin.awd_pin_on .awd_about_text {
        overflow: hidden
    }

    :is(#awd_page, .awd_page) .awd_about_scroll {
        will-change: transform
    }

    :is(#awd_page, .awd_page) .awd_about_pin.awd_pin_on .awd_about_scroll {
        padding: 8px 0 16px
    }
}

@media (max-width:991px) {
    :is(#awd_page, .awd_page) .awd_about_visual {
        margin-bottom: 44px;
        max-width: 360px
    }

    :is(#awd_page, .awd_page) .awd_about_text {
        padding-left: 15px
    }

    :is(#awd_page, .awd_page) .awd_about_row {
        align-items: center
    }
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_about_visual {
        max-width: 300px;
        padding: 0 0 16px 16px
    }

    :is(#awd_page, .awd_page) .awd_about_backdrop {
        width: calc(100% - 16px);
        height: calc(100% - 16px)
    }

    :is(#awd_page, .awd_page) .awd_about_text p {
        font-size: 16px
    }

        :is(#awd_page, .awd_page) .awd_about_text p.awd_about_lead {
            font-size: 18px
        }

    :is(#awd_page, .awd_page) .awd_about_points {
        grid-template-columns: 1fr;
        gap: 10px
    }

    :is(#awd_page, .awd_page) .awd_about_quote {
        font-size: 17px;
        padding-left: 58px
    }

    :is(#awd_page, .awd_page) .awd_about_btns .awd_btn {
        width: 100%
    }
}

@media (hover:none) {

    :is(#awd_page, .awd_page) .awd_about_points li:hover,
    :is(#awd_page, .awd_page) .awd_about_quote:hover,
    :is(#awd_page, .awd_page) .awd_about_visual:hover .awd_about_frame {
        transform: none
    }
}

/* ==================== End: About Section ==================== */

/* ==================== Start: Award Categories Section ==================== */
:is(#awd_page, .awd_page) .awd_cat_card {
    position: relative;
    height: 100%;
    background: #fff;
    border: 1px solid var(--awd-line);
    border-top: 4px solid var(--awd-gold);
    border-radius: 14px;
    padding: 28px 22px 24px;
    box-shadow: 0 14px 30px -22px rgba(120, 85, 20, .45);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

    :is(#awd_page, .awd_page) .awd_cat_card:hover {
        transform: translateY(-8px);
        border-color: var(--awd-gold);
        box-shadow: 0 26px 44px -24px rgba(120, 85, 20, .6)
    }

:is(#awd_page, .awd_page) .awd_cat_medal {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--awd-grad);
    color: #fff;
    font-size: 24px;
    margin-bottom: 18px;
    box-shadow: 0 0 0 5px var(--awd-gold-lt);
    transition: transform .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_cat_card h3 {
    font-size: 20px;
    color: var(--awd-text);
    margin-bottom: 10px;
    text-wrap: balance
}

:is(#awd_page, .awd_page) .awd_cat_card p {
    font-size: 16px;
    color: var(--awd-muted);
    margin-bottom: 0;
    line-height: 1.6
}

:is(#awd_page, .awd_page) .awd_cat_card .awd_cat_fit {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed var(--awd-line);
    font-size: 15px;
    color: var(--awd-muted);
    line-height: 1.55
}

:is(#awd_page, .awd_page) .awd_cat_fit strong {
    display: block;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--awd-gold-dk);
    margin-bottom: 3px
}

:is(#awd_page, .awd_page) .awd_cat_card.awd_cat_special {
    background: linear-gradient(180deg, #fff8e6, #fff)
}

:is(#awd_page, .awd_page) .awd_cat_badge {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 100px;
    padding: 5px 10px;
    border-radius: 8px;
    background: var(--awd-grad);
    color: #1d1503;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center
}

:is(#awd_page, .awd_page) .awd_cat_card:hover .awd_cat_medal {
    animation: awdBounce .7s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_cat_card:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -4px;
    height: 16px;
    border-top: 4px solid #dcab47;
    border-radius: 14px 14px 0 0;
    transform: scaleX(0);
    transition: transform .45s var(--awd-ease);
    pointer-events: none
}

:is(#awd_page, .awd_page) .awd_cat_card:hover:before {
    transform: scaleX(1)
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_cat_card {
        display: grid;
        grid-template-columns: 52px 1fr;
        column-gap: 14px;
        align-items: center;
        padding: 20px 18px
    }

        :is(#awd_page, .awd_page) .awd_cat_card h3 {
            margin: 0;
            font-size: 18px
        }

        :is(#awd_page, .awd_page) .awd_cat_card .awd_cat_medal {
            width: 52px;
            height: 52px;
            font-size: 20px;
            margin: 0
        }

        :is(#awd_page, .awd_page) .awd_cat_card > p {
            grid-column: 1 / -1;
            margin-top: 12px
        }

        :is(#awd_page, .awd_page) .awd_cat_card.awd_cat_special h3 {
            padding-right: 90px
        }
}

@media (hover:none) {
    :is(#awd_page, .awd_page) .awd_cat_card:hover {
        transform: none
    }
}

/* ==================== End: Award Categories Section ==================== */

/* ==================== Start: Who Can Apply Section ==================== */
:is(#awd_page, .awd_page) .awd_apply_box {
    height: 100%;
    background: #fff;
    border: 1px solid var(--awd-line);
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 14px 30px -22px rgba(120, 85, 20, .45);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

    :is(#awd_page, .awd_page) .awd_apply_box h3 {
        font-size: 24px;
        color: var(--awd-text);
        margin-bottom: 24px
    }

        :is(#awd_page, .awd_page) .awd_apply_box h3 i {
            color: var(--awd-gold);
            margin-right: 10px
        }

:is(#awd_page, .awd_page) .awd_apply_list {
    list-style: none;
    margin: 0;
    padding: 0
}

    :is(#awd_page, .awd_page) .awd_apply_list li {
        display: flex;
        gap: 16px;
        align-items: flex-start;
        margin-bottom: 18px
    }

        :is(#awd_page, .awd_page) .awd_apply_list li:last-child {
            margin-bottom: 0
        }

:is(#awd_page, .awd_page) .awd_apply_tick {
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--awd-grad);
    color: var(--awd-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-top: 2px;
    transition: transform .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_apply_list strong {
    display: block;
    font-size: 18px;
    line-height: 1.25;
    color: var(--awd-text)
}

:is(#awd_page, .awd_page) .awd_apply_list li div > span {
    display: block;
    font-size: 16px;
    color: var(--awd-muted);
    line-height: 1.3
}

:is(#awd_page, .awd_page) .awd_ready_list {
    list-style: none;
    margin: 0;
    padding: 0
}

    :is(#awd_page, .awd_page) .awd_ready_list li {
        color: var(--awd-text);
        line-height: 1.15;
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 13px 0;
        border-bottom: 1px dashed var(--awd-line);
        font-size: 17px;
        transition: transform .3s var(--awd-ease), box-shadow .3s var(--awd-ease), background-color .3s, border-color .3s
    }

        :is(#awd_page, .awd_page) .awd_ready_list li:last-child {
            border-bottom: 0
        }

    :is(#awd_page, .awd_page) .awd_ready_list i {
        color: var(--awd-gold);
        font-size: 20px
    }

:is(#awd_page, .awd_page) .awd_apply_band {
    text-align: center;
    margin-top: 34px
}

    :is(#awd_page, .awd_page) .awd_apply_band .awd_apply_w {
        font-weight: 700;
        color: #000;
        max-width: 820px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 1.55
    }

:is(#awd_page, .awd_page) .awd_apply_box:hover {
    transform: translateY(-8px);
    border-color: var(--awd-gold);
    box-shadow: 0 26px 44px -24px rgba(120, 85, 20, .6)
}

:is(#awd_page, .awd_page) .awd_apply_box li:hover .awd_apply_tick {
    transform: translateY(-3px) scale(1.08)
}

:is(#awd_page, .awd_page) .awd_ready_list li:hover {
    transform: translateX(6px)
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_apply_box {
        padding: 24px 18px
    }
}

@media (hover:none) {

    :is(#awd_page, .awd_page) .awd_apply_box:hover,
    :is(#awd_page, .awd_page) .awd_ready_list li:hover {
        transform: none
    }
}

/* ==================== End: Who Can Apply Section ==================== */

/* ==================== Start: Why Nominate Section ==================== */
:is(#awd_page, .awd_page) .awd_why_card {
    height: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid var(--awd-line);
    border-radius: 16px;
    box-shadow: 0 14px 30px -22px rgba(120, 85, 20, .45);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease);
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

    :is(#awd_page, .awd_page) .awd_why_card:hover {
        transform: translateY(-8px);
        border-color: var(--awd-gold);
        box-shadow: 0 26px 44px -24px rgba(120, 85, 20, .6)
    }

:is(#awd_page, .awd_page) .awd_why_icon {
    width: 76px;
    height: 76px;
    margin: 0 auto 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--awd-gold-dk);
    background: radial-gradient(circle, #fff 55%, var(--awd-gold-lt) 56%);
    border: 2px solid var(--awd-gold);
    transition: transform .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_why_card h3 {
    font-size: 20px;
    color: var(--awd-text);
    margin-bottom: 10px;
    text-wrap: balance
}

:is(#awd_page, .awd_page) .awd_why_card p {
    font-size: 16px;
    color: var(--awd-muted);
    margin-bottom: 0;
    line-height: 1.6
}

:is(#awd_page, .awd_page) .awd_why_card:hover .awd_why_icon {
    animation: awdBounce .7s var(--awd-ease)
}

/* ---------- IMAGE / ICON switch (design same rehta hai) ----------
   Har card me image + icon dono hain. Icon tabhi dikhta hai jab:
   (a) us card me image na ho – <div class="awd_why_img"> hata do / comment karo / hidden laga do, ya
   (b) section pe class "awd_why_icons" ho – saare cards ek saath icon wale ho jaate hain. */
:is(#awd_page, .awd_page) .awd_why_card .awd_why_icon {
    display: none
}

:is(#awd_page, .awd_page) .awd_why_img {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
    border-bottom: 3px solid #d9a743
}

    :is(#awd_page, .awd_page) .awd_why_img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .6s var(--awd-ease)
    }

:is(#awd_page, .awd_page) .awd_why_card:hover .awd_why_img img {
    transform: scale(1.06)
}

:is(#awd_page, .awd_page) .awd_why_body {
    padding: 22px 22px 26px
}

:is(#awd_page, .awd_page) .awd_why_icons .awd_why_img,
:is(#awd_page, .awd_page) .awd_why_img[hidden] {
    display: none
}

:is(#awd_page, .awd_page) .awd_why_card:not(:has(.awd_why_img:not([hidden]))) .awd_why_icon,
:is(#awd_page, .awd_page) .awd_why_icons .awd_why_card .awd_why_icon {
    display: flex
}

:is(#awd_page, .awd_page) .awd_why_card:not(:has(.awd_why_img:not([hidden]))) .awd_why_body,
:is(#awd_page, .awd_page) .awd_why_icons .awd_why_body {
    padding: 32px 24px
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_why_card {
        align-items: start
    }

        :is(#awd_page, .awd_page) .awd_why_card h3 {
            font-size: 18px;
            margin-bottom: 6px
        }

        :is(#awd_page, .awd_page) .awd_why_card .awd_why_icon {
            width: 60px;
            height: 60px;
            font-size: 24px;
            margin: 0;
            grid-row: span 2
        }

    :is(#awd_page, .awd_page) .awd_why_body {
        padding: 18px 16px 20px
    }

    :is(#awd_page, .awd_page) .awd_why_card:not(:has(.awd_why_img:not([hidden]))) .awd_why_icon,
    :is(#awd_page, .awd_page) .awd_why_icons .awd_why_body .awd_why_icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
        margin: 0;
        grid-row: span 2
    }

    :is(#awd_page, .awd_page) .awd_why_card:not(:has(.awd_why_img:not([hidden]))) .awd_why_body,
    :is(#awd_page, .awd_page) .awd_why_icons .awd_why_body {
        display: grid;
        grid-template-columns: 60px 1fr;
        column-gap: 16px;
        text-align: left;
        padding: 20px 18px;
        align-items: start
    }
}

@media (hover:none) {
    :is(#awd_page, .awd_page) .awd_why_card:hover {
        transform: none
    }
}

/* ==================== End: Why Nominate Section ==================== */

/* ==================== Start: Selection Process Section ==================== */
:is(#awd_page, .awd_page) .awd_process_row {
    position: relative
}

    :is(#awd_page, .awd_page) .awd_process_row:before {
        content: "";
        position: absolute;
        top: 32px;
        left: 10%;
        right: 10%;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--awd-gold), var(--awd-gold), transparent)
    }

:is(#awd_page, .awd_page) .awd_process_step {
    position: relative;
    height: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid var(--awd-line);
    border-radius: 16px;
    padding: 52px 18px 24px;
    margin-top: 32px;
    box-shadow: 0 14px 30px -22px rgba(120, 85, 20, .45);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_process_num {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--awd-grad);
    color: #1d1503;
    font-weight: 800;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 6px #fff, 0 0 0 8px var(--awd-line);
    transition: transform .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_process_step i {
    font-size: 30px;
    color: var(--awd-gold);
    margin-bottom: 14px
}

:is(#awd_page, .awd_page) .awd_process_step h3 {
    font-size: 19px;
    color: var(--awd-text);
    margin-bottom: 10px;
    text-wrap: balance
}

:is(#awd_page, .awd_page) .awd_process_step p {
    font-size: 15px;
    color: var(--awd-muted);
    margin-bottom: 0;
    line-height: 1.6
}

:is(#awd_page, .awd_page) .awd_merit_box {
    display: flex;
    align-items: center;
    gap: 22px;
    max-width: 900px;
    margin: 36px auto 0;
    padding: 22px 28px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--awd-gold);
    box-shadow: 0 14px 30px -22px rgba(120, 85, 20, .45);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

    :is(#awd_page, .awd_page) .awd_merit_box > i {
        font-size: 40px;
        color: var(--awd-gold);
        padding-right: 22px;
        border-right: 1px solid var(--awd-line)
    }

    :is(#awd_page, .awd_page) .awd_merit_box h4 {
        font-size: 19px;
        color: var(--awd-gold-dk);
        margin-bottom: 4px
    }

    :is(#awd_page, .awd_page) .awd_merit_box p {
        font-size: 16px;
        color: var(--awd-muted);
        margin-bottom: 0;
        line-height: 1.6
    }

:is(#awd_page, .awd_page) .awd_process_step:hover {
    transform: translateY(-8px);
    border-color: var(--awd-gold);
    box-shadow: 0 26px 44px -24px rgba(120, 85, 20, .6)
}

:is(#awd_page, .awd_page) .awd_merit_box:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 40px -24px rgba(120, 85, 20, .6)
}

:is(#awd_page, .awd_page) .awd_process_step > i {
    transition: transform .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_process_step:hover > i {
    transform: translateY(-6px)
}

:is(#awd_page, .awd_page) .awd_process_step:hover .awd_process_num {
    transform: translateX(-50%) translateY(-6px)
}

@media (max-width:991px) {
    :is(#awd_page, .awd_page) .awd_process_row:before {
        display: none
    }
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_process_step {
        padding: 46px 18px 20px
    }

    :is(#awd_page, .awd_page) .awd_merit_box {
        flex-direction: column;
        text-align: center;
        gap: 12px
    }

        :is(#awd_page, .awd_page) .awd_merit_box > i {
            border-right: 0;
            padding-right: 0
        }

    :is(#awd_page, .awd_page) .awd_process_step > i {
        font-size: 24px;
        margin-bottom: 8px
    }
}

@media (hover:none) {

    :is(#awd_page, .awd_page) .awd_process_step:hover,
    :is(#awd_page, .awd_page) .awd_merit_box:hover {
        transform: none
    }
}

/* ==================== End: Selection Process Section ==================== */

/* ==================== Start: Evaluation Criteria Section ==================== */
:is(#awd_page, .awd_page) .awd_crit_card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    height: 100%;
    background: #fff;
    border: 1px solid var(--awd-line);
    border-radius: 16px;
    padding: 26px 22px;
    box-shadow: 0 14px 30px -22px rgba(120, 85, 20, .45);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_crit_icon {
    flex: none;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 2px solid var(--awd-gold);
    background: var(--awd-gold-lt);
    color: var(--awd-gold-dk);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: transform .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_crit_card h3 {
    font-size: 19px;
    color: var(--awd-text);
    margin-bottom: 8px;
    text-wrap: balance
}

:is(#awd_page, .awd_page) .awd_crit_card p {
    font-size: 16px;
    color: var(--awd-muted);
    margin-bottom: 0;
    line-height: 1.6
}

:is(#awd_page, .awd_page) .awd_crit_note {
    background: linear-gradient(180deg, #fff8e6, #fff);
    border-color: var(--awd-gold)
}

    :is(#awd_page, .awd_page) .awd_crit_note h3 {
        color: var(--awd-gold-dk)
    }

:is(#awd_page, .awd_page) .awd_crit_card:hover {
    transform: translateY(-8px);
    border-color: var(--awd-gold);
    box-shadow: 0 26px 44px -24px rgba(120, 85, 20, .6)
}

    :is(#awd_page, .awd_page) .awd_crit_card:hover .awd_crit_icon {
        animation: awdBounce .7s var(--awd-ease)
    }

:is(#awd_page, .awd_page) .awd_crit_strip {
    align-items: center
}

@media (hover:none) {
    :is(#awd_page, .awd_page) .awd_crit_card:hover {
        transform: none
    }
}

/* ==================== End: Evaluation Criteria Section ==================== */

/* ==================== Start: Jury Panel Section ==================== */
:is(#awd_page, .awd_page) .awd_jury_box {
    position: relative;
    margin: 0 auto;
    text-align: center;
    border-radius: 20px;
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease);
    max-width: 1080px;
    padding: 46px 40px 40px;
    border: 3px solid transparent;
    background: radial-gradient(circle at 50% 0%, rgba(243, 213, 138, .38), transparent 55%) padding-box, linear-gradient(#fff, #fffdf8) padding-box, conic-gradient(from var(--awd-ang), #e9d3a0 0deg, #e9d3a0 40deg, #f3d58a 62deg, #ffffff 78deg, #f3d58a 94deg, #e9d3a0 120deg, #e9d3a0 220deg, #f3d58a 242deg, #ffffff 258deg, #f3d58a 274deg, #e9d3a0 300deg) border-box;
    animation: awdRingSpin 7s linear infinite;
    box-shadow: 0 30px 60px -36px rgba(120, 85, 20, .55);
    overflow: hidden
}

:is(#awd_page, .awd_page) .awd_jury_emblem {
    width: 150px;
    height: 110px;
    margin: 0 auto 6px;
    position: relative;
    animation: awdFloat 3.6s ease-in-out infinite
}

    :is(#awd_page, .awd_page) .awd_jury_emblem svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%
    }

    :is(#awd_page, .awd_page) .awd_jury_emblem .awd_jury_ic,
    :is(#awd_page, .awd_page) .awd_jury_emblem > i {
        position: absolute;
        display: block;
        inset: 45% auto auto 50%;
        transform: translate(-50%, -50%);
        width: 33.25px;
        height: 38px;
        font-size: 38px;
        line-height: 38px;
        text-align: center;
        color: var(--awd-gold-dk)
    }

:is(#awd_page, .awd_page) .awd_jury_label {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--awd-gold-dk)
}

:is(#awd_page, .awd_page) .awd_jury_title {
    color: #000;
    margin: 8px 0 14px;
    font-size: 32px
}

:is(#awd_page, .awd_page) .awd_jury_pill {
    display: inline-block;
    padding: 7px 22px;
    border-radius: 50px;
    background: var(--awd-grad);
    font-weight: 700;
    font-size: 15px;
    color: #1d1503;
    transition: transform .3s var(--awd-ease), box-shadow .3s var(--awd-ease), background-color .3s, border-color .3s
}

:is(#awd_page, .awd_page) .awd_jury_desc {
    color: var(--awd-muted);
    max-width: 620px;
    margin: 18px auto 30px
}

:is(#awd_page, .awd_page) .awd_jury_types {
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

    :is(#awd_page, .awd_page) .awd_jury_types li {
        transition: transform .3s var(--awd-ease), box-shadow .3s var(--awd-ease), background-color .3s, border-color .3s;
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 16px 18px;
        border-radius: 14px;
        background: var(--awd-cream);
        border: 1px solid var(--awd-line);
        text-align: left;
        font-weight: 400
    }

    :is(#awd_page, .awd_page) .awd_jury_types i {
        color: var(--awd-gold);
        font-size: 24px;
        transition: transform .35s var(--awd-ease)
    }

/* STATE B jury cards (markup is commented in index.html) */
:is(#awd_page, .awd_page) .awd_jury_card {
    height: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid var(--awd-line);
    border-radius: 16px;
    padding: 26px 20px;
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

    :is(#awd_page, .awd_page) .awd_jury_card img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        object-fit: cover;
        border: 3px solid var(--awd-gold);
        margin-bottom: 14px
    }

    :is(#awd_page, .awd_page) .awd_jury_card h3 {
        font-size: 19px;
        margin-bottom: 4px
    }

    :is(#awd_page, .awd_page) .awd_jury_card .awd_jury_role {
        color: var(--awd-gold-dk);
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 2px
    }

    :is(#awd_page, .awd_page) .awd_jury_card .awd_jury_org {
        color: var(--awd-muted);
        font-size: 15px
    }

    :is(#awd_page, .awd_page) .awd_jury_card:hover {
        transform: translateY(-8px);
        border-color: var(--awd-gold);
        box-shadow: 0 26px 44px -24px rgba(120, 85, 20, .6)
    }

:is(#awd_page, .awd_page) .awd_jury_box:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 40px -24px rgba(120, 85, 20, .6)
}

:is(#awd_page, .awd_page) .awd_jury_pill:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 22px -12px rgba(176, 125, 31, .6)
}

:is(#awd_page, .awd_page) .awd_jury_types li:hover i {
    transform: translateY(-4px)
}

:is(#awd_page, .awd_page) .awd_jury_bio {
    font-size: 15px
}

:is(#awd_page, .awd_page) .awd_jury_box:before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    filter: blur(30px);
    opacity: .5;
    pointer-events: none;
    left: -60px;
    bottom: -60px;
    background: #f3d58a
}

:is(#awd_page, .awd_page) .awd_jury_box:after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    filter: blur(30px);
    opacity: .5;
    pointer-events: none;
    right: -60px;
    top: -60px;
    background: #f6e7c1
}

:is(#awd_page, .awd_page) .awd_jury_box > * {
    position: relative;
    z-index: 1
}

:is(#awd_page, .awd_page) .awd_jury_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 32px
}

:is(#awd_page, .awd_page) .awd_jury_member {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 28px 16px 22px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--awd-line);
    box-shadow: 0 14px 30px -24px rgba(120, 85, 20, .55);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s;
    overflow: hidden
}

    :is(#awd_page, .awd_page) .awd_jury_member:hover {
        transform: translateY(-8px);
        border-color: var(--awd-gold);
        box-shadow: 0 26px 44px -24px rgba(120, 85, 20, .6)
    }

:is(#awd_page, .awd_page) .awd_jm_photo {
    display: block;
    width: 120px;
    height: 120px;
    margin-bottom: 16px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 0 4px #fff, 0 0 0 6px #d9a743, 0 14px 24px -12px rgba(120, 85, 20, .6)
}

    :is(#awd_page, .awd_page) .awd_jm_photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .5s var(--awd-ease)
    }

:is(#awd_page, .awd_page) .awd_jury_member:hover .awd_jm_photo img {
    transform: scale(1.07)
}

:is(#awd_page, .awd_page) .awd_jm_name {
    font-size: 19px;
    font-weight: 700;
    color: #000;
    margin: 0 0 4px
}

:is(#awd_page, .awd_page) .awd_jm_role {
    font-size: 15px;
    font-weight: 600;
    color: var(--awd-gold-dk);
    margin: 0 0 2px
}

:is(#awd_page, .awd_page) .awd_jm_org {
    font-size: 14px;
    color: var(--awd-muted);
    margin: 0 0 6px
}

:is(#awd_page, .awd_page) .awd_jm_tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    margin-top: 8px;
    padding: 6px 14px;
    border-radius: 50px;
    border: 1px solid var(--awd-gold);
    font-size: 14px;
    font-weight: 700;
    color: var(--awd-gold-dk)
}

:is(#awd_page, .awd_page) .awd_jury_types li:hover {
    transform: translateY(-4px);
    border-color: var(--awd-gold);
    box-shadow: 0 14px 24px -16px rgba(120, 85, 20, .6)
}

:is(#awd_page, .awd_page) .awd_jt_ic {
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--awd-grad)
}

:is(#awd_page, .awd_page) .awd_jury_types .awd_jt_ic i {
    color: #fff;
    font-size: 20px
}

:is(#awd_page, .awd_page) .awd_jury_types li span:last-child {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: var(--awd-muted);
    line-height: 1.45
}

:is(#awd_page, .awd_page) .awd_jury_types b {
    font-size: 17px;
    color: #000
}

:is(#awd_page, .awd_page) .awd_jury_member:after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(100deg, transparent, rgba(246, 231, 193, .75), transparent);
    transform: skewX(-18deg);
    animation: awdShimmer 3.2s ease-in-out infinite
}

:is(#awd_page, .awd_page) .awd_jury_member:nth-child(2):after {
    animation-delay: .4s
}

:is(#awd_page, .awd_page) .awd_jury_member:nth-child(3):after {
    animation-delay: .8s
}

:is(#awd_page, .awd_page) .awd_jury_member:nth-child(4):after {
    animation-delay: 1.2s
}

/* jury section kept in the code but hidden for now – remove this line to show it again */
:is(#awd_page, .awd_page) .awd_hide_sec {
    display: none
}

@media (max-width:991px) {
    :is(#awd_page, .awd_page) .awd_jury_types {
        grid-template-columns: 1fr
    }

    :is(#awd_page, .awd_page) .awd_jury_grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_jury_box {
        padding: 34px 16px 22px
    }

    :is(#awd_page, .awd_page) .awd_jury_title {
        font-size: 24px
    }

    :is(#awd_page, .awd_page) .awd_jury_grid {
        gap: 12px
    }

    :is(#awd_page, .awd_page) .awd_jury_member {
        padding: 22px 8px 16px
    }

    :is(#awd_page, .awd_page) .awd_jm_photo {
        width: 84px;
        height: 84px
    }

    :is(#awd_page, .awd_page) .awd_jm_name {
        font-size: 16px
    }

    :is(#awd_page, .awd_page) .awd_jm_role {
        font-size: 13px
    }

    :is(#awd_page, .awd_page) .awd_jm_org {
        font-size: 12px
    }

    :is(#awd_page, .awd_page) .awd_jm_tag {
        font-size: 11px;
        padding: 5px 8px;
        gap: 5px
    }
}

@media (hover:none) {

    :is(#awd_page, .awd_page) .awd_jury_card:hover,
    :is(#awd_page, .awd_page) .awd_jury_box:hover,
    :is(#awd_page, .awd_page) .awd_jury_pill:hover {
        transform: none
    }
}

@media (prefers-reduced-motion:reduce) {
    :is(#awd_page, .awd_page) .awd_jury_box {
        animation: none !important
    }

    :is(#awd_page, .awd_page) .awd_jury_member:after {
        animation: none;
        display: none
    }
}

@keyframes awdShimmer {
    0% {
        left: -60%
    }

    60%, 100% {
        left: 130%
    }
}

/* ==================== End: Jury Panel Section ==================== */

/* ==================== Start: Important Dates Section ==================== */
:is(#awd_page, .awd_page) .awd_timeline {
    position: relative;
    max-width: 820px;
    margin: 0 auto;
    padding: 0;
    list-style: none
}

    :is(#awd_page, .awd_page) .awd_timeline:before {
        content: "";
        position: absolute;
        left: 31px;
        top: 30px;
        bottom: 30px;
        width: 2px;
        background: linear-gradient(180deg, #efd28c, #d4a43c, #efd28c)
    }

:is(#awd_page, .awd_page) .awd_tl_row {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 16px
}

    :is(#awd_page, .awd_page) .awd_tl_row:last-child {
        margin-bottom: 0
    }

:is(#awd_page, .awd_page) .awd_tl_dot {
    position: relative;
    z-index: 1;
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid #efd28c;
    color: #966a1b;
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_tl_ic {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round
}

:is(#awd_page, .awd_page) .awd_tl_body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 24px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #ecdcb6;
    box-shadow: 0 10px 24px -20px rgba(122, 85, 18, .5);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_tl_label {
    font-weight: 700;
    font-size: 18px;
    color: var(--awd-text)
}

:is(#awd_page, .awd_page) .awd_tl_value {
    font-weight: 800;
    font-size: 18px;
    color: #7a5512;
    white-space: nowrap
}

:is(#awd_page, .awd_page) .awd_tl_hl .awd_tl_dot {
    background: var(--awd-grad);
    border-color: #fff;
    color: #2a1d05;
    box-shadow: 0 0 0 2px #d4a43c, 0 10px 18px -8px rgba(180, 129, 42, .8)
}

:is(#awd_page, .awd_page) .awd_tl_hl .awd_tl_body {
    background: linear-gradient(90deg, #fdf1d3, #fff);
    border-color: #d4a43c
}

:is(#awd_page, .awd_page) .awd_tl_hl .awd_tl_value {
    color: #7b1e22
}

:is(#awd_page, .awd_page) .awd_tl_row:hover .awd_tl_body {
    transform: translateY(-4px);
    border-color: #d4a43c;
    box-shadow: 0 16px 28px -18px rgba(122, 85, 18, .6)
}

:is(#awd_page, .awd_page) .awd_tl_row:hover .awd_tl_dot {
    transform: translateY(-4px) scale(1.06)
}

:is(#awd_page, .awd_page) .awd_icon_sprite {
    position: absolute
}

/* hidden SVG icon set used by the timeline */
:is(#awd_page, .awd_page) .awd_tl_value small {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--awd-muted);
    margin-top: 2px
}

:is(#awd_page, .awd_page) .awd_dates_sec .awd_small_note {
    margin-top: 22px
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_timeline:before {
        left: 23px
    }

    :is(#awd_page, .awd_page) .awd_tl_row {
        gap: 14px
    }

    :is(#awd_page, .awd_page) .awd_tl_dot {
        width: 48px;
        height: 48px
    }

    :is(#awd_page, .awd_page) .awd_tl_ic {
        width: 20px;
        height: 20px
    }

    :is(#awd_page, .awd_page) .awd_tl_body {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 14px 16px
    }

    :is(#awd_page, .awd_page) .awd_tl_label {
        font-size: 16px
    }

    :is(#awd_page, .awd_page) .awd_tl_value {
        font-size: 16px;
        white-space: normal
    }
}

@media (hover:none) {

    :is(#awd_page, .awd_page) .awd_tl_row:hover .awd_tl_body,
    :is(#awd_page, .awd_page) .awd_tl_row:hover .awd_tl_dot {
        transform: none
    }
}

/* ==================== End: Important Dates Section ==================== */

/* ==================== Start: Nomination Form Section ==================== */
:is(#awd_page, .awd_page) .awd_form_wrap {
    max-width: 960px;
    margin: 0 auto
}

:is(#awd_page, .awd_page) .awd_form_chip {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 20px;
    margin-top: 16px;
    padding: 9px 24px;
    border-radius: 50px;
    background: var(--awd-gold-lt);
    border: 1px solid var(--awd-gold);
    font-weight: 700;
    font-size: 16px;
    transition: transform .3s var(--awd-ease), box-shadow .3s var(--awd-ease), background-color .3s, border-color .3s;
    color: #7a5512
}

    :is(#awd_page, .awd_page) .awd_form_chip i {
        margin-right: 6px
    }

:is(#awd_page, .awd_page) .awd_form_step {
    background: #fff;
    border: 1px solid var(--awd-line);
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 22px;
    box-shadow: 0 14px 30px -24px rgba(120, 85, 20, .45);
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_form_head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 16px;
    margin-bottom: 22px;
    border-bottom: 1px solid var(--awd-line)
}

:is(#awd_page, .awd_page) .awd_form_no {
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--awd-grad);
    color: #1d1503;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_form_head h3 {
    font-size: 22px;
    color: var(--awd-text);
    margin: 0
}

:is(#awd_page, .awd_page) .awd_form_head p {
    font-size: 15px;
    color: var(--awd-muted);
    margin: 0;
    line-height: 1.5
}

:is(#awd_page, .awd_page) .awd_form_step label,
:is(#awd_page, .awd_page) .awd_form_step .awd_form_lab {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 6px;
    display: block
}

:is(#awd_page, .awd_page) .awd_form_step .awd_req {
    color: #c0392b
}

:is(#awd_page, .awd_page) .awd_form_step .awd_opt {
    color: var(--awd-muted);
    font-weight: 400;
    font-size: 14px
}

:is(#awd_page, .awd_page) .awd_form_step .form-control,
:is(#awd_page, .awd_page) .awd_form_step .custom-select {
    height: auto;
    padding: 11px 14px;
    font-size: 16px;
    border-radius: 10px;
    border-color: #dcd3bf
}

:is(#awd_page, .awd_page) .awd_form_step textarea.form-control {
    min-height: 118px
}

:is(#awd_page, .awd_page) .awd_form_step .form-control:focus,
:is(#awd_page, .awd_page) .awd_form_step .custom-select:focus {
    border-color: var(--awd-gold);
    box-shadow: 0 0 0 .2rem rgba(201, 154, 59, .2)
}

:is(#awd_page, .awd_page) .awd_form_hint {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 14px;
    color: var(--awd-muted);
    margin-top: 6px
}

    :is(#awd_page, .awd_page) .awd_form_hint .awd_wc {
        flex: none;
        white-space: nowrap
    }

    /* word counter "0 / 150" stays on one line */
    :is(#awd_page, .awd_page) .awd_form_hint .awd_wc_over {
        color: #c0392b;
        font-weight: 700
    }

:is(#awd_page, .awd_page) .awd_form_err {
    display: none;
    font-size: 14px;
    color: #c0392b;
    margin-top: 6px
}

:is(#awd_page, .awd_page) .awd_invalid .form-control,
:is(#awd_page, .awd_page) .awd_invalid .custom-select,
:is(#awd_page, .awd_page) .awd_invalid .awd_file_box {
    border-color: #c0392b
}

:is(#awd_page, .awd_page) .awd_invalid .awd_form_err {
    display: block
}

:is(#awd_page, .awd_page) .awd_cat_choice {
    display: block;
    position: relative;
    margin: 0
}

    :is(#awd_page, .awd_page) .awd_cat_choice input {
        position: absolute;
        opacity: 0
    }

    :is(#awd_page, .awd_page) .awd_cat_choice span {
        color: var(--awd-text);
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
        border-radius: 10px;
        border: 1px solid #dcd3bf;
        background: #fff;
        font-weight: 600;
        font-size: 16px;
        cursor: pointer;
        transition: transform .3s var(--awd-ease), box-shadow .3s var(--awd-ease), background-color .3s, border-color .3s
    }

        :is(#awd_page, .awd_page) .awd_cat_choice span:before {
            content: "";
            flex: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 2px solid var(--awd-gold);
            transition: all .2s
        }

    :is(#awd_page, .awd_page) .awd_cat_choice input:checked + span {
        border-color: var(--awd-gold);
        background: var(--awd-cream);
        box-shadow: 0 0 0 1px var(--awd-gold)
    }

        :is(#awd_page, .awd_page) .awd_cat_choice input:checked + span:before {
            background: var(--awd-gold);
            box-shadow: inset 0 0 0 3px #fff
        }

    :is(#awd_page, .awd_page) .awd_cat_choice input:focus-visible + span {
        outline: 2px solid var(--awd-gold-dk);
        outline-offset: 2px
    }

:is(#awd_page, .awd_page) .awd_form_note {
    font-size: 15px;
    color: var(--awd-muted);
    font-style: italic;
    margin: 14px 0 0
}

:is(#awd_page, .awd_page) .awd_file_box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1.5px dashed var(--awd-gold);
    border-radius: 10px;
    background: var(--awd-cream);
    cursor: pointer;
    margin: 0;
    font-weight: 400 !important;
    transition: transform .3s var(--awd-ease), box-shadow .3s var(--awd-ease), background-color .3s, border-color .3s
}

:is(#awd_page, .awd_page) .awd_form_step label.awd_file_box {
    display: flex;
    margin: 0
}

:is(#awd_page, .awd_page) .awd_file_box:hover {
    background: #fbf1d9;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px -14px rgba(176, 125, 31, .7)
}

:is(#awd_page, .awd_page) .awd_file_box input {
    position: absolute;
    inset: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

:is(#awd_page, .awd_page) .awd_file_box i {
    color: var(--awd-gold-dk);
    font-size: 20px
}

:is(#awd_page, .awd_page) .awd_file_name {
    font-size: 15px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

:is(#awd_page, .awd_page) .awd_file_box.awd_has_file .awd_file_name {
    color: var(--awd-gold-dk);
    font-weight: 600
}

:is(#awd_page, .awd_page) .awd_form_step .custom-control {
    margin-bottom: 14px;
    padding-left: 2rem
}

:is(#awd_page, .awd_page) .awd_form_step .custom-control-label {
    font-weight: 400 !important;
    font-size: 16px;
    color: #000;
    display: inline-block !important
}

    :is(#awd_page, .awd_page) .awd_form_step .custom-control-label:before,
    :is(#awd_page, .awd_page) .awd_form_step .custom-control-label:after {
        width: 1.25rem;
        height: 1.25rem;
        left: -2rem;
        top: .15rem
    }

:is(#awd_page, .awd_page) .awd_form_step .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background: var(--awd-gold);
    border-color: var(--awd-gold)
}

:is(#awd_page, .awd_page) .awd_form_step .custom-control-input:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(201, 154, 59, .25)
}

:is(#awd_page, .awd_page) .awd_form_step .custom-control-label a {
    color: var(--awd-gold-dk);
    text-decoration: underline
}

:is(#awd_page, .awd_page) .awd_form_step .awd_invalid_cb .custom-control-label:before {
    border-color: #c0392b
}

:is(#awd_page, .awd_page) .awd_form_submit {
    text-align: center;
    margin-top: 10px
}

    :is(#awd_page, .awd_page) .awd_form_submit .awd_btn_gold {
        font-size: 17px;
        padding: 11px 31px
    }

    :is(#awd_page, .awd_page) .awd_form_submit p {
        font-size: 15px;
        color: var(--awd-muted);
        font-style: italic;
        margin: 14px 0 0
    }

:is(#awd_page, .awd_page) .awd_form_msg {
    display: none;
    margin-top: 16px;
    padding: 14px 18px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px
}

    :is(#awd_page, .awd_page) .awd_form_msg.awd_msg_err {
        display: block;
        background: #fdecea;
        border: 1px solid #f5c2bd;
        color: #a93226
    }

    :is(#awd_page, .awd_page) .awd_form_msg.awd_msg_ok {
        display: block;
        background: var(--awd-gold-lt);
        border: 1px solid var(--awd-gold);
        color: #6b4b10
    }

:is(#awd_page, .awd_page) .awd_form_lead .awd_form_chip {
    margin: 0 0 0 10px;
    vertical-align: middle;
    padding: 6px 18px;
    font-size: 15px
}

:is(#awd_page, .awd_page) .awd_wiz_nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0 0 22px;
    padding: 0
}

    :is(#awd_page, .awd_page) .awd_wiz_nav:before {
        content: "";
        position: absolute;
        left: 6%;
        right: 6%;
        top: 19px;
        height: 2px;
        background: var(--awd-line)
    }

    :is(#awd_page, .awd_page) .awd_wiz_nav:after {
        content: "";
        position: absolute;
        left: 6%;
        top: 19px;
        height: 2px;
        width: var(--awd-wiz-fill, 0%);
        background: var(--awd-gold);
        transition: width .35s
    }

    :is(#awd_page, .awd_page) .awd_wiz_nav li {
        position: relative;
        z-index: 1;
        flex: 1;
        text-align: center
    }

        :is(#awd_page, .awd_page) .awd_wiz_nav li span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #fff;
            border: 2px solid var(--awd-line);
            color: #888;
            font-weight: 800;
            font-size: 16px;
            transition: transform .3s var(--awd-ease), box-shadow .3s var(--awd-ease), background-color .3s, border-color .3s
        }

            :is(#awd_page, .awd_page) .awd_wiz_nav li span i {
                display: none;
                font-size: 14px
            }

        :is(#awd_page, .awd_page) .awd_wiz_nav li em {
            display: block;
            font-style: normal;
            font-size: 14px;
            font-weight: 700;
            color: #888;
            margin-top: 6px
        }

        :is(#awd_page, .awd_page) .awd_wiz_nav li.awd_wiz_done {
            cursor: pointer
        }

            :is(#awd_page, .awd_page) .awd_wiz_nav li.awd_wiz_done span {
                background: var(--awd-gold-dk);
                border-color: var(--awd-gold-dk);
                color: #fff
            }

                :is(#awd_page, .awd_page) .awd_wiz_nav li.awd_wiz_done span b {
                    display: none
                }

                :is(#awd_page, .awd_page) .awd_wiz_nav li.awd_wiz_done span i {
                    display: inline
                }

        :is(#awd_page, .awd_page) .awd_wiz_nav li.awd_wiz_active span {
            background: var(--awd-grad);
            border-color: #fff;
            color: #1d1503;
            box-shadow: 0 0 0 3px var(--awd-gold-lt), 0 0 0 4px var(--awd-gold)
        }

        :is(#awd_page, .awd_page) .awd_wiz_nav li.awd_wiz_active em,
        :is(#awd_page, .awd_page) .awd_wiz_nav li.awd_wiz_done em {
            color: var(--awd-gold-dk)
        }

:is(#awd_page, .awd_page) .awd_wiz_count {
    display: none;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: var(--awd-gold-dk);
    margin: -6px 0 14px
}

:is(#awd_page, .awd_page) .awd_wizard .awd_form_step {
    display: none
}

    :is(#awd_page, .awd_page) .awd_wizard .awd_form_step.awd_step_active {
        display: block;
        animation: awdFade .3s ease
    }

:is(#awd_page, .awd_page) .awd_wiz_btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px
}

:is(#awd_page, .awd_page) .awd_wiz_after {
    display: none
}

:is(#awd_page, .awd_page) .awd_wizard #awd_wiz_submit {
    display: none
}

:is(#awd_page, .awd_page) .awd_wizard.awd_wiz_last #awd_wiz_submit {
    display: inline-flex
}

:is(#awd_page, .awd_page) .awd_wizard.awd_wiz_last .awd_wiz_after {
    display: block
}

:is(#awd_page, .awd_page) .awd_wizard.awd_wiz_last #awd_wiz_next,
:is(#awd_page, .awd_page) .awd_wizard.awd_wiz_first #awd_wiz_back {
    display: none
}

:is(#awd_page, .awd_page) .awd_form_submit .awd_btn_line {
    padding: 12px 30px
}

:is(#awd_page, .awd_page) .awd_form_chip:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 22px -12px rgba(176, 125, 31, .6)
}

:is(#awd_page, .awd_page) .awd_cat_choice span:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px -14px rgba(176, 125, 31, .7)
}

:is(#awd_page, .awd_page) .awd_wiz_nav li.awd_wiz_done:hover span {
    transform: translateY(-3px)
}

/* small text-link buttons in the form (Edit, Remove, View category criteria) – same gold link look as the consent links */
:is(#awd_page, .awd_page) .awd_link_btn {
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    color: var(--awd-gold-dk);
    text-decoration: underline;
    white-space: nowrap;
    cursor: pointer
}

    :is(#awd_page, .awd_page) .awd_link_btn:hover,
    :is(#awd_page, .awd_page) .awd_link_btn:focus {
        color: #7a5512;
        text-decoration: underline
    }

/* country code picker on the mobile field: full width like the other inputs */
:is(#awd_page, .awd_page) .iti {
    display: block;
    width: 100%
}

@media (max-width:991px) {
    :is(#awd_page, .awd_page) .awd_wiz_nav li em {
        font-size: 12px
    }
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_form_step {
        padding: 24px 18px
    }

    :is(#awd_page, .awd_page) .awd_form_lead .awd_form_chip {
        display: flex;
        width: max-content;
        max-width: 100%;
        margin: 10px auto 0;
        gap: 4px 12px;
        padding: 6px 14px;
        font-size: 13px;
        border-radius: 14px
    }

    :is(#awd_page, .awd_page) .awd_wiz_nav:before,
    :is(#awd_page, .awd_page) .awd_wiz_nav:after {
        top: 15px
    }

    :is(#awd_page, .awd_page) .awd_wiz_nav li span {
        width: 32px;
        height: 32px;
        font-size: 14px
    }

    :is(#awd_page, .awd_page) .awd_wiz_nav li em {
        display: none
    }

    :is(#awd_page, .awd_page) .awd_wiz_count {
        display: block
    }

    :is(#awd_page, .awd_page) .awd_wiz_btns .awd_btn {
        flex: 1 1 140px;
        white-space: nowrap
    }

    :is(#awd_page, .awd_page) .awd_wizard.awd_wiz_last .awd_wiz_btns .awd_btn {
        flex-basis: 100%
    }

    /* last step: Back and Submit on separate lines so "Submit Nomination" isn't cut */
    :is(#awd_page, .awd_page) .awd_wiz_btns .awd_btn_line {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (max-width:400px) {
    :is(#awd_page, .awd_page) .awd_form_submit .awd_btn_gold {
        padding-left: 16px;
        padding-right: 16px
    }

    /* same small-phone padding as every other button, so "Next Step" isn't cut */
}

@media (hover:none) {

    :is(#awd_page, .awd_page) .awd_file_box:hover,
    :is(#awd_page, .awd_page) .awd_form_chip:hover,
    :is(#awd_page, .awd_page) .awd_cat_choice span:hover {
        transform: none
    }
}

/* ==================== End: Nomination Form Section ==================== */

/* ==================== Start: FAQ Section ==================== */
/* markup uses the live site's FAQ schema classes (faq, faq_box, faqclick, faq_detail, faw_detbox);
   rules are scoped to .awd_faq_sec so the site's own FAQ CSS doesn't change this design */
:is(#awd_page, .awd_page) .awd_faq_sec .awd_faq_wrap {
    max-width: 900px;
    margin: 0 auto
}

:is(#awd_page, .awd_page) .awd_faq_sec .faq_box {
    border: 1px solid var(--awd-line);
    border-radius: 12px;
    background: #fff;
    margin: 0 0 12px;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
    transition: transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s var(--awd-ease), background-color .35s var(--awd-ease)
}

:is(#awd_page, .awd_page) .awd_faq_sec .faqclick {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 18px 22px;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    user-select: none
}

    :is(#awd_page, .awd_page) .awd_faq_sec .faqclick h3.sec_heading {
        flex: 1;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        box-shadow: none;
        font-size: inherit;
        font-weight: inherit;
        line-height: 1.4;
        color: inherit;
        text-align: left;
        letter-spacing: 0
    }

    :is(#awd_page, .awd_page) .awd_faq_sec .faqclick:focus {
        outline: none
    }

    :is(#awd_page, .awd_page) .awd_faq_sec .faqclick:focus-visible {
        outline: 2px solid var(--awd-gold);
        outline-offset: -2px
    }

    :is(#awd_page, .awd_page) .awd_faq_sec .faqclick i {
        flex: none;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: 1.5px solid var(--awd-gold);
        color: var(--awd-gold-dk);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        transform: none;
        transition: transform .25s
    }

:is(#awd_page, .awd_page) .awd_faq_sec .faq_box.awd_open .faqclick {
    color: var(--awd-gold-dk)
}

    :is(#awd_page, .awd_page) .awd_faq_sec .faq_box.awd_open .faqclick i {
        transform: rotate(45deg);
        background: var(--awd-gold-lt)
    }

:is(#awd_page, .awd_page) .awd_faq_sec .faq_detail {
    display: grid;
    grid-template-rows: 0fr;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    transition: grid-template-rows .35s ease
}

:is(#awd_page, .awd_page) .awd_faq_sec .faq_box.awd_open .faq_detail {
    grid-template-rows: 1fr
}

:is(#awd_page, .awd_page) .awd_faq_sec .faw_detbox {
    min-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none
}

    :is(#awd_page, .awd_page) .awd_faq_sec .faw_detbox p {
        margin: 0;
        padding: 0 22px 20px;
        border: 0;
        color: var(--awd-muted);
        font-size: 17px;
        line-height: 1.6
    }

    /* the live site styles .faqclick / .faq_detail with its own lines and shadows; these resets keep the FAQ clean wherever the page is placed */
    :is(#awd_page, .awd_page) .awd_faq_sec .faq_box:before,
    :is(#awd_page, .awd_page) .awd_faq_sec .faq_box:after,
    :is(#awd_page, .awd_page) .awd_faq_sec .faqclick:before,
    :is(#awd_page, .awd_page) .awd_faq_sec .faqclick:after,
    :is(#awd_page, .awd_page) .awd_faq_sec .faqclick h3.sec_heading:before,
    :is(#awd_page, .awd_page) .awd_faq_sec .faqclick h3.sec_heading:after,
    :is(#awd_page, .awd_page) .awd_faq_sec .faq_detail:before,
    :is(#awd_page, .awd_page) .awd_faq_sec .faq_detail:after,
    :is(#awd_page, .awd_page) .awd_faq_sec .faw_detbox:before,
    :is(#awd_page, .awd_page) .awd_faq_sec .faw_detbox:after {
        content: none;
        display: none
    }

:is(#awd_page, .awd_page) .awd_faq_sec .faq_box:hover {
    transform: translateY(-3px);
    border-color: var(--awd-gold);
    box-shadow: 0 14px 26px -20px rgba(120, 85, 20, .55)
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_faq_sec .faqclick {
        font-size: 16px;
        padding: 16px 18px
    }

    :is(#awd_page, .awd_page) .awd_faq_sec .faw_detbox p {
        font-size: 16px;
        padding: 0 18px 18px
    }
}

@media (hover:none) {
    :is(#awd_page, .awd_page) .awd_faq_sec .faq_box:hover {
        transform: none
    }
}

/* ==================== End: FAQ Section ==================== */

/* ==================== Start: Scroll Animation ==================== */
/* classes awd_js / awd_reveal / awd_in / awd_rv_* are added by js/script.js */
:is(#awd_page, .awd_page).awd_js .awd_reveal {
    --awd-rd: 0ms;
    translate: 0 60px;
    transition: translate .9s var(--awd-ease) var(--awd-rd), scale .9s var(--awd-ease) var(--awd-rd), transform .35s var(--awd-ease), box-shadow .35s var(--awd-ease), border-color .35s, background-color .35s
}

    :is(#awd_page, .awd_page).awd_js .awd_reveal.awd_rv_up {
        translate: 0 -60px
    }

    :is(#awd_page, .awd_page).awd_js .awd_reveal.awd_rv_zoom {
        scale: .94
    }

    :is(#awd_page, .awd_page).awd_js .awd_reveal.awd_rv_soft {
        translate: 0 28px
    }

        :is(#awd_page, .awd_page).awd_js .awd_reveal.awd_rv_soft.awd_rv_up {
            translate: 0 -28px
        }

        :is(#awd_page, .awd_page).awd_js .awd_reveal.awd_in,
        :is(#awd_page, .awd_page).awd_js .awd_reveal.awd_rv_soft.awd_in {
            translate: 0 0;
            scale: 1
        }

:is(#awd_page, .awd_page).awd_rv_noanim .awd_reveal {
    transition: none !important
}

@media (prefers-reduced-motion:reduce) {
    :is(#awd_page, .awd_page).awd_js .awd_reveal {
        translate: none;
        scale: none
    }
}

/* the back-to-top button was removed; hide it if an older copy of the HTML still contains it */
:is(#awd_page, .awd_page) .awd_to_top {
    display: none
}

/* ==================== End: Scroll Animation ==================== */

/* ==================== Start: Award Terms Popup ==================== */
:is(#awd_page, .awd_page) .awd_terms_dlg {
    width: min(760px, calc(100% - 32px));
    max-height: min(86vh, 860px);
    padding: 0;
    border: 1px solid var(--awd-line);
    border-radius: 18px;
    background: #fff;
    color: var(--awd-text);
    box-shadow: 0 30px 70px -30px rgba(60, 40, 5, .55);
    overflow: hidden;
    font-size: 16px;
    line-height: 1.6
}

    :is(#awd_page, .awd_page) .awd_terms_dlg[open] {
        display: flex;
        flex-direction: column
    }

    :is(#awd_page, .awd_page) .awd_terms_dlg::backdrop {
        background: rgba(20, 16, 8, .6)
    }

:is(#awd_page, .awd_page) .awd_terms_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--awd-line);
    background: var(--awd-cream)
}

    :is(#awd_page, .awd_page) .awd_terms_head h2 {
        margin: 0;
        font-size: 24px;
        font-weight: 700;
        color: var(--awd-text)
    }

:is(#awd_page, .awd_page) .awd_terms_x {
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid var(--awd-gold);
    background: #fff;
    color: var(--awd-gold-dk);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

    :is(#awd_page, .awd_page) .awd_terms_x:hover,
    :is(#awd_page, .awd_page) .awd_terms_x:focus-visible {
        background: var(--awd-gold-lt)
    }

:is(#awd_page, .awd_page) .awd_terms_body {
    overflow-y: auto;
    padding: 20px 24px 8px;
    overscroll-behavior: contain
}

:is(#awd_page, .awd_page) .awd_terms_intro {
    color: var(--awd-muted);
    margin: 0 0 14px
}

:is(#awd_page, .awd_page) .awd_terms_body ol {
    margin: 0;
    padding-left: 22px
}

:is(#awd_page, .awd_page) .awd_terms_body li {
    margin: 0 0 12px;
    color: var(--awd-muted)
}

    :is(#awd_page, .awd_page) .awd_terms_body li b {
        color: var(--awd-text)
    }

:is(#awd_page, .awd_page) .awd_terms_body a {
    color: var(--awd-gold-dk);
    text-decoration: underline
}

:is(#awd_page, .awd_page) .awd_terms_foot {
    display: flex;
    justify-content: flex-end;
    padding: 14px 24px;
    border-top: 1px solid var(--awd-line)
}

@media (max-width:767px) {
    :is(#awd_page, .awd_page) .awd_terms_dlg {
        max-height: 90vh;
        font-size: 15px
    }

    :is(#awd_page, .awd_page) .awd_terms_head {
        padding: 14px 16px
    }

        :is(#awd_page, .awd_page) .awd_terms_head h2 {
            font-size: 20px
        }

    :is(#awd_page, .awd_page) .awd_terms_body {
        padding: 16px 16px 4px
    }

    :is(#awd_page, .awd_page) .awd_terms_foot {
        padding: 12px 16px
    }

        :is(#awd_page, .awd_page) .awd_terms_foot .awd_btn {
            width: 100%
        }
}

/* ==================== End: Award Terms Popup ==================== */

/* ==================== Start: Keyframes & animated properties ==================== */
@keyframes awdFade {
    from {
        opacity: 0;
        transform: translateY(6px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes awdBounce {
    0% {
        transform: translateY(0)
    }

    35% {
        transform: translateY(-10px)
    }

    60% {
        transform: translateY(0)
    }

    80% {
        transform: translateY(-4px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes awdFloat {

    0%, 100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-8px)
    }
}

@keyframes awdShine {
    to {
        background-position: -200% center
    }
}

@keyframes awdSpin {
    to {
        transform: translateX(-50%) rotate(360deg)
    }
}

@keyframes awdGlow {

    0%, 100% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1.08)
    }
}

@keyframes awdTwinkle {

    0%, 70%, 100% {
        transform: scale(0) rotate(0)
    }

    80% {
        transform: scale(1.1) rotate(45deg)
    }

    90% {
        transform: scale(.6) rotate(90deg)
    }
}

@keyframes awdStar {

    0%, 100% {
        transform: scale(1);
        opacity: .55
    }

    50% {
        transform: scale(1.6) rotate(20deg);
        opacity: 1
    }
}

@keyframes awdRibbon {

    0%, 55% {
        background-position: 150% 0, 0 0
    }

    100% {
        background-position: -60% 0, 0 0
    }
}

@keyframes awdRing {
    0% {
        box-shadow: 0 10px 24px -10px rgba(176, 125, 31, .7), 0 0 0 0 rgba(217, 167, 67, .55)
    }

    70%, 100% {
        box-shadow: 0 10px 24px -10px rgba(176, 125, 31, .7), 0 0 0 10px rgba(217, 167, 67, 0)
    }
}

@keyframes awdHourglass {

    0%, 70% {
        transform: rotate(0)
    }

    85%, 100% {
        transform: rotate(180deg)
    }
}

@keyframes awdTick {
    0% {
        transform: translateY(-8px) scale(1.1)
    }

    100% {
        transform: none
    }
}

@keyframes awdPulse {

    0%, 100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }
}

@property --awd-ang {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg
}

@keyframes awdRingSpin {
    to {
        --awd-ang: 360deg
    }
}

/* ==================== End: Keyframes & animated properties ==================== */

/* ==================== Start: Site Header Overrides ==================== */
.topsection {
    background-color: #000 !important
}

.topul {
    color: #fff !important
}

.usersign {
    background-color: #000 !important;
    border: 2px solid #000 !important;
}

    .usersign:hover {
        background-color: #d9a743 !important;
        border: 2px solid #d9a743 !important;
    }

}
/* ==================== End: Site Header Overrides ==================== */
/* =====================================================================
   THE FOUNDERS MEET SECTION (FAQ ke baad, footer se pehle)
   Dark + gold premium look, scroll animation ke saath
   ===================================================================== */

/* ---------- 1. Section + background ---------- */
.nrsa_fmx_section {
    position: relative;
    /* upar-neeche ki jagah page ki 'sec_pad' class deti hai */
    /* FAQ section jaisa hi background: dark navy, neeche-right halka brown-gold */
    background: radial-gradient(ellipse at 100% 100%,rgba(92,68,38,.55),transparent 55%), /* neeche right warm glow */
    linear-gradient(160deg,#0e101a 0%,#10111b 55%,#1d1a1e 80%,#2e241c 100%); /* navy base */
    overflow: hidden;
    isolation: isolate;
}

    .nrsa_fmx_section *,
    .nrsa_fmx_section *::before,
    .nrsa_fmx_section *::after {
        box-sizing: border-box;
    }

/* Agar section page ke 'awd_dark_wrap' ke andar hai (FAQ ke saath),
   to page ka apna background hi dikhe: backup background band */
.awd_dark_wrap .nrsa_fmx_section {
    background: transparent;
}

.awd_dark_wrap .nrsa_fmx_bg {
    display: none;
}

/* Background layer (stars + glow + curves): sirf backup */
.nrsa_fmx_bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    /* gold stars / dots (FAQ section jaise, alag-alag size) */
    background-image: radial-gradient(circle at 6% 12%,#c9a35a 0 2px,transparent 3px), radial-gradient(circle at 12% 46%,#c9a35a 0 3px,transparent 4px), radial-gradient(circle at 5% 78%,#c9a35a 0 2px,transparent 3px), radial-gradient(circle at 18% 90%,#c9a35a 0 2.5px,transparent 3.5px), radial-gradient(circle at 27% 6%,#c9a35a 0 2px,transparent 3px), radial-gradient(circle at 33% 30%,#c9a35a 0 1.5px,transparent 2.5px), radial-gradient(circle at 41% 9%,#c9a35a 0 2.5px,transparent 3.5px), radial-gradient(circle at 50% 4%,#c9a35a 0 2px,transparent 3px), radial-gradient(circle at 58% 95%,#c9a35a 0 2.5px,transparent 3.5px), radial-gradient(circle at 66% 7%,#c9a35a 0 2px,transparent 3px), radial-gradient(circle at 74% 40%,#c9a35a 0 1.5px,transparent 2.5px), radial-gradient(circle at 81% 10%,#c9a35a 0 3px,transparent 4px), radial-gradient(circle at 88% 58%,#c9a35a 0 2px,transparent 3px), radial-gradient(circle at 95% 6%,#c9a35a 0 3.5px,transparent 4.5px), radial-gradient(circle at 96% 82%,#c9a35a 0 2.5px,transparent 3.5px), radial-gradient(circle at 70% 70%,#c9a35a 0 1.5px,transparent 2.5px), radial-gradient(circle at 22% 62%,#c9a35a 0 1.5px,transparent 2.5px);
    animation: nrsaFmxTwinkle 5s ease-in-out infinite alternate;
}

@keyframes nrsaFmxTwinkle {
    from {
        opacity: .6;
    }

    to {
        opacity: 1;
    }
}

/* Beech mein badi soft gold glow */
.nrsa_fmx_glow {
    position: absolute;
    left: 50%;
    top: 42%;
    width: 900px;
    height: 520px;
    transform: translate(-50%,-50%);
    background: radial-gradient(ellipse,rgba(214,168,74,.08),transparent 65%);
    filter: blur(10px);
}

/* Gold curve lines (site ke baaki dark sections jaisi) */
.nrsa_fmx_arcs {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

    .nrsa_fmx_arcs path {
        fill: none;
        stroke: rgba(201,163,90,.35);
        stroke-width: 1;
        vector-effect: non-scaling-stroke; /* line hamesha patli rahe */
    }

/* Content ki width */
.nrsa_fmx_container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ---------- 2. Heading area ---------- */
.nrsa_fmx_head {
    max-width: 860px;
    margin: 0 auto 56px;
    text-align: center;
}

/* Upar ka label: ★ THE FOUNDERS MEET ★ , dono taraf gold lines */
.nrsa_fmx_eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #e2b75c;
}

.nrsa_fmx_line {
    display: inline-block;
    width: 44px;
    height: 1.5px;
    background: linear-gradient(90deg,transparent,#d6a84a);
}

    .nrsa_fmx_line:last-child {
        background: linear-gradient(90deg,#d6a84a,transparent);
    }

.nrsa_fmx_star {
    font-weight: 400;
    font-size: 12px;
    color: #d6a84a;
}
/* chhota gold star */

/* Main heading: white + gold gradient hissa */
.nrsa_fmx_title {
    margin: 0 0 18px;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.5px;
    color: #fff;
}
    /* Gold hissa hamesha doosri line mein (br tag ki zaroorat nahi) */
    .nrsa_fmx_title span {
        display: block;
        background: linear-gradient(90deg,#f6dc94,#d6a84a 55%,#f3d68a);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

/* Sub text */
.nrsa_fmx_sub {
    margin: 0 auto;
    max-width: 700px;
    font-size: 17px;
    line-height: 1.7;
    color: rgba(255,255,255,.72);
}

/* ---------- 3. Room cards ---------- */
.nrsa_fmx_rooms {
    display: grid;
    grid-template-columns: repeat(4,1fr); /* desktop: 4 cards ek line mein */
    gap: 24px;
}

/* Bahar wala div: SIRF scroll animation (awd_reveal) ke liye.
   Hover is par nahi lagta, isliye animation aur hover aapas mein takraate nahi */
.nrsa_fmx_room_wrap {
    height: 100%;
}

/* Andar wala card: white, halki gold border, soft shadow */
.nrsa_fmx_room {
    position: relative;
    height: 100%;
    padding: 30px 24px 28px;
    background: linear-gradient(180deg,#ffffff,#fffaf0);
    border: 1px solid rgba(214,168,74,.35);
    border-radius: 20px;
    box-shadow: 0 18px 40px -22px rgba(0,0,0,.6);
    overflow: hidden;
    transform: translateZ(0); /* smooth hover (jhatka nahi) */
    transition: transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s cubic-bezier(.22,.61,.36,1), border-color .45s ease;
}

    /* Card ke upar patli gold line (hover par poori failti hai) */
    .nrsa_fmx_room::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 36%;
        height: 3px;
        transform: translateX(-50%);
        background: linear-gradient(90deg,#f3d68a,#c8962e);
        border-radius: 0 0 3px 3px;
        transition: width .45s cubic-bezier(.22,.61,.36,1);
    }

/* Hover: sirf jis card par mouse hai wahi halka sa uthe (5px), gold border + glow.
   Icon ghoomta nahi, sirf halka bada hota hai - calm aur classy */
@media (hover:hover) {
    .nrsa_fmx_room:hover {
        transform: translateY(-5px);
        border-color: rgba(214,168,74,.85);
        box-shadow: 0 24px 44px -20px rgba(214,168,74,.55);
    }

        .nrsa_fmx_room:hover::before {
            width: 100%;
        }

        .nrsa_fmx_room:hover .nrsa_fmx_room_icon {
            transform: scale(1.06);
        }
}

/* Card number (01, 02...) right corner mein, halka */
.nrsa_fmx_room_no {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    color: rgba(200,150,46,.18);
}

/* Gold gol icon */
.nrsa_fmx_room_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    border-radius: 50%;
    background: linear-gradient(140deg,#f7dc93,#d6a84a 50%,#a8741e);
    box-shadow: inset 0 0 0 3px rgba(255,255,255,.5), 0 8px 18px rgba(168,116,30,.35);
    transition: transform .45s cubic-bezier(.22,.61,.36,1);
}

    .nrsa_fmx_room_icon svg {
        width: 26px;
        height: 26px;
        fill: #fff;
    }

/* Card heading + text */
.nrsa_fmx_room h3 {
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 700;
    color: #1a1408;
}

.nrsa_fmx_room p {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: #6a6052;
}

/* ---------- 4. Numbers panel (glass card) ---------- */
.nrsa_fmx_stats {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin: 56px auto 0;
    padding: 26px 12px;
    background: linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); /* glass */
    border: 1px solid rgba(214,168,74,.28);
    border-radius: 20px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

/* Har number: icon left, number + label right */
.nrsa_fmx_stat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 4px 14px;
}

    .nrsa_fmx_stat + .nrsa_fmx_stat {
        border-left: 1px solid rgba(214,168,74,.18); /* beech mein divider */
    }

/* Gold outline icon */
.nrsa_fmx_stat_icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(214,168,74,.10);
    border: 1px solid rgba(214,168,74,.35);
}

    .nrsa_fmx_stat_icon svg {
        width: 22px;
        height: 22px;
        fill: #e2b75c;
    }

/* Number: gold gradient */
.nrsa_fmx_stat > div > strong {
    display: block;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.05;
    background: linear-gradient(180deg,#f8e1a0,#c8962e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.nrsa_fmx_stat > div > span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: rgba(255,255,255,.62);
}

/* ---------- 5. Event bar (date + info + button) ---------- */
.nrsa_fmx_event {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 24px;
    padding: 22px 26px;
    border-radius: 22px;
    border: 1px solid transparent;
    background:
    /* andar: halki gold chamak */
    linear-gradient(100deg,rgba(214,168,74,.16),rgba(255,255,255,.02) 45%,rgba(214,168,74,.10)) padding-box,
    /* andar: dark base (taaki border ka gold andar na dikhe) */
    linear-gradient(#16141a,#16141a) padding-box,
    /* bahar: gold gradient border */
    linear-gradient(100deg,#f6dc94,rgba(200,150,46,.4) 50%,#f6dc94) border-box;
    box-shadow: 0 24px 50px -24px rgba(0,0,0,.8);
}

/* Left: gold date badge */
.nrsa_fmx_date {
    flex: 0 0 92px;
    height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(150deg,#f7dc93,#d6a84a 55%,#a8741e);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 10px 22px rgba(168,116,30,.4);
    color: #24190a;
}

    .nrsa_fmx_date strong {
        font-size: 38px;
        font-weight: 800;
        line-height: 1;
    }

    .nrsa_fmx_date span {
        margin-top: 4px;
        font-size: 11.5px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

/* Middle: event info */
.nrsa_fmx_event_info {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.nrsa_fmx_event_tag {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e2b75c;
}

.nrsa_fmx_event_info h4 {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}

.nrsa_fmx_event_info ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nrsa_fmx_event_info li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14.5px;
    color: rgba(255,255,255,.75);
}

    .nrsa_fmx_event_info li svg {
        width: 16px;
        height: 16px;
        fill: #d6a84a;
    }

/* Right: gold button (glow + har 4 second mein shine) */
.nrsa_fmx_cta_btn {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 17px 34px;
    font-size: 16.5px;
    font-weight: 700;
    color: #24190a;
    background: linear-gradient(100deg,#f6dc94 0%,#d6a84a 50%,#b8822a 100%);
    border: 1px solid #e0b860;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 14px 30px -10px rgba(214,168,74,.7);
    overflow: hidden;
    transition: transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s;
}

    .nrsa_fmx_cta_btn::after {
        content: "";
        position: absolute;
        top: 0;
        left: -80%;
        width: 45%;
        height: 100%;
        background: linear-gradient(115deg,transparent,rgba(255,255,255,.75),transparent);
        transform: skewX(-20deg);
        animation: nrsaFmxShine 4s ease-in-out infinite;
    }

@keyframes nrsaFmxShine {
    0%,65% {
        left: -80%;
    }

    100% {
        left: 130%;
    }
}

.nrsa_fmx_cta_btn svg {
    transition: transform .3s;
}

.nrsa_fmx_cta_btn:hover,
.nrsa_fmx_cta_btn:focus-visible {
    transform: translateY(-2px);
    color: #24190a;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 18px 36px -10px rgba(214,168,74,.85);
    outline: none;
}

    .nrsa_fmx_cta_btn:hover svg {
        transform: translateX(5px);
    }

/* Neeche chhota note */
.nrsa_fmx_note {
    margin: 18px 0 0;
    font-size: 13.5px;
    font-style: italic;
    text-align: center;
    color: rgba(255,255,255,.5);
}

/* ---------- 6. Animation ----------
   Scroll animation page ki apni hai (awd_reveal awd_rv_up awd_in),
   yahan sirf twinkle + shine band karne ka rule hai */
@media (prefers-reduced-motion:reduce) {
    .nrsa_fmx_bg, .nrsa_fmx_cta_btn::after {
        animation: none;
    }
}

/* ---------- 7. Responsive ---------- */
@media (max-width:1199px) {
    .nrsa_fmx_title {
        font-size: 38px;
    }

    .nrsa_fmx_stat {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}

@media (max-width:991px) {
    .nrsa_fmx_rooms {
        grid-template-columns: repeat(2,1fr);
    }
    /* tablet: 2 x 2 */
    .nrsa_fmx_title {
        font-size: 32px;
    }

    .nrsa_fmx_stats {
        grid-template-columns: repeat(2,1fr);
        row-gap: 22px;
    }

    .nrsa_fmx_stat:nth-child(3) {
        border-left: 0;
    }
    /* Event bar: date + info upar, button neeche full width */
    .nrsa_fmx_event {
        flex-wrap: wrap;
    }

    .nrsa_fmx_cta_btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width:575px) {
    .nrsa_fmx_head {
        margin-bottom: 36px;
    }

    .nrsa_fmx_eyebrow {
        font-size: 11px;
        letter-spacing: 2px;
        gap: 8px;
    }

    .nrsa_fmx_line {
        display: none;
    }

    .nrsa_fmx_title {
        font-size: 26px;
    }

    .nrsa_fmx_sub {
        font-size: 15px;
    }

    .nrsa_fmx_rooms {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    /* mobile: ek ke neeche ek */
    /* Mobile card: icon left, text right */
    .nrsa_fmx_room {
        display: grid;
        grid-template-columns: 52px 1fr;
        column-gap: 16px;
        align-items: start;
        padding: 20px 18px;
    }

    .nrsa_fmx_room_icon {
        grid-row: span 2;
        width: 52px;
        height: 52px;
        margin: 0;
    }

        .nrsa_fmx_room_icon svg {
            width: 22px;
            height: 22px;
        }

    .nrsa_fmx_room h3 {
        font-size: 17px;
        margin: 2px 0 4px;
    }

    .nrsa_fmx_room p {
        font-size: 14px;
    }

    .nrsa_fmx_room_no {
        font-size: 22px;
        top: 14px;
        right: 16px;
    }

    .nrsa_fmx_stats {
        margin-top: 40px;
        padding: 22px 6px;
    }

    .nrsa_fmx_stat {
        padding: 0 6px;
    }

    .nrsa_fmx_stat_icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .nrsa_fmx_stat > div > strong {
        font-size: 26px;
    }

    .nrsa_fmx_stat span {
        font-size: 10.5px;
        letter-spacing: 1px;
    }

    .nrsa_fmx_event {
        gap: 16px;
        padding: 18px;
    }

    .nrsa_fmx_date {
        flex-basis: 72px;
        height: 72px;
        border-radius: 14px;
    }

        .nrsa_fmx_date strong {
            font-size: 30px;
        }

        .nrsa_fmx_date span {
            font-size: 10px;
        }

    .nrsa_fmx_event_tag {
        font-size: 10.5px;
        letter-spacing: 1.2px;
    }

    .nrsa_fmx_event_info h4 {
        font-size: 19px;
    }

    .nrsa_fmx_event_info li {
        font-size: 13px;
    }

    .nrsa_fmx_cta_btn {
        padding: 16px 20px;
        font-size: 16px;
    }
}

/* ===== THE FOUNDERS MEET SECTION: End ===== */

/* =====================================================================
   POLISH (chhote sudhaar - standard, clean look)
   CSS ke END mein hi rehna chahiye
   ===================================================================== */

/* Cards: thoda zyada khula, saaf number, barabar spacing */
.nrsa_fmx_rooms {
    gap: 22px;
}

.nrsa_fmx_room {
    padding: 32px 26px 30px;
    border-color: rgba(214,168,74,.30);
    box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 20px 40px -24px rgba(0,0,0,.65);
}

.nrsa_fmx_room_no {
    top: 22px;
    right: 24px;
    font-size: 26px;
    color: rgba(200,150,46,.28); /* number thoda saaf dikhe */
}

.nrsa_fmx_room_icon {
    width: 56px;
    height: 56px;
    margin-bottom: 22px;
}

.nrsa_fmx_room h3 {
    font-size: 18.5px;
    margin-bottom: 10px;
    letter-spacing: -.1px;
}

.nrsa_fmx_room p {
    font-size: 14.5px;
    line-height: 1.65;
}

/* Card ke neeche chhoti gold line (hover par failti hai) */
.nrsa_fmx_room::after {
    content: "";
    position: absolute;
    left: 26px;
    bottom: 0;
    width: 28px;
    height: 2px;
    background: #d6a84a;
    border-radius: 2px;
    transition: width .45s cubic-bezier(.22,.61,.36,1);
}

@media (hover:hover) {
    .nrsa_fmx_room:hover::after {
        width: calc(100% - 52px);
    }
}

/* Numbers panel: icon gol, beech mein saaf divider */
.nrsa_fmx_stats {
    margin-top: 48px;
    padding: 24px 12px;
}

.nrsa_fmx_stat_icon {
    border-radius: 50%;
}

/* Event bar: upar patli gold chamak */
.nrsa_fmx_event {
    margin-top: 20px;
}

    .nrsa_fmx_event::after {
        content: "";
        position: absolute;
        left: 12%;
        right: 12%;
        top: 0;
        height: 1px;
        background: linear-gradient(90deg,transparent,rgba(246,220,148,.8),transparent);
        pointer-events: none;
    }

/* Mobile */
@media (max-width:575px) {
    .nrsa_fmx_room {
        padding: 20px 18px;
    }

    .nrsa_fmx_room_icon {
        width: 50px;
        height: 50px;
        margin: 0;
    }

    .nrsa_fmx_room_no {
        font-size: 20px;
        top: 14px;
        right: 16px;
    }

    .nrsa_fmx_room::after {
        left: 18px;
    }

    .nrsa_fmx_stats {
        margin-top: 36px;
    }
}
/* ===== POLISH: End ===== */

/* =====================================================================
   SLIM (neeche ka hissa patla / halka - counters + event bar)
   CSS ke END mein hi rehna chahiye
   ===================================================================== */

/* Counters panel: kam height */
.nrsa_fmx_stats {
    margin-top: 36px;
    padding: 16px 10px;
    border-radius: 16px;
}

.nrsa_fmx_stat {
    gap: 12px;
    padding: 2px 12px;
}

.nrsa_fmx_stat_icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
}

    .nrsa_fmx_stat_icon svg {
        width: 17px;
        height: 17px;
    }

.nrsa_fmx_stat > div > strong {
    font-size: 24px;
}

.nrsa_fmx_stat > div > span {
    margin-top: 2px;
    font-size: 10.5px;
    letter-spacing: 1.3px;
}

/* Event bar: patla */
.nrsa_fmx_event {
    margin-top: 14px;
    gap: 20px;
    padding: 14px 18px;
    border-radius: 16px;
}

.nrsa_fmx_date {
    flex-basis: 72px;
    height: 66px;
    border-radius: 12px;
}

    .nrsa_fmx_date strong {
        font-size: 26px;
    }

    .nrsa_fmx_date span {
        margin-top: 2px;
        font-size: 9.5px;
        letter-spacing: 1.2px;
    }

.nrsa_fmx_event_tag {
    font-size: 10.5px;
    letter-spacing: 1.6px;
}

.nrsa_fmx_event_info h4 {
    margin: 0 0 4px;
    font-size: 19px;
}

.nrsa_fmx_event_info li {
    font-size: 13.5px;
}

    .nrsa_fmx_event_info li svg {
        width: 14px;
        height: 14px;
    }

.nrsa_fmx_cta_btn {
    padding: 12px 26px;
    font-size: 15px;
    gap: 10px;
}

.nrsa_fmx_note {
    margin-top: 14px;
    font-size: 12.5px;
}

/* Mobile */
@media (max-width:575px) {
    .nrsa_fmx_stats {
        margin-top: 28px;
        padding: 16px 4px;
        row-gap: 16px;
    }

    .nrsa_fmx_stat_icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    .nrsa_fmx_stat > div > strong {
        font-size: 22px;
    }

    .nrsa_fmx_stat > div > span {
        font-size: 9.5px;
        letter-spacing: 1px;
    }

    .nrsa_fmx_event {
        gap: 12px;
        padding: 14px;
    }

    .nrsa_fmx_date {
        flex-basis: 58px;
        height: 58px;
    }

        .nrsa_fmx_date strong {
            font-size: 22px;
        }

    .nrsa_fmx_event_info h4 {
        font-size: 17px;
    }

    .nrsa_fmx_cta_btn {
        padding: 12px 18px;
        font-size: 14.5px;
    }
}
/* ===== SLIM: End ===== */

/* =====================================================================
   ATTRACTIVE TOUCHES (content aur animation same - sirf look)
   CSS ke END mein hi rehna chahiye
   ===================================================================== */


/* Heading (page ki show-heading) ke neeche cards tak jagah */
#nrsa_fmx_root .show-heading {
    margin-bottom: 50px;
}
    /* Gold hissa doosri line mein - heading 2 saaf lines mein (text same) */
    #nrsa_fmx_root .show-heading h2 span {
    }

/* ---------- Cards ---------- */
/* Card ke upar-right kone mein halki gold roshni */
.nrsa_fmx_room {
    background: radial-gradient(140px 110px at 100% 0%,rgba(214,168,74,.16),transparent 70%), linear-gradient(180deg,#ffffff,#fff8ea);
}
/* Number 01..04: outline gold (zyada stylish) */
.nrsa_fmx_room_no {
    font-size: 34px;
    color: transparent;
    -webkit-text-stroke: 1.2px rgba(200,150,46,.55);
    transition: color .45s ease,-webkit-text-stroke-color .45s ease;
}
/* Icon: chamakdar gold medal + bahar patli ring */
.nrsa_fmx_room_icon {
    position: relative;
    background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.6),transparent 45%), linear-gradient(140deg,#f7dc93,#d6a84a 50%,#a8741e);
    box-shadow: inset 0 -4px 8px rgba(120,80,15,.3), 0 10px 20px rgba(168,116,30,.32);
}

    .nrsa_fmx_room_icon::after {
        content: "";
        position: absolute;
        inset: -7px;
        border: 1px dashed rgba(200,150,46,.55); /* dashed ring = classy */
        border-radius: 50%;
        transition: transform 1.2s ease;
    }
/* Hover: number gold se bhar jaaye, ring ghoome (card sirf halka uthta hai) */
@media (hover:hover) {
    .nrsa_fmx_room:hover .nrsa_fmx_room_no {
        color: #d6a84a;
        -webkit-text-stroke-color: #d6a84a;
    }

    .nrsa_fmx_room:hover .nrsa_fmx_room_icon::after {
        transform: rotate(180deg);
    }
}

/* ---------- Counters: number par halki gold chamak ---------- */
.nrsa_fmx_stat > div > strong {
    background: linear-gradient(180deg,#fff0c2 0%,#eccb78 45%,#c08a2c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 2px 8px rgba(214,168,74,.25));
    font-variant-numeric: tabular-nums; /* ginti ke time number hile nahi */
}

.nrsa_fmx_stat_icon {
    background: radial-gradient(circle at 30% 25%,rgba(246,220,148,.28),rgba(214,168,74,.06));
}

/* ---------- Event bar: har 6 second mein ek gold chamak guzarti hai ---------- */
.nrsa_fmx_event {
    overflow: hidden;
    isolation: isolate;
}

    .nrsa_fmx_event::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -40%;
        width: 30%;
        z-index: -1;
        background: linear-gradient(105deg,transparent,rgba(246,220,148,.10),transparent);
        transform: skewX(-20deg);
        animation: nrsaFmxSweep 6s ease-in-out infinite;
        pointer-events: none;
    }

@keyframes nrsaFmxSweep {
    0%,55% {
        left: -40%;
    }

    100% {
        left: 130%;
    }
}
/* Date badge par halki glow */
.nrsa_fmx_date {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6),0 8px 20px rgba(214,168,74,.35);
}

@media (prefers-reduced-motion:reduce) {
    .nrsa_fmx_event::before {
        animation: none;
        display: none;
    }
}

@media (max-width:575px) {
    #nrsa_fmx_root .show-heading {
        margin-bottom: 32px;
    }

    .nrsa_fmx_room_no {
        font-size: 24px;
    }

    .nrsa_fmx_room_icon::after {
        inset: -5px;
    }
}
/* ===== ATTRACTIVE TOUCHES: End ===== */

/* =====================================================================
   EVENT BANNER (founder-meet page ke "Nominations Open" banner jaisa)
   Cream background + mota gold border + gold medal + 3 details + button
   ===================================================================== */
.nrsa_fmx_banner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 22px;
    padding: 26px 32px;
    border-radius: 22px;
    border: 4px solid transparent;
    background: linear-gradient(100deg,#fffaf0 0%,#fdf1d6 100%) padding-box, /* cream andar */
    linear-gradient(100deg,#f3d68a,#c8962e 40%,#f6dc94 70%,#b8822a) border-box; /* mota gold border */
    box-shadow: 0 26px 50px -26px rgba(0,0,0,.85),0 0 40px -18px rgba(214,168,74,.55);
    overflow: hidden;
    isolation: isolate;
}

/* Halka award watermark (right side, peeche) */
.nrsa_fmx_banner_mark {
    position: absolute;
    right: 330px;
    top: 50%;
    width: 150px;
    transform: translateY(-50%) rotate(-12deg);
    color: rgba(214,168,74,.13);
    z-index: -1;
    pointer-events: none;
}

/* Left: gold medal (ring + chamak) */
.nrsa_fmx_banner_medal {
    position: relative;
    flex: 0 0 92px;
    width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),transparent 45%), linear-gradient(140deg,#f7dc93,#d6a84a 50%,#9c6a1a);
    box-shadow: 0 0 0 7px rgba(214,168,74,.18), /* bahar halka gold ring */
    inset 0 -6px 12px rgba(110,70,10,.35), 0 12px 26px rgba(168,116,30,.45);
}

    .nrsa_fmx_banner_medal svg {
        width: 38px;
        height: 38px;
        fill: #fff;
        filter: drop-shadow(0 2px 3px rgba(90,55,5,.4));
    }

/* Middle */
.nrsa_fmx_banner_body {
    flex: 1;
    min-width: 0;
}

/* Badge: gold pill + blink karta hua dot */
.nrsa_fmx_banner_badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: #6e4a0c;
    background: linear-gradient(90deg,#f6dc94,#e2b75c);
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(200,150,46,.3);
}

    .nrsa_fmx_banner_badge i {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #b8822a;
        box-shadow: 0 0 0 0 rgba(184,130,42,.6);
        animation: nrsaFmxDot 1.6s ease-out infinite; /* dot ki dhadkan */
    }

@keyframes nrsaFmxDot {
    0% {
        box-shadow: 0 0 0 0 rgba(184,130,42,.6);
    }

    100% {
        box-shadow: 0 0 0 9px rgba(184,130,42,0);
    }
}

/* Title */
.nrsa_fmx_banner_body h4 {
    margin: 0 0 14px;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.15;
    color: #1a1408;
}

    .nrsa_fmx_banner_body h4 span {
        color: #b8862c;
    }

/* 3 details: bold value + chhota label, beech mein divider */
.nrsa_fmx_banner_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .nrsa_fmx_banner_meta li {
        padding: 0 26px;
    }

        .nrsa_fmx_banner_meta li:first-child {
            padding-left: 0;
        }

        .nrsa_fmx_banner_meta li + li {
            border-left: 1px solid rgba(184,130,42,.35);
        }

    .nrsa_fmx_banner_meta strong {
        display: block;
        font-size: 20px;
        font-weight: 800;
        line-height: 1.2;
        color: #9a6b12;
    }

    .nrsa_fmx_banner_meta span {
        display: block;
        margin-top: 3px;
        font-size: 11.5px;
        font-weight: 700;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        color: #5d5446;
    }

/* Right: button + hint */
.nrsa_fmx_banner_cta {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
/* Is banner mein button dark (cream par dark gold zyada classy) */
.nrsa_fmx_banner .nrsa_fmx_cta_btn {
    padding: 17px 34px;
    font-size: 17px;
    color: #fbe6a8;
    background: linear-gradient(180deg,#2a2016,#16120d);
    border: 2px solid #c8962e;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 6px 0 #9c6a1a, /* neeche gold "3D" edge */
    0 16px 28px -10px rgba(0,0,0,.6);
}

    .nrsa_fmx_banner .nrsa_fmx_cta_btn:hover,
    .nrsa_fmx_banner .nrsa_fmx_cta_btn:focus-visible {
        color: #fff1c4;
        transform: translateY(-2px);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 0 #9c6a1a, 0 20px 34px -10px rgba(0,0,0,.7);
    }

.nrsa_fmx_banner_hint {
    font-size: 13.5px;
    font-weight: 700;
    color: #9a6b12;
}

/* Tablet */
@media (max-width:991px) {
    .nrsa_fmx_banner {
        flex-wrap: wrap;
        gap: 20px;
        padding: 24px;
    }

    .nrsa_fmx_banner_mark {
        right: 20px;
    }

    .nrsa_fmx_banner_cta {
        width: 100%;
    }

    .nrsa_fmx_banner .nrsa_fmx_cta_btn {
        width: 100%;
        justify-content: center;
    }
}
/* Mobile */
@media (max-width:575px) {
    .nrsa_fmx_banner {
        flex-direction: column;
        text-align: center;
        padding: 24px 16px;
        border-width: 3px;
    }

    .nrsa_fmx_banner_medal {
        flex-basis: 72px;
        width: 72px;
        height: 72px;
    }

        .nrsa_fmx_banner_medal svg {
            width: 30px;
            height: 30px;
        }

    .nrsa_fmx_banner_badge {
        font-size: 10.5px;
        letter-spacing: 1.5px;
    }

    .nrsa_fmx_banner_body h4 {
        font-size: 23px;
    }

    .nrsa_fmx_banner_meta {
        justify-content: center;
    }

        .nrsa_fmx_banner_meta li {
            padding: 0 12px;
        }

            .nrsa_fmx_banner_meta li:first-child {
                padding-left: 12px;
            }

            .nrsa_fmx_banner_meta li:nth-child(3) {
                border-left: 0;
            }
        /* venue neeche line mein, divider nahi */
        .nrsa_fmx_banner_meta strong {
            font-size: 16px;
        }

        .nrsa_fmx_banner_meta span {
            font-size: 9.5px;
            letter-spacing: 1px;
        }
}
/* ===== EVENT BANNER: End ===== */


/* =====================================================================
   COUNTER ANIMATION (section par aate hi chalti hai, wapis aane par phir)
   JS .nrsa_fmx_go class lagata / hatata hai
   ===================================================================== */

/* 1) Panel par ek gold chamak guzarti hai */
.nrsa_fmx_stats {
    position: relative;
    overflow: hidden;
}

    .nrsa_fmx_stats::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -30%;
        width: 22%;
        background: linear-gradient(105deg,transparent,rgba(246,220,148,.16),transparent);
        transform: skewX(-20deg);
        pointer-events: none;
        opacity: 0;
    }

    .nrsa_fmx_stats.nrsa_fmx_go::after {
        animation: nrsaFmxStatSweep 1.6s ease-out .2s forwards;
    }

@keyframes nrsaFmxStatSweep {
    0% {
        left: -30%;
        opacity: 1;
    }

    100% {
        left: 120%;
        opacity: 1;
    }
}

/* 2) Icon: ghoom kar "pop" + baad mein ring ki dhadkan */
.nrsa_fmx_stat_icon {
    position: relative;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat_icon {
    animation: nrsaFmxPop .7s cubic-bezier(.34,1.56,.64,1) both;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat:nth-child(1) .nrsa_fmx_stat_icon {
    animation-delay: .05s;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat:nth-child(2) .nrsa_fmx_stat_icon {
    animation-delay: .2s;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat:nth-child(3) .nrsa_fmx_stat_icon {
    animation-delay: .35s;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat:nth-child(4) .nrsa_fmx_stat_icon {
    animation-delay: .5s;
}

@keyframes nrsaFmxPop {
    0% {
        transform: scale(.3) rotate(-120deg);
        opacity: 0;
    }

    100% {
        transform: scale(1) rotate(0);
        opacity: 1;
    }
}

.nrsa_fmx_stat_icon::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    border: 1.5px solid rgba(214,168,74,.7);
    opacity: 0;
    pointer-events: none;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat_icon::before {
    animation: nrsaFmxRing 2.4s ease-out 1s infinite;
}

@keyframes nrsaFmxRing {
    0% {
        transform: scale(1);
        opacity: .8;
    }

    70%,100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

/* 3) Number + label: neeche se upar aaye (ek-ek karke) */
.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat > div {
    animation: nrsaFmxRise .7s cubic-bezier(.22,.61,.36,1) both;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat:nth-child(1) > div {
    animation-delay: .1s;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat:nth-child(2) > div {
    animation-delay: .25s;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat:nth-child(3) > div {
    animation-delay: .4s;
}

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat:nth-child(4) > div {
    animation-delay: .55s;
}

@keyframes nrsaFmxRise {
    0% {
        transform: translateY(14px);
        opacity: 0;
    }

    100% {
        transform: none;
        opacity: 1;
    }
}

/* 4) Label ke neeche gold line bharti hai (progress jaisi) */
.nrsa_fmx_stat > div > span {
    position: relative;
    padding-bottom: 7px;
}

    .nrsa_fmx_stat > div > span::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 0;
        background: linear-gradient(90deg,#f3d68a,#c8962e);
        border-radius: 2px;
        transition: width 1.2s cubic-bezier(.22,.61,.36,1) .5s;
    }

.nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat > div > span::after {
    width: 34px;
}

@media (hover:hover) {
    .nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat:hover > div > span::after {
        width: 100%;
        transition-delay: 0s;
    }
}

/* Animation band ho to sab seedha dikhe */
@media (prefers-reduced-motion:reduce) {
    .nrsa_fmx_banner_badge i,
    .nrsa_fmx_stats.nrsa_fmx_go::after,
    .nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat_icon,
    .nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat_icon::before,
    .nrsa_fmx_stats.nrsa_fmx_go .nrsa_fmx_stat > div {
        animation: none;
    }
}

@media (max-width:575px) {
    .nrsa_fmx_stat > div > span::after {
        left: 50%;
        transform: translateX(-50%);
    }
}
/* ===== COUNTER ANIMATION: End ===== */

/* =====================================================================
   BANNER MEDIUM (na bahut bada, na bahut chhota - wahi feel)
   #nrsa_fmx_root lagaya hai taaki page ki apni h4 / button CSS ise badal na sake
   CSS ke END mein hi rehna chahiye
   ===================================================================== */
#nrsa_fmx_root .nrsa_fmx_banner {
    gap: 24px;
    margin-top: 18px;
    padding: 20px 28px;
    border-width: 3px;
    border-radius: 20px;
}

#nrsa_fmx_root .nrsa_fmx_banner_mark {
    width: 120px;
    right: 310px;
}

/* Medal */
#nrsa_fmx_root .nrsa_fmx_banner_medal {
    flex: 0 0 76px;
    width: 76px;
    height: 76px;
    box-shadow: 0 0 0 6px rgba(214,168,74,.18), inset 0 -5px 10px rgba(110,70,10,.35), 0 10px 22px rgba(168,116,30,.42);
}

    #nrsa_fmx_root .nrsa_fmx_banner_medal svg {
        width: 31px;
        height: 31px;
    }

/* Badge (upar) */
#nrsa_fmx_root .nrsa_fmx_banner_badge {
    margin-bottom: 8px;
    padding: 5px 14px;
    font-size: 11px;
    letter-spacing: 2px;
}

    #nrsa_fmx_root .nrsa_fmx_banner_badge i {
        width: 7px;
        height: 7px;
    }

/* Title */
#nrsa_fmx_root .nrsa_fmx_banner_body h4 {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 1.15;
}

/* Details: bold value upar, label neeche */
#nrsa_fmx_root .nrsa_fmx_banner_meta li {
    padding: 0 22px;
}

    #nrsa_fmx_root .nrsa_fmx_banner_meta li:first-child {
        padding-left: 0;
    }

#nrsa_fmx_root .nrsa_fmx_banner_meta strong {
    font-size: 17.5px;
    line-height: 1.2;
}

#nrsa_fmx_root .nrsa_fmx_banner_meta span {
    margin-top: 2px;
    font-size: 10.5px;
    letter-spacing: 1.5px;
}

/* Button: dark + gold edge */
#nrsa_fmx_root .nrsa_fmx_banner_cta {
    gap: 8px;
}

#nrsa_fmx_root .nrsa_fmx_banner .nrsa_fmx_cta_btn {
    padding: 14px 30px;
    font-size: 16px;
    line-height: 1.2;
    gap: 10px;
    border-width: 2px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 5px 0 #9c6a1a, 0 14px 24px -10px rgba(0,0,0,.6);
}

    #nrsa_fmx_root .nrsa_fmx_banner .nrsa_fmx_cta_btn svg {
        width: 17px;
        height: 17px;
    }

    #nrsa_fmx_root .nrsa_fmx_banner .nrsa_fmx_cta_btn:hover,
    #nrsa_fmx_root .nrsa_fmx_banner .nrsa_fmx_cta_btn:focus-visible {
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 7px 0 #9c6a1a, 0 18px 28px -10px rgba(0,0,0,.7);
    }

#nrsa_fmx_root .nrsa_fmx_banner_hint {
    font-size: 12.5px;
}

/* Tablet */
@media (max-width:991px) {
    #nrsa_fmx_root .nrsa_fmx_banner {
        padding: 20px 22px;
    }

    #nrsa_fmx_root .nrsa_fmx_banner_mark {
        right: 20px;
    }
}
/* Mobile */
@media (max-width:575px) {
    #nrsa_fmx_root .nrsa_fmx_banner {
        padding: 22px 14px;
        gap: 14px;
    }

    #nrsa_fmx_root .nrsa_fmx_banner_medal {
        flex-basis: 62px;
        width: 62px;
        height: 62px;
    }

        #nrsa_fmx_root .nrsa_fmx_banner_medal svg {
            width: 26px;
            height: 26px;
        }

    #nrsa_fmx_root .nrsa_fmx_banner_body h4 {
        font-size: 21px;
    }

    #nrsa_fmx_root .nrsa_fmx_banner_meta li {
        padding: 0 11px;
    }

        #nrsa_fmx_root .nrsa_fmx_banner_meta li:first-child {
            padding-left: 11px;
        }

    #nrsa_fmx_root .nrsa_fmx_banner_meta strong {
        font-size: 15px;
    }

    #nrsa_fmx_root .nrsa_fmx_banner_meta span {
        font-size: 9.5px;
        letter-spacing: 1px;
    }
}
/* ===== BANNER MEDIUM: End ===== */

/* =====================================================================
   BANNER SPARKLE (chhota rakh kar bhi attractive)
   - har 5 second mein gold chamak guzarti hai
   - medal ke charon taraf ghoomti dashed gold ring
   - kuch chhote chamakte sitare
   ===================================================================== */
#nrsa_fmx_root .nrsa_fmx_banner::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35%;
    width: 25%;
    background: linear-gradient(105deg,transparent,rgba(255,255,255,.75),transparent);
    transform: skewX(-20deg);
    animation: nrsaFmxBannerShine 5s ease-in-out infinite;
    pointer-events: none;
    z-index: 2;
}

@keyframes nrsaFmxBannerShine {
    0%,60% {
        left: -35%;
    }

    100% {
        left: 135%;
    }
}

/* Medal: ghoomti dashed ring */
#nrsa_fmx_root .nrsa_fmx_banner_medal::after {
    content: "";
    position: absolute;
    inset: -11px;
    border: 1.5px dashed rgba(184,130,42,.9);
    border-radius: 50%;
    animation: nrsaFmxSpinRing 14s linear infinite;
}

@keyframes nrsaFmxSpinRing {
    to {
        transform: rotate(360deg);
    }
}

/* Chhote chamakte sitare (banner ke andar) */
#nrsa_fmx_root .nrsa_fmx_banner_body {
    position: relative;
}

#nrsa_fmx_root .nrsa_fmx_banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: radial-gradient(circle at 46% 22%,#e2b75c 0 1.6px,transparent 2.4px), radial-gradient(circle at 58% 78%,#e2b75c 0 1.2px,transparent 2px), radial-gradient(circle at 74% 30%,#e2b75c 0 1.8px,transparent 2.6px), radial-gradient(circle at 63% 52%,#e2b75c 0 1px,transparent 1.8px), radial-gradient(circle at 12% 84%,#e2b75c 0 1.2px,transparent 2px);
    animation: nrsaFmxTwinkle 2.8s ease-in-out infinite alternate;
}

/* Title ka "2026" halka chamke */
#nrsa_fmx_root .nrsa_fmx_banner_body h4 span {
    background: linear-gradient(90deg,#b8862c,#e9c46a,#b8862c);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: nrsaFmxGoldText 4s linear infinite;
}

@keyframes nrsaFmxGoldText {
    to {
        background-position: -200% 0;
    }
}

/* Hover: banner halka sa glow kare (hilta nahi) */
@media (hover:hover) {
    #nrsa_fmx_root .nrsa_fmx_banner {
        transition: box-shadow .4s ease;
    }

        #nrsa_fmx_root .nrsa_fmx_banner:hover {
            box-shadow: 0 26px 50px -26px rgba(0,0,0,.85),0 0 55px -12px rgba(214,168,74,.75);
        }
}

@media (prefers-reduced-motion:reduce) {
    #nrsa_fmx_root .nrsa_fmx_banner::after,
    #nrsa_fmx_root .nrsa_fmx_banner::before,
    #nrsa_fmx_root .nrsa_fmx_banner_medal::after,
    #nrsa_fmx_root .nrsa_fmx_banner_body h4 span {
        animation: none;
    }
}

@media (max-width:575px) {
    #nrsa_fmx_root .nrsa_fmx_banner_medal::after {
        inset: -9px;
    }
}
/* ===== BANNER SPARKLE: End ===== */



/* =====================================================================
   NOMINATION PAGE: Key Dates buttons + Header + Mobile menu (FINAL)
   Ye saara CSS sirf nomination page par lagta hai
   (body:has(#awd_page) wale rules sirf usi page par chalte hain)
   ===================================================================== */


/* =====================================================================
   1. KEY DATES SECTION: Nominate + Explore All Event Details buttons
   ===================================================================== */

/* Desktop: dono buttons ek line mein, beech mein gap */
#awd_dates .awd_cta_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 18px;
}

/* Mobile (575px tak): ek ke neeche ek, full width */
@media (max-width:575px) {
    #awd_dates .awd_cta_row {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

        #awd_dates .awd_cta_row .awd_btn {
            width: 100%;
            justify-content: center;
            margin: 0;
        }
}
/* ===== 1. Key Dates buttons: End ===== */


/* =====================================================================
   2. HEADER: DESKTOP (992px se bade)
   - Header ka background hero jaisa: cream + gold dots + golden roshni
   - Header ke neeche patli gold line
   - Menu link hover par gold, Sign up hover par text dark
   - Scroll par site ka apna sticky header (headerfreeze) chalta rehta hai
   ===================================================================== */
@media (min-width:992px) {

    /* Header background (normal aur scroll/freeze dono mein) */
    body:has(#awd_page) header.header {
        background:
        /* hero jaise chhote gold dots */
        radial-gradient(circle, rgba(200,150,46,.16) 1.4px, transparent 1.9px) 0 0 / 33px 33px,
        /* logo ke peeche golden roshni */
        radial-gradient(240px 62px at 160px 50%, rgba(240,205,130,.55), transparent 75%),
        /* right side golden roshni */
        radial-gradient(40% 190% at 100% 45%, rgba(238,198,115,.65), transparent 72%),
        /* cream base, hero ke top jaisa */
        linear-gradient(90deg, #fff6e1 0%, #fef4de 55%, #fdf1d6 80%, #faebc6 100%) !important;
        box-shadow: none !important;
        border-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

        /* Normal header: gold line ke liye relative
     (freeze hone par site ka sticky position chalne diya hai) */
        body:has(#awd_page) header.header:not(.headerfreeze) {
            position: relative;
            z-index: 2;
        }

        /* Header ke neeche gold line: beech mein gehri, kinaron par fade */
        body:has(#awd_page) header.header::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 2px;
            background: linear-gradient(90deg, transparent 0%, rgba(200,150,46,.35) 12%, rgba(214,168,74,.85) 35%, #e2b75c 50%, rgba(214,168,74,.85) 65%, rgba(200,150,46,.35) 88%, transparent 100%);
            box-shadow: 0 0 10px 1px rgba(240,200,110,.45); /* halki glow */
            border-radius: 2px;
            pointer-events: none;
        }

        /* Menu links: hover par gold */
        body:has(#awd_page) header.header a:hover {
            color: #b8862c !important;
        }

        /* Sign up button: hover par text dark (gold background par saaf dikhe) */
        body:has(#awd_page) header.header a[href*="register"]:hover,
        body:has(#awd_page) header.header a[href*="register"]:hover i {
            color: #1f1606 !important;
        }
}
/* ===== 2. Header desktop: End ===== */


/* =====================================================================
   3. HEADER + MENU: MOBILE + TABLET (991px tak)
   - Header ka background hero jaisa + neeche gold line
   - Header scroll par page ke saath upar chala jaata hai (fix nahi rehta)
   - ☰ menu: gold dots, gold lines, current page aur Sign up gold
   ===================================================================== */
@media (max-width:991px) {

    /* Header background */
    body:has(#awd_page) header.header {
        background:
        /* hero jaise chhote gold dots */
        radial-gradient(circle, rgba(200,150,46,.16) 1.2px, transparent 1.7px) 0 0 / 26px 26px,
        /* right side halki golden roshni */
        radial-gradient(55% 160% at 100% 50%, rgba(238,198,115,.5), transparent 72%),
        /* cream base, hero jaisa */
        linear-gradient(90deg, #fff6e1 0%, #fef4de 60%, #fbecc9 100%) !important;
        box-shadow: none !important;
        border-bottom: 0 !important;
    }

        /* Header fix nahi: scroll par page ke saath upar jaaye
     (headerfreeze class lagne par bhi) */
        body:has(#awd_page) header.header,
        body:has(#awd_page) header.header.headerfreeze {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            right: auto !important;
            transform: none !important;
            animation: none !important;
            z-index: 20 !important;
        }

            /* Header ke neeche gold line (desktop jaisi, thodi patli) */
            body:has(#awd_page) header.header::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -1px;
                height: 1.5px;
                background: linear-gradient(90deg, transparent 0%, rgba(200,150,46,.35) 12%, rgba(214,168,74,.85) 35%, #e2b75c 50%, rgba(214,168,74,.85) 65%, rgba(200,150,46,.35) 88%, transparent 100%);
                box-shadow: 0 0 8px 1px rgba(240,200,110,.4);
                pointer-events: none;
            }

            /* ☰ Menu panel: halke gold dots + cream, right side gold patti, halki shadow */
            body:has(#awd_page) header.header #navLinks {
                background: radial-gradient(circle, rgba(200,150,46,.10) 1.2px, transparent 1.7px) 0 0 / 24px 24px, linear-gradient(180deg,#ffffff 0%,#fffaf0 100%) !important;
                border-right: 2px solid #e2b75c;
                box-shadow: 8px 0 30px -10px rgba(120,85,20,.35);
            }

                /* Menu links: site ki purani spacing hatayi, ek barabar padding di
     (text har row ke beech mein aata hai) */
                body:has(#awd_page) header.header #navLinks li {
                    padding: 0 !important;
                    margin: 0 !important;
                    min-height: 0 !important;
                    height: auto !important;
                }

                    body:has(#awd_page) header.header #navLinks li > a {
                        display: block !important;
                        margin: 0 !important;
                        padding: 14px 30px !important;
                        line-height: 1.4 !important;
                    }

                    /* Pehla link (Ecosystem): X button ke saath ek seedh mein,
     right side X ke liye jagah */
                    body:has(#awd_page) header.header #navLinks li:first-child > a {
                        padding-top: 26px !important;
                        padding-bottom: 16px !important;
                        padding-right: 70px !important;
                    }

                    /* Links ke beech patli gold line */
                    body:has(#awd_page) header.header #navLinks li + li {
                        border-top: 1px solid rgba(214,168,74,.2);
                    }

                /* Hover / tap par gold */
                body:has(#awd_page) header.header #navLinks a:hover,
                body:has(#awd_page) header.header #navLinks a:active {
                    color: #b8862c !important;
                }

                /* Current page (Apply For Awards): gold aur bold */
                body:has(#awd_page) header.header #navLinks a[href*="nomination"] {
                    color: #b8862c !important;
                    font-weight: 700;
                }

                /* Login ke upar gold divider (account links alag dikhein) */
                body:has(#awd_page) header.header #navLinks li:has(a[href*="login"]) {
                    border-top: 1.5px solid rgba(214,168,74,.55) !important;
                }

                /* Sign up: gold aur bold */
                body:has(#awd_page) header.header #navLinks a[href*="register"] {
                    color: #b8862c !important;
                    font-weight: 700;
                }
}
/* ===== 3. Header + menu mobile: End ===== */