:root {
            --icfai-blue: #393185;
            --icfai-red: #bd2440;
            --light-bg: #f8f9fb;
        }

        h5 {
            color: #393185;
            font-weight: 600;
        }

        html,
        body {
            height: 100%;
        }

        body {
            font-family: 'Segoe UI', sans-serif;
            background: var(--light-bg);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* HEADER */
        .navbar {
            background: #ffffff !important;
            padding: 12px 0;
            color: #f8f9fb;
        }

        .navbar .navbar-brand img {
            max-height: 52px;
            object-fit: contain;
        }



        .navbar-nav a:hover {
            color: var(--icfai-red) !important;
        }

        /* Toggler color */
        .navbar-toggler {
            border-color: rgba(57, 49, 133, 0.15);
        }

        /* HERO SECTION */
      

        /* fallback bg color if image missing */
        .hero.no-img {
            background: linear-gradient(135deg, var(--icfai-blue), #23225a);
        }

        .hero h1 {
            font-size: 2.6rem;
            font-weight: 700;
            line-height: 1.08;
        }

        .hero p.lead {
            opacity: 0.95;
        }

        .hero-btn {
            padding: 12px 26px;
            border-radius: 50px;
            font-weight: 600;
        }

        /* SECTION TITLES */
        .section-title {
            font-size: 1.6rem;
            font-weight: 700;
            color: #000000;
            letter-spacing: 0.4px;
        }

        /* ADVANTAGE CARDS */
        .adv-card {
            background: #fff;
            padding: 20px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
            transition: 0.28s;
            min-height: 170px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .card {
            border: 0;
        }

        .adv-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
        }

        .adv-card i {
            color: var(--icfai-blue);
        }

        /* RANK BOX */
        .rank-box {
            padding: 18px;
            border-radius: 10px;
            text-align: center;
            background: #f8f9fa;
            transition: 0.25s;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        .rank-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        }

        /* CTA BOX */
        .cta-section {
            background: var(--icfai-blue);
            color: #fff;
            padding: 50px 0;
            text-align: center;
        }

        /* FOOTER */
        footer {
            background: var(--icfai-red);
            color: #fff;
            padding: 25px 0;
        }

        footer a {
            color: #fff !important;
            margin: 0 8px;
        }

        /* Eligibility cards */
        .eligibility-card {
            border-radius: 10px;
            transition: 0.25s;
        }

        .eligibility-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
        }

        /* Table tweaks */
        .table thead tr th {
            vertical-align: middle;
        }

        /* Responsive tweaks */
        @media (max-width: 991.98px) {
            .hero {
                padding: 70px 0;
                min-height: 380px;
            }

            .hero h1 {
                font-size: 2.2rem;
            }
        }

        @media (max-width: 575.98px) {
            .hero {
                padding: 42px 0;
                min-height: 320px;
            }

            .hero h1 {
                font-size: 1.6rem;
                text-align: center;
            }

            .hero p.lead {
                text-align: center;
                font-size: 0.98rem;
            }

            /* stack CTA buttons on small screens */
            .hero .btn {
                display: block;
                width: 100%;
                margin-bottom: 10px;
            }

            /* center badges */
            .hero .bg-light {
                display: inline-block;
                width: auto;
            }

            /* navbar spacing */
            .navbar-nav {
                margin-top: 8px;
            }
        }

        /* make accordion buttons more readable on small screens */
        .accordion-button {
            font-weight: 600;
            color: var(--icfai-blue);
        }

        /* make the table scroll less jumpy on very small screens */
        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .custom-navbar {
            transition: background-color 0.3s ease, padding 0.3s ease;
            background-color: transparent !important;

        }


        .navbar-nav a {
            font-weight: 600;
            color: #f8f9fb;
        }

        .nav-scrolled {
            background-color: #393185 !important;
            /* Your navbar background on scroll */
            padding-top: 5px;
            padding-bottom: 5px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .rank-box {
            padding: 25px;
            border-radius: 10px;
            text-align: center;
            background: #f8f9fa;
            transition: 0.3s;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        /* Light color variations */
        .rank-1 {
            background: #e8f4ff;
        }

        /* Light Blue */
        .rank-2 {
            background: #eafaea;
        }

        /* Light Green */
        .rank-3 {
            background: #fff3e6;
        }

        /* Light Orange */
        .rank-4 {
            background: #f3e8ff;
        }

        /* Light Purple */
        .rank-5 {
            background: #ffe8f1;
        }

        /* Light Pink */
        .rank-6 {
            background: #e8fff4;
        }

        /* Mint Green */

        .rank-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .naac-card {
            border-radius: 10px;
            background: #ffffff;
            border: 1px solid #eee;
        }

        .naac-logo {
            object-fit: contain;
        }

        .lead {
            font-weight: 500;
        }

        .text {
            text-align: justify;
        }

        .rank-box {

            border-radius: 12px;
            padding: 20px;
            border: 1px solid #eee;
            transition: 0.3s ease;
            min-height: 150px;
        }

        .rank-icon {
            height: 67px;
            width: auto;
            display: block;
        }

        .rank-box h5 {
            font-weight: 700;
            margin-bottom: 6px;
        }

        .rank-box:hover {
            background: #f8f9ff;
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
            transform: translateY(-4px);
        }

        .Academic {
            background-color: #6f87f54a;
        }

     

        .slide--action {
            background: #ffffff56;
            padding: 20px;
			border-radius: 25px;
        }