/* Rani Rasmoni Green University Website Styles */



		:root {
			--primary-color: #146d38;
			--secondary-color: #FFD700;
			--accent-color: #f8f9fa;
			--text-light: #ffffff;
			--text-dark: #333333;
			--border-color: #e0e0e0;
			--hover-color: rgba(0, 0, 128, 0.05);
			--gradient-primary: linear-gradient(135deg, #186b37 0%, #116c6b 100%);
			--box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
			--transition: all 0.3s ease;
			 --primary-green: #2d5016;
            --secondary-green: #4a7c59;
            --accent-green: #7fb069;
            --light-green: #a4d6a7;
            --gold: #edb708;
            --brown: #8b4513;
            --dark-text: #2c3e50;
            --light-text: #6c757d;
            --background: #f8f9fa;
            --card-bg: #ffffff;
		}
		
		body {
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			color: var(--text-dark);
			line-height: 1.6;
			background-color: #f9f9f9;
		}
		
		/* Top Bar */
		.top-bar {
			background-color: var(--primary-color);
			color: var(--text-light);
			padding: 5px 0;
			font-size: 14px;
			position: relative;
			overflow: hidden;
		}
		
		.top-bar:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
			z-index: 1;
		}
		
		.top-bar .container-fluid {
			position: relative;
			z-index: 2;
		}
		
		.top-bar a {
			color: var(--text-light);
			text-decoration: none;
			margin-right: 15px;
			transition: var(--transition);
			position: relative;
		}
		
		.top-bar a:after {
			content: '';
			position: absolute;
			bottom: -3px;
			left: 0;
			width: 0;
			height: 1px;
			background-color: var(--text-light);
			transition: var(--transition);
		}
		
		.top-bar a:hover:after {
			width: 100%;
		}
		
		/* Header */
		.header {
			background-color: var(--accent-color);
			padding: 20px 0;
			border-bottom: 1px solid var(--border-color);
			box-shadow: 0 4px 6px rgba(0,0,0,0.05);
		}
		
		.logo img {
			max-height: 80px;
			transition: var(--transition);
		}
		
		.logo img:hover {
			transform: scale(1.05);
		}
		
		.university-name {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		
		.university-name h1 {
			color: var(--primary-color);
			font-size: 28px;
			font-weight: 700;
			margin: 0;
			letter-spacing: 0.5px;
		}
		
		.university-name p {
			color: var(--secondary-color);
			font-size: 16px;
			margin: 0;
		}
		
		.modal-heade-rrgu {
			background: linear-gradient(135deg, #064a49 0%, var(--primary-color) 100%) !important;
			color: #fff !important;
		}
		
		/* Mobile Responsive Header Styles */
		@media (max-width: 767px) {
			.header .col-md-6 {
				text-align: center !important;
				margin-bottom: 15px;
			}
			
			.header .d-flex.align-items-center {
				justify-content: center;
				flex-direction: column;
			}
			
			.header .logo {
				margin-bottom: 10px;
				margin-right: 0 !important;
			}
			
			.header .university-name {
				text-align: center;
			}
			
			.header .d-flex.flex-column.align-items-end {
				align-items: center !important;
			}
			
			.header .text-end {
				text-align: center !important;
			}
			
			.header {
				padding: 15px 0;
			}
			
			.university-name h2 {
				font-size: 24px !important;
			}
			
			.university-name h1 {
				font-size: 26px !important;
			}
		}
		
		/* Navigation Styles */
		.ec-nav {
			background-color: #fff;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
			position: sticky;
			top: 0;
			z-index: 1030;
		}
		
		.navbar {
			background-color: #146d38;
			padding: 0;
		}
		
		.navbar-nav .nav-item .nav-link {
			color: #fff;
			padding: 15px 16px;
			font-weight: 500;
			font-size: 14px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			transition: all 0.3s ease;
			position: relative;
		}
		
		.navbar-nav .nav-item .nav-link:hover,
		.navbar-nav .nav-item .nav-link:focus {
			background-color: rgba(255, 255, 255, 0.1);
			color: #fff;
		}
		
		/* Dropdown Menu Styles */
		.dropdown-menu {
			border: none;
			border-radius: 8px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
			padding: 10px 0;
			margin-top: 0;
			min-width: 250px;
			z-index: 1050;
		}
		
		.dropdown-item {
			padding: 10px 20px;
			font-size: 14px;
			font-weight: 500;
			color: #333;
			transition: all 0.3s ease;
			border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		}
		
		.dropdown-item:last-child {
			border-bottom: none;
		}
		
		.dropdown-item:hover {
			background-color: rgba(26, 60, 128, 0.08);
			color: #146d38;
			padding-left: 25px;
		}
		
		.dropdown-item:hover::before {
			content: '';
			position: absolute;
			left: 15px;
			top: 50%;
			transform: translateY(-50%);
			width: 4px;
			height: 4px;
			background-color: #146d38;
			border-radius: 50%;
		}
		
		/* Megamenu Styles */
		.mega-dropdown {
			position: static !important;
		}
		
		.mega-dropdown .dropdown-menu {
			width: 100%;
			left: 0;
			right: 0;
			padding: 30px;
			border-radius: 0;
			margin-top: 0;
		}
		
		.mega-dropdown .dropdown-menu .row {
			margin: 0;
		}
		
		.mega-dropdown .dropdown-menu .col-md-3 {
			padding: 0 15px;
		}
		
		.mega-section-title {
			color: #146d38;
			font-weight: 600;
			font-size: 15px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			margin-bottom: 15px;
			padding-bottom: 8px;
			border-bottom: 2px solid #86c041;
			display: flex;
			align-items: center;
		}
		
		.mega-section-title i {
			margin-right: 8px;
			color: #86c041;
			font-size: 14px;
		}
		
		.mega-link {
			display: block;
			padding: 7px 0;
			color: #555;
			text-decoration: none;
			font-size: 14px;
			transition: all 0.3s ease;
			border-left: 3px solid transparent;
			padding-left: 10px;
		}
		
		.mega-link:hover {
			color: #146d38;
			border-left-color: #146d38;
			padding-left: 15px;
			background-color: rgba(26, 60, 128, 0.05);
		}
		
		/* Mobile Navigation */
		.navbar-toggler {
			background-color: rgba(255, 255, 255, 0.2);
			border: none;
			padding: 10px;
			margin: 8px 15px;
		}
		
		.navbar-toggler-icon {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		}
		
		@media (max-width: 991.98px) {
			.navbar-collapse {
				background-color: #146d38;
				margin-top: 10px;
				border-radius: 8px;
				box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
				max-height: 80vh;
				overflow-y: auto;
			}
			
			.dropdown-menu {
				position: static !important;
				float: none !important;
				width: auto !important;
				margin-top: 0 !important;
				border: 0 !important;
				box-shadow: none !important;
				background-color: rgba(255, 255, 255, 0.05) !important;
				border-radius: 0 !important;
			}
			
			.dropdown-item {
				color: rgba(255, 255, 255, 0.8) !important;
				border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
			}
			
			.dropdown-item:hover {
				background-color: rgba(255, 255, 255, 0.1) !important;
				color: #fff !important;
			}
			
			.mega-dropdown .dropdown-menu {
				width: auto !important;
				padding: 10px !important;
			}
			
			.mega-section-title {
				color: #FFD700 !important;
				border-bottom-color: rgba(255, 255, 255, 0.2) !important;
			}
			
			.mega-link {
				color: rgba(255, 255, 255, 0.7) !important;
				border-left-color: transparent !important;
			}
			
			.mega-link:hover {
				color: #FFD700 !important;
				border-left-color: #FFD700 !important;
				background-color: rgba(255, 255, 255, 0.1) !important;
			}
		}
		
		/* Carousel */
		.carousel {
			box-shadow: var(--box-shadow);
			border-radius: 0 0 5px 5px;
			overflow: hidden;
		}
		
		.carousel-inner {
			max-height: 500px;
		}
		
		.carousel-item img {
			object-fit: cover;
			height: 500px;
			width: 100%;
			filter: brightness(0.9);
			transition: transform 10s ease;
		}
		
		.carousel-item.active img {
			transform: scale(1.1);
		}
		
		.carousel-caption {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
			padding: 30px 20px 20px;
			bottom: 0;
			left: 0;
			right: 0;
			text-align: left;
			border-left: 4px solid var(--secondary-color);
		}
		
		.carousel-caption h3 {
			font-weight: 700;
			text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
			font-size: 28px;
			margin-bottom: 10px;
		}
		
		.carousel-caption p {
			font-size: 16px;
			max-width: 600px;
			text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
		}
		
		.carousel-indicators {
			margin-bottom: 20px;
		}
		
		.carousel-indicators button {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background-color: rgba(255,255,255,0.5);
			border: 2px solid transparent;
			transition: var(--transition);
		}
		
		.carousel-indicators button.active {
			background-color: var(--secondary-color);
			transform: scale(1.2);
		}
		
		/* Flash News Section Styling */
		.flash-news-section {
			background: linear-gradient(90deg, #0e5d2e 0%, #1c6834 100%);
			position: relative;
			overflow: hidden;
			box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
		}
		
		.flash-news-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
			opacity: 0.2;
		}
		
		.flash-news-container {
			display: flex;
			align-items: center;
			position: relative;
			z-index: 2;
			border-radius: 6px;
			color: #fff;
		}
		
		.flash-news-header {
			flex-shrink: 0;
			padding-right: 15px;
		}
		
		.flash-news-label {
			display: flex;
			align-items: center;
			background-color: #FFD700;
			color: #000080;
			padding: 8px 15px;
			border-radius: 4px;
			font-weight: 700;
			font-size: 14px;
			letter-spacing: 0.5px;
			box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
			text-transform: uppercase;
			white-space: nowrap;
		}
		
		.flash-news-label i {
			font-size: 16px;
			animation: pulse 1.5s infinite;
		}
		
		.flash-news-content {
			flex-grow: 1;
			overflow: hidden;
			position: relative;
			padding: 0 10px;
		}
		
		.news-ticker-wrapper {
			position: relative;
			overflow: hidden;
			height: 40px;
		}
		
		/* News ticker animation - slower speed */
		.news-ticker {
			display: flex;
			list-style: none;
			padding: 0;
			margin: 0;
			animation: tickerAnimation 90s linear infinite;
			position: absolute;
			top: 0;
			white-space: nowrap;
		}
		
		.news-ticker:hover {
			animation-play-state: paused;
		}
		
		.news-item {
			display: flex;
			align-items: center;
			padding: 0 30px;
			white-space: nowrap;
		}
		
		.news-category {
			display: inline-block;
			padding: 3px 8px;
			border-radius: 3px;
			font-size: 11px;
			font-weight: 700;
			margin-right: 10px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}
		
		.news-category.academic {
			background-color: #00C9A7;
			color: #004D40;
		}
		
		.news-category.admission {
			background-color: #FF9E80;
			color: #BF360C;
		}
		
		.news-category.event {
			background-color: #B388FF;
			color: #4A148C;
		}
		
		.news-category.notice {
			background-color: #84FFFF;
			color: #006064;
		}
		
		.news-category.scholarship {
			background-color: #FFFF8D;
			color: #F57F17;
		}
		
		.news-item a {
			color: #fff;
			text-decoration: none;
			font-size: 15px;
			font-weight: 500;
			transition: all 0.3s ease;
		}
		
		.news-item a:hover {
			color: rgba(255, 215, 0, 0.9);
			text-decoration: underline;
		}
		
		.flash-news-nav {
			display: flex;
			align-items: center;
			padding-left: 15px;
			flex-shrink: 0;
		}
		
		.ticker-control {
			background-color: rgba(255, 255, 255, 0.15);
			color: #ffffff;
			border: none;
			width: 28px;
			height: 28px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 3px;
			cursor: pointer;
			transition: all 0.3s ease;
		}
		
		.ticker-control:hover {
			background-color: rgba(255, 215, 0, 0.8);
			color: #000080;
			transform: scale(1.1);
		}
		
		/* Animations for Flash News */
		@keyframes tickerAnimation {
			0% {
				transform: translateX(100%);
			}
			100% {
				transform: translateX(-100%);
			}
		}
		
		@keyframes pulse {
			0% {
				transform: scale(1);
			}
			50% {
				transform: scale(1.2);
			}
			100% {
				transform: scale(1);
			}
		}
		
		/* Responsive adjustments for Flash News */
		@media (max-width: 768px) {
			.flash-news-container {
				flex-direction: column;
				align-items: flex-start;
			}
			
			.flash-news-header {
				margin-bottom: 10px;
				width: 100%;
				display: flex;
				justify-content: center;
			}
			
			.flash-news-content {
				width: 100%;
				padding: 0;
			}
			
			.flash-news-nav {
				margin-top: 10px;
				width: 100%;
				justify-content: center;
				padding-left: 0;
			}
			
			.news-ticker-wrapper {
				height: 35px;
			}
		}
		
		/* Quick Links */
		.quick-links {
			background: linear-gradient(65deg, #0b4221 0%, #188b45 100%);
			color: var(--text-light);
			padding: 20px 0;
			box-shadow: var(--box-shadow);
			position: relative;
		}
		
		.quick-links:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
		}
		
		.quick-links .container {
			position: relative;
			z-index: 2;
		}
		
		.quick-links h5 {
			text-transform: uppercase;
			font-size: 15px;
			font-weight: 600;
			margin-bottom: 15px;
			color: #ffffff;
			position: relative;
			display: inline-block;
			padding-bottom: 8px;
		}
		
		.quick-links h5:after {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			width: 40px;
			height: 3px;
			background-color: var(--secondary-color);
		}
		
		.quick-links ul {
			list-style: none;
			padding-left: 0;
		}
		
		.quick-links ul li {
			margin-bottom: 10px;
			transition: var(--transition);
		}
		
		.quick-links ul li:hover {
			transform: translateX(5px);
		}
		
		.quick-links a {
			color: rgba(255, 255, 255, 0.85);
			text-decoration: none;
			font-size: 15px;
			display: block;
			transition: var(--transition);
			font-weight: 500;
		}
		
		.quick-links a i {
			color: var(--secondary-color);
			margin-right: 8px;
			transition: var(--transition);
		}
		
		.quick-links a:hover {
			color: var(--secondary-color);
		}
		
		.quick-links a:hover i {
			transform: translateX(3px);
		}
		
		/* Content Area Styles */
		.main-content {
			padding: 20px 0;
			background-color: #f9f9f9;
			position: relative;
		}
		
		.content-area table tr th {			
			background-color:#2d5016;
			color: #edb708 !important;
		}
		
		.main-content:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: 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='%23000080' fill-opacity='0.03'%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");
		}
		
		.welcome-section {
			margin-bottom: 40px;
			background-color: #fff;
			padding: 30px;
			border-radius: 10px;
			box-shadow: var(--box-shadow);
			transition: var(--transition);
			border-top: 4px solid var(--primary-color);
		}
		
		.welcome-section:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		}
		
		.section-title {
			color: var(--primary-color);
			position: relative;
			margin-bottom: 25px;
			padding-bottom: 15px;
			font-weight: 700;
			font-size: 26px;
		}
		
		.section-title:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 50px;
			height: 3px;
			background-color: var(--secondary-color);
			transition: var(--transition);
		}
		
		.welcome-section:hover .section-title:after {
			width: 80px;
		}
		
		.welcome-content {
			font-size: 16px;
			line-height: 1.8;
		}
		
		/* Vice Chancellor Section */
		.vc-section {
			padding: 40px;
			background-color: #fff;
			border-radius: 10px;
			box-shadow: var(--box-shadow);
			margin-bottom: 40px;
			position: relative;
			overflow: hidden;
			border-left: 4px solid var(--primary-color);
			transition: var(--transition);
		}
		
		.vc-section:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		}
		
		.vc-section:before {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			width: 150px;
			height: 150px;
			background: radial-gradient(circle, var(--primary-color) 0%, rgba(0,0,128,0) 70%);
			opacity: 0.05;
			border-radius: 0 0 0 100%;
		}
		
		.vc-image {
			width: 200px;
			height: 200px;
			object-fit: cover;
			border-radius: 10px;
			border: 5px solid #fff;
			box-shadow: 0 10px 20px rgba(0,0,0,0.1);
			transition: var(--transition);
		}
		
		.vc-section:hover .vc-image {
			transform: scale(1.05);
		}
		
		.vc-info {
			padding-left: 20px;
		}
		
		.vc-name {
			color: var(--primary-color);
			font-weight: 700;
			margin-bottom: 5px;
			font-size: 22px;
		}
		
		.vc-designation {
			color: #666;
			font-style: italic;
			margin-bottom: 20px;
			font-size: 16px;
			position: relative;
			display: inline-block;
			padding-bottom: 8px;
		}
		
		.vc-designation:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 30px;
			height: 2px;
			background-color: var(--secondary-color);
		}
		
		.vc-message {
			position: relative;
			padding-left: 20px;
			margin-top: 20px;
		}
		
		.vc-message:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			width: 3px;
			background-color: var(--secondary-color);
			border-radius: 3px;
		}
		
		.vc-message h3 {
			color: var(--primary-color);
			font-weight: 600;
			margin-bottom: 20px;
			font-size: 22px;
		}
		
		.vc-quote {
			font-style: italic;
			font-size: 1.1rem;
			margin: 20px 0;
			color: #555;
			position: relative;
			padding: 15px 20px;
			background-color: rgba(0,0,128,0.02);
			border-radius: 5px;
		}
		
		.vc-quote:before {
			content: '\201C';
			font-size: 60px;
			color: rgba(0,0,128,0.1);
			position: absolute;
			top: -15px;
			left: 5px;
			font-family: Georgia, serif;
		}
		
		/* Vision & Mission Section */
		.vision-mission {
			display: flex;
			margin-bottom: 40px;
			gap: 20px;
		}
		
		.vision-box, .mission-box {
			flex: 1;
			padding: 30px;
			border-radius: 10px;
			box-shadow: var(--box-shadow);
			transition: var(--transition);
			background-color: #fff;
		}
		
		.vision-box {
			border-top: 4px solid var(--primary-color);
		}
		
		.mission-box {
			border-top: 4px solid var(--secondary-color);
		}
		
		.vision-box:hover, .mission-box:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		}
		
		.vision-mission h3 {
			color: var(--primary-color);
			font-size: 22px;
			margin-bottom: 20px;
			font-weight: 600;
			display: flex;
			align-items: center;
		}
		
		.vision-mission h3 i {
			margin-right: 10px;
			background-color: rgba(0,0,128,0.1);
			color: var(--primary-color);
			width: 40px;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			font-size: 18px;
		}
		
		.vision-mission p {
			margin-bottom: 0;
			line-height: 1.8;
		}
		
		/* Notices Section */
		.notices-section {
			margin-bottom: 40px;
			background-color: #fff;
			padding: 30px;
			border-radius: 10px;
			box-shadow: var(--box-shadow);
			border-top: 4px solid var(--primary-color);
		}
		
		.nav-tabs {
			border-bottom: 1px solid #e0e0e0;
			margin-bottom: 20px;
		}
		
		.nav-tabs .nav-link {
			border: none;
			color: #666;
			font-weight: 500;
			padding: 10px 15px;
			margin-right: 5px;
			border-radius: 5px 5px 0 0;
			transition: var(--transition);
		}
		
		.nav-tabs .nav-link:hover {
			background-color: rgba(0,0,128,0.02);
			color: var(--primary-color);
		}
		
		.nav-tabs .nav-link.active {
			color: var(--primary-color);
			background-color: #fff;
			border-bottom: 3px solid var(--primary-color);
			font-weight: 600;
		}
		
		.notice-item {
			padding: 20px;
			border-left: 3px solid var(--secondary-color);
			margin-bottom: 15px;
			background-color: #fff;
			box-shadow: 0 3px 10px rgba(0,0,0,0.05);
			transition: var(--transition);
			border-radius: 5px;
		}
		
		.notice-item:hover {
			transform: translateY(-3px);
			box-shadow: 0 8px 15px rgba(0,0,0,0.1);
		}
		
		.notice-date {
			font-size: 14px;
			color: #777;
			margin-bottom: 5px;
			display: inline-block;
			background-color: rgba(0,0,128,0.05);
			padding: 3px 10px;
			border-radius: 20px;
		}
		
		.notice-title {
			font-weight: 600;
			color: var(--primary-color);
			margin-bottom: 5px;
			font-size: 18px;
		}
		
		.notice-content {
			font-size: 15px;
			margin-bottom: 0;
			line-height: 1.6;
		}
		
		/* Quick Access Links */
		.quick-access {
			background-color: #fff;
			border-radius: 10px;
			overflow: hidden;
			box-shadow: var(--box-shadow);
			transition: var(--transition);
			border-top: 4px solid var(--primary-color);
		}
		
		.quick-access:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		}
		
		.quick-access-header {
			background: var(--gradient-primary);
			color: white;
			padding: 20px;
			position: relative;
			overflow: hidden;
		}
		
		.quick-access-header:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
		}
		
		.quick-access-header h4 {
			margin: 0;
			font-size: 20px;
			font-weight: 600;
			position: relative;
			z-index: 1;
		}
		
		.quick-access-links {
			padding: 0;
			list-style: none;
			margin: 0;
		}
		
		.quick-access-links li {
			border-bottom: 1px solid #f5f5f5;
			transition: var(--transition);
		}
		
		.quick-access-links li:last-child {
			border-bottom: none;
		}
		
		.quick-access-links a {
			display: block;
			padding: 11px 20px;
			color: #333;
			text-decoration: none;
			transition: var(--transition);
			font-weight: 500;
		}
		
		.quick-access-links a:hover {
			background-color: var(--hover-color);
			padding-left: 25px;
			color: var(--primary-color);
		}
		
		.quick-access-links i {
			margin-right: 10px;
			color: var(--primary-color);
			width: 20px;
			text-align: center;
			transition: var(--transition);
		}
		
		.quick-access-links a:hover i {
			transform: scale(1.2);
		}
		
		/* Upcoming Events */
		.upcoming-events {
			background-color: #fff;
			border-radius: 10px;
			padding: 20px;
			box-shadow: var(--box-shadow);
			border-top: 4px solid var(--secondary-color);
			transition: var(--transition);
		}
		
		.upcoming-events:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		}
		
		.event-item {
			display: flex;
			margin-bottom: 15px;
			border-radius: 5px;
			overflow: hidden;
			box-shadow: 0 3px 8px rgba(0,0,0,0.05);
			background-color: #fff;
			transition: var(--transition);
		}
		
		.event-item:hover {
			transform: translateX(5px);
			box-shadow: 0 5px 15px rgba(0,0,0,0.1);
		}
		
		.event-date {
			background: linear-gradient(135deg, var(--primary-color) 0%, #000099 100%);
			color: white;
			width: 70px;
			text-align: center;
			padding: 10px 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			position: relative;
			overflow: hidden;
		}
		
		.event-date:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
		}
		
		.event-date .day {
			font-size: 24px;
			font-weight: 700;
			line-height: 1;
			position: relative;
			z-index: 1;
		}
		
		.event-date .month {
			font-size: 14px;
			text-transform: uppercase;
			position: relative;
			z-index: 1;
		}
		
		.event-info {
			padding: 12px 15px;
			flex: 1;
		}
		
		.event-title {
			margin: 0 0 5px;
			font-weight: 600;
			font-size: 16px;
			color: var(--primary-color);
		}
		
		.event-location {
			font-size: 13px;
			color: #777;
			margin-bottom: 0;
		}
		
		.event-location i {
			color: var(--secondary-color);
			margin-right: 5px;
		}
		
		/* Footer */
		.footer {
			background: linear-gradient(135deg, #064a49 0%, var(--primary-color) 100%);
			color: var(--text-light);
			padding: 60px 0 20px;
			position: relative;
		}
		
		.footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* Animated floating elements */
            background-image: 
                /* Floating circles */
                radial-gradient(circle at 20% 20%, rgba(255, 215, 0, 0.1) 2px, transparent 2px),
                radial-gradient(circle at 80% 30%, rgba(255, 255, 255, 0.08) 1.5px, transparent 1.5px),
                radial-gradient(circle at 40% 70%, rgba(255, 215, 0, 0.06) 2.5px, transparent 2.5px),
                radial-gradient(circle at 90% 80%, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                /* Diagonal lines pattern */
                repeating-linear-gradient(
                    45deg,
                    transparent,
                    transparent 20px,
                    rgba(255, 255, 255, 0.02) 20px,
                    rgba(255, 255, 255, 0.02) 21px,
                    transparent 21px,
                    transparent 40px
                ),
                /* Diamond pattern */
                url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpolygon points='50,10 90,50 50,90 10,50'/%3E%3C/g%3E%3C/svg%3E");
            background-size: 
                150px 150px,
                200px 200px,
                180px 180px,
                120px 120px,
                40px 40px,
                100px 100px;
            background-position: 
                0 0,
                50px 50px,
                100px 0,
                150px 100px,
                0 0,
                0 0;
            animation: floatTexture 60s linear infinite;
            pointer-events: none;
            z-index: 1;
        }
		
		
		
		
		
		.footer .container {
			position: relative;
			z-index: 1;
		}
		
		.footer h5 {
			text-transform: uppercase;
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 25px;
			color: var(--secondary-color);
			position: relative;
			padding-bottom: 10px;
			display: inline-block;
		}
		
		.footer h5:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 40px;
			height: 2px;
			background-color: var(--secondary-color);
		}
		
		.footer ul {
			list-style: none;
			padding-left: 0;
		}
		
		.footer ul li {
			margin-bottom: 12px;
			transition: var(--transition);
		}
		
		.footer ul li:hover {
			transform: translateX(5px);
		}
		
		.footer a {
			color: rgba(255, 255, 255, 0.8);
			text-decoration: none;
			font-size: 14px;
			transition: var(--transition);
			display: block;
		}
		
		.footer a:hover {
			color: var(--text-light);
		}
		
		.footer address {
			color: rgba(255, 255, 255, 0.8);
			font-size: 14px;
			line-height: 1.8;
		}
		
		.footer address strong {
			color: var(--text-light);
			font-size: 16px;
			margin-bottom: 10px;
			display: block;
		}
		
		.footer-bottom {
			background-color: rgba(0, 0, 0, 0.3);
			padding: 15px 0;
			margin-top: 40px;
			border-top: 1px solid rgba(255, 255, 255, 0.1);
		}
		
		.footer-links {
			display: inline-block;
			white-space: nowrap;
		}
		
		.footer-links a {
			color: rgba(255, 255, 255, 0.8);
			text-decoration: none;
			transition: color 0.3s;
			padding: 0 4px;
			display: inline-block;
		}
		
		.footer-links a:hover {
			color: #ffffff;
		}
		
		.footer-links .separator {
			color: rgba(255, 255, 255, 0.5);
			display: inline-block;
		}
		
		@media (max-width: 767.98px) {
			.footer-links {
				margin-top: 10px;
				white-space: normal;
			}
		}
		
		.social-icons {
			margin-top: 20px;
		}
		
		.social-icons a {
			display: inline-block;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background-color: rgba(255, 255, 255, 0.1);
			text-align: center;
			line-height: 36px;
			margin-right: 10px;
			transition: var(--transition);
		}
		
		.social-icons a:hover {
			background-color: var(--secondary-color);
			transform: translateY(-3px);
			box-shadow: 0 5px 10px rgba(0,0,0,0.2);
		}
		
		/* Button Styles */
		.btn-primary {
			background-color: var(--primary-color);
			border-color: var(--primary-color);
			box-shadow: 0 4px 10px rgba(0,0,128,0.2);
			transition: var(--transition);
		}
		
		.btn-primary:hover {
			background-color: #000099;
			border-color: #000099;
			transform: translateY(-2px);
			box-shadow: 0 6px 15px rgba(0,0,128,0.3);
		}
		
		.btn-outline-primary {
			color: var(--primary-color);
			border-color: var(--primary-color);
			transition: var(--transition);
		}
		
		.btn-outline-primary:hover {
			background-color: var(--primary-color);
			border-color: var(--primary-color);
			transform: translateY(-2px);
			box-shadow: 0 4px 10px rgba(0,0,128,0.2);
		}
		
		/* Facility Cards */
		.facility-card {
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			border: none;
			overflow: hidden;
		}
		
		.facility-card:hover {
			transform: translateY(-10px);
			box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		}
		
		.facility-card .card-header {
			position: relative;
			overflow: hidden;
		}
		
		.facility-card .card-header:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
		}
		
		.facility-features {
			list-style: none;
			padding-left: 0;
			margin-bottom: 0;
		}
		
		.facility-features li {
			padding: 6px 0;
			border-bottom: 1px dashed #eee;
		}
		
		.facility-features li:last-child {
			border-bottom: none;
		}
		
		.additional-facility {
			background-color: #fff;
			box-shadow: 0 5px 15px rgba(0,0,0,0.05);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			height: 100%;
		}
		
		.additional-facility:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		}
		
		.icon-box {
			width: 60px;
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 24px;
		}
		
		/* Dark Vice Chancellor Section */
		.vc-dark-section {
			background: linear-gradient(135deg, #01672a 0%, #178142 100%);
			color: #ffffff;
			position: relative;
			overflow: hidden;
			margin-bottom: 10px;
			padding: 0px 0;
		}
		
		.vc-dark-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			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='%23ffffff' fill-opacity='0.08'%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");
			z-index: 1;
		}
		
		.vc-dark-section .container {
			position: relative;
			z-index: 2;
		}
		
		.vc-dark-section .vc-image {
			border: 5px solid #fff;
			box-shadow: 0 10px 20px rgba(0,0,0,0.2);
		}
		
		.vc-dark-section .vc-name {
			color: #FFD700;
		}
		
		.vc-dark-section .vc-designation {
			color: #ffffff;
		}
		
		.vc-dark-section .vc-designation:after {
			background-color: #FFD700;
		}
		
		.vc-dark-section .vc-message {
			border-left: 3px solid #FFD700;
			background-color: rgba(255,255,255,0.05);
			padding: 25px;
			border-radius: 5px;
		}
		
		.vc-dark-section .vc-message:before {
			display: none;
		}
		
		.vc-dark-section .vc-message h3 {
			color: #FFD700;
		}
		
		.vc-dark-section .vc-quote {
			background-color: rgba(255,255,255,0.08);
			color: #ffffff;
			border-left: 3px solid #FFD700;
		}
		
		.vc-dark-section .vc-quote:before {
			color: rgba(255,255,255,0.1);
		}
		
		.vc-dark-section .btn-outline-warning {
			border-color: #FFD700;
			color: #FFD700;
		}
		
		.vc-dark-section .btn-outline-warning:hover {
			background-color: #FFD700;
			color: #000080;
		}
		
		.vc-dark-section .btn-warning {
			background-color: #FFD700;
			color: #000080;
			border: none;
		}
		
		.vc-dark-section .btn-warning:hover {
			background-color: #e6c200;
			box-shadow: 0 5px 15px rgba(0,0,0,0.2);
			transform: translateY(-2px);
		}
		
		/* Enhanced Quote Section Styling */
		.quote-section-area {
			position: relative;
			background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
			overflow: hidden;
			padding: 80px 0;
		}
		
		.quote-section-area::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			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='%23000080' 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");
			opacity: 0.8;
			z-index: 1;
		}
		
		.quote-container {
			position: relative;
			z-index: 2;
			margin: 0 auto;
			border-radius: 20px;
			overflow: hidden;
			box-shadow: 0 25px 60px rgba(0, 0, 128, 0.15);
			background: #fff;
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}
		
		.quote-container:hover {
			transform: translateY(-10px);
			box-shadow: 0 35px 80px rgba(0, 0, 128, 0.2);
		}
		
		.quote-content-with-bg {
			position: relative;
			background-image: linear-gradient(
				135deg, 
				rgba(22, 119, 61, 0.85) 0%, 
				rgba(22, 119, 61, 0.75) 50%,
				rgba(22, 119, 61, 0.85) 100%
			),
			background-size: cover;
			background-position: center right;
			background-repeat: no-repeat;
			min-height: 400px;
			display: flex;
			align-items: center;
			color: white;
			transition: all 0.5s ease;
		}
		
		.quote-container:hover .quote-content-with-bg {
			background-size: 110% auto;
		}
		
		.quote-container:hover .quote-content-with-bg::before {
			background: linear-gradient(
				135deg, 
				rgba(6, 74, 73, 0.8) 0%, 
				rgba(6, 74, 73, 0.7) 50%,
				rgba(6, 74, 73, 0.8) 100%
			);
		}
		
		.quote-inner {
			position: relative;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 50px 30px;
			max-width: 90%;
			z-index: 2;
		}
		
		.quote-marks {
			position: absolute;
			top: -30px;
			left: 20px;
			font-family: 'Georgia', serif;
			font-size: 200px;
			line-height: 1;
			color: rgba(255, 255, 255, 0.1);
			z-index: 0;
			pointer-events: none;
		}
		
		.inspirational-quote {
			position: relative;
			font-size: 20px;
			line-height: 1.2;
			color: #ffffff;
			font-weight: 400;
			z-index: 2;
			margin-bottom: 20px;
			font-style: italic;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
		}
		
		.quote-author {
			display: flex;
			align-items: center;
			margin-top: 30px;
			z-index: 2;
			position: relative;
		}
		
		.author-line {
			width: 60px;
			height: 3px;
			background: linear-gradient(90deg, #218349, #0c5429);
			margin-right: 20px;
			transition: width 0.3s ease;
			border-radius: 3px;
			box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
		}
		
		.quote-container:hover .author-line {
			width: 80px;
		}
		
		.author-info {
			flex: 1;
		}
		
		.author-name {
			font-size: 24px;
			font-weight: 700;
			color: #FFFFFF;
			letter-spacing: 0.5px;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
		}
		
		.author-designation {
			font-size: 20px;
			font-weight: 600;
			color: #ffffff;
			margin-bottom: 3px;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
		}
		
		.author-title {
			font-size: 18px;
			color: rgba(255, 255, 255, 0.9);
			font-style: italic;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
		}
		
		/* Decorative elements */
		.quote-content-with-bg::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(
				135deg, 
				rgba(6, 74, 73, 0.8) 0%, 
				rgba(6, 74, 73, 0.7) 50%,
				rgba(6, 74, 73, 0.8) 100%
			);
			z-index: 1;
			transition: all 0.3s ease;
		}
		
		.quote-content-with-bg::after {
			content: '';
			position: absolute;
			top: 30px;
			bottom: 30px;
			left: 0;
			width: 6px;
			background: linear-gradient(to bottom, #FFD700, #f0c000);
			border-radius: 6px;
			box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
			z-index: 3;
		}
		
		.quote-content-img-bg {
			position: relative;
			background-image: linear-gradient(
				135deg, 
				rgba(0, 0, 128, 0.85) 0%, 
				rgba(0, 0, 128, 0.75) 50%,
				rgba(0, 0, 128, 0.85) 100%
			),
			background-size: cover;
			background-position: center right;
			background-repeat: no-repeat;
			min-height: 400px;
			display: flex;
			align-items: center;
			color: white;
			transition: all 0.5s ease;
			background: linear-gradient( 135deg, rgba(6, 74, 73, 0.85) 0%, rgba(6, 74, 73, 0.75) 50%, rgba(6, 74, 73, 0.85) 100% );
		}
		
		.quote-content-img-bg img {
			width:100%;
		}
		
		/* Mobile Responsive */
		@media (max-width: 991px) {
			.quote-container {
				border-radius: 15px;
			}
			
			.quote-content-with-bg {
				min-height: 450px;
				background-position: center center;
			}
			
			.quote-inner {
				padding: 50px 40px;
				max-width: 85%;
			}
			
			.inspirational-quote {
				font-size: 22px;
				line-height: 1.6;
			}
			
			.quote-marks {
				font-size: 150px;
				top: -20px;
				left: 15px;
			}
			
			.author-name {
				font-size: 22px;
			}
			
			.author-designation {
				font-size: 18px;
			}
			
			.author-title {
				font-size: 16px;
			}
		}
		
		@media (max-width: 576px) {
			.quote-section-area {
				padding: 50px 0;
			}
			
			.quote-content-with-bg {
				min-height: 400px;
				background-position: center center;
			}
			
			.quote-inner {
				padding: 40px 25px;
				max-width: 95%;
			}
			
			.inspirational-quote {
				font-size: 20px;
				line-height: 1.5;
			}
			
			.quote-marks {
				font-size: 120px;
				top: -15px;
				left: 10px;
			}
			
			.author-line {
				width: 40px;
				margin-right: 15px;
			}
			
			.quote-container:hover .author-line {
				width: 55px;
			}
			
			.author-name {
				font-size: 20px;
			}
			
			.author-designation {
				font-size: 16px;
			}
			
			.author-title {
				font-size: 14px;
			}
			
			.quote-content-with-bg::after {
				width: 4px;
				top: 20px;
				bottom: 20px;
			}
		}
		
		/* Animation keyframes */
		@keyframes fadeInUp {
			from {
				opacity: 0;
				transform: translateY(30px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
		
		.quote-container {
			animation: fadeInUp 0.8s ease-out;
		}
		
		/* Academic Programs Section */
		.academic-programs-section {
			padding: 60px 0;
			background-color: #f8f9fa;
			position: relative;
		}
		
		.academic-programs-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			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='%23000080' fill-opacity='0.03'%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");
			opacity: 0.4;
		}
		
		.program-card {
			background-color: #fff;
			border-radius: 10px;
			overflow: hidden;
			box-shadow: var(--box-shadow);
			transition: var(--transition);
			height: 100%;
			border-top: 3px solid var(--primary-color);
		}
		
		.program-card:hover {
			transform: translateY(-10px);
			box-shadow: 0 15px 30px rgba(0,0,0,0.15);
		}
		
		.program-img {
			height: 200px;
			overflow: hidden;
		}
		
		.program-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 1s ease;
		}
		
		.program-card:hover .program-img img {
			transform: scale(1.1);
		}
		
		.program-content {
			padding: 25px;
		}
		
		.program-title {
			color: var(--primary-color);
			font-size: 20px;
			font-weight: 700;
			margin-bottom: 15px;
		}
		
		.program-details {
			list-style: none;
			padding: 0;
			margin-bottom: 20px;
		}
		
		.program-details li {
			display: flex;
			margin-bottom: 10px;
			align-items: center;
		}
		
		.program-details li i {
			color: var(--secondary-color);
			margin-right: 10px;
			min-width: 20px;
		}
		
		.program-footer {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-top: 1px solid #f0f0f0;
			padding-top: 15px;
		}
		
		.program-type {
			background-color: rgba(0,0,128,0.1);
			color: var(--primary-color);
			font-size: 12px;
			padding: 3px 10px;
			border-radius: 20px;
			font-weight: 600;
			text-transform: uppercase;
		}
		
		/* Research Highlights Section */
		.research-highlights {
			padding: 70px 0;
			background: linear-gradient(135deg, #f6f9fc 0%, #edf3fa 100%);
			position: relative;
		}
		
		.research-highlights::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000080' fill-opacity='0.03' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
		}
		
		.research-card {
			background-color: #fff;
			border-radius: 10px;
			box-shadow: var(--box-shadow);
			overflow: hidden;
			transition: var(--transition);
			margin-bottom: 30px;
			height: 100%;
			border-bottom: 3px solid var(--secondary-color);
		}
		
		.research-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 15px 40px rgba(0,0,0,0.1);
		}
		
		.research-img {
			height: 220px;
			overflow: hidden;
			position: relative;
		}
		
		.research-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 1s ease;
		}
		
		.research-card:hover .research-img img {
			transform: scale(1.1);
		}
		
		.research-category {
			position: absolute;
			top: 15px;
			right: 15px;
			background-color: rgba(0,0,128,0.8);
			color: #fff;
			padding: 5px 15px;
			border-radius: 20px;
			font-size: 12px;
			font-weight: 600;
			z-index: 2;
		}
		
		.research-content {
			padding: 25px;
		}
		
		.research-title {
			font-size: 18px;
			font-weight: 700;
			color: var(--primary-color);
			margin-bottom: 15px;
			line-height: 1.4;
		}
		
		.research-body {
			margin-bottom: 20px;
			color: #555;
		}
		
		.research-footer {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-top: 1px solid #f0f0f0;
			padding-top: 15px;
		}
		
		.researcher {
			display: flex;
			align-items: center;
		}
		
		.researcher img {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			object-fit: cover;
			margin-right: 10px;
			border: 2px solid #f0f0f0;
		}
		
		.researcher-info {
			line-height: 1.3;
		}
		
		.researcher-name {
			font-weight: 600;
			font-size: 14px;
			color: #444;
		}
		
		.researcher-designation {
			font-size: 12px;
			color: #777;
		}
		
		/* Achievement Counter Section */
		.achievement-counter {
			padding: 30px 0;
			background: linear-gradient(135deg, #0f5029 0%, #01672a 100%);
			color: #fff;
			position: relative;
			overflow: hidden;
		}
		
		.achievement-counter::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
		}
		
		.counter-wrapper {
			position: relative;
			z-index: 2;
		}
		
		.counter-item {
			text-align: center;
			margin-bottom: 30px;
		}
		
		.counter-icon {
			font-size: 40px;
			color: var(--secondary-color);
			margin-bottom: 20px;
		}
		
		.counter-number {
			font-size: 34px;
			font-weight: 700;
			margin-bottom: 10px;
			color: #fff;
		}
		
		.counter-text {
			font-size: 16px;
			color: rgba(255,255,255,0.85);
			font-weight: 500;
		}
		
		/* Faculty Highlight Section */
		.faculty-section {
			padding: 70px 0;
			background-color: #fff;
			position: relative;
		}
		
		.faculty-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: 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='%23000080' fill-opacity='0.02'%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");
		}
		
		.faculty-card {
			background-color: #fff;
			border-radius: 10px;
			overflow: hidden;
			box-shadow: var(--box-shadow);
			transition: var(--transition);
			margin-bottom: 30px;
			border-bottom: 3px solid var(--primary-color);
		}
		
		.faculty-card:hover {
			transform: translateY(-10px);
			box-shadow: 0 20px 40px rgba(0,0,0,0.1);
		}
		
		.faculty-img {
			position: relative;
			height: 280px;
			overflow: hidden;
		}
		
		.faculty-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.6s ease;
		}
		
		.faculty-card:hover .faculty-img img {
			transform: scale(1.08);
		}
		
		.faculty-social {
			position: absolute;
			top: 20px;
			right: -60px;
			transition: right 0.3s ease;
		}
		
		.faculty-card:hover .faculty-social {
			right: 20px;
		}
		
		.faculty-social a {
			display: block;
			width: 40px;
			height: 40px;
			background-color: rgba(255,255,255,0.9);
			color: var(--primary-color);
			text-align: center;
			line-height: 40px;
			border-radius: 50%;
			margin-bottom: 10px;
			transition: var(--transition);
			box-shadow: 0 5px 15px rgba(0,0,0,0.1);
		}
		
		.faculty-social a:hover {
			background-color: var(--primary-color);
			color: #fff;
			transform: scale(1.1);
		}
		
		.faculty-content {
			padding: 25px;
			text-align: center;
		}
		
		.faculty-name {
			font-size: 20px;
			font-weight: 700;
			color: var(--primary-color);
			margin-bottom: 5px;
		}
		
		.faculty-designation {
			font-size: 14px;
			color: #666;
			font-style: italic;
			margin-bottom: 15px;
		}
		
		.faculty-department {
			background-color: rgba(0,0,128,0.1);
			color: var(--primary-color);
			display: inline-block;
			padding: 3px 15px;
			border-radius: 20px;
			font-size: 12px;
			font-weight: 600;
		}
		
		/* Campus Life Gallery */
		.campus-gallery {
			padding: 30px 0;
			background-color: #f8f9fa;
			position: relative;
		}
		
		.campus-gallery::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000080' fill-opacity='0.03' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
		}
		
		.gallery-container {
			position: relative;
			z-index: 2;
		}
		
		.gallery-item {
			margin-bottom: 30px;
			position: relative;
			overflow: hidden;
			border-radius: 10px;
			box-shadow: var(--box-shadow);
		}
		
		.gallery-img {
			height: 250px;
			overflow: hidden;
		}
		
		.gallery-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.8s ease;
		}
		
		.gallery-item:hover .gallery-img img {
			transform: scale(1.1);
		}
		
		.gallery-caption {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
			color: #fff;
			padding: 20px;
			transform: translateY(100%);
			transition: transform 0.3s ease;
		}
		
		.gallery-item:hover .gallery-caption {
			transform: translateY(0);
		}
		
		.gallery-title {
			font-size: 18px;
			font-weight: 700;
			margin-bottom: 5px;
		}
		
		.gallery-subtitle {
			font-size: 14px;
			opacity: 0.8;
		}
		
		/* Testimonials Section */
		.testimonials-section {
			padding: 30px 0;
			background: linear-gradient(135deg, #f1f5f9 0%, #e9f2f9 100%);
			position: relative;
		}
		
		.testimonials-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000080' fill-opacity='0.03' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
		}
		
		.testimonial-card {
			background-color: #fff;
			border-radius: 10px;
			box-shadow: var(--box-shadow);
			padding: 30px;
			margin-bottom: 30px;
			position: relative;
			transition: var(--transition);
		}
		
		.testimonial-card:hover {
			transform: translateY(-10px);
			box-shadow: 0 20px 40px rgba(0,0,0,0.1);
		}
		
		.testimonial-card::before {
			content: '\201C';
			font-family: Georgia, serif;
			font-size: 80px;
			color: rgba(0,0,128,0.1);
			position: absolute;
			top: 20px;
			left: 20px;
			line-height: 1;
		}
		
		.testimonial-content {
			position: relative;
			z-index: 2;
			font-style: italic;
			margin-bottom: 20px;
			color: #555;
		}
		
		.testimonial-author {
			display: flex;
			align-items: center;
		}
		
		.testimonial-author img {
			width: 60px;
			height: 60px;
			border-radius: 50%;
			object-fit: cover;
			margin-right: 15px;
			border: 3px solid #f0f0f0;
		}
		
		.author-info {
			line-height: 1.4;
		}
		
		.author-name {
			font-weight: 700;
			color: #FFF;
			font-size: 18px;
		}
		
		.author-designation {
			font-size: 14px;
			color: #ffae1f;
		}
		
		/* International Collaborations */
		.international-section {
			padding: 70px 0;
			background-color: #fff;
			position: relative;
		}
		
		.international-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: 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='%23000080' fill-opacity='0.02'%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");
		}
		
		.partner-box {
			background-color: #fff;
			border-radius: 10px;
			box-shadow: var(--box-shadow);
			padding: 20px;
			margin-bottom: 30px;
			transition: var(--transition);
			text-align: center;
			height: 180px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		
		.partner-box:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		}
		
		.partner-logo {
			max-width: 150px;
			max-height: 80px;
			margin-bottom: 15px;
			transition: transform 0.3s ease;
		}
		
		.partner-box:hover .partner-logo {
			transform: scale(1.1);
		}
		
		.partner-name {
			font-size: 16px;
			font-weight: 600;
			color: var(--primary-color);
			margin-bottom: 5px;
		}
		
		.partner-location {
			font-size: 14px;
			color: #666;
		}
		
		/* Newsletter Section */
		.newsletter-section {
			padding: 30px 0;
			background: linear-gradient(135deg, #064a49 0%, #4d751e 100%);
			color: #fff;
			position: relative;
			overflow: hidden;
		}
		
		.newsletter-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
		}
		
		.newsletter-wrapper {
			position: relative;
			z-index: 2;
		}
		
		.newsletter-content h3 {
			font-size: 28px;
			font-weight: 700;
			margin-bottom: 15px;
		}
		
		.newsletter-content p {
			opacity: 0.9;
			font-size: 16px;
			max-width: 500px;
		}
		
		.newsletter-form {
			position: relative;
			max-width: 400px;
		}
		
		.newsletter-form input {
			width: 100%;
			height: 50px;
			padding: 0 150px 0 20px;
			border-radius: 25px;
			border: none;
			box-shadow: 0 4px 10px rgba(0,0,0,0.1);
		}
		
		.newsletter-form button {
			position: absolute;
			top: 5px;
			right: 5px;
			height: 40px;
			border-radius: 20px;
			padding: 0 20px;
			background: linear-gradient(135deg, var(--primary-color) 0%, #000065 100%);
			color: #fff;
			border: none;
			font-weight: 600;
			cursor: pointer;
			transition: var(--transition);
		}
		
		.newsletter-form button:hover {
			box-shadow: 0 4px 15px rgba(0,0,0,0.2);
		}
		
		/* Enhanced Facilities Section Styling */
		.facilities-section {
			padding: 30px 0;
			background-color: #f8f9fa;
			position: relative;
			overflow: hidden;
		}
		
		.facilities-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			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='%23000080' fill-opacity='0.03'%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");
		}
		
		.facilities-tagline {
			max-width: 700px;
			margin: 0 auto 20px;
			color: #555;
		}
		
		.facility-cards-container {
			position: relative;
			z-index: 2;
		}
		
		.facility-card {
			background: white;
			border-radius: 12px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.05);
			transition: all 0.4s ease;
			position: relative;
			overflow: hidden;
			height: 100%;
			padding: 40px 30px 30px;
			border-top: 5px solid transparent;
			border-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));
			border-image-slice: 1;
		}
		
		.facility-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 0;
			transition: height 0.5s ease;
			z-index: 0;
			opacity: 0;
		}
		
		.facility-card:hover {
			transform: translateY(-15px);
			box-shadow: 0 20px 40px rgba(0,0,0,0.1);
		}
		
		.facility-card:hover::before {
			height: 100%;
			opacity: 1;
		}
		
		/* Individual card hover backgrounds */
		.card-medical::before {
			background: linear-gradient(135deg, rgba(232, 244, 248, 1) 0%, rgba(200, 229, 238, 1) 100%);
		}
		
		.card-dining::before {
			background: linear-gradient(135deg, rgba(253, 244, 230, 1) 0%, rgba(246, 224, 180, 1) 100%);
		}
		
		.card-accommodation::before {
			background: linear-gradient(135deg, rgba(242, 237, 246, 1) 0%, rgba(220, 207, 232, 1) 100%);
		}
		
		.card-research::before {
			background: linear-gradient(135deg, rgba(233, 248, 240, 1) 0%, rgba(199, 232, 219, 1) 100%);
		}
		
		.card-auditorium::before {
			background: linear-gradient(135deg, rgba(249, 237, 237, 1) 0%, rgba(234, 204, 204, 1) 100%);
		}
		
		.card-library::before {
			background: linear-gradient(135deg, rgba(235, 241, 253, 1) 0%, rgba(204, 221, 248, 1) 100%);
		}
		
		/* Card icon styles */
		.facility-icon {
			position: relative;
			width: 80px;
			height: 80px;
			background: linear-gradient(135deg, var(--primary-color) 0%, #000065 100%);
			color: white;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 32px;
			margin-bottom: 25px;
			transition: all 0.4s ease;
			box-shadow: 0 10px 20px rgba(0,0,128,0.15);
			z-index: 1;
		}
		
		/* Custom icon backgrounds for each card */
		.card-medical .facility-icon {
			background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
		}
		
		.card-dining .facility-icon {
			background: linear-gradient(135deg, #ff9a44 0%, #fc6076 100%);
		}
		
		.card-accommodation .facility-icon {
			background: linear-gradient(135deg, #a166ab 0%, #7c65b1 100%);
		}
		
		.card-research .facility-icon {
			background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
		}
		
		.card-auditorium .facility-icon {
			background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
		}
		
		.card-library .facility-icon {
			background: linear-gradient(135deg, #4481eb 0%, #04befe 100%);
		}
		
		.facility-card:hover .facility-icon {
			transform: scale(1.1) rotate(5deg);
			box-shadow: 0 15px 30px rgba(0,0,0,0.2);
		}
		
		/* Custom card border colors */
		.card-medical {
			border-top-color: #4facfe;
		}
		
		.card-dining {
			border-top-color: #ff9a44;
		}
		
		.card-accommodation {
			border-top-color: #a166ab;
		}
		
		.card-research {
			border-top-color: #43e97b;
		}
		
		.card-auditorium {
			border-top-color: #fa709a;
		}
		
		.card-library {
			border-top-color: #4481eb;
		}
		
		.facility-content {
			position: relative;
			z-index: 1;
		}
		
		.facility-content h4 {
			color: var(--primary-color);
			font-size: 22px;
			font-weight: 700;
			margin-bottom: 15px;
			transition: color 0.3s ease;
		}
		
		/* Custom heading colors on hover */
		.card-medical:hover .facility-content h4 {
			color: #0085c7;
		}
		
		.card-dining:hover .facility-content h4 {
			color: #e66000;
		}
		
		.card-accommodation:hover .facility-content h4 {
			color: #7c3c8d;
		}
		
		.card-research:hover .facility-content h4 {
			color: #00a650;
		}
		
		.card-auditorium:hover .facility-content h4 {
			color: #d62b70;
		}
		
		.card-library:hover .facility-content h4 {
			color: #0057b8;
		}
		
		.facility-content p {
			color: #555;
			font-size: 15px;
			line-height: 1.7;
			margin-bottom: 20px;
			transition: color 0.3s ease;
		}
		
		.facility-card:hover .facility-content p {
			color: #333;
		}
		
		.facility-link {
			color: var(--primary-color);
			font-weight: 600;
			text-decoration: none;
			position: relative;
			transition: all 0.3s ease;
			display: inline-block;
		}
		
		.facility-link::after {
			content: '';
			position: absolute;
			bottom: -3px;
			left: 0;
			width: 0;
			height: 2px;
			transition: width 0.3s ease;
		}
		
		/* Custom link colors and hover effects */
		.card-medical .facility-link {
			color: #0085c7;
		}
		
		.card-medical .facility-link::after {
			background-color: #0085c7;
		}
		
		.card-dining .facility-link {
			color: #e66000;
		}
		
		.card-dining .facility-link::after {
			background-color: #e66000;
		}
		
		.card-accommodation .facility-link {
			color: #7c3c8d;
		}
		
		.card-accommodation .facility-link::after {
			background-color: #7c3c8d;
		}
		
		.card-research .facility-link {
			color: #00a650;
		}
		
		.card-research .facility-link::after {
			background-color: #00a650;
		}
		
		.card-auditorium .facility-link {
			color: #d62b70;
		}
		
		.card-auditorium .facility-link::after {
			background-color: #d62b70;
		}
		
		.card-library .facility-link {
			color: #0057b8;
		}
		
		.card-library .facility-link::after {
			background-color: #0057b8;
		}
		
		.facility-card:hover .facility-link::after {
			width: 100%;
		}
		
		.facility-link i {
			font-size: 12px;
			margin-left: 5px;
			transition: transform 0.3s ease;
		}
		
		.facility-card:hover .facility-link i {
			transform: translateX(5px);
		}
		
		.facilities-cta {
			margin-top: 20px;
			padding: 12px 30px;
			font-weight: 600;
			box-shadow: 0 8px 25px rgba(0,0,0,0.15);
			transition: all 0.4s ease;
		}
		
		.facilities-cta:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 35px rgba(0,0,0,0.2);
		}
		
		/* Back to top button styling */
		.back-to-top {
			position: fixed;
			right: 15px;
			bottom: 15px;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background: var(--primary-color);
			color: white;
			transition: all 0.4s;
			z-index: 99;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
		}
		
		.back-to-top:hover {
			background: #000099;
			color: white;
			transform: scale(1.1);
		}
		
		/* Fix for sticky navbar when scrolling */
		.navbar.fixed-top {
			animation: fadeDown 0.5s;
		}
		
		@keyframes fadeDown {
			0% {
				transform: translateY(-100%);
				opacity: 0;
			}
			100% {
				transform: translateY(0);
				opacity: 1;
			}
		}
		
		/* Responsive adjustments */
		@media (max-width: 991px) {
			.vision-mission {
				flex-direction: column;
			}
			
			.vision-box {
				margin-right: 0;
				margin-bottom: 20px;
			}
			
			.vc-section {
				padding: 30px;
			}
			
			.vc-dark-section .vc-image {
				margin-bottom: 30px;
			}
			
			.quote-container {
				flex-direction: column;
			}
			
			.quote-content,
			.quote-image {
				width: 100%;
			}
			
			.image-container {
				height: 300px;
			}
			
			.quote-text {
				font-size: 18px;
			}
			
			.quote-marks {
				font-size: 120px;
				top: -20px;
			}
			
			.newsletter-form {
				margin-top: 20px;
			}
		}
		
		@media (max-width: 768px) {
			.university-name h1 {
				font-size: 22px;
			}
			
			.university-name p {
				font-size: 14px;
			}
			
			.carousel-inner {
				max-height: 300px;
			}
			
			.carousel-item img {
				height: 300px;
			}
			
			.vc-image {
				width: 100px;
				height: 100px;
				margin: 0 auto 20px;
				display: block;
			}
			
			.vc-info {
				padding-left: 0;
				text-align: center;
			}
			
			.vc-message:before {
				display: none;
			}
			
			.vc-message {
				padding-left: 0;
			}
			
			.section-title:after {
				left: 50%;
				transform: translateX(-50%);
			}
			
			.vc-designation:after {
				left: 50%;
				transform: translateX(-50%);
			}
			
			h1, h2, h3, h4, h5, h6, .text-md-start {
				text-align: center;
			}
			
			.quote-inner {
				padding: 30px !important;
			}
			
			.facility-card {
				margin-bottom: 30px;
				padding: 30px 20px 25px;
			}
			
			.facility-icon {
				width: 70px;
				height: 70px;
				font-size: 28px;
				margin-bottom: 20px;
			}
			
			.facility-content h4 {
				font-size: 20px;
			}
		}
		
		@media (max-width: 576px) {
			.quote-inner {
				padding: 20px !important;
			}
			
			.quote-text {
				font-size: 16px;
			}
			
			.author-name {
				font-size: 18px;
			}
			
			.image-container {
				height: 250px;
			}
			
			.newsletter-form input {
				padding-right: 20px;
			}
			
			.newsletter-form button {
				position: static;
				width: 100%;
				margin-top: 10px;
			}
		}
		
		/* Animation Keyframes */
		@keyframes fadeInUp {
			from {
				opacity: 0;
				transform: translateY(20px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
		
		@keyframes pulse {
			0% {
				transform: scale(1);
			}
			50% {
				transform: scale(1.05);
			}
			100% {
				transform: scale(1);
			}
		}

 /* Page Banner */
        .page-banner {
            background: linear-gradient(135deg, 
                #1a4c14 0%,
                #2d5016 15%, 
                #4a7c59 35%,
                #2d5016 65%,
                #7fb069 85%,
                #4a7c59 100%);
            background-size: 400% 400%;
            animation: gradientShift 15s ease infinite;
            color: white;
            padding: 4rem 0 3rem;
            position: relative;
            overflow: hidden;
			border-radius:15px;
        }

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .page-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 20% 30%, rgba(255,255,255,0.15) 0%, transparent 40%),
                radial-gradient(circle at 80% 70%, rgba(212,175,55,0.2) 0%, transparent 50%),
                radial-gradient(circle at 40% 80%, rgba(255,255,255,0.1) 0%, transparent 30%),
                url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.08)" opacity="0.6"><animate attributeName="opacity" values="0.3;0.8;0.3" dur="4s" repeatCount="indefinite" begin="0s"/></circle><circle cx="80" cy="80" r="1.5" fill="rgba(255,255,255,0.06)" opacity="0.4"><animate attributeName="opacity" values="0.2;0.7;0.2" dur="6s" repeatCount="indefinite" begin="1s"/></circle><circle cx="50" cy="50" r="1" fill="rgba(212,175,55,0.15)" opacity="0.5"><animate attributeName="opacity" values="0.4;0.9;0.4" dur="5s" repeatCount="indefinite" begin="2s"/></circle><circle cx="30" cy="70" r="0.8" fill="rgba(255,255,255,0.05)" opacity="0.3"><animate attributeName="opacity" values="0.2;0.6;0.2" dur="7s" repeatCount="indefinite" begin="0.5s"/></circle></svg>'),
                repeating-linear-gradient(
                    45deg,
                    transparent 0px,
                    transparent 2px,
                    rgba(255,255,255,0.03) 2px,
                    rgba(255,255,255,0.03) 4px,
                    transparent 4px,
                    transparent 40px
                ),
                repeating-linear-gradient(
                    -45deg,
                    transparent 0px,
                    transparent 1px,
                    rgba(212,175,55,0.05) 1px,
                    rgba(212,175,55,0.05) 2px,
                    transparent 2px,
                    transparent 80px
                );
            background-size: 
                300px 300px,
                400px 400px,
                250px 250px,
                100px 100px,
                40px 40px,
                80px 80px;
            background-position: 
                0 0,
                200px 200px,
                100px 50px,
                0 0,
                0 0,
                40px 40px;
            animation: floatComplex 25s linear infinite;
            opacity: 0.9;
        }

        .page-banner::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                linear-gradient(
                    45deg,
                    rgba(255,255,255,0.1) 0%,
                    transparent 30%,
                    rgba(212,175,55,0.15) 60%,
                    transparent 100%
                ),
                url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><pattern id="greenPattern" patternUnits="userSpaceOnUse" width="40" height="40"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.08)" opacity="0.4"/><circle cx="10" cy="10" r="0.5" fill="rgba(212,175,55,0.1)" opacity="0.6"/><circle cx="30" cy="30" r="0.8" fill="rgba(255,255,255,0.06)" opacity="0.3"/></pattern></defs><rect width="100%" height="100%" fill="url(%23greenPattern)"/></svg>');
            background-size: 
                600px 600px,
                200px 200px;
            background-position: 
                -100px -100px,
                0 0;
            animation: shimmer 20s ease-in-out infinite;
            pointer-events: none;
            opacity: 0.6;
        }

        @keyframes floatComplex {
            0% { 
                transform: translate(0, 0) rotate(0deg);
                opacity: 0.9;
            }
            25% { 
                transform: translate(-15px, -8px) rotate(0.5deg);
                opacity: 0.7;
            }
            50% { 
                transform: translate(-30px, -15px) rotate(0deg);
                opacity: 0.9;
            }
            75% { 
                transform: translate(-45px, -8px) rotate(-0.5deg);
                opacity: 0.8;
            }
            100% { 
                transform: translate(-60px, 0px) rotate(0deg);
                opacity: 0.9;
            }
        }

        @keyframes shimmer {
            0%, 100% { 
                transform: translateX(0) scale(1);
                opacity: 0.6;
            }
            25% { 
                transform: translateX(20px) scale(1.02);
                opacity: 0.4;
            }
            50% { 
                transform: translateX(40px) scale(1);
                opacity: 0.7;
            }
            75% { 
                transform: translateX(60px) scale(0.98);
                opacity: 0.5;
            }
        }

        .page-banner-content {
            position: relative;
            z-index: 10;
            text-align: center;
        }

        .page-banner h1 {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: #ffffff;
            text-shadow: 
                0 2px 4px rgba(0,0,0,0.4),
                0 4px 8px rgba(0,0,0,0.3),
                0 1px 0px rgba(255,255,255,0.2),
                0 0 12px rgba(255,255,255,0.1);
            position: relative;
            letter-spacing: 0.3px;
            text-transform: uppercase;
            z-index: 10;
            animation: textShimmer 4s ease-in-out infinite;
        }

        .page-banner h1::before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            background: radial-gradient(ellipse at center, rgba(255,255,255,0.1) 0%, transparent 70%);
            border-radius: 10px;
            z-index: -1;
        }

        @keyframes textShimmer {
            0%, 100% { 
                text-shadow: 
                    0 2px 4px rgba(0,0,0,0.4),
                    0 4px 8px rgba(0,0,0,0.3),
                    0 1px 0px rgba(255,255,255,0.2),
                    0 0 12px rgba(255,255,255,0.1);
            }
            50% { 
                text-shadow: 
                    0 2px 4px rgba(0,0,0,0.4),
                    0 4px 8px rgba(0,0,0,0.3),
                    0 1px 0px rgba(255,255,255,0.3),
                    0 0 16px rgba(255,255,255,0.15);
            }
        }

        .breadcrumb-nav {
            font-size: 0.9rem;
            opacity: 0.95;
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
            padding: 0.4rem 1.2rem;
            border-radius: 25px;
            display: inline-block;
            border: 1px solid rgba(255,255,255,0.2);
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }

        .breadcrumb-nav a {
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
            font-weight: 500;
        }

        .breadcrumb-nav a:hover {
            color: var(--gold);
            text-shadow: 0 0 8px rgba(212,175,55,0.5);
        }

        .breadcrumb-nav .active {
            color: var(--gold);
            font-weight: 600;
            text-shadow: 0 0 10px rgba(212,175,55,0.3);
        }

        /* Sidebar */
        .sidebar {
            background: var(--card-bg);
            border-radius: 15px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            overflow: hidden;
            position: sticky;
            top: 2rem;
        }

        .sidebar-header {
            background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));
            color: white;
            padding: 1.2rem;
            text-align: center;
        }

        .sidebar-header h4 {
            margin: 0;
            font-family: 'Playfair Display', serif;
            font-weight: 600;
            font-size: 1rem;
        }

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

        .sidebar-menu li {
            border-bottom: 1px solid #f0f0f0;
        }

        .sidebar-menu li:last-child {
            border-bottom: none;
        }

        .sidebar-menu a {
            display: block;
            padding: 0.6rem 1.2rem;
            color: var(--dark-text);
            text-decoration: none;
            transition: all 0.3s ease;
            font-weight: 500;
            font-size: 0.9rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            border-left: 3px solid transparent;
        }

        .sidebar-menu a:hover {
            background: linear-gradient(135deg, rgba(45,80,22,0.08), rgba(74,124,89,0.08));
            color: var(--primary-green);
            border-left: 3px solid var(--accent-green);
            padding-left: 1.4rem;
        }

        .sidebar-menu a.active {
            background: linear-gradient(135deg, rgba(45,80,22,0.12), rgba(74,124,89,0.12));
            color: var(--primary-green);
            border-left: 3px solid var(--primary-green);
            font-weight: 600;
            padding-left: 1.4rem;
        }

        .sidebar-menu a.active::before {
            content: '';
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            background: var(--primary-green);
            border-radius: 50%;
        }

        /* Main Content */
        .content-area {
            background: var(--card-bg);
            border-radius: 15px;
            padding: 0;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            overflow: hidden;
			position:relative;
        }

        /* Preamble Section */
        .preamble-section {
            background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));
            color: white;
            padding: 3rem 2.5rem;
            position: relative;
        }

        .preamble-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M20,50 Q30,30 50,50 Q70,70 80,50" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></svg>');
            background-size: 100px 100px;
            opacity: 0.3;
        }

        .preamble-content {
            position: relative;
            z-index: 2;
        }

        .preamble-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.7rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            text-align: center;
        }

        .preamble-text {
            font-size: 0.9rem;
            line-height: 1.6;
            text-align: justify;
            opacity: 0.95;
        }

        /* Vision & Mission Boxes */
        .vision-mission-container {
            padding: 3rem 2.5rem;
        }

        .vision-box, .mission-box {
            margin-bottom: 3rem;
            position: relative;
        }

        .vision-box h2, .mission-box h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--primary-green);
            margin-bottom: 1.5rem;
            text-align: center;
            position: relative;
        }

        .vision-box h2::after, .mission-box h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, var(--gold), var(--accent-green));
            border-radius: 2px;
        }

        .vision-statement {
            background: linear-gradient(135deg, rgba(45,80,22,0.05), rgba(74,124,89,0.05));
            border: 2px solid var(--accent-green);
            border-radius: 15px;
            padding: 2.5rem;
            font-size: 1.2rem;
            line-height: 1.8;
            text-align: center;
            font-style: italic;
            color: var(--primary-green);
            font-weight: 500;
            position: relative;
        }

        .vision-statement::before {
            content: '"';
            font-size: 4rem;
            color: var(--gold);
            position: absolute;
            top: -0.5rem;
            left: 1rem;
            opacity: 0.3;
        }

        .vision-statement::after {
            content: '"';
            font-size: 4rem;
            color: var(--gold);
            position: absolute;
            bottom: -2rem;
            right: 1rem;
            opacity: 0.3;
        }

        /* Mission Objectives */
        .mission-objectives {
            display: grid;
            gap: 2rem;
        }

        .objective-card {
            background: white;
            border: 2px solid transparent;
            border-radius: 15px;
            padding: 2rem;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .objective-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-green), var(--secondary-green), var(--accent-green));
            border-radius: 15px 15px 0 0;
        }

        .objective-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(45,80,22,0.2);
            border-color: var(--accent-green);
        }

        .objective-header {
            display: flex;
            align-items: center;
            margin-bottom: 1.5rem;
        }

        .objective-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: white;
            margin-right: 1rem;
            flex-shrink: 0;
        }

        .objective-card:nth-child(1) .objective-icon {
            background: linear-gradient(135deg, #1e40af, #3b82f6);
        }

        .objective-card:nth-child(2) .objective-icon {
            background: linear-gradient(135deg, #059669, #10b981);
        }

        .objective-card:nth-child(3) .objective-icon {
            background: linear-gradient(135deg, #7c3aed, #a78bfa);
        }

        .objective-card:nth-child(4) .objective-icon {
            background: linear-gradient(135deg, #dc2626, #f87171);
        }

        .objective-card:nth-child(5) .objective-icon {
            background: linear-gradient(135deg, #d97706, #fbbf24);
        }

        .objective-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.4rem;
            font-weight: 600;
            color: var(--primary-green);
            margin: 0;
        }

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

        .objective-points li {
            padding: 0.5rem 0;
            border-bottom: 1px solid #eee;
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
        }

        .objective-points li:last-child {
            border-bottom: none;
        }

        .objective-points li::before {
            content: '';
            width: 8px;
            height: 8px;
            background: var(--accent-green);
            border-radius: 50%;
            margin-top: 0.5rem;
            flex-shrink: 0;
        }

        /* Strategic Priorities Section */
        .strategic-section {
            background: linear-gradient(135deg, rgba(45,80,22,0.03), rgba(74,124,89,0.03));
            padding: 3rem 2.5rem;
            margin-top: 2rem;
            border-radius: 0 0 15px 15px;
        }

        .strategic-title {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            font-weight: 700;
            color: var(--primary-green);
            text-align: center;
            margin-bottom: 2rem;
        }

        .priorities-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
        }

        .priority-item {
            background: white;
            border-radius: 10px;
            padding: 1.5rem;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            border-left: 4px solid var(--gold);
            transition: all 0.3s ease;
        }

        .priority-item:hover {
            transform: translateX(5px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.12);
        }

        .priority-item strong {
            color: var(--primary-green);
            font-weight: 600;
        }

        /* Core Values Section */
        .values-section {
            background: var(--primary-green);
            color: white;
            padding: 3rem 2.5rem;
            margin-top: 2rem;
            position: relative;
        }

        .values-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1.5" fill="rgba(255,255,255,0.08)"/></svg>');
            background-size: 100px 100px;
            opacity: 0.3;
        }

        .values-content {
            position: relative;
            z-index: 2;
        }

        .values-title {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 2rem;
        }

        .values-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
        }

        .value-item {
            text-align: center;
            padding: 1.5rem;
            background: rgba(255,255,255,0.1);
            border-radius: 10px;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }

        .value-item:hover {
            background: rgba(255,255,255,0.15);
            transform: translateY(-5px);
        }

        .value-name {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            color: var(--gold);
        }

        .value-description {
            font-size: 0.95rem;
            opacity: 0.9;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .page-banner {
                padding: 3rem 0 2.5rem;
            }

            .page-banner h1 {
                font-size: 1.6rem;
                font-weight: 600;
                text-shadow: 
                    0 2px 4px rgba(0,0,0,0.5),
                    0 4px 8px rgba(0,0,0,0.4),
                    0 1px 0px rgba(255,255,255,0.3),
                    0 0 10px rgba(255,255,255,0.15);
            }

            .breadcrumb-nav {
                font-size: 0.8rem;
                padding: 0.3rem 1rem;
            }

            .preamble-title {
                font-size: 1.4rem;
            }

            .preamble-text {
                font-size: 0.85rem;
            }

            .vision-box h2, .mission-box h2 {
                font-size: 1.3rem;
            }

            .vision-statement {
                font-size: 0.9rem;
                padding: 1.5rem;
            }

            .strategic-title,
            .values-title {
                font-size: 1.3rem;
            }

            .objective-title {
                font-size: 1rem;
            }

            .vision-mission-container,
            .preamble-section,
            .strategic-section,
            .values-section {
                padding: 2rem 1.5rem;
            }

            .objective-card {
                padding: 1.5rem;
            }

            .objective-header {
                flex-direction: column;
                text-align: center;
            }

            .objective-icon {
                margin-right: 0;
                margin-bottom: 1rem;
            }

            /* Mobile sidebar adjustments */
            .sidebar {
                position: static;
                margin-bottom: 2rem;
            }

            .sidebar-menu a {
                padding: 0.5rem 1rem;
                font-size: 0.8rem;
            }

            .sidebar-menu a:hover,
            .sidebar-menu a.active {
                padding-left: 1.2rem;
            }
        }

        @media (max-width: 576px) {
            .page-banner {
                padding: 2.5rem 0 2rem;
            }

            .page-banner h1 {
                font-size: 1.4rem;
                font-weight: 600;
                text-shadow: 
                    0 2px 4px rgba(0,0,0,0.6),
                    0 4px 8px rgba(0,0,0,0.5),
                    0 1px 0px rgba(255,255,255,0.4),
                    0 0 8px rgba(255,255,255,0.2);
                letter-spacing: 0.2px;
            }

            .breadcrumb-nav {
                font-size: 0.75rem;
                padding: 0.25rem 0.8rem;
            }

            .preamble-title {
                font-size: 1.2rem;
            }

            .preamble-text {
                font-size: 0.8rem;
            }

            .vision-box h2, .mission-box h2 {
                font-size: 1.1rem;
            }

            .vision-statement {
                font-size: 0.85rem;
                padding: 1.2rem;
            }

            .strategic-title,
            .values-title {
                font-size: 1.1rem;
            }

            .objective-title {
                font-size: 0.95rem;
            }

            .value-name {
                font-size: 0.9rem;
            }

            .value-description {
                font-size: 0.8rem;
            }

            .sidebar-menu a {
                padding: 0.4rem 0.8rem;
                font-size: 0.75rem;
            }
            
            .sidebar-menu a:hover,
            .sidebar-menu a.active {
                padding-left: 1rem;
            }
        }

        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }