@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

body.charak-home {
    --charak-black: #00488e;
    --charak-panel: rgba(255, 255, 255, .10);
    --charak-panel-2: rgba(0, 174, 239, .16);
    --charak-gold: #00aeef;
    --charak-gold-light: #FFFFFF;
    --charak-line: rgba(255, 255, 255, .30);
    --charak-muted: rgba(255, 255, 255, .84);
    --charak-red: #f3272d;
    margin: 0;
    background: var(--charak-black);
    color: #fff;
    font-family: 'Montserrat', Arial, sans-serif;
}

    body.charak-home #preloader {
        background: #00488e;
    }

        body.charak-home #preloader .path {
            stroke: var(--charak-gold);
        }

    /* Header */
    body.charak-home #header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: rgba(0, 72, 142, .98);
        border-bottom: 1px solid var(--charak-line);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

        body.charak-home #header .topmenu {
            max-width: 1400px;
            min-height: 65px;
            margin: 0 auto;
            padding: 0 42px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        body.charak-home #header .header-logo {
            float: none;
        }

            body.charak-home #header .header-logo .logo {
                display: block;
                width: 290px;
                height: 65px;
                overflow: hidden;
                text-indent: -9999px;
                background: url('/images/charaka-design/charak-logo.png') center/contain no-repeat;
            }

    body.charak-home #menu {
        float: none;
    }

        body.charak-home #menu > ul {
            display: flex;
            align-items: center;
            gap: 28px;
            margin: 0;
        }

            body.charak-home #menu > ul > li {
                float: none;
                margin: 0;
                position: relative;
            }

                body.charak-home #menu > ul > li > a {
                    padding: 0px 0 0px;
                    color: #fff;
                    font-size: 12px;
                    font-weight: 700;
                    letter-spacing: .12em;
                    text-transform: uppercase;
                    border-bottom: 2px solid transparent;
                }

                body.charak-home #menu > ul > li:hover > a,
                body.charak-home #menu > ul > li.active > a {
                    color: var(--charak-gold-light); /*border-color: var(--charak-gold);*/
                }

                body.charak-home #menu > ul > li:last-child > a {
                    padding: 2px 12px;
                    /*border: 1px solid var(--charak-gold);*/
                    color: var(--charak-gold-light);
                }

        body.charak-home #menu ul ul {
            min-width: 220px;
            padding: 10px;
            background: #00488e;
            border: 1px solid var(--charak-line);
            box-shadow: 0 18px 45px rgba(0,0,0,.45);
        }

            body.charak-home #menu ul ul a {
                color: #fff;
                padding: 11px 13px;
            }

                body.charak-home #menu ul ul a:hover {
                    color: var(--charak-gold-light);
                    background: rgba(199,161,90,.08);
                }

    /* Hero */
    body.charak-home .IndexbannerContainer {
        position: relative;
        padding: 0;
        background: #00488e;
        overflow: hidden;
    }

        body.charak-home .IndexbannerContainer #Indexbanner .item {
            min-height: 690px;
            position: relative;
        }

            body.charak-home .IndexbannerContainer #Indexbanner .item:after {
                content: '';
                position: absolute;
                inset: 0;
                background: rgba(0, 72, 142, .68);
            }

        body.charak-home .IndexbannerContainer #Indexbanner img {
            width: 100%;
            height: 690px;
            object-fit: cover;
            object-position: center;
        }

    body.charak-home .charak-hero-copy {
        position: absolute;
        z-index: 4;
        left: max(7vw, 48px);
        top: 50%;
        width: min(650px, 80vw);
        transform: translateY(-50%);
    }

    body.charak-home .charak-kicker {
        color: var(--charak-gold-light);
        font-size: 22px;
        font-weight: 800;
        letter-spacing: .34em;
        text-transform: uppercase;
    }

    body.charak-home .charak-hero-copy h1 {
        margin: 18px 0 20px;
        color: #fff;
        font-size: clamp(50px, 7vw, 104px);
        line-height: .9;
        font-weight: 900;
        letter-spacing: -.055em;
        text-transform: uppercase;
    }

    body.charak-home .charak-hero-copy p {
        max-width: 560px;
        color: rgba(255,255,255,.90);
        font-size: 16px;
        line-height: 1.8;
    }

    body.charak-home .charak-hero-actions {
        display: flex;
        gap: 14px;
        margin-top: 34px;
        flex-wrap: wrap;
    }

    body.charak-home .charak-btn,
    body.charak-home a.btn.btn-primary {
        display: inline-flex;
        min-height: 50px;
        align-items: center;
        justify-content: center;
        padding: 0 28px;
        border: 1px solid var(--charak-gold);
        border-radius: 0;
        background: var(--charak-red);
        color: #FFFFFF;
        font-weight: 800;
        font-size: 12px;
        letter-spacing: .12em;
        text-transform: uppercase;
        box-shadow: none;
        transition: .25s ease;
    }

        body.charak-home .charak-btn:hover,
        body.charak-home a.btn.btn-primary:hover {
            background: transparent;
            color: var(--charak-gold-light);
        }

        body.charak-home .charak-btn.is-outline {
            background: transparent;
            color: #fff;
            border-color: rgba(255,255,255,.5);
        }

            body.charak-home .charak-btn.is-outline:hover {
                color: var(--charak-gold-light);
                border-color: var(--charak-gold);
            }

    body.charak-home .charak-register-strip {
        display: none;
    }

    /* Shared sections */
    body.charak-home .AboutIDA,
    body.charak-home .about_sushrut,
    body.charak-home .sectionWithPad,
    body.charak-home .GalleryContainer {
        padding: 100px 0;
        background: #00488e;
    }

    body.charak-home .AboutIDA {
        background: #00aeef;
    }

    body.charak-home .about_sushrut {
        background: #00488e;
    }

    body.charak-home .sectionWithPad:nth-of-type(even),
    body.charak-home .GalleryContainer {
        background: #00488e;
    }

    body.charak-home .container {
        width: min(1180px, calc(100% - 48px));
    }

    body.charak-home .SectionHeading {
        text-align: left;
        margin-bottom: 42px !important;
    }

        body.charak-home .SectionHeading h1,
        body.charak-home .SectionHeading h2,
        body.charak-home .about_sushrut h2 {
            margin: 0;
            color: #fff;
            font-size: clamp(32px, 2.5vw, 58px);
            line-height: 1.04;
            font-weight: 800;
            letter-spacing: -.035em;
            text-transform: uppercase;
        }

            body.charak-home .SectionHeading h1:before,
            body.charak-home .SectionHeading h2:before,
            body.charak-home .about_sushrut h2:before {
                content: '';
                display: block;
                width: 64px;
                height: 2px;
                margin-bottom: 22px;
                background: var(--charak-gold);
            }

    /* About cards */
    body.charak-home .AboutIDA .whiteBox {
        background: transparent;
        box-shadow: none;
    }

    body.charak-home .AboutIDA .panel {
        margin: 0;
        background: var(--charak-panel);
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 0;
        box-shadow: none;
        overflow: hidden;
    }

    body.charak-home .AboutIDA .panel-heading {
        padding: 0;
        background: transparent;
        border: 0;
    }

        body.charak-home .AboutIDA .panel-heading a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 25px 28px;
            border-bottom: 1px solid rgba(255,255,255,.08);
        }

    body.charak-home .AboutIDA .panel-title {
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    body.charak-home .AboutIDA .panel-heading i {
        color: var(--charak-gold);
    }

    body.charak-home .AboutIDA .panel-body {
        min-height: 440px;
        padding: 32px;
        border: 0 !important;
        color: var(--charak-muted);
        line-height: 1.8;
    }

    body.charak-home .AboutIDA .copyTxt p {
        color: var(--charak-muted);
        font-size: 14px;
        line-height: 1.85;
    }

    body.charak-home .abutProfileWrap {
        display: flex;
        justify-content: center;
        gap: 24px;
        margin-top: 25px;
    }

        body.charak-home .abutProfileWrap:before, body.charak-home .abutProfileWrap:after {
            display: none;
        }

        body.charak-home .abutProfileWrap .item {
            float: none;
            width: 170px;
            padding: 0;
            text-align: center;
        }

        body.charak-home .abutProfileWrap figure {
            width: 112px;
            height: 112px;
            margin: 0 auto 14px;
            border-radius: 50%;
            overflow: hidden;
            border: 2px solid var(--charak-gold);
        }

            body.charak-home .abutProfileWrap figure img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        body.charak-home .abutProfileWrap h4 {
            margin: 0 0 5px;
            color: #fff;
            font-size: 13px;
            font-weight: 700;
        }

        body.charak-home .abutProfileWrap span {
            color: var(--charak-muted);
            font-size: 11px;
        }

    /* Maharishi section */
    body.charak-home .about_sushrut .clearfix {
        display: flex;
        align-items: stretch;
    }

    body.charak-home .about_sushrut .about_img,
    body.charak-home .about_sushrut .sushrut_info {
        float: none;
    }

    body.charak-home .about_sushrut .about_img {
        padding: 0;
        overflow: hidden;
    }

        body.charak-home .about_sushrut .about_img img {
            width: 100%;
            height: 100%;
            min-height: 590px;
            object-fit: cover;
            filter: none;
        }

    body.charak-home .about_sushrut .sushrut_info {
        padding: 58px;
        background: var(--charak-panel);
        border: 1px solid rgba(255,255,255,.08);
    }

    body.charak-home .about_sushrut p {
        margin-top: 28px;
        color: var(--charak-muted);
        font-size: 14px;
        line-height: 1.9;
    }

    /* Dynamic award categories */
    body.charak-home #section1 > .container > span {
        color: rgba(255,255,255,.75);
        margin-bottom: 28px !important;
    }

    body.charak-home #accordion-awards .panel {
        margin-bottom: 16px !important;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 0;
        background: var(--charak-panel);
        box-shadow: none;
    }

    body.charak-home #accordion-awards .panel-heading {
        padding: 0;
        background: transparent;
        border: 0;
    }

        body.charak-home #accordion-awards .panel-heading a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 22px 26px;
        }

    body.charak-home #accordion-awards .panel-title {
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
    }

    body.charak-home #accordion-awards .panel-body {
        padding: 28px;
        border-top: 1px solid var(--charak-line);
    }

        body.charak-home #accordion-awards .panel-body h3 {
            color: var(--charak-gold-light);
            font-weight: 700;
        }

    body.charak-home .Contest-Card-Main {
        margin-bottom: 24px;
    }

    body.charak-home .Contest-Card {
        display: block;
        min-height: 260px;
        padding: 18px;
        background: rgba(255,255,255,.10);
        border: 1px solid rgba(255,255,255,.09);
        color: #fff;
        transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    }

        body.charak-home .Contest-Card:hover {
            transform: translateY(-7px);
            border-color: var(--charak-gold);
            box-shadow: 0 20px 40px rgba(0,0,0,.35);
        }

        body.charak-home .Contest-Card img {
            width: 100%;
            height: 170px;
            object-fit: cover;
            filter: none;
        }

        body.charak-home .Contest-Card h4 {
            color: #fff;
            font-size: 14px;
            line-height: 1.5;
            font-weight: 700;
        }

    /* Winners */
    body.charak-home .winner-list-container {
        max-height: 470px;
        padding: 10px 22px;
        background: var(--charak-panel);
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 0;
    }

    body.charak-home .winnerlistdiv {
        padding: 15px 4px;
        border-bottom: 1px solid rgba(255,255,255,.08);
        color: rgba(255,255,255,.88);
    }

        body.charak-home .winnerlistdiv strong {
            color: var(--charak-gold-light);
        }

    body.charak-home .winner-list-container::-webkit-scrollbar-thumb {
        background: var(--charak-gold);
    }

    /* Gallery */
    body.charak-home .GalleryContainer {
        padding: 100px 0;
    }

    body.charak-home .gallery-carousel .item {
        padding: 7px;
    }

        body.charak-home .gallery-carousel .item img {
            height: 310px;
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 0;
            filter: none;
            transition: .35s ease;
        }

            body.charak-home .gallery-carousel .item img:hover {
                transform: none;
                filter: grayscale(0%);
                border-color: var(--charak-gold);
            }

    body.charak-home .owl-theme .owl-dots .owl-dot span {
        background: rgba(255,255,255,.4);
    }

    body.charak-home .owl-theme .owl-dots .owl-dot.active span {
        background: var(--charak-gold);
    }

    /* Footer */
    body.charak-home #footer {
        margin: 0;
        background: #00488e;
        border-top: 1px solid var(--charak-line);
        color: rgba(255,255,255,.75);
    }

        body.charak-home #footer .subscribe {
            padding: 70px 0;
            border-bottom: 1px solid rgba(255,255,255,.08);
        }

        body.charak-home #footer .subscribe-title {
            color: #fff;
            font-size: 30px;
            font-weight: 700;
        }

            body.charak-home #footer .subscribe-title span {
                color: var(--charak-gold-light);
            }

            body.charak-home #footer .subscribe-title div {
                margin-top: 8px;
                color: #FFF;
                font-size: 13px;
                font-weight: 400;
            }

        body.charak-home #footer .subscribe-input {
            display: flex;
            margin-top: 22px;
        }

            body.charak-home #footer .subscribe-input input {
                height: 52px;
                flex: 1;
                padding: 0 32px;
                color: #fff;
                background: #00488e;
                border: 1px solid rgba(255,255,255,.15);
            }

            body.charak-home #footer .subscribe-input .btn {
                min-width: 150px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: #FFFFFF;
                background: var(--charak-red);
                font-weight: 800;
                text-transform: uppercase;
            }

        body.charak-home #footer .footerMenu {
            padding-top: 50px;
            padding-bottom: 50px;
        }

            body.charak-home #footer .footerMenu a {
                color: rgba(255,255,255,.90);
            }

                body.charak-home #footer .footerMenu a:hover {
                    color: var(--charak-gold-light);
                }

    body.charak-home #copy {
        background: #00488e;
        border-top: 1px solid rgba(255,255,255,.07);
    }

    body.charak-home #back-top {
        background: var(--charak-red);
        color: #FFFFFF;
    }

@media (max-width: 991px) {
    body.charak-home #header .topmenu {
        min-height: 76px;
        padding: 0 22px;
    }

    body.charak-home #header .header-logo .logo {
        width: 145px;
        height: 58px;
    }

    body.charak-home #toggle {
        display: block;
        order: 2;
    }

        body.charak-home #toggle span {
            background: #fff;
        }

    body.charak-home #menu {
        position: fixed;
        top: 0;
        left: -320px;
        width: 300px;
        height: 100vh;
        padding: 90px 24px 30px;
        background: #00488e;
        border-right: 1px solid var(--charak-line);
        overflow-y: auto;
        transition: left .3s ease;
    }

        body.charak-home #menu.open, body.charak-home #menu.active {
            left: 0;
        }

        body.charak-home #menu > ul {
            display: block;
        }

            body.charak-home #menu > ul > li > a {
                display: block;
                padding: 15px 0;
            }

    body.charak-home .IndexbannerContainer #Indexbanner .item,
    body.charak-home .IndexbannerContainer #Indexbanner img {
        height: 620px;
        min-height: 620px;
    }

    body.charak-home .about_sushrut .clearfix {
        display: block;
    }

    body.charak-home .about_sushrut .about_img img {
        min-height: 420px;
    }

    body.charak-home .AboutIDA .panel {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    body.charak-home .container {
        width: calc(100% - 30px);
    }

    body.charak-home .IndexbannerContainer #Indexbanner .item,
    body.charak-home .IndexbannerContainer #Indexbanner img {
        height: 570px;
        min-height: 570px;
    }

    body.charak-home .charak-hero-copy {
        left: 24px;
        width: calc(100% - 48px);
    }

        body.charak-home .charak-hero-copy h1 {
            font-size: 51px;
        }

        body.charak-home .charak-hero-copy p {
            font-size: 14px;
            line-height: 1.65;
        }

    body.charak-home .AboutIDA,
    body.charak-home .about_sushrut,
    body.charak-home .sectionWithPad,
    body.charak-home .GalleryContainer {
        padding: 68px 0;
    }

        body.charak-home .AboutIDA .panel-body {
            min-height: auto;
            padding: 24px 20px;
        }

    body.charak-home .abutProfileWrap {
        gap: 10px;
    }

        body.charak-home .abutProfileWrap .item {
            width: 48%;
        }

    body.charak-home .about_sushrut .sushrut_info {
        padding: 36px 24px;
    }

    body.charak-home .about_sushrut .about_img img {
        min-height: 330px;
    }

    body.charak-home .gallery-carousel .item img {
        height: 250px;
    }

    body.charak-home #footer .subscribe-title {
        font-size: 24px;
    }

    body.charak-home #footer .subscribe-input {
        display: block;
    }

        body.charak-home #footer .subscribe-input input,
        body.charak-home #footer .subscribe-input .btn {
            width: 100%;
        }
}


/* Brand palette and mobile refinements */
body.charak-home a:focus,
body.charak-home button:focus {
    outline: 3px solid rgba(255,255,255,.65);
    outline-offset: 3px;
}

body.charak-home #menu > ul > li:last-child > a {
    background: var(--charak-red) !important;
    border-color: var(--charak-red);
    color: #fff;
}

    body.charak-home #menu > ul > li:last-child > a:hover {
        background: #fff;
        border-color: #fff;
        color: #00488e;
    }

body.charak-home .AboutIDA .panel,
body.charak-home .about_sushrut .sushrut_info,
body.charak-home #accordion-awards .panel,
body.charak-home .winner-list-container {
    box-shadow: 0 18px 45px rgba(0, 40, 140, .20);
}

body.charak-home .Contest-Card:hover {
    border-color: #fff;
    box-shadow: 0 20px 40px rgba(0, 40, 140, .28);
}

@media (max-width: 767px) {
    body.charak-home #header .topmenu {
        min-height: 60px;
        padding: 0 15px;
    }

    body.charak-home #header .header-logo .logo {
        width: 122px;
        height: 48px;
    }

    body.charak-home #menu {
        width: min(86vw, 320px);
        left: -100%;
        padding: 82px 22px 30px;
    }

        body.charak-home #menu.open,
        body.charak-home #menu.active {
            left: 0;
        }

    body.charak-home .IndexbannerContainer #Indexbanner .item,
    body.charak-home .IndexbannerContainer #Indexbanner img {
        height: 540px;
        min-height: 540px;
    }

    body.charak-home .IndexbannerContainer #Indexbanner img {
        object-position: 62% center;
    }

    body.charak-home .charak-hero-copy {
        left: 18px;
        width: calc(100% - 36px);
        top: 52%;
    }

    body.charak-home .charak-kicker {
        font-size: 11px;
        letter-spacing: .22em;
    }

    body.charak-home .charak-hero-copy h1 {
        margin: 14px 0 16px;
        font-size: clamp(40px, 13vw, 54px);
        line-height: .94;
    }

    body.charak-home .charak-hero-copy p {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.55;
    }

    body.charak-home .charak-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 24px;
    }

    body.charak-home .charak-btn,
    body.charak-home a.btn.btn-primary {
        width: 100%;
        min-height: 48px;
        padding: 0 18px;
    }

    body.charak-home .AboutIDA,
    body.charak-home .about_sushrut,
    body.charak-home .sectionWithPad,
    body.charak-home .GalleryContainer {
        padding: 56px 0;
    }

        body.charak-home .SectionHeading h1,
        body.charak-home .SectionHeading h2,
        body.charak-home .about_sushrut h2 {
            font-size: 34px;
        }

        body.charak-home .AboutIDA .panel-heading a,
        body.charak-home #accordion-awards .panel-heading a {
            padding: 18px;
        }

        body.charak-home .AboutIDA .panel-title,
        body.charak-home #accordion-awards .panel-title {
            font-size: 15px;
            line-height: 1.35;
        }

    body.charak-home #accordion-awards .panel-body {
        padding: 18px 10px;
    }

    body.charak-home .Contest-Card-Main {
        width: 100%;
        float: none;
    }

    body.charak-home .Contest-Card {
        min-height: auto;
    }

        body.charak-home .Contest-Card img {
            height: 210px;
        }

    body.charak-home .abutProfileWrap {
        flex-wrap: wrap;
    }

        body.charak-home .abutProfileWrap .item {
            width: calc(50% - 8px);
        }

    body.charak-home #footer .footerMenu {
        padding-top: 34px;
        padding-bottom: 34px;
    }
}

@media (max-width: 420px) {
    body.charak-home .container {
        width: calc(100% - 24px);
    }

    body.charak-home .IndexbannerContainer #Indexbanner .item,
    body.charak-home .IndexbannerContainer #Indexbanner img {
        height: 520px;
        min-height: 520px;
    }

    body.charak-home .charak-hero-copy {
        left: 15px;
        width: calc(100% - 30px);
    }

        body.charak-home .charak-hero-copy h1 {
            font-size: 39px;
        }

    body.charak-home .abutProfileWrap {
        display: block;
    }

        body.charak-home .abutProfileWrap .item {
            width: 100%;
            margin-bottom: 24px;
        }

    body.charak-home .about_sushrut .sushrut_info {
        padding: 28px 18px;
    }

    body.charak-home .Contest-Card img {
        height: 185px;
    }
}


/* ==========================================================
   Charaka Awards - animated sand, unified navigation and curves
   ========================================================== */
body.charak-home {
    --charaka-blue: #00488e;
    --charaka-cyan: #00aeef;
    --charaka-white: #ffffff;
    --charaka-red: #f3272d;
    overflow-x: hidden;
    background: var(--charaka-blue);
}

    /* Unified header and menu theme */
    body.charak-home #header {
        background: rgba(0, 72, 142, .98) !important;
        border-bottom: 1px solid rgba(255,255,255,.2);
        box-shadow: 0 8px 30px rgba(0, 51, 160, .18);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

        body.charak-home #header .topmenu {
            background: transparent !important;
        }

        body.charak-home #header .header-logo .logo {
            display: inline-flex;
            align-items: center;
            color: var(--charaka-white) !important;
            /*font-family: Georgia, 'Times New Roman', serif;*/
            font-size: 22px;
            font-weight: 700;
            letter-spacing: .04em;
            line-height: 1;
            text-transform: uppercase;
            background: none !important;
            text-indent: 0 !important;
        }

    body.charak-home #menu,
    body.charak-home #menu > ul,
    body.charak-home #menu > ul > li,
    body.charak-home #menu > ul > li > a {
        background: transparent !important;
    }

        body.charak-home #menu > ul > li > a {
            position: relative;
            color: var(--charaka-white) !important;
            font-weight: 700;
            letter-spacing: .02em;
        }

            body.charak-home #menu > ul > li > a:after {
                content: '';
                position: absolute;
                left: 50%;
                right: 50%;
                bottom: 0px;
                height: 2px;
                background: var(--charaka-red);
                transition: left .25s ease, right .25s ease;
            }

        body.charak-home #menu > ul > li:hover > a:after,
        body.charak-home #menu > ul > li.active > a:after {
            left: 15px;
            right: 15px;
        }

    /* Infinite moving sand effect over hero background */
    body.charak-home .IndexbannerContainer:not([style*="display: none"]) {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        background: #0a1d35;
    }

        body.charak-home .IndexbannerContainer:not([style*="display: none"]):before,
        body.charak-home .IndexbannerContainer:not([style*="display: none"]):after {
            content: '';
            position: absolute;
            z-index: 2;
            pointer-events: none;
            width: 180%;
            height: 180%;
            left: -40%;
            top: -45%;
            opacity: .52;
            mix-blend-mode: screen;
            will-change: transform;
        }

        body.charak-home .IndexbannerContainer:not([style*="display: none"]):before {
            background: rgba(255,255,255,.12);
            border-radius: 46% 54% 63% 37% / 42% 38% 62% 58%;
            filter: blur(28px);
            animation: charakaSandDrift 22s linear infinite;
        }

        body.charak-home .IndexbannerContainer:not([style*="display: none"]):after {
            top: -25%;
            background: rgba(0,174,239,.20);
            border-radius: 61% 39% 45% 55% / 35% 58% 42% 65%;
            filter: blur(35px);
            animation: charakaSandFlow 30s ease-in-out infinite alternate;
        }

    body.charak-home .IndexbannerContainer #Indexbanner {
        position: relative;
        z-index: 1;
    }

        body.charak-home .IndexbannerContainer #Indexbanner:after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            background: rgba(0, 72, 142, .48);
            pointer-events: none;
        }

    body.charak-home .charak-hero-copy {
        z-index: 4;
    }

        body.charak-home .charak-hero-copy .charak-kicker,
        body.charak-home .charak-hero-copy h1 strong,
        body.charak-home .SectionHeading .highlight,
        body.charak-home .text-highlight {
            color: var(--charaka-red) !important;
        }

@keyframes charakaSandDrift {
    0% {
        transform: translate3d(-4%, -2%, 0) rotate(0deg) scale(1.02);
    }

    50% {
        transform: translate3d(8%, 5%, 0) rotate(4deg) scale(1.09);
    }

    100% {
        transform: translate3d(-4%, -2%, 0) rotate(0deg) scale(1.02);
    }
}

@keyframes charakaSandFlow {
    0% {
        transform: translate3d(7%, -4%, 0) rotate(-4deg) scale(1.08);
    }

    100% {
        transform: translate3d(-8%, 7%, 0) rotate(5deg) scale(1.16);
    }
}

/* Curved separator after each main home-page section */
body.charak-home .IndexbannerContainer:not([style*="display: none"]),
body.charak-home .charak-register-strip,
body.charak-home .AboutIDA:not([style*="display: none"]),
body.charak-home .about_sushrut,
body.charak-home .sectionWithPad,
body.charak-home .GalleryContainer {
    position: relative;
    margin-bottom: 0;
}

    body.charak-home .IndexbannerContainer:not([style*="display: none"]):not(:last-child),
    body.charak-home .charak-register-strip,
    body.charak-home .AboutIDA:not([style*="display: none"]),
    body.charak-home .about_sushrut,
    body.charak-home .sectionWithPad,
    body.charak-home .GalleryContainer {
        padding-bottom: 110px !important;
    }

        body.charak-home .IndexbannerContainer:not([style*="display: none"]) > .charaka-curve,
        body.charak-home .charak-register-strip > .charaka-curve,
        body.charak-home .AboutIDA:not([style*="display: none"]) > .charaka-curve,
        body.charak-home .about_sushrut > .charaka-curve,
        body.charak-home .sectionWithPad > .charaka-curve,
        body.charak-home .GalleryContainer > .charaka-curve {
            display: none;
        }

        body.charak-home .charak-register-strip:after,
        body.charak-home .AboutIDA:not([style*="display: none"]):after,
        body.charak-home .about_sushrut:after,
        body.charak-home .sectionWithPad:after,
        body.charak-home .GalleryContainer:after {
            content: '';
            position: absolute;
            z-index: 8;
            left: -6%;
            bottom: -1px;
            width: 112%;
            height: 80px;
            background: #030e1c;
            border-radius: 50% 50% 0 0 / 100% 100% 0 0;
            clip-path: none;
            pointer-events: none;
        }

body.charak-home .charak-register-strip {
    --curve-next: #00aeef;
}

body.charak-home .AboutIDA:not([style*="display: none"]) {
    --curve-next: #00488e;
}

body.charak-home .about_sushrut {
    --curve-next: #00aeef;
}

body.charak-home .sectionWithPad {
    --curve-next: #00488e;
}

body.charak-home .GalleryContainer {
    --curve-next: #00488e;
}

/* Alternate blue/cyan sections and red highlights */
body.charak-home .charak-register-strip,
body.charak-home .sectionWithPad:nth-of-type(odd) {
    background: #030e1c !important;
}

body.charak-home .AboutIDA,
body.charak-home .GalleryContainer,
body.charak-home .sectionWithPad:nth-of-type(even) {
    background: var(--charaka-cyan) !important;
}

body.charak-home .charak-btn,
body.charak-home .btn-primary,
body.charak-home .btn-blue,
body.charak-home #back-top {
    background: var(--charaka-red) !important;
    border-color: var(--charaka-red) !important;
    color: var(--charaka-white) !important;
}

    body.charak-home .charak-btn.is-outline {
        background: transparent !important;
        border-color: var(--charaka-white) !important;
    }

body.charak-home .SectionHeading h1:before,
body.charak-home .SectionHeading h2:before,
body.charak-home .about_sushrut h2:before,
body.charak-home .panel-heading i,
body.charak-home #accordion-awards .panel-body h3 {
    color: var(--charaka-red) !important;
    background-color: var(--charaka-red);
}

@media (max-width: 991px) {
    body.charak-home #menu {
        background: var(--charaka-blue) !important;
    }

        body.charak-home #menu > ul > li > a {
            padding: 16px 8px !important;
            border-bottom: 1px solid rgba(255,255,255,.14);
        }

            body.charak-home #menu > ul > li > a:after {
                bottom: 5px;
            }
}

@media (max-width: 767px) {
    body.charak-home #header .header-logo .logo {
        font-size: 18px;
    }

    body.charak-home .IndexbannerContainer:not([style*="display: none"]):before,
    body.charak-home .IndexbannerContainer:not([style*="display: none"]):after {
        width: 230%;
        height: 170%;
        left: -65%;
    }

    body.charak-home .charak-register-strip,
    body.charak-home .AboutIDA:not([style*="display: none"]),
    body.charak-home .about_sushrut,
    body.charak-home .sectionWithPad,
    body.charak-home .GalleryContainer {
        padding-bottom: 88px !important;
    }

        body.charak-home .charak-register-strip:after,
        body.charak-home .AboutIDA:not([style*="display: none"]):after,
        body.charak-home .about_sushrut:after,
        body.charak-home .sectionWithPad:after,
        body.charak-home .GalleryContainer:after {
            height: 68px;
            width: 130%;
            left: -15%;
            clip-path: ellipse(62% 52% at 50% 100%);
        }
}

@media (prefers-reduced-motion: reduce) {
    body.charak-home .IndexbannerContainer:not([style*="display: none"]):before,
    body.charak-home .IndexbannerContainer:not([style*="display: none"]):after {
        animation: none;
    }
}


/* Final solid-color and responsive navigation overrides */
body.charak-home,
body.charak-home #header,
body.charak-home #menu,
body.charak-home #menu ul ul,
body.charak-home .IndexbannerContainer,
body.charak-home .AboutIDA,
body.charak-home .about_sushrut,
body.charak-home .sectionWithPad,
body.charak-home .GalleryContainer,
body.charak-home #footer,
body.charak-home #copy {
    background-image: none !important;
}

    body.charak-home #header {
        background-color: #041b3e !important;
    }

    body.charak-home .IndexbannerContainer,
    body.charak-home .about_sushrut,
    body.charak-home .sectionWithPad,
    body.charak-home .GalleryContainer,
    body.charak-home #copy {
        background-color: #0d2239 !important;
    }

    body.charak-home #footer {
        background-color: #030e1c !important
    }

    body.charak-home .AboutIDA {
        background-color: #FFFFFF !important;
    }

    body.charak-home .IndexbannerContainer #Indexbanner .item:after,
    body.charak-home .IndexbannerContainer #Indexbanner:after {
        background-image: none !important;
        background-color: rgba(0,72,142,.48) !important;
    }

@media (max-width: 991px) {
    body.charak-home #toggle {
        position: relative;
        z-index: 1202;
        display: block !important;
        cursor: pointer;
    }

    body.charak-home #menu {
        display: block !important;
        position: fixed !important;
        z-index: 1201;
        top: 0 !important;
        bottom: 0;
        left: 0 !important;
        width: min(86vw, 320px) !important;
        height: 100vh !important;
        padding: 88px 24px 32px !important;
        overflow-y: auto;
        background-color: #00488e !important;
        transform: translateX(-105%);
        transition: transform .32s ease !important;
        box-shadow: 18px 0 40px rgba(0,0,0,.25);
    }

        html.open-menu body.charak-home #menu,
        body.charak-home #menu.open,
        body.charak-home #menu.active {
            transform: translateX(0);
        }

        body.charak-home #menu > ul {
            display: block !important;
        }

            body.charak-home #menu > ul > li {
                display: block;
                width: 100%;
            }

                body.charak-home #menu > ul > li > a {
                    display: block;
                    width: 100%;
                    padding: 16px 0 !important;
                    border-bottom: 1px solid rgba(255,255,255,.18);
                    color: #fff !important;
                }

    html.open-menu body.charak-home #overlay {
        display: block;
        position: fixed;
        z-index: 1200;
        inset: 0;
        background: rgba(0,0,0,.48);
    }
}

@media (max-width: 767px) {
    body.charak-home .container {
        width: calc(100% - 28px);
    }

    body.charak-home .charak-hero-copy {
        width: calc(100% - 32px);
        left: 16px;
    }

    body.charak-home .about_sushrut .clearfix {
        display: block;
    }

    body.charak-home .about_sushrut .about_img,
    body.charak-home .about_sushrut .sushrut_info {
        width: 100%;
    }

    body.charak-home .AboutIDA .panel-body {
        min-height: auto;
    }
}

/* Reference-style About cards */
body.charak-home .charak-about-partners {
    padding: 80px 0;
    background: #f3f6fa;
}

body.charak-home .charak-about-grid {
    display: flex;
    flex-wrap: wrap;
}

    body.charak-home .charak-about-grid > [class*="col-"] {
        display: flex;
    }

body.charak-home .charak-info-card {
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(0, 48, 95, .10);
}

body.charak-home .charak-info-card__header {
    position: relative;
    min-height: 88px;
    padding: 22px 74px 20px 28px;
    display: flex;
    align-items: center;
    background: #00488e;
}

body.charak-home .charak-info-card__eyebrow {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

body.charak-home .charak-info-card__header h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: none;
    letter-spacing: -.02em;
}

body.charak-home .charak-info-card__bookmark {
    position: absolute;
    top: 0;
    right: 28px;
    width: 34px;
    height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 9px;
    color: #fff;
    background: #f3272d;
}

    body.charak-home .charak-info-card__bookmark:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -8px;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-top: 8px solid #f3272d;
    }

body.charak-home .charak-info-card__body {
    padding: 28px;
    color: #00305f;
}

    body.charak-home .charak-info-card__body > p {
        min-height: 142px;
        margin: 0;
        color: #00305f;
        font-size: 14px;
        line-height: 1.8;
        text-align: left;
    }

body.charak-home .charak-card-divider {
    height: 1px;
    margin: 24px 0;
    background: #d9e1ea;
}

body.charak-home .charak-leaders {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
}

body.charak-home .charak-leaders--two .charak-leader {
    width: calc(50% - 13px);
}

body.charak-home .charak-leader {
    display: flex;
    align-items: center;
    gap: 14px;
}

    body.charak-home .charak-leader figure {
        position: relative;
        flex: 0 0 64px;
        width: 64px;
        height: 64px;
        margin: 0;
        overflow: hidden;
        border: 3px solid #00488e;
        border-radius: 50%;
        background: #eef4fa;
    }

        body.charak-home .charak-leader figure:after {
            content: '';
            position: absolute;
            right: 2px;
            bottom: 2px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #f3272d;
        }

    body.charak-home .charak-leader img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    body.charak-home .charak-leader h4 {
        margin: 0 0 7px;
        color: #00305f;
        font-size: 14px;
        font-weight: 800;
    }

    body.charak-home .charak-leader span {
        color: #00305f;
        font-size: 13px;
        line-height: 1.4;
    }

/* Maharishi Charaka reference card */
body.charak-home .charak-maharishi-section {
    padding: 80px 0;
    background: #fff;
}

body.charak-home .charak-maharishi-card {
    display: grid;
    grid-template-columns: 42% 58%;
    overflow: hidden;
    /*border: 1px solid #d8e3ef;*/
    background: #00488e;
}

body.charak-home .charak-maharishi-image {
    min-height: 440px;
}

    body.charak-home .charak-maharishi-image img {
        width: 100%;
        height: 100%;
        height: 440px;
        object-fit: contain;
    }

body.charak-home .charak-maharishi-content {
    padding: 48px;
    color: #fff;
}

body.charak-home .charak-red-line {
    display: block;
    width: 28px;
    height: 3px;
    margin-bottom: 18px;
    background: #f3272d;
}

body.charak-home .charak-maharishi-kicker {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

body.charak-home .charak-maharishi-content h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.08;
    text-transform: none;
}

    body.charak-home .charak-maharishi-content h2:before {
        display: none;
    }

body.charak-home .charak-maharishi-content p {
    margin: 0 0 14px;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
}

body.charak-home .charak-maharishi-intro {
    max-width: 620px;
    font-size: 16px !important;
    font-weight: 600;
}

body.charak-home .charak-read-more {
    margin: 2px 0 20px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

    body.charak-home .charak-read-more i {
        margin-left: 4px;
    }

body.charak-home .charak-maharishi-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

    body.charak-home .charak-maharishi-tags span {
        padding: 6px 14px;
        border-radius: 18px;
        background: #fff;
        color: #00488e;
        font-size: 11px;
        font-weight: 800;
    }

        body.charak-home .charak-maharishi-tags span:first-child {
            background: #f3272d;
            color: #fff;
        }

/* Shared header across all public pages */
body.charak-home .InsideBanner {
    margin: 0;
    padding: 58px 0;
    background: #00488e;
}

body.charak-home .Insideheader {
    margin: 0;
    color: #fff;
    font-weight: 800;
}

body.charak-home .InsideBanner + .container {
    padding-top: 55px;
    padding-bottom: 65px;
    color: #00305f;
}

html.open-menu body.charak-home #menu {
    left: 0 !important;
}

html.open-menu body.charak-home #overlay {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 998;
    background: rgba(0,48,95,.62);
}

body.charak-home #menu {
    z-index: 999;
}

@media (max-width: 991px) {
    body.charak-home .charak-about-grid {
        display: block;
    }

        body.charak-home .charak-about-grid > [class*="col-"] {
            display: block;
            margin-bottom: 24px;
        }

    body.charak-home .charak-info-card__body > p {
        min-height: 0;
    }

    body.charak-home .charak-maharishi-card {
        grid-template-columns: 1fr;
    }

    body.charak-home .charak-maharishi-image,
    body.charak-home .charak-maharishi-image img {
        min-height: 360px;
    }
}

@media (max-width: 767px) {
    body.charak-home .charak-about-partners,
    body.charak-home .charak-maharishi-section {
        padding: 54px 0;
    }

    body.charak-home .charak-info-card {
        border-radius: 12px;
    }

    body.charak-home .charak-info-card__header {
        min-height: 80px;
        padding: 18px 62px 18px 20px;
    }

        body.charak-home .charak-info-card__header h2 {
            font-size: 19px;
        }

    body.charak-home .charak-info-card__bookmark {
        right: 18px;
    }

    body.charak-home .charak-info-card__body {
        padding: 22px 20px;
    }

    body.charak-home .charak-leaders--two .charak-leader {
        width: 100%;
    }

    body.charak-home .charak-leaders {
        gap: 18px;
    }

    body.charak-home .charak-maharishi-image,
    body.charak-home .charak-maharishi-image img {
        min-height: 270px;
    }

    body.charak-home .charak-maharishi-content {
        padding: 30px 22px;
    }

    body.charak-home .charak-maharishi-intro {
        font-size: 14px !important;
    }

    body.charak-home .InsideBanner {
        padding: 38px 0;
    }
}

/* 2026 Charaka brand refresh */
body.charak-home {
    --charak-blue: #00488e;
    --charak-deep-blue: #00305f;
    --charak-sky: #0b6fb8;
    --charak-red: #f3272d;
    --charak-gold: #c6a15b;
    --charak-gold-light: #ead5a3;
    --charak-cream: #f7f3ea;
}

    body.charak-home #header {
        background: #ffffff;
        border-bottom: 1px solid rgba(0,72,142,.16);
        box-shadow: 0 8px 30px rgba(0,48,95,.08);
    }

        body.charak-home #header .topmenu {
            min-height: 84px;
        }

        body.charak-home #header .header-logo .logo {
            width: 190px;
            height: 95px;
            background-image: url('~/images/charaka/logo-white.png');
        }

    body.charak-home #menu > ul > li > a {
        color: var(--charak-deep-blue);
    }

    body.charak-home #menu > ul > li:hover > a,
    body.charak-home #menu > ul > li.active > a {
        color: var(--charak-red);
        border-color: var(--charak-red);
    }

    body.charak-home #menu > ul > li:last-child > a {
        padding: 10px 18px;
        background: var(--charak-red);
        color: #fff;
    }

    body.charak-home #toggle span {
        background: var(--charaka-white);
    }

    body.charak-home .IndexbannerContainer #Indexbanner .item,
    body.charak-home .IndexbannerContainer #Indexbanner img {
        height: min(72vh, 690px);
        min-height: 500px;
    }

        body.charak-home .IndexbannerContainer #Indexbanner .item:after {
            background: linear-gradient(90deg, rgba(0,48,95,.12), rgba(0,72,142,.08));
        }

    body.charak-home .charak-curtain-stage {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        min-height: 620px;
        transform: none;
        display: grid;
        place-items: center;
        overflow: hidden;
        padding: 110px 24px;
        text-align: center;
        background: radial-gradient(circle at 50% 42%, rgba(198,161,91,.14), transparent 30%), repeating-linear-gradient(98deg, rgba(255,255,255,.025) 0 2px, transparent 2px 18px), var(--charak-deep-blue);
    }

        body.charak-home .charak-curtain-stage:before,
        body.charak-home .charak-curtain-stage:after {
            content: '';
            position: absolute;
            left: -3%;
            width: 106%;
            height: 74px;
            z-index: 3;
            background: var(--charak-cream);
        }

        body.charak-home .charak-curtain-stage:before {
            top: -45px;
            border-radius: 0 0 50% 50%;
        }

        body.charak-home .charak-curtain-stage:after {
            bottom: -45px;
            border-radius: 50% 50% 0 0;
        }

    body.charak-home .charak-curtain {
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        width: 58%;
        background: linear-gradient(90deg, rgba(255,255,255,.04), transparent 13%, rgba(0,0,0,.2) 28%, transparent 45%, rgba(255,255,255,.035) 65%, rgba(0,0,0,.25)), repeating-linear-gradient(90deg, #002b55 0 7%, #003a72 7% 14%, #002849 14% 20%);
        box-shadow: inset 0 0 80px rgba(0,0,0,.55);
        animation-duration: 1.8s;
        animation-timing-function: cubic-bezier(.22,.8,.2,1);
        animation-fill-mode: both;
    }

    body.charak-home .charak-curtain--left {
        left: 0;
        transform-origin: left center;
        clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
        animation-name: charakCurtainLeft;
    }

    body.charak-home .charak-curtain--right {
        right: 0;
        transform-origin: right center;
        clip-path: polygon(0 0,100% 0,100% 100%,10% 100%);
        animation-name: charakCurtainRight;
    }

    body.charak-home .charak-curtain-content {
        position: relative;
        z-index: 2;
        max-width: 840px;
        animation: charakContentReveal 1s .85s both;
    }

    body.charak-home .charak-curtain-stage .charak-kicker {
        display: inline-block;
        color: var(--charak-gold-light);
        font-size: 12px;
        letter-spacing: .25em;
    }

    body.charak-home .charak-curtain-stage h1 {
        margin: 20px 0 14px;
        font-size: clamp(50px, 7vw, 88px);
        font-weight: 400;
        letter-spacing: -.025em;
        line-height: 1;
    }

    body.charak-home .charak-curtain-stage p {
        max-width: 690px;
        margin: 0 auto;
        font-family: 'Montserrat', serif;
        font-size: clamp(18px, 2vw, 25px);
        line-height: 1.45;
    }

    body.charak-home .charak-award-note {
        display: block;
        margin-top: 20px;
        color: rgba(255,255,255,.72);
        font-size: 12px;
        letter-spacing: .05em;
    }

    body.charak-home .charak-curtain-stage .charak-hero-actions {
        justify-content: center;
    }

    body.charak-home .charak-curtain-stage .charak-btn {
        background: var(--charak-red);
        border-color: var(--charak-red);
    }

        body.charak-home .charak-curtain-stage .charak-btn:hover {
            background: #fff;
            color: var(--charak-deep-blue);
            border-color: #fff;
        }

        body.charak-home .charak-curtain-stage .charak-btn.is-outline {
            background: transparent;
            border-color: var(--charak-gold);
            color: var(--charak-gold-light);
        }

@keyframes charakCurtainLeft {
    from {
        transform: translateX(0) scaleX(1);
    }

    to {
        transform: translateX(-68%) scaleX(.74);
    }
}

@keyframes charakCurtainRight {
    from {
        transform: translateX(0) scaleX(1);
    }

    to {
        transform: translateX(68%) scaleX(.74);
    }
}

@keyframes charakContentReveal {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.charak-home .AboutIDA,
body.charak-home .about_sushrut,
body.charak-home .sectionWithPad,
body.charak-home .GalleryContainer {
    background: #fff;
}

body.charak-home .AboutIDA {
    background: var(--charak-cream);
}

body.charak-home .sectionWithPad:nth-of-type(even) {
    background: #eef5fb;
}

body.charak-home .SectionHeading h1,
body.charak-home .SectionHeading h2,
body.charak-home .about_sushrut h2 {
    color: #f1d99e;
}

body.charak-home .InsideBanner {
    position: relative;
    overflow: hidden;
    padding: 86px 0;
    background: var(--charak-deep-blue);
}

    body.charak-home .InsideBanner:after {
        content: '';
        position: absolute;
        right: -80px;
        bottom: -140px;
        width: 420px;
        height: 260px;
        border: 42px solid rgba(243,39,45,.75);
        border-radius: 50%;
    }

body.charak-home .Insideheader {
    position: relative;
    z-index: 1;
    font-size: clamp(38px,5vw,64px);
}

body.charak-home .charak-page-kicker {
    position: relative;
    z-index: 1;
    color: var(--charak-gold-light);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
}

body.charak-home .charak-page-intro {
    position: relative;
    z-index: 1;
    max-width: 650px;
    margin: 16px 0 0;
    color: rgba(255,255,255,.8);
}

body.charak-home .InsideBanner + .container,
body.charak-home .charak-inner-section {
    padding-top: 70px;
    padding-bottom: 80px;
    color: var(--charak-deep-blue);
    background: #fff;
}

    body.charak-home .InsideBanner + .container p,
    body.charak-home .InsideBanner + .container li {
        font-size: 15px;
        line-height: 1.85;
    }

    body.charak-home .InsideBanner + .container strong {
        color: var(--charak-blue);
    }

body.charak-home .charak-contact-card {
    height: 100%;
    padding: 42px;
    background: var(--charak-deep-blue);
    color: #fff;
}

body.charak-home .charak-card-label {
    color: var(--charak-gold-light);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body.charak-home .charak-contact-card h3 {
    margin: 12px 0 18px;
    font-size: 34px;
}

body.charak-home .charak-contact-card p {
    color: rgba(255,255,255,.8);
    line-height: 1.75;
}

body.charak-home .charak-contact-form {
    padding: 38px;
    border: 1px solid #d8e3ef;
    background: #fff;
    box-shadow: 0 18px 50px rgba(0,48,95,.08);
}

    body.charak-home .charak-contact-form label {
        margin: 0 0 8px;
        color: var(--charak-deep-blue);
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
    }

    body.charak-home .charak-contact-form .form-control {
        height: 48px;
        margin-bottom: 22px;
        border: 1px solid #cddbea;
        border-radius: 0;
        box-shadow: none;
    }

    body.charak-home .charak-contact-form textarea.form-control {
        height: auto;
    }

@media (max-width: 991px) {
    body.charak-home #header .topmenu {
        min-height: 76px;
    }

    body.charak-home #header .header-logo .logo {
        width: 190px;
        height: 64px;
    }

    body.charak-home #menu {
        background: #fff;
    }

        body.charak-home #menu > ul > li > a {
            color: var(--charak-deep-blue);
        }

    body.charak-home .charak-curtain-stage {
        min-height: 560px;
    }
}

@media (max-width: 767px) {
    body.charak-home .IndexbannerContainer #Indexbanner .item,
    body.charak-home .IndexbannerContainer #Indexbanner img {
        min-height: 130px;
        height: 25vh;
    }

    body.charak-home .charak-curtain-stage {
        min-height: 560px;
        padding: 90px 22px;
    }

        body.charak-home .charak-curtain-stage h1 {
            font-size: 48px;
        }

        body.charak-home .charak-curtain-stage p {
            font-size: 18px;
        }

    body.charak-home .charak-curtain {
        width: 66%;
    }

    body.charak-home .charak-contact-card,
    body.charak-home .charak-contact-form {
        padding: 28px 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.charak-home .charak-curtain,
    body.charak-home .charak-curtain-content {
        animation: none;
    }

    body.charak-home .charak-curtain--left {
        transform: translateX(-68%) scaleX(.74);
    }

    body.charak-home .charak-curtain--right {
        transform: translateX(68%) scaleX(.74);
    }
}


/* Lift the Curtains: fully rendered with HTML and CSS */
body.charak-home .charak-awards-showcase {
    --charak-gold: #d9b36a;
    --charak-gold-light: #f1d99e;
    --charak-navy: #061326;
    --charak-blue: #00488e;
    --charak-red: #f3272d;
    --charak-curve-top: #1c689f;
    --charak-curve-bottom: #00aeef;
    position: relative;
    width: 100%;
    min-height: 850px;
    padding: 125px 0 120px;
    overflow: hidden;
    isolation: isolate;
    color: #fff;
    background: radial-gradient(circle at 50% 42%, rgba(0,72,142,.22), transparent 34%), linear-gradient(120deg, #020811 0%, #061326 38%, #071a33 65%, #020711 100%);
}

body.charak-home .charak-showcase-curve {
    position: absolute;
    z-index: 12;
    left: 0;
    width: 100%;
    height: 92px;
    pointer-events: none;
}

    body.charak-home .charak-showcase-curve path {
        fill: currentColor;
    }

body.charak-home .charak-showcase-curve--top {
    top: -1px;
    color: var(--charak-curve-top);
    transform: translateY(-1px);
}

body.charak-home .charak-showcase-curve--bottom {
    bottom: -1px;
    color: #FFFFFF;
    transform: translateY(1px);
}

body.charak-home .charak-curtain-fabric {
    position: absolute;
    z-index: -4;
    inset: 0;
    overflow: hidden;
    background: radial-gradient(ellipse at 50% 16%, rgba(30,82,145,.34), transparent 42%), repeating-linear-gradient(98deg, rgba(255,255,255,.025) 0 4%, rgba(0,0,0,.22) 8%, rgba(31,76,132,.16) 14%, rgba(0,0,0,.38) 20%), linear-gradient(135deg,#030914,#071a34 48%,#020711);
    transform: scale(1.05);
    animation: charakaFabricDrift 13s ease-in-out infinite alternate;
}

    body.charak-home .charak-curtain-fabric:before,
    body.charak-home .charak-curtain-fabric:after {
        content: '';
        position: absolute;
        inset: -15% -10%;
        background: radial-gradient(ellipse at 15% 40%, rgba(24,82,151,.25), transparent 35%), radial-gradient(ellipse at 85% 65%, rgba(0,72,142,.22), transparent 36%);
        filter: blur(16px);
        opacity: .85;
    }

    body.charak-home .charak-curtain-fabric:after {
        transform: rotate(180deg);
        opacity: .45;
    }

body.charak-home .charak-curtain-fold {
    position: absolute;
    top: -12%;
    bottom: -18%;
    width: 36%;
    border-radius: 48% 52% 42% 58%;
    background: linear-gradient(90deg, rgba(0,0,0,.8), rgba(21,62,111,.35) 46%, rgba(255,255,255,.045) 55%, rgba(0,0,0,.72));
    filter: blur(1px);
    opacity: .72;
    transform-origin: top center;
}

body.charak-home .charak-curtain-fold--1 {
    left: -10%;
    transform: rotate(-10deg);
    animation: charakaFoldOne 11s ease-in-out infinite alternate;
}

body.charak-home .charak-curtain-fold--2 {
    left: 22%;
    width: 30%;
    transform: rotate(8deg);
    animation: charakaFoldTwo 14s ease-in-out infinite alternate;
}

body.charak-home .charak-curtain-fold--3 {
    right: 18%;
    width: 31%;
    transform: rotate(-7deg);
    animation: charakaFoldOne 15s ease-in-out infinite alternate-reverse;
}

body.charak-home .charak-curtain-fold--4 {
    right: -11%;
    transform: rotate(11deg);
    animation: charakaFoldTwo 12s ease-in-out infinite alternate-reverse;
}

body.charak-home .charak-showcase-sheen {
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(112deg, transparent 30%, rgba(255,255,255,.085) 47%, transparent 59%);
    transform: translateX(-125%);
    animation: charakaShowcaseSheen 8s ease-in-out infinite;
    mix-blend-mode: screen;
}

body.charak-home .charak-showcase-dust {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .5;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(232,189,103,.9) 0 1px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.66) 0 1px, transparent 2px), radial-gradient(circle, rgba(243,39,45,.42) 0 1px, transparent 2px);
    background-size: 83px 83px, 131px 131px, 173px 173px;
    background-position: 0 0, 42px 23px, 80px 15px;
    animation: charakaShowcaseDust 21s linear infinite;
    -webkit-mask-image: linear-gradient(to bottom, transparent 4%, #000 19%, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, transparent 4%, #000 19%, #000 88%, transparent);
}

body.charak-home .charak-showcase-watermark {
    position: absolute;
    z-index: -2;
    color: rgba(35,92,158,.18);
    pointer-events: none;
    user-select: none;
}

body.charak-home .charak-showcase-watermark--left {
    left: 2%;
    top: 20%;
    font: 700 clamp(70px,11vw,170px)/1 Montserrat,serif;
    letter-spacing: -10px;
    transform: rotate(-2deg);
}

body.charak-home .charak-showcase-watermark--right {
    right: 8%;
    top: 25%;
    font-size: clamp(130px,18vw,260px);
    opacity: .35;
}

body.charak-home .charak-showcase-inner {
    position: relative;
    z-index: 3;
}

body.charak-home .charak-showcase-copy {
    max-width: 1020px;
    margin: 0 auto;
    text-align: center;
}

body.charak-home .charak-showcase-presents {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-bottom: 14px;
    color: var(--charak-gold);
    font: italic 31px/1.2 Montserrat,serif;
}

    body.charak-home .charak-showcase-presents span {
        width: 44px;
        height: 1px;
        background: var(--charak-gold);
    }

body.charak-home .charak-showcase-copy h1 {
    margin: 0;
    color: var(--charak-gold-light);
    font: 500 clamp(54px,7.3vw,112px)/.98 Montserrat,serif;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-shadow: 0 5px 28px rgba(0,0,0,.62), 0 0 24px rgba(217,179,106,.11);
}

body.charak-home .charak-showcase-title-rule {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 24px auto 25px;
    color: var(--charak-red);
}

    body.charak-home .charak-showcase-title-rule i {
        width: 150px;
        height: 1px;
        background: var(--charak-red);
    }

    body.charak-home .charak-showcase-title-rule span {
        font-size: 25px;
    }

body.charak-home .charak-showcase-copy p {
    max-width: 820px;
    margin: 0 auto;
    font-size: clamp(17px,1.55vw,24px);
    line-height: 1.55;
    color: rgba(255,255,255,.94);
}

body.charak-home .charak-showcase-award-line {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 26px auto 17px;
    color: var(--charak-gold);
}

    body.charak-home .charak-showcase-award-line span {
        width: 95px;
        height: 1px;
        background: linear-gradient(90deg,transparent,var(--charak-gold));
    }

        body.charak-home .charak-showcase-award-line span:last-child {
            transform: rotate(180deg);
        }

body.charak-home .charak-showcase-note {
    color: var(--charak-gold-light);
    font-size: 17px;
}

body.charak-home .charak-showcase-actions {
    display: flex;
    justify-content: center;
    gap: 28px;
    margin-top: 35px;
}

body.charak-home .charak-showcase-btn {
    min-width: 245px;
    padding: 18px 25px;
    border: 1px solid var(--charak-gold);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}

    body.charak-home .charak-showcase-btn i {
        margin-left: 10px;
    }

body.charak-home .charak-showcase-btn--primary {
    background: var(--charak-red);
    border-color: var(--charak-red);
    box-shadow: 0 10px 26px rgba(243,39,45,.19);
}

body.charak-home .charak-showcase-btn--outline {
    background: rgba(4,18,39,.55);
}

body.charak-home .charak-showcase-btn:hover,
body.charak-home .charak-showcase-btn:focus {
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(0,0,0,.32);
    text-decoration: none;
}

body.charak-home .charak-maharishi-toggle {
    width: min(1050px,92%);
    min-height: 118px;
    margin: 52px auto 0;
    padding: 14px 24px;
    display: grid;
    grid-template-columns: 95px 1fr 72px 220px;
    align-items: center;
    text-align: left;
    border: 1px solid rgba(217,179,106,.78);
    background: linear-gradient(110deg,rgba(8,28,57,.95),rgba(4,16,35,.92));
    color: var(--charak-gold-light);
    box-shadow: 0 20px 45px rgba(0,0,0,.35), inset 0 0 32px rgba(217,179,106,.035);
    transition: transform .35s ease, box-shadow .35s ease;
}

    body.charak-home .charak-maharishi-toggle:hover {
        transform: translateY(-4px);
        box-shadow: 0 24px 52px rgba(0,0,0,.48), 0 0 24px rgba(217,179,106,.08);
    }

body.charak-home .charak-maharishi-icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--charak-gold);
    border-radius: 50%;
    font-size: 31px;
}

body.charak-home .charak-maharishi-label {
    padding-left: 24px;
    border-left: 1px solid rgba(217,179,106,.36);
    font: 500 clamp(20px,2vw,31px)/1.2 Montserrat,serif;
    text-transform: uppercase;
}

    body.charak-home .charak-maharishi-label small {
        display: block;
        margin-bottom: 5px;
        color: var(--charak-red);
        font: 800 10px Arial,sans-serif;
        letter-spacing: .18em;
    }

body.charak-home .charak-maharishi-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    border-left: 1px solid rgba(217,179,106,.36);
    font-size: 27px;
}

body.charak-home .charak-maharishi-read {
    padding: 18px 22px;
    border: 1px solid var(--charak-gold);
    text-align: center;
    font: 600 17px Montserrat,serif;
    text-transform: uppercase;
}

    body.charak-home .charak-maharishi-read i {
        margin-left: 12px;
    }

body.charak-home .charak-showcase-about {
    width: min(1050px,92%);
    margin: 0 auto;
}

    body.charak-home .charak-showcase-about[hidden] {
        display: none !important;
    }

body.charak-home .charak-showcase-about-card {
    position: relative;
    padding: 42px 52px;
    border: 1px solid rgba(217,179,106,.72);
    border-top: 0;
    background: linear-gradient(135deg,rgba(13,42,78,.98),rgba(4,17,37,.98));
    box-shadow: 0 25px 55px rgba(0,0,0,.34);
    animation: charakaAboutReveal .5s ease both;
}

    body.charak-home .charak-showcase-about-card h2 {
        margin: 6px 0 16px;
        color: var(--charak-gold-light);
        font: 500 clamp(27px,3vw,43px)/1.1 Montserrat,serif;
        text-transform: uppercase;
    }

    body.charak-home .charak-showcase-about-card p {
        margin: 0 0 13px;
        color: rgba(255,255,255,.86);
        font-size: 16px;
        line-height: 1.8;
    }

body.charak-home .charak-maharishi-kicker {
    color: var(--charak-red);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body.charak-home .charak-maharishi-tags span {
    display: inline-block;
    margin: 10px 8px 0 0;
    padding: 7px 12px;
    border: 1px solid rgba(217,179,106,.45);
    color: var(--charak-gold-light);
    font-size: 12px;
}

body.charak-home .charak-showcase-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--charak-gold);
    background: transparent;
    color: var(--charak-gold);
}

/* Scroll reveal */
body.charak-home .js-charaka-reveal .charak-showcase-presents,
body.charak-home .js-charaka-reveal .charak-showcase-copy h1,
body.charak-home .js-charaka-reveal .charak-showcase-title-rule,
body.charak-home .js-charaka-reveal .charak-showcase-copy p,
body.charak-home .js-charaka-reveal .charak-showcase-award-line,
body.charak-home .js-charaka-reveal .charak-showcase-note,
body.charak-home .js-charaka-reveal .charak-showcase-actions,
body.charak-home .js-charaka-reveal .charak-maharishi-toggle {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.25,1);
}

body.charak-home .js-charaka-reveal.is-visible .charak-showcase-presents {
    opacity: 1;
    transform: none;
    transition-delay: .08s;
}

body.charak-home .js-charaka-reveal.is-visible .charak-showcase-copy h1 {
    opacity: 1;
    transform: none;
    transition-delay: .16s;
}

body.charak-home .js-charaka-reveal.is-visible .charak-showcase-title-rule {
    opacity: 1;
    transform: none;
    transition-delay: .25s;
}

body.charak-home .js-charaka-reveal.is-visible .charak-showcase-copy p {
    opacity: 1;
    transform: none;
    transition-delay: .32s;
}

body.charak-home .js-charaka-reveal.is-visible .charak-showcase-award-line,
body.charak-home .js-charaka-reveal.is-visible .charak-showcase-note {
    opacity: 1;
    transform: none;
    transition-delay: .4s;
}

body.charak-home .js-charaka-reveal.is-visible .charak-showcase-actions {
    opacity: 1;
    transform: none;
    transition-delay: .5s;
}

body.charak-home .js-charaka-reveal.is-visible .charak-maharishi-toggle {
    opacity: 1;
    transform: none;
    transition-delay: .62s;
}

@keyframes charakaFabricDrift {
    from {
        transform: scale(1.05) translate3d(-1%,0,0)
    }

    to {
        transform: scale(1.08) translate3d(1%,1%,0)
    }
}

@keyframes charakaFoldOne {
    from {
        translate: -2% 0;
        scale: 1 1
    }

    to {
        translate: 3% 1%;
        scale: 1.08 1
    }
}

@keyframes charakaFoldTwo {
    from {
        translate: 2% 0;
        scale: 1.03 1
    }

    to {
        translate: -3% 1%;
        scale: .96 1.02
    }
}

@keyframes charakaShowcaseSheen {
    0%,18% {
        transform: translateX(-125%)
    }

    58%,100% {
        transform: translateX(125%)
    }
}

@keyframes charakaShowcaseDust {
    to {
        background-position: 83px 166px,-89px 154px,173px 90px
    }
}

@keyframes charakaAboutReveal {
    from {
        opacity: 0;
        transform: translateY(-16px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@media (max-width: 991px) {
    body.charak-home .charak-awards-showcase {
        min-height: 780px;
        padding-top: 115px;
    }

    body.charak-home .charak-maharishi-toggle {
        grid-template-columns: 76px 1fr 58px 165px;
    }

    body.charak-home .charak-maharishi-icon {
        width: 60px;
        height: 60px;
    }

    body.charak-home .charak-maharishi-label {
        padding-left: 16px;
    }

    body.charak-home .charak-maharishi-read {
        padding: 15px 10px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    body.charak-home .charak-awards-showcase {
        min-height: auto;
        padding: 105px 20px 105px;
    }

    body.charak-home .charak-showcase-curve {
        height: 55px;
    }

    body.charak-home .charak-showcase-presents {
        font-size: 23px;
    }

        body.charak-home .charak-showcase-presents span {
            width: 28px;
        }

    body.charak-home .charak-showcase-copy h1 {
        font-size: clamp(43px,13vw,65px);
    }

    body.charak-home .charak-showcase-title-rule i {
        width: 70px;
    }

    body.charak-home .charak-showcase-copy p {
        font-size: 15px;
    }

    body.charak-home .charak-showcase-note {
        font-size: 13px;
        line-height: 1.5;
    }

    body.charak-home .charak-showcase-actions {
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }

    body.charak-home .charak-showcase-btn {
        width: 100%;
        max-width: 300px;
        min-width: 0;
    }

    body.charak-home .charak-maharishi-toggle {
        width: 100%;
        min-height: 0;
        padding: 18px;
        grid-template-columns: 56px 1fr 40px;
        grid-template-areas: 'icon label plus' 'read read read';
        row-gap: 16px;
    }

    body.charak-home .charak-maharishi-icon {
        grid-area: icon;
        width: 48px;
        height: 48px;
        font-size: 21px;
    }

    body.charak-home .charak-maharishi-label {
        grid-area: label;
        font-size: 18px;
    }

    body.charak-home .charak-maharishi-plus {
        grid-area: plus;
        min-height: 54px;
    }

    body.charak-home .charak-maharishi-read {
        grid-area: read;
        width: 100%;
    }

    body.charak-home .charak-showcase-about {
        width: 100%;
    }

    body.charak-home .charak-showcase-about-card {
        padding: 38px 22px 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.charak-home .charak-curtain-fabric,
    body.charak-home .charak-curtain-fold,
    body.charak-home .charak-showcase-sheen,
    body.charak-home .charak-showcase-dust,
    body.charak-home .charak-showcase-about-card {
        animation: none !important;
    }

    body.charak-home .js-charaka-reveal * {
        transition: none !important;
    }
}


/* Unified seamless curved section separators */
body.charak-home .charak-awards-showcase {
    margin-top: -1px;
    margin-bottom: -1px;
}

    body.charak-home .charak-awards-showcase + .charak-register-strip {
        margin-top: -1px;
    }

body.charak-home .IndexbannerContainer,
body.charak-home .charak-register-strip,
body.charak-home .AboutIDA,
body.charak-home .about_sushrut,
body.charak-home .sectionWithPad,
body.charak-home .GalleryContainer {
    overflow: hidden;
}

    body.charak-home .charak-register-strip:after,
    body.charak-home .AboutIDA:not([style*="display: none"]):after,
    body.charak-home .about_sushrut:after,
    body.charak-home .sectionWithPad:after,
    body.charak-home .GalleryContainer:after {
        box-shadow: 0 2px 0 var(--curve-next, var(--charaka-blue));
    }

@media (max-width: 767px) {
    body.charak-home .IndexbannerContainer:not([style*="display: none"]):not(:last-child),
    body.charak-home .charak-register-strip,
    body.charak-home .AboutIDA:not([style*="display: none"]),
    body.charak-home .about_sushrut,
    body.charak-home .sectionWithPad,
    body.charak-home .GalleryContainer {
        padding-bottom: 58px !important;
    }

        body.charak-home .charak-register-strip:after,
        body.charak-home .AboutIDA:not([style*="display: none"]):after,
        body.charak-home .about_sushrut:after,
        body.charak-home .sectionWithPad:after,
        body.charak-home .GalleryContainer:after {
            height: 58px;
        }

    body.charak-home .charak-showcase-curve {
        height: 58px;
    }
}

/* Clear banner image: remove blue colour overlays from the slider artwork */
body.charak-home .IndexbannerContainer #Indexbanner .item::after,
body.charak-home .IndexbannerContainer #Indexbanner::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
}

/* Disable the large translucent colour layers that sit over the banner image. */
body.charak-home .IndexbannerContainer:not([style*="display: none"])::before,
body.charak-home .IndexbannerContainer:not([style*="display: none"])::after {
    content: none !important;
    display: none !important;
}

body.charak-home .IndexbannerContainer #Indexbanner img {
    opacity: 1 !important;
    filter: none !important;
}

/* ==========================================================
   Reusable ambient fabric treatment for every non-white section
   The matching markup is injected by Index.cshtml only when the
   rendered section has a non-white background.
   ========================================================== */
body.charak-home .charak-ambient-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    --charak-surface-rgb: 6, 19, 38;
    --charak-surface-deep-rgb: 2, 8, 18;
    --charak-surface-light-rgb: 30, 82, 145;
    --charak-connector-color: #ffffff;
    --charak-top-connector-color: #ffffff;
}

/* Remove the older black dome separators so every transition uses one curve. */
body.charak-home .charak-register-strip:after,
body.charak-home .AboutIDA:not([style*="display: none"]):after,
body.charak-home .about_sushrut:after,
body.charak-home .sectionWithPad:after,
body.charak-home .GalleryContainer:after {
    content: none !important;
    display: none !important;
}

body.charak-home .charak-ambient-section > :not(.charak-curtain-fabric):not(.charak-showcase-dust):not(.charak-showcase-sheen):not(.charak-section-connector):not(.charak-showcase-curve) {
    position: relative;
    z-index: 3;
}

body.charak-home .charak-ambient-section > .charak-curtain-fabric {
    z-index: 0;
    background: radial-gradient(ellipse at 50% 14%, rgba(var(--charak-surface-light-rgb), .30), transparent 43%), repeating-linear-gradient(98deg, rgba(255,255,255,.035) 0 4%, rgba(var(--charak-surface-deep-rgb), .22) 8%, rgba(var(--charak-surface-light-rgb), .16) 14%, rgba(var(--charak-surface-deep-rgb), .34) 20%), linear-gradient(135deg, rgb(var(--charak-surface-deep-rgb)), rgb(var(--charak-surface-rgb)) 48%, rgb(var(--charak-surface-deep-rgb)));
}

body.charak-home .charak-ambient-section > .charak-showcase-dust {
    z-index: 1;
}

body.charak-home .charak-ambient-section > .charak-showcase-sheen {
    z-index: 2;
}

/* Light coloured sections keep their original colour family. */
body.charak-home .charak-ambient-section.charak-ambient-section--light > .charak-curtain-fabric {
    background: radial-gradient(ellipse at 50% 14%, rgba(255,255,255,.72), transparent 45%), repeating-linear-gradient(98deg, rgba(255,255,255,.10) 0 4%, rgba(var(--charak-surface-deep-rgb), .075) 8%, rgba(var(--charak-surface-light-rgb), .10) 14%, rgba(var(--charak-surface-deep-rgb), .09) 20%), linear-gradient(135deg, rgb(var(--charak-surface-rgb)), rgb(var(--charak-surface-light-rgb)) 48%, rgb(var(--charak-surface-rgb)));
}

body.charak-home .charak-ambient-section.charak-ambient-section--light > .charak-showcase-dust {
    opacity: .18;
    mix-blend-mode: multiply;
}

body.charak-home .charak-ambient-section.charak-ambient-section--light > .charak-showcase-sheen {
    opacity: .30;
    mix-blend-mode: soft-light;
}

body.charak-home .charak-ambient-section.charak-ambient-section--light > .charak-curtain-fabric:before,
body.charak-home .charak-ambient-section.charak-ambient-section--light > .charak-curtain-fabric:after {
    opacity: .22;
}

body.charak-home .charak-ambient-section.charak-ambient-section--light .charak-curtain-fold {
    opacity: .13;
    background: linear-gradient(90deg, rgba(var(--charak-surface-deep-rgb), .32), rgba(255,255,255,.28) 48%, rgba(var(--charak-surface-deep-rgb), .24));
}

/* Banner image remains clear; only dust and sheen pass over it. */
body.charak-home .IndexbannerContainer.charak-ambient-section > #Indexbanner {
    z-index: 1;
}

body.charak-home .IndexbannerContainer.charak-ambient-section > .charak-showcase-dust {
    z-index: 2;
}

body.charak-home .IndexbannerContainer.charak-ambient-section > .charak-showcase-sheen {
    z-index: 3;
}

body.charak-home .IndexbannerContainer.charak-ambient-section > .container {
    z-index: 4;
}

/* One continuous curved connector between consecutive visible sections. */
body.charak-home .charak-section-connector {
    position: absolute;
    z-index: 12;
    left: 0;
    width: 100%;
    height: 88px;
    pointer-events: none;
}

    body.charak-home .charak-section-connector path {
        fill: currentColor;
    }

body.charak-home .charak-section-connector--bottom {
    bottom: -1px;
    color: var(--charak-connector-color);
    transform: translateY(1px);
}

body.charak-home .charak-section-connector--top {
    top: -1px;
    color: var(--charak-top-connector-color);
    transform: translateY(-1px);
}

body.charak-home .charak-showcase-curve--bottom {
    color: var(--charak-connector-color, #ffffff) !important;
}

body.charak-home .charak-showcase-curve--top {
    color: var(--charak-top-connector-color, var(--charak-curve-top)) !important;
}

/* Sections whose actual rendered background is white receive no fabric layers. */
body.charak-home .charak-section-is-white > .charak-curtain-fabric,
body.charak-home .charak-section-is-white > .charak-showcase-dust,
body.charak-home .charak-section-is-white > .charak-showcase-sheen {
    display: none !important;
}

@media (max-width: 767px) {
    body.charak-home .charak-section-connector {
        height: 58px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.charak-home .charak-ambient-section > .charak-curtain-fabric,
    body.charak-home .charak-ambient-section > .charak-curtain-fabric .charak-curtain-fold,
    body.charak-home .charak-ambient-section > .charak-showcase-dust,
    body.charak-home .charak-ambient-section > .charak-showcase-sheen {
        animation: none !important;
    }
}

/* Header mobile sizing refinement: preserves the existing menu behavior and logo artwork. */
@media (max-width: 991px) {
    body.charak-home #header .topmenu {
        position: relative;
        min-height: 64px;
        padding: 0 16px 0 58px;
    }

    body.charak-home #header .header-logo {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 64px;
        display: flex;
        align-items: center;
    }

        body.charak-home #header .header-logo .logo {
            width: min(230px, calc(100vw - 92px));
            max-width: 100%;
            height: 54px;
            background-position: left center;
            background-size: contain;
        }

    body.charak-home #toggle {
        position: absolute;
        z-index: 1202;
        top: 50%;
        left: 14px;
        padding: 10px;
        transform: translateY(-50%);
    }

    html.open-menu body.charak-home #toggle {
        position: fixed;
        top: 32px;
        left: 14px;
        transform: translateY(-50%) !important;
    }
}

@media (max-width: 480px) {
    body.charak-home #header .topmenu {
        min-height: 60px;
        padding-left: 54px;
        padding-right: 12px;
    }

    body.charak-home #header .header-logo {
        height: 60px;
    }

        body.charak-home #header .header-logo .logo {
            width: min(205px, calc(100vw - 82px));
            height: 50px;
        }
}