/* =============================================================
   Acharya Jagadish Chandra Bose College — Main Stylesheet
   Extracted from index.html
   ============================================================= */

:root {
            --primary-color: #6b6245;
            --secondary-color: #554b28;
            --accent-color: #d4af37;
            --light-bg: #f8f9fa;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #333;
        }

        
/* Header Section with PROMINENT Background Texture */
/* Header Section with Wave Texture - Dark Right Side, Fade to Light Left */
.top-header {
    background: #e0d7d1;
    color: #333;
    padding: 20px 0;
    border-bottom: 3px solid var(--accent-color);
    position: relative;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}

.top-header::before {
    display: none;
}

.top-header::after {
    display: none;
}

.top-header .container {
    position: relative;
    z-index: 1;
}



        .college-logo {
			width:100%;
            /*height: 110px;*/
			height:auto;
			overflow:hidden;
        }

        .college-title h1 {
            font-size: 1.60rem;
            font-weight: 700;
            margin: 0;
            line-height: 1.2;
            color: #1a5c2a;
        }

        .college-title p {
            margin: 5px 0 0 0;
            font-size: 1.0rem;
            color: #00008b;
        }

        .header-contact {
            text-align: right;
        }

        .header-right {
            text-align: right;
        }

        .search-box .input-group {
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            border-radius: 5px;
            overflow: hidden;
        }

        .search-box input {
            border: 1px solid #ddd;
            padding: 7px 12px;
        }

        .btn-search {
            background: var(--primary-color);
            color: white;
            border: none;
            padding: 0 15px;
        }

        .btn-search:hover {
            background: var(--secondary-color);
        }

        .btn-admission {
            background: linear-gradient(135deg, #d4af37, #f0cc60, #b8941f);
            color: #333;
            font-weight: 600;
            border: none;
            padding: 7px 14px;
            border-radius: 7px;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s;
        }

        .btn-admission:hover {
            background: linear-gradient(135deg, #b8941f, #d4af37, #c4a137);
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(212, 175, 55, 0.3);
            color: #fff;
            border-radius: 10px;
        }

        .btn-admission i {
            margin-right: 5px;
        }

        #btn-bed-admission {
            background: linear-gradient(135deg, #6b3a2a, #a0522d, #7b4a1e);
            color: #fff;
            border: none;
        }

        #btn-bed-admission:hover {
            background: linear-gradient(135deg, #7b4a1e, #8b3a1a, #6b3a2a);
            color: #fff;
            box-shadow: 0 4px 8px rgba(107, 58, 42, 0.4);
        }

        /* Certifications Section - IMPROVED */
        .certifications-wrapper {
            margin-top: 15px;
            padding: 15px;
            background: linear-gradient(135deg, rgba(26, 77, 46, 0.03), rgba(79, 121, 66, 0.03));
            border-radius: 8px;
            border: 1px solid rgba(26, 77, 46, 0.1);
        }

        .cert-header {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
            color: var(--primary-color);
            font-weight: 600;
            font-size: 0.9rem;
        }

        .cert-header i {
            font-size: 1.1rem;
            color: var(--accent-color);
        }

        .cert-badges-container {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        .cert-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: white;
            padding: 6px 8px;
            border-radius: 6px;
            text-decoration: none;
            color: var(--primary-color);
            font-size: 0.85rem;
            font-weight: 600;
            border: 2px solid var(--primary-color);
            transition: all 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.08);
        }

        .cert-badge:hover {
            background: var(--primary-color);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(26, 77, 46, 0.2);
        }

        .cert-badge i {
            font-size: 0.8rem;
            color: var(--accent-color);
        }

        .cert-badge:hover i {
            color: var(--accent-color);
        }

        .cert-badge-label {
            font-size: 0.75rem;
            color: #666;
            font-weight: 500;
        }

        .header-contact-item {
            margin-bottom: 8px;
            font-size: 0.9rem;
            color: #333;
        }

        .header-contact-item i {
            margin-right: 8px;
            color: var(--primary-color);
        }

        /* Navigation */
        .navbar {
            background: #6b6245 !important;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding: 0;
            position: relative;
        }

        .navbar-nav {
            width: 100%;
        }

        .nav-item {
            position: relative;
        }

        .navbar .nav-link,
        .navbar .nav-link:link,
        .navbar .nav-link:visited {
            color: #fff !important;
            font-weight: 500;
            padding: 18px 20px !important;
            transition: all 0.3s;
            border-bottom: 3px solid transparent;
        }

        .navbar .nav-link:hover,
        .navbar .nav-link:focus {
            background: rgba(255,255,255,0.12);
            border-bottom: 3px solid var(--accent-color);
            color: #fff !important;
        }

        .navbar .nav-link.active {
            color: var(--accent-color) !important;
            border-bottom: 3px solid var(--accent-color);
        }

        /* Responsive menu link color overrides */
        .main-nav .rm-nav > ul > li > a,
        .main-nav .rm-container a,
        .main-nav .rm-nav ul li a,
        .main-nav .rm-nav a,
        nav.main-nav a {
            color: #fff !important;
        }

        .main-nav .rm-nav > ul > li > a:hover,
        .main-nav .rm-nav > ul > li.active > a {
            color: var(--accent-color) !important;
            background: rgba(255,255,255,0.1) !important;
        }

        /* Force single horizontal row - DESKTOP ONLY */
        @media (min-width: 992px) {
        .main-nav .rm-container,
        .main-nav .rm-nav,
        .main-nav .rm-nav.rm-nojs {
            display: block !important;
            width: 100% !important;
        }

        .main-nav .rm-nav > ul,
        .main-nav .rm-nav.rm-nojs > ul {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
            overflow: visible !important;
        }

        .main-nav .rm-nav > ul > li {
            flex: 1 1 auto !important;
            white-space: nowrap !important;
            position: relative !important;
        }

        .main-nav .rm-nav > ul > li > a {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 16px 10px !important;
            font-size: 0.82rem !important;
            font-weight: 600 !important;
            letter-spacing: 0.2px !important;
            border-bottom: 3px solid transparent !important;
            transition: all 0.3s !important;
            text-align: center !important;
        }

        .main-nav .rm-nav > ul > li > a:hover {
            border-bottom-color: var(--accent-color) !important;
        }

        .main-nav .rm-toggle {
            display: none !important;
        }

        /* Dropdown submenu background */
        .main-nav .rm-nav ul ul,
        .main-nav .rm-nav > ul > li > ul,
        .main-nav .rm-nav li ul {
            background: #a9a680 !important;
            border: none !important;
            border-radius: 0 0 6px 6px !important;
            box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
            min-width: 200px !important;
        }

        .main-nav .rm-nav ul ul li a,
        .main-nav .rm-nav > ul > li > ul li a,
        .main-nav .rm-nav li ul li a {
            color: #fff !important;
            padding: 10px 16px !important;
            font-size: 0.82rem !important;
            border-bottom: 1px solid rgba(255,255,255,0.1) !important;
            display: block !important;
        }

        .main-nav .rm-nav ul ul li a:hover,
        .main-nav .rm-nav li ul li a:hover {
            background: #8a8460 !important;
            color: #fff !important;
        }
        } /* end @media min-width 992px */

        /* Hero Carousel */
        .hero-carousel {
            position: relative;
            width: 100%;
            overflow: hidden;
        }

        .hero-carousel .carousel-item {
            width: 100%;
        }

        .hero-carousel .carousel-item img {
            width: 100%;
            height: auto;
            display: block;
            filter: brightness(0.9);
        }

        .hero-carousel .carousel-caption {
            background: rgba(169, 166, 128, 0.85);
            padding: 10px 20px;
            border-radius: 10px;
            bottom: 80px;
            left: 10%;
            right: 10%;
        }

        .hero-carousel .carousel-caption h2 {
            font-size: 1.75rem;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .hero-carousel .carousel-control-prev-icon,
        .hero-carousel .carousel-control-next-icon {
            background-color: var(--primary-color);
            border-radius: 50%;
            padding: 20px;
        }

        /* Hero Notice Sidebar */
        .hero-row {
            display: flex;
            flex-wrap: wrap;
        }

        .hero-row > .col-lg-3 {
            display: flex;
            flex-direction: column;
        }

        .hero-notice-sidebar {
            background: #4a4430;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            flex: 1;
        }

        .hero-notice-sidebar .sidebar-header {
            background: var(--accent-color);
            color: #333;
            padding: 14px 16px;
            font-weight: 700;
            font-size: 0.95rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            flex-shrink: 0;
        }

        .hero-notice-sidebar .sidebar-header i {
            font-size: 1.1rem;
        }

        .hero-notice-sidebar .sidebar-notice-list {
            flex: 1;
            overflow-y: auto;
            padding: 0;
            margin: 0;
            list-style: none;
			max-height:315px;
            scrollbar-width: thin;
            scrollbar-color: var(--accent-color) rgba(255,255,255,0.06);
        }

        .hero-notice-sidebar .sidebar-notice-list::-webkit-scrollbar {
            width: 6px;
        }

        .hero-notice-sidebar .sidebar-notice-list::-webkit-scrollbar-track {
            background: rgba(255,255,255,0.06);
            border-radius: 10px;
            margin: 8px 0;
        }

        .hero-notice-sidebar .sidebar-notice-list::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, var(--accent-color), #b8941f);
            border-radius: 10px;
            box-shadow: 0 0 6px rgba(212, 175, 55, 0.35);
            border: 1px solid rgba(255,255,255,0.1);
        }

        .hero-notice-sidebar .sidebar-notice-list::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, #e6c44a, var(--accent-color));
            box-shadow: 0 0 10px rgba(212, 175, 55, 0.6);
        }

        .hero-notice-sidebar .sidebar-notice-list::-webkit-scrollbar-thumb:active {
            background: linear-gradient(180deg, #f0d060, #c4a137);
        }

        .sidebar-notice-table-wrap {
            overflow-y: auto;
            max-height: 315px;
            scrollbar-width: thin;
            scrollbar-color: var(--accent-color) rgba(255,255,255,0.06);
        }

        .sidebar-notice-table-wrap::-webkit-scrollbar {
            width: 6px;
        }

       .sidebar-notice-table-wrap::-webkit-scrollbar-track {
            background: rgba(255,255,255,0.06);
            border-radius: 10px;
        }

        .sidebar-notice-table-wrap::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, var(--accent-color), #b8941f);
            border-radius: 10px;
        }

        .sidebar-notice-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }

        .sidebar-notice-table col.col-date { width: 80px; }
        .sidebar-notice-table col.col-subject { width: auto; }
        .sidebar-notice-table col.col-dl { width: 72px; }

        .hero-notice-sidebar .sidebar-notice-item {
            border-bottom: 1px solid rgba(255,255,255,0.1);
            background: #c8bfa0;
            transition: background 0.3s;
        }

        .hero-notice-sidebar .sidebar-notice-item:hover {
            background: #b0a688;
        }

        .hero-notice-sidebar .sidebar-notice-item td {
            padding: 7px 5px;
            vertical-align: top;
        }

        .hero-notice-sidebar .snot-date {
            white-space: nowrap;
            width: 1%;
            padding: 7px 8px !important;
            vertical-align: middle !important;
        }

        .hero-notice-sidebar .snot-date span {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #fff;
            background: linear-gradient(160deg, #3a3220, #4a4430);
            padding: 5px 7px;
            border-radius: 7px;
            font-weight: 700;
            white-space: nowrap;
            min-width: 46px;
            border-left: 3px solid var(--accent-color);
            box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
            text-transform: uppercase;
            text-align: center;
        }

        .hero-notice-sidebar .snot-date span .date-day {
            font-size: 1.1rem;
            font-weight: 800;
            line-height: 1.1;
            color: var(--accent-color);
        }

        .hero-notice-sidebar .snot-date span .date-month {
            font-size: 0.62rem;
            font-weight: 700;
            line-height: 1.3;
            letter-spacing: 0.5px;
            color: #fff;
        }

        .hero-notice-sidebar .snot-date span .date-year {
            font-size: 0.58rem;
            font-weight: 600;
            line-height: 1.2;
            color: rgba(255,255,255,0.7);
            letter-spacing: 0.3px;
        }

        .hero-notice-sidebar .snot-date span em.sd-day {
            display: block;
            font-style: normal;
            font-size: 1.15rem;
            font-weight: 800;
            line-height: 1.1;
            color: var(--accent-color);
        }

        .hero-notice-sidebar .snot-date span em.sd-month {
            display: block;
            font-style: normal;
            font-size: 0.63rem;
            font-weight: 700;
            line-height: 1.3;
            letter-spacing: 0.5px;
            color: #fff;
            text-transform: uppercase;
        }

        .hero-notice-sidebar .snot-date span em.sd-year {
            display: block;
            font-style: normal;
            font-size: 0.58rem;
            font-weight: 600;
            line-height: 1.2;
            color: rgba(255,255,255,0.65);
            letter-spacing: 0.3px;
        }

        .hero-notice-sidebar .snot-subject {
            width: 100%;
            color: #1a1a0f;
            font-size: 0.82rem;
            line-height: 1.45;
            font-weight: 500;
        }

        .hero-notice-sidebar .sidebar-notice-item:hover .snot-subject {
            color: #000;
        }

        .hero-notice-sidebar .snot-dl {
            white-space: nowrap;
            width: 1%;
            text-align: center;
        }

        .hero-notice-sidebar .sidebar-notice-date {
            display: inline-block;
            font-size: 0.68rem;
            color: #fff;
            background: #4a4430;
            padding: 2px 8px;
            border-radius: 10px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .hero-notice-sidebar .sidebar-notice-text {
            color: rgba(255,255,255,0.9);
            font-size: 0.82rem;
            line-height: 1.45;
            margin: 0;
            font-weight: 500;
        }

        .hero-notice-sidebar .sidebar-notice-item:hover .sidebar-notice-text {
            color: #fff;
        }

        .hero-notice-sidebar .sidebar-notice-download {
            display: inline-block;
            margin-top: 0;
            padding: 3px 8px;
            background: #6b6245;
            color: #fff;
            font-size: 0.68rem;
            font-weight: 600;
            text-decoration: none;
            border-radius: 3px;
            letter-spacing: 0.03em;
            transition: background 0.2s;
            white-space: nowrap;
        }

        .hero-notice-sidebar .sidebar-notice-download:hover {
            background: #504a32;
            color: #fff;
        }

        /* NEW Badge Styles */
        .notice-new-badge {
            display: inline-block;
            background: #ff4444;
            color: #fff;
            font-size: 0.65rem;
            font-weight: 700;
            padding: 3px 8px;
            border-radius: 3px;
            margin-left: 6px;
            animation: blinkNew 1.5s ease-in-out infinite;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            box-shadow: 0 2px 8px rgba(255, 68, 68, 0.4);
        }

        @keyframes blinkNew {
            0%, 100% { 
                opacity: 1;
                transform: scale(1);
            }
            50% { 
                opacity: 0.4;
                transform: scale(0.95);
            }
        }

        .hero-notice-sidebar .sidebar-tabs {
            display: flex;
            flex-shrink: 0;
            background: #55503a;
            border-bottom: 2px solid rgba(255,255,255,0.15);
        }

        .hero-notice-sidebar .sidebar-tab-btn {
            flex: 1;
            background: none;
            border: none;
            color: rgba(255,255,255,0.7);
            padding: 10px 6px;
            font-size: 0.72rem;
            font-weight: 600;
            text-transform: uppercase;
            cursor: pointer;
            transition: all 0.3s;
            border-bottom: 2px solid transparent;
            letter-spacing: 0.3px;
        }

        .hero-notice-sidebar .sidebar-tab-btn:hover {
            color: #fff;
            background: rgba(255,255,255,0.08);
        }

        .hero-notice-sidebar .sidebar-tab-btn.active {
            color: var(--accent-color);
            border-bottom-color: var(--accent-color);
            background: rgba(255,255,255,0.08);
        }

        .hero-notice-sidebar .sidebar-footer {
            flex-shrink: 0;
            padding: 10px 16px;
            background: #4a4430;
            text-align: center;
        }

        .hero-notice-sidebar .sidebar-footer a {
            color: var(--accent-color);
            text-decoration: none;
            font-size: 0.88rem;
            font-weight: 600;
            transition: all 0.3s;
        }

        .hero-notice-sidebar .sidebar-footer a:hover {
            color: #fff;
        }

        @media (max-width: 991.98px) {
            .hero-notice-sidebar {
                min-height: 300px;
                max-height: 400px;
            }
        }

        /* Flash Notice Section */
        .flash-notice-section {
            background: var(--accent-color);
            padding: 15px 0;
            overflow: hidden;
        }

        .flash-notice-title {
            background: var(--primary-color);
            color: white;
            padding: 10px 20px;
            font-weight: 600;
            display: inline-block;
            margin-right: 20px;
            position: relative;
        }

        .flash-notice-title::after {
            content: '';
            position: absolute;
            right: -22px;
            top: 0;
            width: 0;
            height: 0;
            border-top: 22px solid transparent;
            border-bottom: 22px solid transparent;
            border-left: 22px solid var(--primary-color);
        }

        .flash-notice-content {
            display: inline-block;
            white-space: nowrap;
            animation: scroll-left 30s linear infinite;
        }

        .flash-notice-item {
            display: inline-block;
            margin-right: 50px;
            color: #333;
            font-weight: 500;
        }

        .flash-notice-item i {
            color: var(--primary-color);
            margin-right: 8px;
        }

        @keyframes scroll-left {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        /* Welcome Messages Section */
        .welcome-section {
            padding: 80px 0;
            background: #f9f8f7;
            position: relative;
        }

        .welcome-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url('https://infotechlab.in/bose/assets/images/acharya-jagadish-chandra-bose-college-kolkata-231728.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            opacity: 0.1;
            z-index: 0;
        }

        .welcome-section .container-fluid {
            position: relative;
            z-index: 1;
        }

        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 1rem;
            position: relative;
            display: inline-block;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 60px;
            height: 4px;
            background: var(--accent-color);
        }

        .welcome-card {
            background: transparent;
            border-radius: 15px;
            overflow: hidden;
            transition: transform 0.8s;
            height: 100%;
        }

        .welcome-card:hover {
            transform: translateY(-5px);
        }

        .principal-card {
            background-image: linear-gradient(to bottom, #eeead2, #cec988);
            padding: 40px 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        .principal-card h4,
        .principal-card .welcome-designation,
        .principal-card .welcome-text {
            color: #2a2a1a;
        }

        .principal-img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            object-fit: cover;
            border: 5px solid var(--accent-color);
            display: block;
            margin: 0 auto;
        }

        .welcome-img {
            display: none;
        }

        .welcome-content {
            padding: 30px;
        }

        .welcome-designation {
            color: var(--secondary-color);
            font-weight: 600;
            font-size: 1.1rem;
            margin-bottom: 15px;
        }

        .welcome-text {
            color: #555;
            line-height: 1.8;
            text-align: justify;
        }

        .welcome-signature {
            margin-top: 20px;
            font-style: italic;
            color: #666;
        }

        .btn-read-more {
            background: var(--accent-color);
            color: #333;
            padding: 10px 25px;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
            font-weight: 600;
            transition: all 0.3s;
            border: none;
        }

        .btn-read-more:hover {
            background: var(--primary-color);
            color: white;
            transform: translateX(5px);
        }

        .btn-read-more i {
            margin-right: 8px;
        }

        /* Important Links Card in Welcome Section */
        .welcome-links-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 20px rgba(0,0,0,0.08);
            height: 100%;
            transition: all 0.3s;
            border: 1px solid #e0e0e0;
            display: flex;
            flex-direction: column;
        }

        .welcome-links-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.12);
            border-color: var(--accent-color);
        }

        .welcome-links-header {
            background: #c0bc83;
            color: #2a2a1a;
            padding: 18px 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            border-bottom: 3px solid var(--accent-color);
        }

        .welcome-links-header i {
            font-size: 1.6rem;
            opacity: 0.95;
        }

        .welcome-links-header h5 {
            margin: 0;
            font-size: 1.05rem;
            font-weight: 700;
            letter-spacing: 0.3px;
            text-transform: uppercase;
        }

        .welcome-links-content {
            padding: 15px 20px;
            flex: 1;
            overflow-y: auto;
        }

        .welcome-links-content .info-link-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .welcome-links-content .info-link-list li {
            margin-bottom: 8px;
        }

        .welcome-links-content .info-link-list a {
            text-decoration: none;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 7px 12px;
            border-radius: 6px;
            transition: all 0.3s;
            font-size: 0.88rem;
            font-weight: 600;
            background: linear-gradient(135deg, #2a2a1a 0%, #3d3d25 50%, #1e1e10 100%);
            border-left: 3px solid var(--accent-color);
            text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45), 0 0 8px rgba(100, 180, 255, 0.3);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        }

        .welcome-links-content .info-link-list a:hover {
            background: linear-gradient(135deg, #d4af37 0%, #f0cc60 50%, #b8941f 100%);
            color: #1a1a0a;
            border-left-color: #4a4430;
            padding-left: 18px;
            text-shadow: 0 1px 3px rgba(255, 255, 255, 0.4);
            box-shadow: 0 4px 12px rgba(212, 175, 55, 0.35);
        }

        .welcome-links-content .info-link-list a i {
            color: var(--accent-color);
            width: 22px;
            text-align: center;
            font-size: 1rem;
            filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.6));
        }

        .welcome-links-content .info-link-list a:hover i {
            color: #4a4430;
            filter: none;
        }

        /* Key Features Section */
        .green-campus-section {
            padding: 70px 0;
            background: #f4f6fb;
            background-image:
                url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231a3a6b' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }

        .gc-card {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0,0,0,0.07);
            transition: transform 0.3s, box-shadow 0.3s;
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
        }

        .gc-card:hover {
            transform: none;
            box-shadow: 0 4px 20px rgba(0,0,0,0.07);
        }

        .gc-img-wrap {
            position: relative;
            height: 110px;
            overflow: hidden;
            flex-shrink: 0;
        }

        .gc-img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s;
        }

        .gc-card:hover .gc-img-wrap img {
            transform: none;
        }

        .gc-img-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(30,60,30,0.55) 0%, transparent 60%);
            display: flex;
            align-items: flex-end;
            padding: 12px;
        }

        .gc-icon {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--primary, #1a3a6b);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            box-shadow: 0 2px 10px rgba(0,0,0,0.25);
        }

        .gc-body {
            padding: 12px 16px 14px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .gc-title {
            font-size: 0.9rem;
            font-weight: 700;
            color: #1a2a4a;
            margin-bottom: 6px;
            font-family: Georgia, serif;
            line-height: 1.3;
        }

        .gc-text {
            font-size: 0.84rem;
            color: #666;
            line-height: 1.7;
            flex: 1;
            margin-bottom: 14px;
        }

        .gc-points {
            font-size: 0.78rem;
            color: #555;
            line-height: 1.6;
            flex: 1;
            margin-bottom: 10px;
            padding-left: 0;
            list-style: none;
        }

        .gc-points li {
            margin-bottom: 3px;
            padding-left: 18px;
            position: relative;
        }

        .gc-points li::before {
            content: '\f00c';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            font-size: 0.7rem;
            color: #e63946;
            position: absolute;
            left: 0;
            top: 4px;
        }

        .gc-read-more {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 0.82rem;
            font-weight: 700;
            color: #fff;
            text-decoration: none;
            letter-spacing: 0.5px;
            align-self: flex-start;
            background: #111111 !important;
            padding: 6px 14px 6px 14px;
            border-radius: 30px;
            position: relative;
            overflow: hidden;
            transition: color 0.3s, padding-right 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s;
        }

        .gc-read-more::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, #f5f0e8, #ede3d0);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
            border-radius: 30px;
            z-index: 0;
        }

        .gc-read-more span,
        .gc-read-more i {
            position: relative;
            z-index: 1;
        }

        .gc-read-more i {
            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .gc-read-more:hover {
            color: #333 !important;
            transform: translateY(-3px);
            color: #333; box-shadow: 0 8px 20px rgba(0,0,0,0.12);
        }

        .gc-read-more:hover::before {
            transform: scaleX(1);
        }

        .gc-read-more:hover i {
            transform: translateX(5px);
        }

        .gc-read-more:active {
            transform: translateY(-1px) scale(0.97);
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }

        /* Notices and Information Section */
        .notices-section {
            padding: 60px 0;
            background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%);
        }

        .notice-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 20px rgba(0,0,0,0.08);
            height: 100%;
            transition: all 0.3s;
            border: 1px solid #e0e0e0;
            display: flex;
            flex-direction: column;
        }

        .info-card {
            height: 100%;
        }

        .info-content {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .notice-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.12);
            border-color: var(--accent-color);
        }

        .notice-header {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            color: white;
            padding: 18px 20px;
            display: flex;
            align-items: center;
            gap: 12px;
            border-bottom: 3px solid var(--accent-color);
        }

        .notice-header i {
            font-size: 1.6rem;
            opacity: 0.95;
        }

        .notice-header h5 {
            margin: 0;
            font-size: 1.05rem;
            font-weight: 700;
            letter-spacing: 0.3px;
            text-transform: uppercase;
        }

        .notice-content {
            padding: 20px;
        }

        .notice-tabs-container {
            padding: 0;
        }

        .notice-tabs {
            border-bottom: 2px solid #3e5b66;
            background: #3e5b66;
            padding: 0;
            margin: 0;
        }

        .notice-tabs .nav-item {
            flex: 1;
        }

        .notice-tabs .nav-link {
            color: rgba(255,255,255,0.75);
            font-weight: 600;
            font-size: 0.9rem;
            padding: 15px 10px;
            border: none;
            border-bottom: 3px solid transparent;
            background: transparent;
            transition: all 0.3s;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .notice-tabs .nav-link:hover {
            background: rgba(255,255,255,0.08);
            color: #fff;
        }

        .notice-tabs .nav-link.active {
            color: #fff;
            background: rgba(255,255,255,0.12);
            border-bottom-color: var(--accent-color);
            font-weight: 700;
        }

        .notice-tabs .nav-link i {
            font-size: 1rem;
        }

        .notice-tab-content {
            padding: 20px;
            min-height: 400px;
        }

        .notice-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .notice-list li {
            border-bottom: 1px solid #f0f0f0;
            padding: 14px 0;
            position: relative;
            padding-left: 25px;
        }

        .notice-list li::before {
            content: '\f105';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            left: 5px;
            top: 18px;
            color: var(--accent-color);
            font-size: 0.9rem;
        }

        .notice-list li:last-child {
            border-bottom: none;
        }

        .notice-list a {
            text-decoration: none;
            color: #333;
            display: block;
            transition: all 0.3s;
        }

        .notice-list a:hover {
            color: var(--primary-color);
            transform: translateX(5px);
        }

        .notice-date {
            display: inline-block;
            font-size: 0.72rem;
            color: white;
            background: var(--accent-color);
            padding: 3px 10px;
            border-radius: 12px;
            font-weight: 600;
            margin-bottom: 6px;
        }

        .notice-list p {
            margin: 0;
            font-size: 0.9rem;
            line-height: 1.5;
            font-weight: 500;
        }

        .view-all-link {
            display: block;
            text-align: center;
            margin-top: 18px;
            padding: 12px;
            border-top: 2px solid #f0f0f0;
            color: var(--primary-color);
            font-weight: 700;
            text-decoration: none;
            transition: all 0.3s;
            background: #f8f9fa;
            border-radius: 0 0 8px 8px;
            margin: 18px -20px -20px -20px;
            text-transform: uppercase;
            font-size: 0.85rem;
            letter-spacing: 0.5px;
        }

        .view-all-link:hover {
            background: var(--primary-color);
            color: white;
        }

        .view-all-link i {
            margin-left: 8px;
            transition: transform 0.3s;
        }

        .view-all-link:hover i {
            transform: translateX(5px);
        }

        /* Vision & Mission Section */
        .vision-mission-section {
            padding: 40px 0;
            background-color: #faf7f0;
            background-image:
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeBlend in='SourceGraphic' mode='multiply'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E"),
                url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b8a87a' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
                linear-gradient(135deg, #fdfaf4 0%, #f8f3e8 50%, #faf6ec 100%);
            background-size: 400px 400px, 60px 60px, 100% 100%;
            position: relative;
        }

        .vision-mission-section .section-title {
            color: #30301f;
        }

        .vm-outer-card {
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 8px 40px rgba(0,0,0,0.09);
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        .vm-block {
            padding: 30px 36px;
            display: flex;
            flex-direction: column;
        }

        .vm-block.vision-block {
            border-right: 1px solid #ede8e0;
            border-top: 5px solid #6b6245;
        }

        .vm-block.mission-block {
            border-top: 5px solid #c0bc83;
        }

        .vm-label {
            font-size: 0.68rem;
            font-weight: 700;
            letter-spacing: 2.8px;
            text-transform: uppercase;
            color: #9e8c6a;
            margin-bottom: 10px;
        }

        .vm-heading-row {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 6px;
        }

        .vm-icon-circle {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            border: 2px solid #e8d8d0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            flex-shrink: 0;
            background: #fdf8f5;
        }

        .vm-icon-circle.vision-icon { color: #6b6245; border-color: #c0bc83; background: #f7f5ee; }
        .vm-icon-circle.mission-icon { color: #8a8450; border-color: #d4c97a; background: #fafaf0; }

        .vm-heading {
            font-family: Georgia, serif;
            font-size: 1.65rem;
            font-weight: 700;
            color: #2c2c2c;
            margin: 0;
        }

        .vm-underline {
            width: 40px;
            height: 3px;
            border-radius: 2px;
            margin: 10px 0 20px 62px;
        }

        .vision-block .vm-underline { background: #6b6245; }
        .mission-block .vm-underline { background: #c0bc83; }

        .vm-body-text {
            font-size: 0.94rem;
            color: #565656;
            line-height: 1.9;
            font-style: italic;
            flex: 1;
        }

        .vm-body-list {
            padding-left: 0;
            list-style: none;
            flex: 1;
            margin: 0;
        }

        .vm-body-list li {
            font-size: 0.94rem;
            color: #565656;
            line-height: 1.9;
            font-style: italic;
            padding-left: 18px;
            position: relative;
            margin-bottom: 8px;
        }

        .vm-body-list li::before {
            content: '›';
            position: absolute;
            left: 0;
            color: #c0bc83;
            font-weight: 700;
            font-size: 1.1rem;
        }

        .vm-read-more {
            display: inline-block;
            padding: 9px 28px;
            background: #6b6245;
            border: 1.5px solid #6b6245;
            color: #fff;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            text-decoration: none;
            border-radius: 4px;
            transition: all 0.3s;
        }

        .vm-read-more:hover {
            background: #c0bc83;
            border-color: #c0bc83;
            color: #30301f;
        }

        @media (max-width: 768px) {
            .vm-outer-card { grid-template-columns: 1fr; }
            .vm-block.vision-block { border-right: none; border-bottom: 1px solid #ede8e0; }
            .vm-block { padding: 36px 28px; }
        }

        /* About AJC Bose Section */
        .about-ajc-section {
            padding: 0 0 10px 0;
            background: white;
        }

        .ajc-quote-banner {
            background: linear-gradient(135deg, rgba(43, 43, 25, 0.9), rgba(82, 82, 46, 0.9));
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        .quote-content {
            padding: 20px 30px;
            color: white;
        }

        .quote-text {
            font-size: 1.3rem;
            line-height: 1.5;
            font-weight: 400;
            margin-bottom: 15px;
            font-family: Georgia, serif;
            text-align: left;
        }

        .quote-author {
            font-size: 1.1rem;
            font-weight: 600;
            text-align: right;
            margin: 0;
            font-style: italic;
        }

        .quote-image {
            height: 100%;
            min-height: 280px;
            position: relative;
            overflow: hidden;
        }

        .quote-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(30%);
        }

        .ajc-content-detailed {
            padding: 30px 0;
        }

        .ajc-image-wrapper {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 15px 40px rgba(0,0,0,0.15);
        }

        .ajc-image {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.3s;
        }

        .ajc-image-wrapper:hover .ajc-image {
            transform: scale(1.05);
        }

        .ajc-name-tag {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(26, 77, 46, 0.95), rgba(26, 77, 46, 0.7));
            color: white;
            padding: 20px;
            text-align: center;
        }

        .ajc-name-tag h4 {
            margin: 0 0 5px 0;
            font-size: 1.3rem;
            font-weight: 700;
            color: white;
        }

        .ajc-name-tag p {
            margin: 0;
            font-size: 0.95rem;
            color: var(--accent-color);
            font-weight: 600;
        }

        .ajc-content {
            padding-left: 40px;
        }

        .section-badge {
            display: inline-block;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 15px;
        }

        .ajc-title {
            font-size: 1.65rem;
            font-weight: 700;
            color: #ebc033;
            color: #ebc033;
            margin-bottom: 10px;
            line-height: 1.2;
			text-shadow: 0 3px 6px rgba(0,0,0,0.2),
						
        }

        .ajc-subtitle {
            font-size: 1rem;
            color: #fedc6e;
            font-weight: 600;
            margin-bottom: 20px;0 6px 12px rgba(0, 0, 0, 0.1);
        }

        .ajc-text {
            color: #fff;
            line-height: 1.8;
        }

        .ajc-text p {
            margin-bottom: 12px;
            font-size: 0.95rem;
        }

        .highlight-text {
            background: linear-gradient(to right, rgba(26, 77, 46, 0.05), rgba(79, 121, 66, 0.05));
            padding: 10px;
            border-left: 4px solid var(--accent-color);
            border-radius: 5px;
            font-style: italic;
            color: #ffe48b;
            font-weight: 500;
            margin-top: 10px;
        }

        .highlight-text i {
            color: var(--accent-color);
            font-size: 0.8rem;
        }

        @media (max-width: 991px) {
            .ajc-content {
                padding-left: 0;
                margin-top: 40px;
            }

            .ajc-title {
                font-size: 2rem;
            }

            .quote-content {
                padding: 30px 20px;
            }

            .quote-text {
                font-size: 1.1rem;
            }

            .quote-author {
                font-size: 1rem;
            }

            .quote-image {
                min-height: 250px;
            }
        }

        /* Courses/Departments Section */
        .courses-section {
            padding: 30px 0;
            background: white;
        }

        .dept-card-link {
            text-decoration: none;
            display: block;
        }

        .dept-card {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.12);
            transition: all 0.3s;
            height: 140px;
        }

        .dept-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }

        .dept-image {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .dept-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s;
        }

        .dept-card:hover .dept-image img {
            transform: scale(1.08);
        }

        .dept-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #6b6245;
            padding: 12px 10px;
            color: white;
        }

        .dept-label {
            font-size: 0.65rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            opacity: 0.9;
            display: block;
            margin-bottom: 3px;
        }

        .dept-name {
            font-size: 0.9rem;
            font-weight: 700;
            margin: 0;
            color: #d7b137;
            line-height: 1.2;
        }

        /* Stats Section - Enhanced with Icons and Animations */
		.stats-section {
			background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
			color: white;
			padding: 20px 0;
			position: relative;
			overflow: hidden;
		}

		.stats-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: 
				radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.1) 0%, transparent 50%),
				radial-gradient(circle at 80% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
			pointer-events: none;
		}

		.stats-section .container {
			position: relative;
			z-index: 1;
		}

		.stat-box {
			text-align: center;
			padding: 30px 20px;
			position: relative;
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.6s ease;
		}

		.stat-box.animate-in {
			opacity: 1;
			transform: translateY(0);
		}

		.stat-box:nth-child(1) { transition-delay: 0.1s; }
		.stat-box:nth-child(2) { transition-delay: 0.2s; }
		.stat-box:nth-child(3) { transition-delay: 0.3s; }
		.stat-box:nth-child(4) { transition-delay: 0.4s; }

		.stat-icon {
			width: 60px;
			height: 60px;
			background: rgba(255, 255, 255, 0.1);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 10px;
			font-size: 2.5rem;
			color: var(--accent-color);
			position: relative;
			transition: all 0.4s ease;
			border: 3px solid rgba(212, 175, 55, 0.3);
		}

		.stat-box:hover .stat-icon {
			transform: scale(1.1) rotate(360deg);
			background: rgba(212, 175, 55, 0.2);
			border-color: var(--accent-color);
			box-shadow: 0 0 30px rgba(212, 175, 55, 0.4);
		}

		.stat-icon::before {
			content: '';
			position: absolute;
			top: -5px;
			left: -5px;
			right: -5px;
			bottom: -5px;
			border-radius: 50%;
			border: 2px solid var(--accent-color);
			opacity: 0;
			animation: pulse-ring 2s infinite;
		}

		@keyframes pulse-ring {
			0% {
				transform: scale(0.95);
				opacity: 1;
			}
			50% {
				transform: scale(1.1);
				opacity: 0.5;
			}
			100% {
				transform: scale(1.3);
				opacity: 0;
			}
		}

		.stat-number {
			font-size: 2.8rem;
			font-weight: 700;
			color: var(--accent-color);
			margin-bottom: 5px;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
			position: relative;
			display: inline-block;
		}

		.stat-number::after {
			content: '';
			position: absolute;
			bottom: -5px;
			left: 50%;
			transform: translateX(-50%);
			width: 0;
			height: 3px;
			background: var(--accent-color);
			transition: width 0.6s ease;
		}

		.stat-box:hover .stat-number::after {
			width: 80%;
		}

		.stat-label {
			font-size: 1.0rem;
			margin-top: 10px;
			font-weight: 500;
			letter-spacing: 0.5px;
			text-transform: uppercase;
			opacity: 0.95;
		}

		/* Floating animation for icons */
		@keyframes float {
			0%, 100% {
				transform: translateY(0px);
			}
			50% {
				transform: translateY(-10px);
			}
		}

		.stat-icon {
			animation: float 3s ease-in-out infinite;
		}

		.stat-box:nth-child(1) .stat-icon { animation-delay: 0s; }
		.stat-box:nth-child(2) .stat-icon { animation-delay: 0.5s; }
		.stat-box:nth-child(3) .stat-icon { animation-delay: 1s; }
		.stat-box:nth-child(4) .stat-icon { animation-delay: 1.5s; }

		/* Responsive */
		@media (max-width: 768px) {
			.stat-number {
				font-size: 2.5rem;
			}
			
			.stat-label {
				font-size: 1rem;
			}
			
			.stat-icon {
				width: 50px;
				height: 50px;
				font-size: 2rem;
			}
		}

        /* Events Section */
        .features-section {
            background: var(--light-bg);
            padding: 30px 0 40px 0;
            position: relative;
            overflow: hidden;
        }

        .events-display-wrapper {
            overflow: hidden;
            width: 100%;
            max-width: 100%;
        }

        .events-row-container {
            display: flex;
            gap: 16px;
            transition: transform 0.5s ease-in-out;
            width: max-content;
        }

        .event-slide {
            width: calc((100vw - 32px - 64px) / 4 - 12px);
            max-width: 320px;
            flex-shrink: 0;
        }

        @media (min-width: 1200px) {
            .event-slide {
                width: calc((1140px - 48px) / 4);
            }
        }

        @media (max-width: 991px) {
            .event-slide {
                width: calc((100vw - 32px - 64px) / 2 - 8px);
            }
        }

        @media (max-width: 767px) {
            .event-slide {
                width: calc(100vw - 32px - 64px);
            }
        }

        .events-display-wrapper {
            overflow: hidden;
            width: 100%;
            max-width: 100%;
            position: relative;
        }

        .event-nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 45px;
            height: 45px;
            background: var(--primary-color);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 1.2rem;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }

        .event-nav-btn:hover {
            background: var(--accent-color);
            color: #333;
            transform: translateY(-50%) scale(1.1);
        }

        .event-prev-btn {
            left: -20px;
        }

        .event-next-btn {
            right: -20px;
        }

        .event-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s;
            position: relative;
            height: 100%;
        }

        .event-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(to right, var(--primary-color), var(--accent-color));
        }

        .event-image {
            width: 100%;
            height: 180px;
            overflow: hidden;
            position: relative;
        }

        .event-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s;
        }

        .event-card:hover .event-image img {
            transform: scale(1.1);
        }

        .event-card-body {
            padding: 20px;
            position: relative;
        }

        .event-date {
            position: absolute;
            top: -30px;
            right: 20px;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }

        .date-day {
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1;
        }

        .date-month {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
			color:#d7b137;
        }

        .event-card h5 {
            color: var(--primary-color);
            font-weight: 700;
            margin-bottom: 12px;
            font-size: 1rem;
            min-height: 42px;
            margin-top: 10px;
        }

        .event-time,
        .event-location {
            font-size: 0.8rem;
            color: #666;
            margin-bottom: 6px;
        }

        .event-time i,
        .event-location i {
            color: var(--accent-color);
            margin-right: 5px;
            width: 12px;
        }

        .event-desc {
            display: none;
        }

        .event-link {
            display: inline-block;
            color: var(--primary-color);
            text-decoration: none;
            font-weight: 600;
            font-size: 0.85rem;
            transition: all 0.3s;
            margin-top: 8px;
        }

        .event-link:hover {
            color: var(--accent-color);
        }

        .event-link i {
            margin-left: 5px;
            transition: transform 0.3s;
        }

        .event-link:hover i {
            transform: translateX(5px);
        }

        .event-icon {
            display: none;
        }

        .btn-show-all-events {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 15px 40px;
            border-radius: 30px;
            font-weight: 700;
            font-size: 1.1rem;
            border: none;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(26, 77, 46, 0.3);
        }

        .btn-show-all-events:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(26, 77, 46, 0.4);
            color: white;
        }

        .btn-show-all-events i {
            margin-right: 10px;
        }

        /* Gallery Section */
        .gallery-section {
            padding: 20px 0 40px 0;
            background: white;
        }

        .gallery-tabs {
            border: none;
            gap: 15px;
        }

        .gallery-tabs .nav-link {
            background: white;
            border: 2px solid #e0e0e0;
            color: #666;
            padding: 12px 30px;
            border-radius: 30px;
            font-weight: 600;
            transition: all 0.3s;
        }

        .gallery-tabs .nav-link:hover {
            border-color: var(--accent-color);
            color: var(--primary-color);
        }

        .gallery-tabs .nav-link.active {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            border-color: var(--primary-color);
            color: #d4af37 !important;
        }

        .gallery-tabs .nav-link i {
            margin-right: 8px;
        }

        .gallery-content {
            margin-top: 40px;
        }

        .gallery-item {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transition: all 0.3s;
        }

        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }

        .gallery-item img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            transition: transform 0.3s;
        }

        .gallery-item:hover img {
            transform: scale(1.1);
        }

        .gallery-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom, rgba(85, 75, 40, 0.7), rgba(85, 75, 40, 0.9));
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s;
            color: white;
        }

        .gallery-item:hover .gallery-overlay {
            opacity: 1;
        }

        .gallery-overlay i {
            font-size: 2.5rem;
            margin-bottom: 10px;
            color: var(--accent-color);
        }

        .gallery-overlay p {
            margin: 0;
            font-weight: 600;
            font-size: 1rem;
        }

        .video-item {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transition: all 0.3s;
        }

        .video-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }

        .video-thumbnail {
            position: relative;
            overflow: hidden;
            cursor: pointer;
        }

        .video-thumbnail img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            transition: transform 0.3s;
        }

        .video-item:hover .video-thumbnail img {
            transform: scale(1.05);
        }

        .video-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 70px;
            height: 70px;
            background: rgba(212, 175, 55, 0.95);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #333;
            font-size: 1.8rem;
            transition: all 0.3s;
            padding-left: 5px;
        }

        .video-item:hover .video-play-btn {
            background: var(--accent-color);
            transform: translate(-50%, -50%) scale(1.15);
        }

        .video-info {
            padding: 15px;
        }

        .video-info h6 {
            margin: 0 0 8px 0;
            font-weight: 700;
            color: var(--primary-color);
            font-size: 0.95rem;
        }

        .video-info p {
            margin: 0;
            font-size: 0.85rem;
            color: #666;
        }

        .video-info i {
            margin-right: 5px;
            color: var(--accent-color);
        }

        .btn-view-more {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 12px 35px;
            border-radius: 30px;
            font-weight: 700;
            border: none;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s;
            box-shadow: 0 4px 12px rgba(26, 77, 46, 0.3);
        }

        .btn-view-more:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(26, 77, 46, 0.4);
            color: white;
        }

        .btn-view-more i {
            margin-right: 8px;
        }

        @media (max-width: 1200px) {
            .hero-carousel .carousel-control-prev {
                left: -30px;
            }
            
            .hero-carousel .carousel-control-next {
                right: -30px;
            }
        }

        @media (max-width: 768px) {
            .hero-carousel .carousel-control-prev {
                left: 0;
            }
            
            .hero-carousel .carousel-control-next {
                right: 0;
            }

            .event-card h5 {
                min-height: auto;
            }

            .event-desc {
                min-height: auto;
            }
        }

        .feature-card {
            background: white;
            padding: 40px 30px;
            border-radius: 15px;
            text-align: center;
            height: 100%;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s;
        }

        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.15);
        }

        .feature-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            color: white;
            font-size: 2rem;
        }

       /* Footer with Prominent Green World Map Texture */
footer {
    background: 
        linear-gradient(135deg, rgba(85, 75, 40, 0.97) 0%, rgba(75, 66, 32, 0.99) 50%, rgba(60, 52, 22, 1) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600'%3E%3Cdefs%3E%3ClinearGradient id='mapGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23c0a84a'/%3E%3Cstop offset='100%25' stop-color='%23a08030'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23mapGrad)' opacity='0.4'%3E%3C!-- North America --%3E%3Cpath d='M120 80 Q100 70 80 75 L60 90 Q40 100 35 120 L40 140 Q50 160 70 170 L90 175 Q110 178 130 170 L160 155 Q180 140 190 120 L200 95 Q210 75 200 60 L180 50 Q160 45 140 50 L120 60 Q110 70 120 80 Z M200 100 Q220 90 250 85 L290 80 Q330 78 360 90 L380 105 Q390 120 385 140 L375 160 Q360 180 335 190 L300 195 Q270 195 245 185 L220 170 Q200 150 195 125 L200 100 Z M160 175 Q170 190 165 210 L155 235 Q140 260 120 275 L95 285 Q70 290 55 280 L45 265 Q40 245 50 225 L65 205 Q80 185 100 180 L130 175 Q150 172 160 175 Z'/%3E%3C!-- South America --%3E%3Cpath d='M240 290 Q260 280 280 285 L300 300 Q315 320 320 350 L325 390 Q325 430 310 465 L285 495 Q255 520 220 515 L195 500 Q175 475 180 440 L190 395 Q200 350 215 320 L240 290 Z'/%3E%3C!-- Europe --%3E%3Cpath d='M480 70 Q510 60 545 65 L580 75 Q610 90 620 115 L625 145 Q620 175 595 190 L560 200 Q525 205 495 195 L465 180 Q445 160 450 130 L460 100 Q470 80 480 70 Z M530 85 Q545 80 560 85 L575 95 Q585 110 580 125 L570 140 Q555 150 540 148 L525 140 Q515 125 520 110 L530 95 Q535 88 530 85 Z'/%3E%3C!-- Africa --%3E%3Cpath d='M490 210 Q530 195 575 205 L620 230 Q655 265 665 315 L670 375 Q665 435 640 480 L600 515 Q550 545 495 535 L450 510 Q420 470 425 415 L435 350 Q450 285 490 240 L490 210 Z M520 250 Q540 245 555 255 L565 275 Q568 295 558 310 L540 320 Q520 322 508 310 L505 290 Q508 268 520 250 Z'/%3E%3C!-- Asia --%3E%3Cpath d='M620 50 Q680 35 760 40 L850 55 Q920 75 970 110 L1010 155 Q1040 200 1030 255 L1005 310 Q965 360 900 385 L820 400 Q740 405 670 380 L615 345 Q575 300 580 245 L595 185 Q615 120 650 80 L620 50 Z M750 100 Q790 95 825 105 L855 125 Q875 150 870 180 L855 210 Q830 235 795 240 L760 235 Q730 225 720 195 L725 160 Q735 130 750 100 Z M900 200 Q930 195 955 210 L975 235 Q985 265 975 295 L955 320 Q925 340 890 335 L860 315 Q845 285 855 255 L875 225 Q890 205 900 200 Z'/%3E%3C!-- Australia --%3E%3Cpath d='M850 400 Q900 385 955 395 L1000 420 Q1035 455 1040 505 L1030 555 Q1000 595 945 605 L885 600 Q835 585 820 540 L815 485 Q820 435 850 400 Z M870 430 Q895 420 920 430 L940 455 Q950 485 940 510 L915 530 Q885 540 860 525 L850 495 Q855 455 870 430 Z'/%3E%3C!-- Greenland --%3E%3Cpath d='M320 30 Q350 20 385 25 L415 40 Q440 60 438 90 L425 115 Q400 135 365 130 L335 115 Q315 95 320 65 L320 30 Z'/%3E%3C!-- Indonesia/SE Asia --%3E%3Cpath d='M880 340 Q900 335 920 340 L935 355 Q945 375 940 395 L925 410 Q905 420 885 415 L870 400 Q865 380 875 360 L880 340 Z M950 360 Q970 355 985 365 L995 385 Q1000 405 990 420 L970 430 Q950 432 940 420 L938 400 Q942 378 950 360 Z'/%3E%3C/g%3E%3C!-- Grid Lines --%3E%3Cg stroke='%23c0a84a' stroke-width='1' fill='none' opacity='0.25'%3E%3C!-- Latitude lines --%3E%3Cpath d='M0 100 Q300 80 600 100 T1200 100'/%3E%3Cpath d='M0 200 Q300 180 600 200 T1200 200'/%3E%3Cpath d='M0 300 Q300 280 600 300 T1200 300'/%3E%3Cpath d='M0 400 Q300 380 600 400 T1200 400'/%3E%3Cpath d='M0 500 Q300 480 600 500 T1200 500'/%3E%3C!-- Longitude lines --%3E%3Cpath d='M200 0 Q180 150 200 300 T200 600'/%3E%3Cpath d='M400 0 Q380 150 400 300 T400 600'/%3E%3Cpath d='M600 0 Q580 150 600 300 T600 600'/%3E%3Cpath d='M800 0 Q780 150 800 300 T800 600'/%3E%3Cpath d='M1000 0 Q980 150 1000 300 T1000 600'/%3E%3C/g%3E%3C!-- Connection Routes --%3E%3Cg stroke='%23d4af37' stroke-width='2' fill='none' opacity='0.5' stroke-dasharray='8,4'%3E%3Cpath d='M200 150 Q350 120 480 140'/%3E%3Cpath d='M280 320 Q380 280 490 260'/%3E%3Cpath d='M600 180 Q700 160 800 170'/%3E%3Cpath d='M550 280 Q650 320 750 350'/%3E%3Cpath d='M850 380 Q800 400 750 380'/%3E%3Cpath d='M920 350 Q950 380 980 420'/%3E%3C/g%3E%3C!-- City Points --%3E%3Cg fill='%23d4af37'%3E%3Ccircle cx='180' cy='140' r='5' opacity='0.9'/%3E%3Ccircle cx='300' cy='120' r='4' opacity='0.8'/%3E%3Ccircle cx='530' cy='130' r='5' opacity='0.9'/%3E%3Ccircle cx='540' cy='280' r='5' opacity='0.9'/%3E%3Ccircle cx='750' cy='170' r='6' opacity='1'/%3E%3Ccircle cx='850' cy='220' r='4' opacity='0.8'/%3E%3Ccircle cx='920' cy='450' r='5' opacity='0.9'/%3E%3Ccircle cx='270' cy='380' r='4' opacity='0.8'/%3E%3Ccircle cx='680' cy='300' r='4' opacity='0.7'/%3E%3Ccircle cx='150' cy='200' r='3' opacity='0.6'/%3E%3Ccircle cx='620' cy='100' r='4' opacity='0.7'/%3E%3C/g%3E%3C!-- Glowing effect rings --%3E%3Cg fill='none' stroke='%23d4af37' opacity='0.3'%3E%3Ccircle cx='750' cy='170' r='12' stroke-width='2'/%3E%3Ccircle cx='540' cy='280' r='10' stroke-width='1.5'/%3E%3Ccircle cx='180' cy='140' r='10' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");
    background-color: #554b28;
    background-size: cover, 1400px auto;
    background-position: center, center 20%;
    background-repeat: no-repeat, no-repeat;
    color: white;
    padding: 70px 0 25px;
    position: relative;
    overflow: hidden;
}

footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        linear-gradient(to bottom, rgba(85, 75, 40, 0.5) 0%, transparent 15%, transparent 85%, rgba(40, 35, 15, 0.6) 100%),
        radial-gradient(ellipse at 25% 40%, rgba(212, 175, 55, 0.12) 0%, transparent 40%),
        radial-gradient(ellipse at 75% 60%, rgba(192, 168, 80, 0.10) 0%, transparent 45%),
        radial-gradient(ellipse at 50% 30%, rgba(212, 175, 55, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color), var(--accent-color), var(--primary-color));
    z-index: 2;
}

footer .container {
    position: relative;
    z-index: 1;
}

.footer-title {
    color: var(--accent-color);
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, var(--accent-color), transparent);
    border-radius: 2px;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 12px;
    font-size: 0.95rem;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: all 0.3s;
    display: inline-block;
    position: relative;
    padding-left: 0;
}

.footer-links a::before {
    content: '›';
    position: absolute;
    left: -15px;
    opacity: 0;
    transition: all 0.3s;
    color: var(--accent-color);
    font-weight: bold;
}

.footer-links a:hover {
    color: var(--accent-color);
    transform: translateX(15px);
}

.footer-links a:hover::before {
    opacity: 1;
    left: -12px;
}

.footer-links li i {
    color: var(--accent-color);
    width: 25px;
    font-size: 0.9rem;
}

.social-icons {
    display: flex;
    gap: 12px;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: #a9a680;
    color: white;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.4s;
    border: 2px solid rgba(212, 175, 55, 0.4);
    font-size: 1.1rem;
}

.social-icons a:hover {
    background: linear-gradient(135deg, var(--accent-color), #c4a137);
    color: #1a4d2e;
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5);
    border-color: var(--accent-color);
}

.footer-map {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
    border: 3px solid rgba(212, 175, 55, 0.5);
    transition: all 0.3s;
}

.footer-map:hover {
    border-color: var(--accent-color);
    box-shadow: 0 10px 40px rgba(212, 175, 55, 0.3);
}

footer hr {
    border: none;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.8), transparent);
    margin: 45px 0 25px;
}

footer .text-center p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
}

/* Animated pulse for map dots effect */
@keyframes map-pulse {
    0%, 100% { 
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4);
    }
    50% { 
        box-shadow: 0 0 20px 10px rgba(212, 175, 55, 0);
    }
}

/* Globe icon animation */
.footer-globe-icon {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 3rem;
    color: rgba(212, 175, 55, 0.2);
    animation: rotate-globe 20s linear infinite;
}

@keyframes rotate-globe {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

        @media (max-width: 768px) {
            .college-title h1 {
                font-size: 1.5rem;
                text-align: center;
            }
            .college-title p {
                text-align: center;
            }
            
            .hero-carousel .carousel-item img {
                width: 100%;
                height: 240px;
                object-fit: cover;
            }

            .hero-carousel .carousel-caption {
                position: absolute;
                bottom: 10px;
                left: 5%;
                right: 5%;
                top: auto;
                width: 90%;
                border-radius: 8px;
                padding: 10px 12px;
                text-align: center;
                color: #fff;
                background: rgba(169, 166, 128, 0.88);
            }

            .hero-carousel .carousel-caption h2 {
                font-size: 0.95rem;
                margin-bottom: 4px;
                line-height: 1.3;
            }

            .hero-carousel .carousel-caption p {
                font-size: 0.75rem;
                margin-bottom: 0;
                line-height: 1.3;
            }
            
            .header-contact {
                text-align: left;
                margin-top: 15px;
            }

            .header-right {
                text-align: left;
                margin-top: 15px;
            }

            .search-box {
                text-align: left;
            }
        }

        /* ===== MOBILE NAV ===== */
        .mobile-nav-toggle {
            display: none;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 10px 15px;
            flex-direction: column;
            gap: 5px;
            z-index: 999;
        }
        .mobile-nav-toggle span {
            display: block;
            width: 26px;
            height: 3px;
            background: #fff;
            border-radius: 3px;
            transition: all 0.3s;
        }
        .mobile-nav-toggle.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
        .mobile-nav-toggle.open span:nth-child(2) { opacity: 0; }
        .mobile-nav-toggle.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

        @media (max-width: 991px) {
            .mobile-nav-toggle {
                display: flex !important;
            }
            .main-nav .rm-container {
                display: flex !important;
                align-items: center !important;
                width: 100% !important;
                justify-content: flex-end !important;
            }
            /* Override desktop forced styles for mobile */
            .main-nav .rm-nav,
            .main-nav .rm-nav.rm-nojs {
                width: 100% !important;
                position: absolute !important;
                top: 100% !important;
                left: 0 !important;
                right: 0 !important;
                background: #6b6245 !important;
                z-index: 9999 !important;
                max-height: 70vh !important;
                overflow-y: auto !important;
                display: none;
            }
            .main-nav .rm-nav.mobile-open {
                display: block !important;
            }
            .main-nav .rm-nav > ul,
            .main-nav .rm-nav.rm-nojs > ul {
                flex-direction: column !important;
                flex-wrap: wrap !important;
                align-items: flex-start !important;
                overflow: visible !important;
            }
            .main-nav .rm-nav > ul > li {
                flex: none !important;
                width: 100% !important;
                border-bottom: 1px solid rgba(255,255,255,0.1) !important;
            }
            .main-nav .rm-nav > ul > li > a {
                justify-content: flex-start !important;
                padding: 14px 20px !important;
                font-size: 0.9rem !important;
            }
            /* Submenus on mobile */
            .main-nav .rm-nav ul ul,
            .main-nav .rm-nav > ul > li > ul,
            .main-nav .rm-nav li ul {
                position: static !important;
                display: none !important;
                width: 100% !important;
                box-shadow: none !important;
                border-radius: 0 !important;
                background: rgba(0,0,0,0.2) !important;
            }
            .main-nav .rm-nav ul ul.sub-open,
            .main-nav .rm-nav li ul.sub-open {
                display: block !important;
            }
            /* Level-2 sub-menu items */
            .main-nav .rm-nav ul ul li a,
            .main-nav .rm-nav li ul li a {
                padding-left: 35px !important;
            }
            /* Level-3 sub-sub-menu container */
            .main-nav .rm-nav ul ul ul,
            .main-nav .rm-nav li ul li ul {
                background: rgba(0,0,0,0.25) !important;
            }
            /* Level-3 sub-sub-menu items — deeper indent */
            .main-nav .rm-nav ul ul ul li a,
            .main-nav .rm-nav li ul li ul li a {
                padding-left: 55px !important;
            }
            /* Arrow indicator for items with submenus */
            .main-nav .rm-nav li.has-sub > a::after {
                content: " \25BC";
                font-size: 0.65rem;
                float: right;
                margin-top: 3px;
                transition: transform 0.2s;
            }
            .main-nav .rm-nav li.has-sub > ul.sub-open ~ a::after,
            .main-nav .rm-nav li.has-sub > a.sub-open-parent::after {
                transform: rotate(180deg);
            }
        }
/* ── Top Bar (utility strip) ── */
.top-bar {
    background: #30301f;
    color: white;
    padding: 10px 0;
    font-size: 0.85rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


/* =============================================================
   Inner Page — Common Content Area Styles
   (content-wrapper, left-menu-area, right-content-area, etc.)
   ============================================================= */

/* ── Content Wrapper ── */
.content-wrapper {
    background: #f4f2ee;
    padding: 40px 0 56px;
}

/* ── Left Sidebar Menu ── */
.left-menu-area {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(107,98,69,0.10);
    border: 1px solid rgba(107,98,69,0.12);
    position: sticky;
    top: 70px;
}
.left-menu-area h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    padding: 14px 18px 13px;
    background: linear-gradient(90deg, #6b6245, #554b28);
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-bottom: 3px solid #d4af37;
    display: flex;
    align-items: center;
    gap: 9px;
}
.left-menu-area h2::before {
    content: '\f0c9';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 0.85rem;
    color: #d4af37;
}
.left-menu-area ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}
.left-menu-area ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 18px;
    color: #444;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    border-left: 3px solid transparent;
    transition: all 0.22s;
    line-height: 1.35;
}
.left-menu-area ul li a::before {
    content: '\f105';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 0.75rem;
    color: #aaa;
    flex-shrink: 0;
    transition: color 0.2s, transform 0.2s;
}
.left-menu-area ul li a:hover {
    background: #faf8f3;
    color: #554b28;
    border-left-color: #d4af37;
    padding-left: 22px;
}
.left-menu-area ul li a:hover::before {
    color: #d4af37;
    transform: translateX(2px);
}
.left-menu-area ul li.active-menu a {
    background: linear-gradient(90deg, #fdf8e8, #faf6e0);
    color: #3b3520;
    border-left-color: #d4af37;
    font-weight: 700;
}
.left-menu-area ul li.active-menu a::before {
    color: #d4af37;
}
.left-menu-area ul li + li {
    border-top: 1px solid #f0ece4;
}

/* ── Right Content Area ── */
.right-content-area {
    background: #fff;
    border-radius: 10px;
    padding: 36px 38px 38px;
    box-shadow: 0 4px 18px rgba(107,98,69,0.10);
    border: 1px solid rgba(107,98,69,0.10);
}
.right-content-area > h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #2c2410;
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 2px solid #ede9df;
    position: relative;
}
.right-content-area > h2::after {
    content: '';
    position: absolute;
    bottom: -2px; left: 0;
    width: 64px; height: 2px;
    background: #d4af37;
}
.right-content-area h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.08rem;
    font-weight: 700;
    color: #6b6245;
    margin-top: 28px;
    margin-bottom: 10px;
    padding-left: 14px;
    border-left: 3px solid #d4af37;
    line-height: 1.35;
}
.right-content-area p {
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 0.935rem;
    color: #444;
    line-height: 1.82;
    margin-bottom: 0;
}

/* ── Unordered List ── */
.right-content-area ul {
    list-style: none;
    padding: 0;
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.right-content-area ul li {
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 0.925rem;
    color: #444;
    line-height: 1.72;
    padding: 10px 16px 10px 44px;
    background: #faf8f4;
    border: 1px solid #ede9df;
    border-left: 3px solid #d4af37;
    border-radius: 0 6px 6px 0;
    position: relative;
    transition: background 0.2s, border-left-color 0.2s;
}

.right-content-area ul li:hover {
    background: #fdf8e8;
    border-left-color: #b8941f;
}

.right-content-area ul li::before {
    content: '\f105';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 0.75rem;
    color: #d4af37;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s, color 0.2s;
}

.right-content-area ul li:hover::before {
    color: #b8941f;
    transform: translateY(-50%) translateX(3px);
}

/* ── Ordered List ── */
.right-content-area ol {
    list-style: none;
    counter-reset: rca-counter;
    padding: 0;
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.right-content-area ol li {
    counter-increment: rca-counter;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 0.925rem;
    color: #444;
    line-height: 1.72;
    padding: 10px 16px 10px 54px;
    background: #faf8f4;
    border: 1px solid #ede9df;
    border-left: 3px solid #d4af37;
    border-radius: 0 6px 6px 0;
    position: relative;
    transition: background 0.2s, border-left-color 0.2s;
}

.right-content-area ol li:hover {
    background: #fdf8e8;
    border-left-color: #b8941f;
}

.right-content-area ol li::before {
    content: counter(rca-counter);
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background: linear-gradient(135deg, #6b6245, #554b28);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.right-content-area ol li:hover::before {
    background: linear-gradient(135deg, #d4af37, #b8941f);
    color: #1a1a0a;
}

/* ── Principal Image Block ── */
.principal-img-area {
    float: left;
    margin: 4px 30px 18px 0;
    text-align: center;
    width: 178px;
}
.principal-img-area img {
    width: 160px;
    height: 190px;
    object-fit: cover;
    object-position: top center;
    border-radius: 8px;
    border: 4px solid #fff;
    box-shadow: 0 6px 24px rgba(107,98,69,0.22), 0 0 0 2px #d4af37;
    display: block;
    margin: 0 auto 10px;
}
.principal-img-area p {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #554b28 !important;
    background: #fdf8e8;
    border: 1px solid #e8dfc0;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 !important;
    line-height: 1.4 !important;
    text-align: center;
}

/* ── Pull Quote ── */
.principal-pullquote {
    background: linear-gradient(105deg, #fdf8e8 0%, #faf6e0 100%);
    border-left: 4px solid #d4af37;
    border-radius: 0 8px 8px 0;
    padding: 16px 20px 16px 22px;
    margin: 24px 0 8px;
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-size: 1.02rem;
    color: #3b3520;
    line-height: 1.65;
    position: relative;
    clear: both;
}
.principal-pullquote::before {
    content: '\201C';
    font-size: 3.5rem;
    color: rgba(212,175,55,0.28);
    font-family: Georgia, serif;
    position: absolute;
    top: -6px; left: 10px;
    line-height: 1;
}
.principal-pullquote cite {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 0.8rem;
    color: #888;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* Clearfix after float */
.cf::after { content: ''; display: table; clear: both; }

/* ── Inner Page Responsive Adjustments ── */
@media (max-width: 767px) {
    .right-content-area {
        padding: 22px 18px 26px;
    }
    .principal-img-area {
        float: none;
        width: auto;
        margin: 0 0 20px 0;
        display: flex;
        align-items: center;
        gap: 14px;
    }
    .principal-img-area img {
        width: 90px;
        height: 108px;
        flex-shrink: 0;
    }
    .principal-img-area p {
        text-align: left;
        flex: 1;
    }
    .left-menu-area {
        position: static;
        margin-bottom: 24px;
    }
}


/* =============================================================
   AQAR Page — Document Table
   ============================================================= */

.aqar-doc-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(107,98,69,0.10);
}

.aqar-doc-table thead tr {
    background: linear-gradient(90deg, #6b6245, #554b28);
}

.aqar-doc-table thead th {
    padding: 13px 18px;
    color: #fff;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    border-bottom: 3px solid #d4af37;
    text-align: left;
}

.aqar-doc-table thead th:last-child {
    text-align: center;
    width: 120px;
}

.aqar-doc-table tbody tr {
    border-bottom: 1px solid #f0ece4;
    transition: background 0.18s;
}

.aqar-doc-table tbody tr:last-child {
    border-bottom: none;
}

.aqar-doc-table tbody tr:nth-child(odd)  { background: #fff; }
.aqar-doc-table tbody tr:nth-child(even) { background: #faf8f4; }
.aqar-doc-table tbody tr:hover           { background: #fdf8e8; }

.aqar-doc-table tbody td {
    padding: 12px 18px;
    vertical-align: middle;
    font-size: 0.9rem;
    color: #444;
}

.aqar-doc-table tbody td:first-child {
    font-weight: 500;
}

.aqar-doc-table tbody td:first-child i {
    color: #d4af37;
    margin-right: 8px;
}

.aqar-doc-table tbody td:last-child {
    text-align: center;
}

/* View button */
.aqar-view-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 16px;
    background: linear-gradient(135deg, #6b6245, #554b28);
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.22s;
    white-space: nowrap;
}

.aqar-view-btn:hover {
    background: linear-gradient(135deg, #d4af37, #b8941f);
    color: #1a1a0a;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(212,175,55,0.30);
}


/* =============================================================
   Full-Width Inner Page — Content Area
   (used by pages with no left sidebar, e.g. Terms & Conditions)
   ============================================================= */

.full-content-area {
    background: #fff;
    border-radius: 10px;
    padding: 36px 38px 42px;
    box-shadow: 0 4px 18px rgba(107,98,69,0.10);
    border: 1px solid rgba(107,98,69,0.10);
}

.full-content-area > h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #2c2410;
    margin-bottom: 28px;
    padding-bottom: 14px;
    border-bottom: 2px solid #ede9df;
    position: relative;
}

.full-content-area > h2::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 64px;
    height: 2px;
    background: #d4af37;
}

/* ── Terms & Conditions List ── */
.tc-list {
    list-style: none;
    counter-reset: tc-counter;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tc-list li {
    counter-increment: tc-counter;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #faf8f4;
    border: 1px solid #ede9df;
    border-left: 4px solid #d4af37;
    border-radius: 0 8px 8px 0;
    padding: 16px 20px;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 0.925rem;
    color: #444;
    line-height: 1.75;
    transition: background 0.2s, border-left-color 0.2s;
}

.tc-list li:hover {
    background: #fdf8e8;
    border-left-color: #b8941f;
}

.tc-list li::before {
    content: counter(tc-counter);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #6b6245, #554b28);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 2px;
    box-shadow: 0 2px 6px rgba(107,98,69,0.20);
    transition: background 0.2s;
}

.tc-list li:hover::before {
    background: linear-gradient(135deg, #d4af37, #b8941f);
    color: #1a1a0a;
}

@media (max-width: 767px) {
    .full-content-area {
        padding: 22px 18px 28px;
    }
    .tc-list li {
        padding: 14px 16px;
        gap: 12px;
    }
}


/* =============================================================
   Academic Calendar Page — Calendar Box
   ============================================================= */

/* ── Outer card wrapper ── */
.calendar-box-menu {
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid #c9a84c;
    box-shadow: 0 4px 20px rgba(107,98,69,0.10);
    background: #f5f0e4;
    position: relative;
    transition: transform 0.24s, box-shadow 0.24s;
}

.calendar-box-menu:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(107,98,69,0.18);
}

/* Left panel — warmer beige */
.calendar-box-menu::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 130px;
    background: #e4d9bf;
    z-index: 0;
}

/* Concave cutout — right edge of left panel */
.calendar-box-menu::after {
    content: '';
    position: absolute;
    left: 112px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 80px;
    background: #f5f0e4;
    border-radius: 0 50% 50% 0;
    z-index: 1;
}

/* ── Inner link — CSS Grid ── */
.calendar-box-menu a {
    display: grid;
    grid-template-columns: 130px 1fr;
    grid-template-rows: auto auto;
    align-content: center;
    text-decoration: none;
    min-height: 105px;
    padding: 18px 30px 18px 0;
    position: relative;
    z-index: 2;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.08rem;
    font-weight: 700;
    color: #2c1a08;
    line-height: 1.3;
}

/* Hide the <br> spacer */
.calendar-box-menu a br {
    display: none;
}

/* Calendar icon — Font Awesome \f073 via pseudo-element */
.calendar-box-menu a::before {
    content: '\f073';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 2.6rem;
    color: #6b6245;
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.24s, transform 0.24s;
}

.calendar-box-menu a:hover::before {
    color: #c9a84c;
    transform: scale(1.08);
}

/* "VIEW CALENDAR" label — row 2 of the right column */
.calendar-box-menu a::after {
    content: 'VIEW CALENDAR';
    grid-column: 2;
    grid-row: 2;
    display: block;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #c9a84c;
    text-transform: uppercase;
    padding-top: 6px;
    transition: letter-spacing 0.24s, color 0.24s;
}

.calendar-box-menu a:hover::after {
    letter-spacing: 3px;
    color: #b8941f;
}

@media (max-width: 767px) {
    .calendar-box-menu::before { width: 100px; }
    .calendar-box-menu::after  { left: 84px; width: 32px; height: 64px; }

    .calendar-box-menu a {
        grid-template-columns: 100px 1fr;
        min-height: 90px;
        padding: 16px 20px 16px 0;
        font-size: 0.95rem;
    }

    .calendar-box-menu a::before { font-size: 2.1rem; }
}


/* =============================================================
   Audit Page — Audit Box
   (same structure as .calendar-box-menu)
   ============================================================= */

.audit-box-menu {
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid #c9a84c;
    box-shadow: 0 4px 20px rgba(107,98,69,0.10);
    background: #f5f0e4;
    position: relative;
    transition: transform 0.24s, box-shadow 0.24s;
}

.audit-box-menu:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(107,98,69,0.18);
}

.audit-box-menu::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 130px;
    background: #e4d9bf;
    z-index: 0;
}

.audit-box-menu::after {
    content: '';
    position: absolute;
    left: 112px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 80px;
    background: #f5f0e4;
    border-radius: 0 50% 50% 0;
    z-index: 1;
}

.audit-box-menu a {
    display: grid;
    grid-template-columns: 130px 1fr;
    grid-template-rows: auto auto;
    align-content: center;
    text-decoration: none;
    min-height: 105px;
    padding: 18px 30px 18px 0;
    position: relative;
    z-index: 2;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.08rem;
    font-weight: 700;
    color: #2c1a08;
    line-height: 1.3;
}

.audit-box-menu a br {
    display: none;
}

/* Audit icon — fa-file-invoice (\f46d) */
.audit-box-menu a::before {
    content: '\f46d';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 2.6rem;
    color: #6b6245;
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.24s, transform 0.24s;
}

.audit-box-menu a:hover::before {
    color: #c9a84c;
    transform: scale(1.08);
}

.audit-box-menu a::after {
    content: 'VIEW AUDIT';
    grid-column: 2;
    grid-row: 2;
    display: block;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #c9a84c;
    text-transform: uppercase;
    padding-top: 6px;
    transition: letter-spacing 0.24s, color 0.24s;
}

.audit-box-menu a:hover::after {
    letter-spacing: 3px;
    color: #b8941f;
}

@media (max-width: 767px) {
    .audit-box-menu::before { width: 100px; }
    .audit-box-menu::after  { left: 84px; width: 32px; height: 64px; }

    .audit-box-menu a {
        grid-template-columns: 100px 1fr;
        min-height: 90px;
        padding: 16px 20px 16px 0;
        font-size: 0.95rem;
    }

    .audit-box-menu a::before { font-size: 2.1rem; }
}


/* =============================================================
   Achievement Page — Achievement Box
   (same structure as .calendar-box-menu)
   ============================================================= */

.achievement-box-menu {
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid #c9a84c;
    box-shadow: 0 4px 20px rgba(107,98,69,0.10);
    background: #f5f0e4;
    position: relative;
    transition: transform 0.24s, box-shadow 0.24s;
}

.achievement-box-menu:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(107,98,69,0.18);
}

.achievement-box-menu::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 130px;
    background: #e4d9bf;
    z-index: 0;
}

.achievement-box-menu::after {
    content: '';
    position: absolute;
    left: 112px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 80px;
    background: #f5f0e4;
    border-radius: 0 50% 50% 0;
    z-index: 1;
}

.achievement-box-menu a {
    display: grid;
    grid-template-columns: 130px 1fr;
    grid-template-rows: auto auto;
    align-content: center;
    text-decoration: none;
    min-height: 105px;
    padding: 18px 30px 18px 0;
    position: relative;
    z-index: 2;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.08rem;
    font-weight: 700;
    color: #2c1a08;
    line-height: 1.3;
}

.achievement-box-menu a br {
    display: none;
}

/* Achievement icon — fa-trophy (\f091) */
.achievement-box-menu a::before {
    content: '\f091';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 2.6rem;
    color: #6b6245;
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.24s, transform 0.24s;
}

.achievement-box-menu a:hover::before {
    color: #c9a84c;
    transform: scale(1.08);
}

.achievement-box-menu a::after {
    content: 'VIEW ACHIEVEMENT';
    grid-column: 2;
    grid-row: 2;
    display: block;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #c9a84c;
    text-transform: uppercase;
    padding-top: 6px;
    transition: letter-spacing 0.24s, color 0.24s;
}

.achievement-box-menu a:hover::after {
    letter-spacing: 3px;
    color: #b8941f;
}

@media (max-width: 767px) {
    .achievement-box-menu::before { width: 100px; }
    .achievement-box-menu::after  { left: 84px; width: 32px; height: 64px; }

    .achievement-box-menu a {
        grid-template-columns: 100px 1fr;
        min-height: 90px;
        padding: 16px 20px 16px 0;
        font-size: 0.95rem;
    }

    .achievement-box-menu a::before { font-size: 2.1rem; }
}